/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[3].use[1]!./src/css/variables.css ***!
  \******************************************************************************************************************************************************************/

:root {
	/* FONTS */
	--Centric8CJKFont: SimSun;

	/* COMMON COLORS */
	--Grey50: #FAFAFC;
	--Grey100: #F5F6FA;
	--Grey200: #EDF0F5;
	--Grey300: #E4E8F0;
	--Grey400: #DADFE8;
	--Grey500: #CED4DE;
	--Grey600: #C3C9D4;
	--Grey700: #B5BCC7;
	--Grey800: #A3ABB8;
	--Grey900: #8E96A3;
	--Grey1000: #79818F;

	--Black50: #070708;
	--Black100: #1D2129;
	--Black200: #2e3440;
	--Black300: #404754;
	--Black400: #525866;
	--Black500: #616875;
	--Black600: #6E7480;

	--Charcoal50: #3C485C;
	--Charcoal100: #525E75;
	--Charcoal500: #AEBBD4;

	--White50: #FFFFFF;
	--WhiteOpacity20: rgba(255, 255, 255, 0.2);

	--Blue30: #F5FAFF;
	--Blue50: #E6F2FC;
	--Blue100: #C5E0FA;
	--Blue200: #A5CFFA;
	--Blue300: #83BDF7;
	--Blue400: #61A7F2;
	--Blue500: #3C94F0;
	--Blue600: #2D76D4;
	--Blue700: #2059BA;
	--Blue800: #194191;
	--Blue900: #112563;

	--Red50: #FAE9E6;
	--Red100: #F5D4CE;
	--Red200: #F2BBB1;
	--Red300: #F59C90;
	--Red400: #ED7A6D;
	--Red500: #E75E4F;
	--Red600: #D14030;
	--Red700: #BA271A;
	--Red800: #991F12;
	--Red900: #800D00;

	--Green30: #F5FCF8;
	--Green50: #E6F7EC;
	--Green100: #CAEDD4;
	--Green200: #9BDEAD;
	--Green300: #71D18F;
	--Green400: #52C47A;
	--Green500: #35B261;
	--Green600: #299950;
	--Green700: #218043;
	--Green800: #176632;
	--Green900: #124D23;

	--Yellow50: #FFFAE0;
	--Yellow100: #FCF2CA;
	--Yellow200: #FCEBA2;
	--Yellow300: #FFE57A;
	--Yellow400: #FFDD52;
	--Yellow500: #FCCD30;
	--Yellow600: #FAB920;
	--Yellow700: #F0A50E;
	--Yellow800: #AB6C00;
	--Yellow900: #734900;

	--Orange50: #FEF0E1;
	--Orange100: #FADEB9;
	--Orange200: #F7CA8B;
	--Orange300: #F7B86A;
	--Orange400: #FAA243;
	--Orange500: #F38B22;
	--Orange600: #E37617;
	--Orange700: #C96314;
	--Orange800: #94480D;
	--Orange900: #73340A;

	--Cyan30: #F5FCFC;
	--Cyan50: #E6F6F7;
	--Cyan100: #CEEEF0;
	--Cyan200: #AAE1E6;
	--Cyan300: #77D1D9;
	--Cyan400: #4CBBC7;
	--Cyan500: #38A9BA;
	--Cyan600: #329AA8;
	--Cyan700: #2A858F;
	--Cyan800: #20686E;
	--Cyan900: #195859;

	--Purple30: #F7F5FC;
	--Purple50: #F1EBFC;
	--Purple100: #E0D5F7;
	--Purple200: #C6B3F2;
	--Purple300: #A893ED;
	--Purple400: #8F79E8;
	--Purple500: #7A65E6;
	--Purple600: #6A57E6;
	--Purple700: #5A45CC;
	--Purple800: #4436A3;
	--Purple900: #311D80;

	--MutedPurple200: #CFCCE8;
	--MutedPurple600: #6B65A8;
	--MutedPurple700: #59548C;
	--MutedPurple900: #3C395E;

	--Magenta50: #FAEBF2;
	--Magenta100: #F5D7E6;
	--Magenta200: #F2AECC;
	--Magenta300: #ED82AD;
	--Magenta400: #EB5E96;
	--Magenta500: #DE4780;
	--Magenta600: #CC2D6D;
	--Magenta700: #B01758;
	--Magenta800: #960F4F;
	--Magenta900: #750C48;

	/* GREY */
	--GreyOne: var(--Grey700);
	--GreyTwo: var(--Grey300);
	--GreyThree: var(--Grey100);
	--GreyFive: var(--Grey900);
	--GreySix: var(--Grey50);
	--GreySeven: var(--Grey500);
	--GreyEight: var(--Grey100);
	--GreyNine: var(--Grey100);
	--GreyTen: var(--Grey100);
	--GreyEleven: var(--Grey200);
	--GreyTwelve: var(--Grey600);
	--GreyThirteen: var(--Grey600);
	--GreyFourteen: var(--Grey500);
	--GreyFifteen: var(--Grey900);
	--GreySixteen: var(--Black100);
	--GreySeventeen: var(--Grey1000);
	--GreyEighteen: var(--Grey500);
	--GreyNineteen: var(--Grey800);
	--GreyTwenty: var(--Grey1000);
	--GreyOnBlue: var(--Grey500);

	/* BLUE */
	--Blue1: var(--Blue30);
	--Blue2: var(--Blue50);
	--Blue3: var(--Blue500);
	--BlueFour: rgba(74, 144, 226, 0.2);

	/* PRIMARY */
	--PrimaryBlack: var(--Black100);
	--PrimaryBlack2: var(--Black50);
	--PrimaryBlue: var(--Blue600);
	--PrimaryDisabledColor: var(--Blue200);
	--PrimaryGrey: var(--Grey200);
	--PrimaryColor2: var(--Blue700);
	--PrimaryColor3: var(--Blue900);
	--PrimaryWhite: var(--White50);
	--PrimaryColor: var(--PrimaryBlue);

	/* OTHER COLORS */
	--DebugXmlBackgroundColor: var(--Grey50);
	--DebugXmlBorderColor: var(--GreyFive);
	--DebugXmlHighlightBorderColor: var(--Orange700);

	--FlatTitleTextColor: var(--GreyFifteen);

	--BlueCheckmark: var(--Blue600);
	--InfoBlue: var(--PrimaryBlue);
	--InfoBlueBackgroundColor: var(--Blue50);

	--ProgressBarDeterminateProgressColor: var(--PrimaryBlue);
	--ProgressBarDeterminateBackgroundColor: var(--PrimaryBlack);

	--WaitDotBackgroundColor: var(--PrimaryBlue);

	--AlertRed: var(--Red500);
	--AlertYellow: var(--Yellow500);
	--AlertGreen: var(--Green400);

	--WarningRed: var(--Red400);
	--WarningYellow: var(--Yellow50);

	--CanvasWarningIcon: var(--Yellow500);

	--CompareGreen: var(--Green600);
	--CompareRed: var(--Red600);

	--HeaderGreen: var(--Green50);
	--HeaderRed: var(--Red50);

	--ErrorTextColor: var(--Red600);
	--GreenTextColor: var(--Green800);
	--RedTextColor: var(--Red600);
	--YellowTextColor: var(--Yellow800);

	/* COMMON */
	--BreadcrumbHeight: 35px;
	--CardImageSize: 48px;
	--CardSpacing: 6px;
	--CardNameSectionColor: var(--SecondaryText);
	--HeaderCardWidth: 400px;
	--NavDropDownHeight: 500px;
	--GutterBackgroundColor: var(--GreyThree);
	--HeaderHeight: 38px;
	--HeaderOpacity: 0.85;
	--HeadingLabelColor: var(--GreyFive);
	--PopupShadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	--InputInsetShadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
	--PlaceholderTextColor: var(--GreyOne);
	--PlaceholderBackgroundColor: var(--White50);
	--SelectedBackgroundColor: var(--Blue2);
	--SemiBold: 600;
	--ShadowColor: var(--PrimaryBlack);
	--SiteHeaderBackground: var(--PrimaryColor);
	--StandardBackgroundColor: var(--PrimaryWhite);
	--StandardBorderColor: var(--GreySeven);
	--StandardBorder: 1px solid var(--StandardBorderColor);
	--TopHeight: 74px;
	--ViewMessageTextColor: var(--GreyFive);

	/* ATTRIBUTE CARD */
	--AttributeCardBorder: 1px solid var(--Grey400);
	--AttributeCardNoImageColor: var(--Grey400);
	--AttributeCardSeparatorColor: var(--GreyEighteen);

	--AttributeCardSetupBlockBackgroundColor: var(--GreyThree);
	--AttributeCardSetupContentBackgroundColor: var(--PrimaryWhite);
	--AttributeCardSetupImageColor: var(--Grey400);
	--AttributeCardSetupStubBackgroundColor: var(--PrimaryGrey);
	--AttributeCardSetupSpacing: 10px;

	/* ANIMATION */
	--TransitionDuration: 0.1s;
	--TransitionDurationMedium: 0.25s;

	/* COUNTTOGGLE */
	--CountToggleHoverBackgroundColor: var(--Grey400);
	--CountToggleCheckedBackgroundColor: var(--Grey400);
	--CountToggleCheckedSelectedBackgroundColor: var(--GreyOnBlue);

	/* CROSS OUT */
	--CrossOutBorderColor: var(--Red600);

	/* GRIDSELECT */
	--GridSelectHoverBackgroundColor: var(--GreyTwo);
	--GridSelectRowHoverBackgroundColor: var(--GreyThree);
	--GridSelectSelectedBackgroundColor: var(--GreyThree);
	--GridSelectCheckHoverColor: var(--GreyOne);
	--GridSelectCheckRowHoverColor: var(--Grey400);
	--GridSelectCheckSelectedColor: var(--PrimaryColor);

	/* LINKS */
	--LinkNormal: var(--Blue600);
	--LinkHover: var(--Blue800);
	--LinkActive: var(--Blue600);
	--LinkDisabled: var(--GreyOne);

	/* TOOLBAR */
	--ToolbarBackground: var(--PrimaryWhite);
	--ToolbarMargin: 10px;
	--ToolbarSpacing: 4px;
	--Toolbar2Background: var(--GreyThree);

	--ToolbarFilterPillBorderColor: var(--GreyOne);
	--ToolbarFilterPillBackgroundColor: var(--PrimaryGrey);
	--ToolbarFilterPillHoverBackgroundColor: var(--Grey400);

	--ToolbarWarningColor: var(--PrimaryBlue);
	--ToolbarWarningBackgroundColor: var(--HeaderRed);

	/* TOOLTIP */
	--TooltipBorder: var(--Grey400);
	--TooltipActionBorderColor: var(--Grey400);
	--TooltipPillBackgroundColor: var(--White50);
	--TooltipBackground: var(--White50);
	--TooltipSeparatorBorderColor: var(--GreyOne);
	--TooltipFormColor: var(--GreyFive);
	--TooltipLableColor: var(--PrimaryBlack);
	--TooltipSpacing: 10px;

	/*Tab*/
	--TabIcon: var(--PrimaryBlack);

	/* TEXT */
	--PrimaryText: var(--PrimaryBlack);
	--SecondaryText: var(--Black500);
	--SecondaryBtnText: var(--PrimaryBlack);
	--TabsTextNormal: var(--PrimaryBlack);
	--TabsTextActive: var(--PrimaryBlue);
	--HintText: var(--GreyOne);
	--DisabledText: var(--Grey800);
	--InvalidText: var(--Grey800);
	--BreadcrumbLink: var(--PrimaryColor);
	--BreadcrumbText: var(--Black500);
	--BlackTextColor: var(--PrimaryBlack2);
	--GreyTextColor: var(--Grey1000);
	--WhiteTextColor: var(--PrimaryWhite);
	--MatrixCompareTextColor: var(--Red900);

	/* Badge */
	--BadgeTextColor: var(--PrimaryWhite);
	--BadgeBackgroundColor: var(--AlertRed);

	/* BOM */
	--BomMaterialUnavailable: var(--Red500);
	--BomMaterialItemBackgroundColor: var(--GreySix);
	--BomProductStructureBackgroundColor: var(--PrimaryGrey);

	/* BREADCRUMB */
	--BreadcrumbBackgroundColor: var(--StandardBackgroundColor);
	--BreadcrumbNormalLinkColor: var(--PrimaryColor);
	--BreadcrumbNormalTextColor: var(--GreyFive);
	--BreadcrumbNormalBorderColor: var(--Grey400);
	--BreadcrumbNavigationButtonBackgroundColor: var(--Grey100);
	--BreadcrumbHoverBackgroundColor: var(--GreyTwo);
	--BreadcrumbHoverBackgroundSecondaryColor: var(--GreyThree);

	/* BUTTONS */
	--BtnPrimaryNormalBackgroundColor: var(--PrimaryColor);
	--BtnPrimaryNormalBorderColor: var(--PrimaryColor);
	--BtnPrimaryNormalTextColor: var(--PrimaryWhite);
	--BtnPrimaryHoverBackgroundColor: var(--PrimaryColor2);
	--BtnPrimaryHoverBorderColor: var(--PrimaryColor2);
	--BtnPrimaryActiveBackgroundColor: var(--PrimaryColor2);
	--BtnPrimaryActiveBorderColor: var(--PrimaryColor2);
	--BtnPrimaryFocusedBorderColor: var(--Blue900);
	--BtnPrimaryDisabledBackgroundColor: var(--PrimaryDisabledColor);
	--BtnPrimaryDisabledBorderColor: var(--PrimaryDisabledColor);
	--BtnPrimaryDisabledTextColor: var(--GreyThree);
	--BtnPrimaryDropdownSeparator: var(--WhiteOpacity20);

	--BtnSecondaryNormalBackgroundColor: var(--PrimaryGrey);
	--BtnSecondaryNormalBorderColor: var(--Grey400);
	--BtnSecondaryNormalTextColor: var(--PrimaryBlack);
	--BtnSecondaryHoverBackgroundColor: var(--Grey400);
	--BtnSecondaryHoverBorderColor: var(--GreyOne);
	--BtnSecondaryActiveBackgroundColor: var(--Grey400);
	--BtnSecondaryActiveBorderColor: var(--GreyOne);
	--BtnSecondaryFocusedBorderColor: var(--PrimaryColor);
	--BtnSecondaryDisabledBackgroundColor: var(--GreyThree);
	--BtnSecondaryDisabledBorderColor: var(--Grey400);
	--BtnSecondaryDisabledTextColor: var(--GreyOne);
	--BtnSecondaryOnTableGroupBackgroundColor: var(--PrimaryWhite);
	--BtnSecondaryOnTableGroupBorderColor: var(--Grey400);
	--BtnTooltipActiveBackgroundColor: var(--Grey50);
	--BtnTooltipHoverBackgroundColor: var(--Grey100);

	--BtnLinkNormalBackgroundColor: transparent;
	--BtnLinkNormalBorderColor: transparent;
	--BtnLinkNormalTextColor: var(--LinkNormal);
	--BtnLinkHoverTextColor: var(--LinkHover);
	--BtnLinkActiveTextColor: var(--LinkActive);
	--BtnLinkFocusedBorderColor: var(--PrimaryColor);
	--BtnLinkDisabledTextColor: var(--LinkDisabled);

	--BtnToggleCheckedBackgroundColor: var(--GreyThree);
	--BtnToggleCheckedHoverBackgroundColor: var(--Grey400);

	--BtnToolbarNormalBackgroundColor: var(--PrimaryWhite);
	--BtnToolbarNormalBorderColor: var(--Grey400);
	--BtnToolbarNormalTextColor: var(--PrimaryBlack);
	--BtnToolbarHoverBackgroundColor: var(--GreyThree);
	--BtnToolbarHoverBorderColor: var(--GreyOne);
	--BtnToolbarActiveBackgroundColor: var(--Grey100);
	--BtnToolbarActiveBorderColor: var(--GreyOne);
	--BtnToolbarFocusedBorderColor: var(--PrimaryColor);
	--BtnToolbarDisabledBackgroundColor: var(--GreyThree);
	--BtnToolbarDisabledBorderColor: var(--Grey400);
	--BtnToolbarDisabledTextColor: var(--GreyOne);

	--BtnBrowseUploadNormalBorderColor: var(--GreyOne);
	--BtnBrowseUploadHoverBorderColor: var(--GreyFive);
	--BtnBrowseUploadActiveBorderColor: var(--GreyFive);

	--BtnActionIconNormalTextColor: var(--GreyFive);
	--BtnActionIconHoverTextColor: var(--PrimaryColor);
	--BtnActionIconHoverBackground: none;
	--BtnActionIconActiveTextColor: var(--PrimaryColor2);
	--BtnActionIconActiveBackground: none;
	--BtnActionIconFocusedBorderColor: var(--PrimaryColor);
	--BtnActionIconDisabledTextColor: var(--GreyOne);

	--BtnDarkThemeBackground: var(--GreyFive);
	--BtnDarkThemeBorder: var(--GreySeven);
	--BtnDarkThemeBtnTextColor: var(--PrimaryWhite);
	--BtnDarkThemeHoverBackground: var(--PrimaryBlack);
	--BtnDarkThemeHoverBorder: var(--PrimaryBlack);
	--BtnDarkThemeDisabledBackground: var(--PrimaryBlack);
	--BtnDarkThemeDisabledTextColor: var(--PrimaryBlack);
	--DarkThemeBorderColor: var(--PrimaryBlack);
	--DarkThemeInputBorderColor: var(--Black200);
	--DarkThemeInputArrowColor: var(--PrimaryWhite);

	--DarkThemeBtnPrimaryNormalBackgroundColor: var(--Blue600);
	--DarkThemeBtnPrimaryNormalBorderColor: var(--Blue600);
	--DarkThemeBtnPrimaryFocusedBorderColor: var(--Blue900);
	--DarkThemeBtnPrimaryDisabledBackgroundColor: var(--Blue200);
	--DarkThemeBtnPrimaryDisabledBorderColor: var(--Blue200);
	--DarkThemeBtnPrimaryHoverBorderColor: var(--Blue700);
	--DarkThemeBtnPrimaryHoverBackgroundColor: var(--Blue700);
	--DarkThemeBtnPrimaryActiveBorderColor: var(--Blue700);
	--DarkThemeTabHoverBorderTop: var(--Blue600);

	/* BUTTON SWITCH */
	--ButtonSwitchNormalTextColor: var(--PrimaryBlack); /* Label */
	--ButtonSwitchHoverTextColor: var(--PrimaryBlack); /* Label Hover */
	--ButtonSwitchActiveTextColor: var(--PrimaryBlack); /* Label Active */
	--ButtonSwitchFocusedBorderColor: var(--PrimaryColor);
	--ButtonSwitchNormalIconToggleColor: var(--PrimaryWhite); /* Switch circle */
	--ButtonSwitchNormalIconStateOnBackgroundColor: var(--PrimaryColor); /* Background color - switch ON */
	--ButtonSwitchNormalIconStateOffBackgroundColor: var(--GreyOne); /* Background color - switch OFF */
	--ButtonSwitchDisabledTextColor: var(--GreyOne);
	--ButtonSwitchDisabledIconToggleColor: var(--GreyThree);
	--ButtonSwitchDisabledIconStateOnBackgroundColor: var(--PrimaryDisabledColor);
	--ButtonSwitchDisabledIconStateOffBackgroundColor: var(--Grey400);

	/* CALENDAR */
	--CalendarTimeLineExpBackgroundColor: var(--PrimaryGrey);
	--CalendarTimeLineExpBorderColor: var(--GreyOne);
	--CalendarTableHeaderColorMilestone: var(--Grey400);
	--CalendarHeadBackgroundColor: var(--Grey400);

	/* SPLITPANE */
	--SplitterBackgroundColor: var(--GreyEleven);
	--SplitterHandleColor: var(--Grey800);
	--SplitterWarningBackgroundColor: var(--WarningRed);
	--SplitterWarningHandleColor: var(--PrimaryWhite);

	/* CANVAS VIEW */
	--SVGContainerBackgroundColor: var(--Grey100);
	--SVGThumbNormalBorderColor: var(--Grey300);
	--SVGThumbSelectedBorderColor: var(--Grey700);
	--SVGThumbFocusBorderColor: var(--PrimaryColor);
	--SVGThumbHoverBorderColor: var(--Grey500);
	--SVGToolbarMenuBackground: var(--PrimaryWhite);
	--SVGViewBackground: var(--PrimaryWhite);
	--SVGViewLeftBackground: var(--Grey100);
	--SVGCanvasColor: var(--PrimaryWhite);
	--SVGCanvasHighlightGrey: 2px dashed var(--Grey700);
	--SVGCanvasHighlightRed: 2px dashed var(--Red700);
	--SVGCanvasHighlightBlue: 2px dashed var(--PrimaryBlue);
	--SVGToolbarBackgroundColor: var(--Grey100);
	--SVGComboboxBorderColor: var(--Grey400);
	--SVGIconHighlightBackgroundColor: var(--Blue1);
	--SVGIconHighlightBorderColor: var(--PrimaryColor);
	--SVGNoteAuthorColor: var(--GreyFive);
	--SVGNoteActiveBorderColor: var(--PrimaryBlue);
	--SVGBtnToolbarActiveBackgroundColor: var(--GreyEight);
	--SVGBtnToolbarHoverBackgroundColor: var(--GreyEight);
	--SVGBtnToolbarHoverBorderColor: var(--GreyTwelve);
	--SVGToolbarBackgroundColor: var(--Grey100);
	--SVGAccordionSeparator: var(--Grey400);

	/* 3DViewer */
	--ThreeDViewerBorderColor: var(--Grey400);

	/* CHARTS */
	--ChartsFormRowHoverBackgroundColor: var(--SelectedBackgroundColor);
	--ChartsFormSelectedBackgroundColor: var(--SelectedBackgroundColor);

	/* COMPOSITE */
	--CompositeViewBorderColor: var(--Grey600);
	--CompositeViewSpacing: 10px;

	/* COLLECTION BOOK */
	--CatalogColorSelectedBorderColor: var(--Red600);
	--CatalogSizesBackgroundColor: var(--PrimaryGrey);
	--CatalogSizesBorderColor: var(--Grey400);
	--CalatogPdfBorderColor: var(--PrimaryGrey);

	/* DATE RANGE */
	--DateRangeBoundaryBorderColor: var(--PrimaryColor);
	--DateRangeSelectedBackgroundColor: var(--Blue2);
	--DateRangeSelectedBorderColor: var(--Blue2);

	/* DATASHEET */
	--DataSheetBorderColor: var(--Grey400);
	--DataSheetTitleBackgroundColor: var(--Grey400);
	--DataSheetCommentsBackgroundColor: var(--GreyEleven);

	/* DGRID Slicer */
	--SlicerClassifierItemBorderColor: var(--Grey400);

	--SlicerTextGray: var(--Grey900);
	--SlicerShadedHeadBackgroundColor: var(--GreyEight);
	--SlicerHeadBackgroundColor: var(--GreyNine);
	--SlicerFooterBackgroundColor: var(--GreyNine);
	--SlicerGridBackgroundColor: var(--PrimaryWhite);

	--SlicerCompareBackgroundColor: var(--GreyThree);
	--SlicerCompareIconColor: var(--Grey1000);
	--SlicerClassifierBackgroundColor: var(--Grey600);
	--SlicerClassifierFontColor: var(--PrimaryText);
	--SlicerMetricsBackgroundColor: var(--Blue100);
	--SlicerCliassifierBorderColor: var(--Grey1000);
	--SlicerMetricsBorderColor: var(--Grey1000);

	--SlicerDropIndicatorBorderColor: var(--Grey600);

	--SlicerColorBorderColor: var(--Grey400);
	--SlicerColorHighlight1: var(--Red100);
	--SlicerColorHighlight2: var(--Yellow100);
	--SlicerColorHighlight3: var(--Green100);
	--SlicerColorHighlight4: var(--GreySix);

	--SlicerFirstColumnWidth: 180px;
	--SlicerSecondColumnScrollerPos: calc(var(--SlicerFirstColumnWidth) + 1px);

	--SlicerTotalRowBackgroundColor: var(--PrimaryWhite);
	--SlicerSubTotalRowBackgroundColor: var(--PrimaryWhite);
	--SlicerMeticRowBackgroundColor: var(--PrimaryWhite);

	--SlicerComparePositive: var(--CompareGreen);
	--SlicerCompareNegative: var(--CompareRed);


	/* DRAG AND DROP */
	--DNDHeaderBackgroundColor: var(--PrimaryWhite);
	--DNDHeaderTextColor: var(--PrimaryBlack);
	--DNDDragBorderColor: var(--PrimaryBlue);
	--DNDPlaceholderBorderColor: var(--GreyOne);
	--DNDAvatarTableContainerMaxHeight: 78px;

	/* TABLE DRAG AND DROP */
	--DNDTableDropIndicatorBackground: var(--PrimaryBlue);
	--DNDTableAvatarBorderColor: var(--PrimaryBlue);
	--DNDTableAvatarBackgroundColor: var(--Blue2);
	--DNDTableIconColor: var(--PrimaryBlue);

	/* FULL SCREEN HEADER */
	--FullScreenHeaderBackgroundColor: var(--Blue600);
	--FullScreenLogoBackgroundColor: var(--Blue700);

	/* DROPDOWN MENU */
	--DropdownMenuDisabledBackgroundColor: var(--PrimaryWhite);
	--DropdownMenuDisabledTextColor: var(--DisabledText);
	--DropdownMenuGroupBackgroundColor: var(--White50);
	--DropdownMenuGroupTextColor: var(--PrimaryText);
	--DropdownMenuHoverBackgroundColor: var(--Grey200);
	--DropdownMenuHoverTextColor: var(--PrimaryBlack);
	--DropdownMenuNormalBackgroundColor: var(--PrimaryWhite);
	--DropdownMenuNormalBorderColor: var(--Grey400);
	--DropdownMenuPreviewBackgroundColor: var(--Grey50);
	--DropdownMenuPreviewBorderColor: var(--Grey300);
	--DropdownMenuPreviewTextColor: var(--PrimaryText);
	--DropdownMenuSelectedBackgroundColor: var(--SelectedBackgroundColor);
	--DropdownMenuSelectedTextColor: var(--PrimaryBlack);
	--DropdownMenuBoldTextColor: var(--PrimaryBlack);
	--DropdownMenuTitleTextColor: var(--Black100);
	--DropdownMenuItemSubTextColor: var(--Black100);
	--DropdownMenuActiveTextColor: var(--PrimaryBlack);
	--DropdownMenuActiveBackgroundColor: var(--DropdownMenuSelectedBackgroundColor);
	--DropdownMenuSuffixColor: var(--Black100);
	--DropdownMenuLabelColor: var(--GreyFive);

	/* DROPDOWN SELECT */
	--DropdownSelectNormalTextColor: var(--PrimaryBlack);
	--DropdownSelectNormalBorderColor: var(--Grey400);
	--DropdownSelectNormalBackgroundColor: var(--PrimaryWhite);
	--DropdownSelectHoverBorderColor: var(--GreyOne);
	--DropdownSelectActiveBorderColor: var(--PrimaryColor);
	--DropdownSelectDisabledTextColor: var(--GreyOne);
	--DropdownSelectDisabledBorderColor: var(--Grey400);
	--DropdownSelectDisabledBackgroundColor: var(--PrimaryGrey);
	--DropdownSelectDropdownBorderColor: var(--Grey400);
	--DropdownSelectDropdownSelectedBackgroundColor: var(--DropdownMenuHoverBackgroundColor);
	--DropdownSelectDropdownActiveBackgroundColor: var(--DropdownMenuSelectedBackgroundColor);
	--DropdownSelectGroupBackgroundColor: var(--GreyEight);
	--DropdownSelectGroupSuggestedBackgroundColor: var(--Green100);
	--DropdownSelectGroupSuggestedForegroundColor: var(--Green700);
	--DropdownSelectBtnHoverBackgroundColor: var(--GreyThree);
	--DropdownSelectBtnActiveBackgroundColor: var(--GreyThree);
	--DropdownSelectHeaderBorderColor: var(--GreyOne);
	--DropdownSelectHeaderBackgroundColor: var(--GreyEight);
	--DropdownPreRequestBackgroundColor: var(--Blue1);
	--DropdownSelectInvalidItemForegroundColor: var(--Red600);

	/* DROPDOWN BUTTON */
	--DropDownButtonArrowDownColor: var(--Grey1000);
	--DropDownButtonPrimaryArrowDownColor: var(--PrimaryWhite);

	/* FIELD GROUP */
	--FieldGroupBackgroundColor: var(--GreySix);
	--FieldGroupBackgroundDisabledColor: var(--GreyThree);
	--FieldGroupBorderColor: var(--PrimaryGrey);
	--FieldGroupHeaderColor: var(--GreyFive);
	--FieldGroupLabelColor: var(--PrimaryBlack);

	/* FROALA */
	--FroalaTableHighightedBorderColor: var(--Red600);
	--FroalaEditorBorderColor: var(--Grey400);
	--FroalaEditorDefaultFontSize: 12px;
	--FroalaEditorDefaultLineHeight: 1.35;
	--FroalaEditorToolbarBorderColor: var(--Grey400);
	--FroalaEditorToolbarBackgroundColor: var(--Grey100);
	--FroalaEditorPopupBackgroundColor: var(--Grey50);
	--FroalaEditorToolbarIconColor: var(--Grey1000);
	--FroalaEditorToolbarIconActiveBackgroundColor: var(--Grey400);
	--FroalaEditorToolbarIconHoverBackgroundColor: var(--Grey300);
	--FroalaEditorToolbarIconSelectedBackgroundColor: var(--Grey400);
	--FroalaEditorPlaceholderColor: var(--Grey800);
	--FroalaEditorImportMessage: var(--Red500);

	/* GALLERY */
	--GalleryBorderColor: var(--GreySeven);
	--GalleryHightlightBorderColor: var(--GreyOne);
	--GalleryHightlightBackgroundColor: var(--Grey100);
	--GallerySelectedBorderColor: var(--PrimaryBlue);
	--GallerySelectedBackgroundColor: var(--Blue50);
	--GallerySeparatorBorderColor: var(--PrimaryGrey);
	--GallerySpacing: 10px;

	--GalleryItemBackgroundColor: var(--PrimaryWhite);
	--GalleryItemEmptyImageBackgroundColor: var(--GreySix);
	--GalleryItemPropertyHoverBorderColor: var(--GreySeven);

	--GalleryCellBackgroundColor: var(--GreyEight);
	--GalleryGroupBackgroundColor: var(--GreyEight);
	--GalleryHeaderBackgroundColor: var(--GreyNine);

	/* GRID */
	--GridHeaderPadding: 4px 6px;
	--GridCellPadding: 4px 3px;
	--GridSelectedBackgroundColor: var(--SelectedBackgroundColor);
	--GridSlideBackgroundColor: var(--GreyThree);
	--GridSlideBorderColor: var(--GreySeven);
	--GridScrollBarBackgroundColor: var(--Grey100);

	/* HOME PAGE GRID */
	--HomeGridSelectionBackgroundColor: var(--SelectedBackgroundColor);

	/* HEADER */
	--CompanyHeaderBlue1: var(--Blue600);
	--CompanyHeaderBlue2: var(--Blue700);

	--CompanyHeaderFontSize: 16px;
	--CompanyHeaderFontWeight: var(--SemiBold);
	--PageHeaderToolbarSeparatorColor: var(--WhiteOpacity20);

	/* IMAGE BROWSER */
	--ImageBrowserBackgroundColor: var(--GreySix);
	--ImageBrowserBorderColor: var(--GreySeven);
	--ImageBrowserImageBackgroundColor: var(--PrimaryWhite);
	--ImageBrowserImageBorderColor: transparent;
	--ImageBrowserImageHoverBorderColor: var(--Grey400);
	--ImageBrowserImageSelectedBorderColor: var(--PrimaryBlue);
	--ImageBrowserImageSize: 128px;
	--ImageBrowserLeftHoverBackgroundColor: var(--DropdownMenuHoverBackgroundColor);
	--ImageBrowserLeftSelectedBackgroundColor: var(--DropdownMenuSelectedBackgroundColor);
	--ImageBrowserToolbarBackgroundColor: var(--PrimaryWhite);

	/* LIGHT GALLERY */
	--LightGalleryBackdropBackgroundColor: rgba(0, 0, 0, 0.85);
	--LightGalleryToolbarBackgroundColor: var(--PrimaryBlack2);
	--LightGalleryIconColor: var(--GreySeven);
	--LightGalleryLabelColor: var(--PrimaryWhite);
	--LightGalleryPagerActiveBackgroundColor: var(--PrimaryWhite);
	--LightGalleryThumbBorderColor: var(--GreyTwenty);
	--LightGalleryFocusedBorderColor: var(--PrimaryColor);

	/* NAME-VALUE PAIR */
	--NameValuePairBackgroundColor: var(--Grey400);
	--NameValuePairLightBackgroundColor: var(--Grey200);
	--NameValuePairBorderColor: var(--Grey400);
	--NameValuePairTextColor: var(--PrimaryBlack);

	/* PROPERTY */
	--PropertyViewDefaultWidth: 1254px;
	--PropertyViewBorderColor: var(--Grey400);
	--PropertyViewLastBorderColor: var(--GreyThree);
	--PropertyViewNormalBackgroundColor: var(--PrimaryWhite);
	--PropertyViewAlternateBackgroundColor: var(--GreyThree);
	--PropertyViewAttributeHoverBorderColor: var(--GreySeven);
	--PropertyViewImageLabelBackgroundColor: var(--GreyThree);
	--PropertyViewImageThumbnailBorderColor: var(--Grey400);
	--PropertyViewImageThumbnailHoverBorderColor: var(--GreyOne);
	--PropertyViewImageThumbnailActiveBorderColor: var(--PrimaryColor);

	/* RADIO BUTTONS */
	--RadioButtonNormalBackgroundColor: var(--PrimaryWhite);
	--RadioButtonNormalBorderColor: var(--GreyOne);
	--RadioButtonNormalSwitchColor: var(--PrimaryColor);
	--RadioButtonFocusedBorderColor: var(--PrimaryColor);
	--RadioButtonDisabledBackgroundColor: var(--GreyThree);
	--RadioButtonDisabledBorderColor: var(--GreyOne);
	--RadioButtonDisabledSwitchColor: var(--GreyOne);

	/* SIZE CHART */
	--SizeChartBaseBackgroundColor: var(--Grey400);
	--SizeChartSizeBaseBackgroundColor: var(--Grey500);
	--SizeChartSizeBaseBorderColor: var(--Grey700);
	--SizeChartCompareDiff: var(--GreyFifteen);
	--SizeChartOffbaseBackgroundColor: var(--PrimaryGrey);
	--SizeChartOutsideTolerance: var(--Red600);
	--SizeChartPatternBlankBackgroundColor: var(--Yellow50);

	/* SORT INDICATOR */
	--SortIndicatorActiveColor: var(--Grey1000);
	--SortIndicatorInactiveColor: var(--Grey600);
	--SortIndicatorLevelColor: var(--SecondaryText);

	/* STOCK ORDER */
	--StockOrderReserved: var(--Yellow600);
	--StockOrderUnfillable: var(--Yellow100);

	/* TABS */
	--TabNormal: var(--GreyThree);
	--TabActive: var(--PrimaryWhite);
	--TabBorder: var(--Grey400);
	--TabHoverBorderTop: var(--PrimaryColor);
	--TabActiveBorderTop: var(--PrimaryColor);
	--TabIcon: var(--Black100);

	/* TEXTFIELDS */
	--TextfieldNormalBackgroundColor: var(--PrimaryWhite);
	--TextfieldNormalBorderColor: var(--Grey400);
	--TextfieldNormalTextColor: var(--PrimaryBlack);
	--TextfieldHoverBorderColor: var(--GreyOne);
	--TextfieldActiveBorderColor: var(--PrimaryColor);
	--TextfieldDisabledBackgroundColor: var(--GreyThree);
	--TextfieldDisabledBorderColor: var(--Grey400);
	--TextfieldDisabledTextColor: var(--DisabledText);
	--TextfieldSpacingLeftRight: 5px;

	/* TITLE PANE */
	--TitlePaneBackgroundColor: var(--GreyThree);
	--TitlePaneBorderColor: var(--Grey400);
	--TitlePaneInnerBorder: var(--PrimaryGrey);
	--TitlePanePadding: 8px;
	--TitlePaneSubTextColor: var(--GreyFive);
	--TitlePaneActionSeparator: var(--GreyOne);

	/* TABLE */
	--TableBorderColor: var(--Grey600);
	--TableCellPaddingH: 10px;
	--TableCellPaddingV: 5px;
	--TableHeaderPadding: 10px;
	--TableImagePadding: var(--TableCellPaddingV);

	--TableCopyBorder: solid 2px var(--TableCopyBorderColor);
	--TablePasteBorder: dashed 1px var(--TablePasteBorderColor);
	--TableCopyBorderColor: var(--PrimaryColor);
	--TablePasteBorderColor: var(--PrimaryColor);
	--TablePasteBackgroundColor: var(--Blue2);
	--TableResizeColumnColor: var(--Blue600);

	--TableFreezeScollbarBackgroundColor: var(--Grey400);
	--TableFreezeScollbarHoverBackgroundColor: var(--GreyOne);
	--TableFreezeScollbarHoverBorderColor: var(--GreyOne);
	--TableFreezeShadow: 2px 0 3px 0 rgba(0, 0, 0, 0.15);
	--TableFreezeEndColumnBorderColor: var(--Grey900);
	--TableFreezeEndColumnBorderColorWidth: 1px;
	--TablePotentialFrozenColumnBorderColor: var(--Blue600);
	--TableFreezingColumnBorderColor: var(--Blue700);
	--TablePotentialColumnBorderColor: var(--TableBorderColor);
	--TablePotentialColumnBorderWidth: 1px;

	--TableMinWidth: 600px;
	--TableTextColorDisabledReport: var(--PrimaryText);
	--TableTextColorOutdatedReport: var(--GreyOne);
	--TableTextColorRowAction: var(--PrimaryColor);
	--TableHoverBorderColorRowAction: var(--GreyOne);

	--TableHeadShadowOnScroll: 0 2px 3px 0 rgba(0, 0, 0, 0.15);

	--TableFadedBackgroundColor: var(--GreySix);
	--TableFootBackgroundColor: var(--GreySix);
	--TableFootHeight: 21px;

	--TableRowBackgroundColorDivider: var(--GreyEight);
	--TableRowBackgroundColorFilter: var(--GreyEight);
	--TableRowBackgroundColorOdd: var(--GreyEight);
	--TableRowBackgroundColorRadio: var(--GreySix);
	--TableRowBackgroundColorReport: var(--Grey300);
	--TableRowBackgroundColorGroup: var(--GreyEight);

	--TableHeaderBackgroundColor: var(--GreyEight);
	--TableHeaderBackgroundColorMatrix: var(--Grey300);
	--TableHeaderHoverBackgroundColor: var(--Grey300);
	--TableHeaderColorSelected: var(--PrimaryColor);

	--TableCellBackgroundColorSpacer: var(--GreySix);

	--TableNewRowBackgroundColor: var(--Blue100);
	--TableRowHoverBackgroundColor: var(--Blue1);
	--TableRowHighlightBackgroundColor: var(--Blue1);
	--TableRowSelectedBackgroundColor: var(--Blue2);
	--TableReviewListTableBackgroundColor: var(--GreyEleven);

	--TableCompareHeaderBackgroundColorNew: var(--Green50);
	--TableCompareHeaderBackgroundColorOld: var(--Red50);
	--TableCompareBackgroundColorNew: var(--Green50);
	--TableCompareBackgroundColorOld: var(--Red50);
	--TableCompareHoverBackgroundColorNew: var(--Green100);
	--TableCompareHoverBackgroundColorOld: var(--Red100);
	--TableCompareTextColorOld: var(--Red700);

	--TableDottedBorderColor: var(--PrimaryBlack);

	/* LOGIN */
	--LoginBorderColor: var(--Grey400);
	--LoginFieldSetBackgroundColor: var(--PrimaryWhite);
	--LoginUnderlayBackgroundColor: var(--PrimaryBlack2);

	/* POPUP CALENDAR */
	--CalendarPopupNormalBackgroundColor: var(--PrimaryWhite);
	--CalendarPopupNormalTextColor: var(--PrimaryBlack);
	--CalendarPopupNormalYearTextColor: var(--PrimaryColor);
	--CalendarPopupHoverBorderColor: var(--GreyOne);
	--CalendarPopupSelectedBorderColor: var(--PrimaryColor);
	--CalendarPopupActiveBorderColor: var(--PrimaryColor3);
	--CalendarPopupFocusedBorderColor: var(--PrimaryColor2);
	--CalendarPopupTimePickerMarkerBackgroundColor: var(--GreySix);

	/* ATTRIBUTES */
	--AttribueImgBorderColor: var(--PrimaryGrey);

	/* ATTRIBUTE COMMENTS */
	--CommentBlue: var(--Blue100);
	--CommentCyan: var(--Cyan100);
	--CommentGreen: var(--Green100);
	--CommentYellow: var(--Yellow100);
	--CommentOrange: var(--Orange100);
	--CommentRed: var(--Red100);
	--CommentMagenta: var(--Magenta100);
	--CommentGrey: var(--Grey600);
	--CommentDefault: var(--PrimaryWhite);
	--CommentActiveColor: var(--Blue600);

	/* State Color SINCE V7.1 */
	--StateOrangeBackgroundColor: var(--Orange100);
	--StateOrangeBackgroundFontColor: var(--Orange800);
	--StateOrangeBorderColor: var(--Orange300);
	--StateGreenBackgroundColor: var(--Green100);
	--StateDarkGreenBackgroundColor: var(--Green400);
	--StateGreenBackgroundFontColor: var(--Green800);
	--StateGreenBorderColor: var(--Green300);
	--StateRedBackgroundColor: var(--Red200);
	--StateDarkRedBackgroundColor: var(--Red100);
	--StateRedBackgroundFontColor: var(--Red800);
	--StateRedBorderColor: var(--Red400);
	--StateWhiteBackgroundColor: var(--White50);
	--StateWhiteBorderColor: var(--Grey400);
	--StateBlueBackgroundColor: var(--Blue100);
	--StateBlueBackgroundFontColor: var(--Blue800);
	--StateBlueBorderColor: var(--Blue300);
	--StatePurpleBackgroundColor: var(--Purple100);
	--StatePurpleBackgroundFontColor: var(--Purple800);
	--StatePurpleBorderColor: var(--Purple300);
	--StateGreyBackgroundColor: var(--Grey200);
	--StateGreyBorderColor: var(--Grey600);
	--StateYellowBackgroundColor: var(--Yellow50);
	--StateLightYellowBackgroundColor: var(--Yellow100);
	--StateYellowBackgroundFontColor: var(--Yellow800);
	--StateYellowBorderColor: var(--Yellow400);
	--StateChangedBackgroundColor: var(--Grey400);

	--StateDisabledTextFontColor: var(--DisabledText);
	--StatePrimaryTextFontColor: var(--PrimaryText);
	--StateSecondaryTextFontColor: var(--SecondaryText);

	--RevisionDraftBackgroundColor: var(--StateYellowBackgroundColor);
	--RevisionDraftFontColor: var(--StateYellowBackgroundFontColor);
	--RevisionDraftPillBorderColor: var(--StateYellowBorderColor);
	--RevisionRevisedBackgroundColor: var(--StateGreyBackgroundColor);
	--RevisionRevisedFontColor: var(--StateSecondaryTextFontColor);
	--RevisionRevisedPillBorderColor: var(--StateGreyBorderColor);
	--RevisionPendingBackgroundColor: var(--StateOrangeBackgroundColor);
	--RevisionPendingFontColor: var(--StateOrangeBackgroundFontColor);
	--RevisionPendingPillBorderColor: var(--StateOrangeBorderColor);
	--RevisionApprovedBackgroundColor: var(--StateGreenBackgroundColor);
	--RevisionApprovedFontColor: var(--StateGreenBackgroundFontColor);
	--RevisionApprovedPillBorderColor: var(--StateGreenBorderColor);
	--RevisionReviewBackgroundColor: var(--StateBlueBackgroundColor);
	--RevisionReviewFontColor: var(--StateBlueBackgroundFontColor);
	--RevisionReviewPillBorderColor: var(--StateBlueBorderColor);
	--RevisionSubmittedBackgroundColor: var(--StateWhiteBackgroundColor);
	--RevisionSubmittedFontColor: var(--StateSecondaryTextFontColor);
	--RevisionSubmittedPillBorderColor: var(--StateWhiteBorderColor);
	--RevisionEvaluateBackgroundColor: var(--StatePurpleBackgroundColor);
	--RevisionEvaluateFontColor: var(--StatePurpleBackgroundFontColor);
	--RevisionEvaluatePillBorderColor: var(--StatePurpleBorderColor);
	--RevisionProofingBackgroundColor: var(--StateOrangeBackgroundColor);
	--RevisionProofingFontColor: var(--StateOrangeBackgroundFontColor);
	--RevisionProofingPillBorderColor: var(--StateOrangeBorderColor);
	--RevisionOtherBackgroundColor: var(--StateGreyBackgroundColor);
	--RevisionOtherBorderColor: var(--Grey500);
	--RevisionOtherFontColor: var(--StateSecondaryTextFontColor);

	--StateOfNodeOnBreadcrumbBackgroundColor: var(--Grey1000);
	--StateOfNodeOnBreadcrumbFontColor: var(--White50);
	--StateOfNodeOnBreadcrumbBorderColor: var(--Grey1000);

	--TemplateDraftBackgroundColor: var(--StateYellowBackgroundColor);
	--TemplateDraftPillBorderColor: var(--StateYellowBorderColor);

	/* State header flow */
	--StateBorderColor: var(--Grey500);
	--StateActionBorderColor: var(--Grey500);
	--StateActionBackgroundColor: var(--PrimaryColor);
	--ActiveStateOnFlowShadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.2);
	--ActiveStateOnFlowFontColor: var(--PrimaryText);

	--TimestampOnFlowFontColor: var(--SecondaryText);

	/* ATTRIBUTE KPIS */
	--KpiBackgroundColor: var(--GreyOne);
	--KpiBorderColor: var(--GreyFive);
	--KpiTextColor: var(--PrimaryWhite);

	/* ICONS */
	--DisabledIconOpacity: 0.4;
	--IconBlue: var(--Blue600);
	--IconCanceled: var(--Grey800);
	--IconColor: var(--Grey1000);
	--IconRed: var(--Red500);
	--IconOrange: var(--Orange500);
	--IconLightGreen: var(--Green300);
	--IconGreen: var(--Green500);
	--IconGrey: var(--Grey1000);
	--IconSize16: 16px;
	--IconSize20: 20px;
	--MarginBetweenLabelAndIcon: 4px;

	/* FOOTER */
	--FooterBackground: var(--PrimaryGrey);
	--FooterBorder: var(--Grey400);
	--FooterStatusBorderColor: var(--GreyFifteen);
	--FooterText: var(--GreyFive);
	--FooterDebugText: var(--Grey900);

	/* DIALOG */
	--DialogTitleTextColor: var(--PrimaryBlack);
	--DialogBorderColor: var(--GreyEleven);
	--DialogSpacing: 12px;
	--DialogTitleBackground: var(--Grey50);
	--LabelSpacing: 8px;

	/* MESSAGE DIALOG */
	--MessageIconErrorColor: var(--AlertRed);
	--MessageIconAlertColor: var(--AlertYellow);
	--MessageIconCompletedColor: var(--AlertGreen);
	--MessageIconQuestionColor: var(--Blue600);
	--MessageExceptionBorderColor: var(--GreyOne);
	--MessageExceptionBackgroundColor: var(--PrimaryGrey);

	/* CUSTOM VIEW DIALOG */
	--CustomViewOptionCheckedBackgroundColor: var(--Grey200);
	--CustomViewOptionCheckedBackgroundColorMoz: var(--Grey900);

	/* IMPORT BPMN FILE DIALOG */
	--ImportBPMNDialogProcessNewBackgroudColor: var(--Green400);
	--ImportBPMNDialogProcessModifyBackgroudColor: var(--Orange600);

	/* PRINT PAGE */
	--PrintPageLogoBackgroundColor: var(--GreyEight);
	--PrintPageHeaderBorderColor: var(--Grey400);
	--PrintPageBorderColor: var(--Grey400);
	--PrintPageTopBackgroundColor: var(--GreyThree);
	--PrintPageBackgroundColor: var(--PrimaryBlack);
	--PrintPageViewBackgroundColor: var(--PrimaryWhite);
	--PrintPageBoxShadow: 0 2px 6px 0 rgba(0, 0, 0, 0.70);
	--PrintPageColor: var(--PrimaryBlack2);
	--PrintPageCommentNumberColor: var(--Red600);

	/* FORM */
	--FormFieldMaxWidth: 500px;

	/* DRAG AND DROP HTML5 */
	--DropZoneOutline: 2px dashed var(--Grey400);
	--DropZoneHoverColor: var(--PrimaryBlue);
	--DropZoneHoverOutline: 2px dashed var(--DropZoneHoverColor);
	--PasteFocusOutline: 1px solid var(--Grey400);
	--PasteFocusColor: var(--Grey400);
	--PasteFocusOutlineFocused: 1px solid var(--PrimaryBlue);
	--PasteFocusColorFocused: var(--PrimaryBlue);

	/* CSITEXTBOX */
	--CounterFontColor: var(--GreyOne);

	/*dijitTEXTBOX*/
	--TextBoxDisabledTextColor: var(--SecondaryText);

	/* CAMUNDA */
	--CamundaInstanceId: var(--DisabledText);
	--CamundaProcessBackgroundColor: var(--GreyNine);
	--CamundaProcessRunningColor: var(--Blue400);
	--CamundaProcessCompleteColor: var(--Green400);
	--CamundaProcessSuspendedColor: var(--Orange50);
	--CamundaProcessCancelColor: var(--Grey400);
	--CamundaTaskCompletedColor: var(--Green50);
	--CamundaTaskCanceledColor: var(--Grey400);
	--CamundaTaskNotStartedColor: var(--PrimaryWhite);
	--CamundaTaskRunningColor: var(--Yellow50);
	--CamundaTaskSuspendedColor: var(--Orange50);
	--CamundaTaskServiceColor: var(--PrimaryGrey);
	--CamundaTaskNextColor: var(--GreenTextColor);
	--CamundaTaskOverdueColor: var(--RedTextColor);
	--CamundaTaskUpcomingColor: var(--YellowTextColor);
	--CamundaTaskSpacing: 20px;

	/* USERCOLLECTION */
	--UserIconBackgroundColor: var(--GreyNineteen);
	--UserIconSize: 24px;

	/* PLACEHOLDER */
	--NoResultPlaceHolderTitleColor: var(--Black300);

	/* SKIN THEME */
	--SkinThemePreviewBorderColor: var(--Grey500);

	/* HEADER TOOLBAR */
	--PageHeaderBottomBorderColor: var(--Grey400);
	--PageHeaderToolbarIconColor: var(--PrimaryWhite);
	--PageHeaderToolbarHoverColor: var(--PrimaryWhite);
	--PageHeaderSearchScopeBackgroundColor: var(--BtnSecondaryNormalBackgroundColor);
	--PageHeaderSearchBlockBackgroundColor: var(--TextfieldNormalBackgroundColor);
	--PageHeaderSearchInButtonHoverColor: var(--BtnSecondaryHoverBackgroundColor);
	--PageHeaderButtonTextColor: var(--PrimaryWhite);

	--LastVisitedIconColor: var(--SiteHeaderBackground);
	--LastVisitedBackgroundColor: var(--PrimaryWhite);


	--DarkCompanyLogoIconURL: url(/WebAccess/Generated/CompanyIcon.png);
	--LightCompanyLogoIconURL: url(/WebAccess/Generated/CompanyIcon2.png);
	--CompanyLogoTextColor: var(--WhiteTextColor);
	--CompanyLogoImageURL: var(--DarkCompanyLogoIconURL);

	--DarkExitFullScreenIconURL: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg%3e%3cpath fill='%23fff' d='M9 3.3L6.8 5.5 4 2.7 2.7 4l2.7 2.9-2.2 2.2H9zm11.7 5.8l-2.2-2.2L21.3 4 20 2.7l-2.9 2.8-2.2-2.2v5.8zm-5.8 11.7l2.2-2.2 2.9 2.7 1.3-1.3-2.8-2.8 2.2-2.2h-5.8zM3.2 15l2.2 2.2L2.7 20 4 21.3l2.8-2.7L9 20.8V15z'/%3e%3c/svg%3e%3c/svg%3e");
	--LightExitFullScreenIconURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%23FFF' d='M0 0h24v24H0z'/%3e%3cpath d='M9 3.3L6.8 5.5 4 2.7 2.7 4l2.7 2.9-2.2 2.2H9V3.3zm11.7 5.8l-2.2-2.2L21.3 4 20 2.7l-2.9 2.8-2.2-2.2v5.8h5.8zm-5.8 11.7l2.2-2.2 2.9 2.7 1.3-1.3-2.8-2.8 2.2-2.2h-5.8v5.8zM3.2 15l2.2 2.2L2.7 20 4 21.3l2.8-2.7L9 20.8V15H3.2z' fill='%231D2129'/%3e%3c/g%3e%3c/svg%3e");
	--ExitFullScreenIconURL: var(--DarkExitFullScreenIconURL);

	/* C8 CHAT */
	--ChatButtonBlackText: var(--Black100);
	--ChatBorderColor: var(--Blue100);
	--ChatGreyIcon: var(--Grey1000);
	--ChatBorderColor: var(--White50);
	--ChatOnlineBackgroundColor: var(--Green500);
	--ChatOfflineBackgroundColor: var(--White50);
	--ChatOfflineBorderColor: var(--Grey1000);
	--ChatAwayBackGroundColor: var(--Yellow500);
	--ChatBusyBackGroundColor: var(--Red600);
	--ChatCountBackgroundColor: var(--Red600);
	--ChatCountBorderColor: var(--White50);

	/* WIZARD */
	--WizardBorderColor: var(--Grey200);
	--WizardStepTextColor: var(--Grey800);
	--WizardStepCardHoverBackgroundColor: var(--Grey200);
	--WizardStepCardSelectedBackgroundColor: var(--Blue2);

	--HighlightSelected: var(--Grey200);
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/css/fonts.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/* Centric8 Web Font Declaration. Based on Proxima Nova fonts. No CJK Support */
/* Light Normal*/
@font-face {
  font-family: 'Centric8';
  font-style: normal;
  font-weight: 300;
  src: url(./2f14d253a65398c1c6f5.woff2) format('woff2');
}
/* Light Italic*/
@font-face {
  font-family: 'Centric8';
  font-style: italic;
  font-weight: 300;
  src: url(./b61550c04ca6b9c8b0fc.woff2) format('woff2');
}
/* Regular Normal */
@font-face {
  font-family: 'Centric8';
  font-style: normal;
  font-weight: 400; /*normal*/
  src: url(./e0b6f7c2f0d290f9edff.woff2) format('woff2');
}
/* Regular Italic */
@font-face {
  font-family: 'Centric8';
  font-style: italic;
  font-weight: 400; /*normal*/
  src: url(./a54e8a51dd28b8c3f06a.woff2) format('woff2');
}
/* SemiBold*/
@font-face {
  font-family: 'Centric8';
  font-style: normal;
  font-weight: 600;
  src: url(./b1b9a95be2bd18296652.woff2) format('woff2');
}
/* Bold*/
@font-face {
  font-family: 'Centric8';
  font-style: normal;
  font-weight: 700; /*Bold*/
  src: url(./4b250f8c4f3bd0751a4a.woff2) format('woff2');
}
/* End of Centric8 Web Font Declaration */
@font-face {
  font-family: 'Centric8SimSun';
  src: local('SimSun');
  unicode-range: U+4E00-9FFF;
}
@font-face {
  font-family: 'Centric8JapaneseWindows';
  src: local('Yu Gothic UI');
  unicode-range: U+4E00-9FFF;
}
@font-face {
  font-family: 'Centric8JapaneseMac';
  src: local('Hiragino Kaku Gothic ProN');
  unicode-range: U+4E00-9FFF;
}
/* necessary to support uses of FontAwesome in dijit CSS */
@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 400;
  src: url(./ce9a3fa740bd60b4ac3b.woff2) format('woff2');
}
html {
  font-family: Centric8, var(--Centric8CJKFont);
  font-size: 12px;
  font-weight: 400;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/calendarPopup.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/* POPUP DATE */
.dijitCalendarContainer {
  width: auto;
  clear: both;
  padding: 0;
  vertical-align: middle;
}
.dijitCalendar {
  border-color: var(--StandardBorderColor);
  border-radius: 3px;
  padding: 10px 10px 0 10px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15);
}
.dijitCalendar .dijitDropDownButton {
  border-radius: 3px;
  width: 110px;
  max-width: 110px;
}
.dijitCalendar .dijitDropDownButton .dijitButtonNode {
  padding: 4px 5px 3px 5px;
}
.dijitCalendarMonthContainer {
  text-align: center;
  margin-bottom: 10px;
}
.dijitCalendarArrow {
  color: var(--BtnSecondaryNormalTextColor);
  background-color: var(--BtnSecondaryNormalBackgroundColor);
  border: 1px solid var(--BtnSecondaryNormalBorderColor);
  border-radius: 3px;
}
.dijitCalendarArrowHover,
.dijitCalendarArrowHover:hover {
  line-height: 14px;
  text-shadow: none;
  padding: 5px;
  border: 1px solid var(--BtnSecondaryHoverBorderColor);
  border-radius: 3px;
  background: var(--BtnSecondaryHoverBackgroundColor);
}
.dijitCalendarIncrementArrow,
.dijitCalendarDecrementArrow {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  text-decoration: inherit;
  vertical-align: bottom;
}
.dijitCalendarDecrementArrow {
  padding: 5px 8px 5px 6px !important;
  float: left;
}
.dijitCalendarDecrementArrow::after {
  content: "\f053";
}
.dijitCalendarIncrementArrow {
  padding: 5px 6px 5px 8px !important;
  float: right;
}
.dijitCalendarIncrementArrow::after {
  content: "\f054";
}
.dijitCalendarIncrease,
.dijitCalendarDecrease {
  display: none;
}
.dijitCalendarDateTemplate {
  font-size: 12px;
  font-weight: normal;
}
.dijitCalendarDateTemplate:focus {
  outline: none;
}
.dijitCalendarDateTemplate .dijitCalendarDateLabel {
  color: var(--CalendarPopupNormalTextColor);
  border-radius: 3px;
  text-shadow: none !important;
  width: 16px;
}
.dijitCalendarSelectedDate .dijitCalendarDateLabel {
  background: var(--CalendarPopupNormalBackgroundColor);
  border-color: var(--CalendarPopupSelectedBorderColor) !important;
}
.dijitCalendarDisabledDate {
  text-decoration: none;
}
.dijitCalendarDisabledDate .dijitCalendarDateLabel {
  background: var(--CalendarPopupNormalBackgroundColor);
  border-color: var(--CalendarPopupNormalBackgroundColor);
  color: var(--CalendarPopupNormalTextColor);
  opacity: 0.5;
}
.dijitCalendarEnabledDate:focus .dijitCalendarDateLabel {
  border-color: var(--CalendarPopupFocusedBorderColor);
}
.dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
  border-color: var(--CalendarPopupHoverBorderColor);
}
.dijitCalendarEnabledDate:active .dijitCalendarDateLabel {
  border-color: var(--CalendarPopupActiveBorderColor);
}
.dijitCalendarHoveredDate .dijitCalendarDateLabel,
.dijitCalendarEnabledDate:hover .dijitCalendarDateLabel,
.dijitCalendarActiveDate .dijitCalendarDateLabel,
.dijitCalendarEnabledDate:active .dijitCalendarDateLabel {
  background: initial;
  color: var(--CalendarPopupNormalTextColor);
}
.dijitCalendarCurrentDate .dijitCalendarDateLabel {
  border-color: transparent;
  color: var(--PrimaryBlue);
  font-weight: bold;
}
.dijitCalendarCurrentDate.dijitCalendarHoveredDate .dijitCalendarDateLabel {
  color: var(--PrimaryBlue);
}
.dijitCalendarYearContainer .dijitCalendarYearLabel {
  padding: 6px;
}
.dijitCalendarYearContainer .dijitCalendarPreviousYear,
.dijitCalendarYearContainer .dijitCalendarNextYear,
.dijitCalendarYearContainer .dijitCalendarSelectedYear {
  color: var(--BtnLinkNormalTextColor);
  font-size: 12px;
  border: none;
  background: none;
  text-shadow: none;
  box-shadow: none;
  margin: 0 9px;
}
.dijitCalendarYearContainer .dijitCalendarPreviousYearHover,
.dijitCalendarYearContainer .dijitCalendarPreviousYearHover:hover,
.dijitCalendarYearContainer .dijitCalendarNextYearHover,
.dijitCalendarYearContainer .dijitCalendarNextYearHover:hover {
  color: var(--BtnLinkHoverTextColor);
}
.dijitCalendarYearContainer .dijitCalendarPreviousYearActive,
.dijitCalendarYearContainer .dijitCalendarPreviousYearActive:active,
.dijitCalendarYearContainer .dijitCalendarNextYearActive,
.dijitCalendarYearContainer .dijitCalendarNextYearActive:active {
  color: var(--BtnLinkActiveTextColor);
}
.dijitCalendarYearContainer .dijitCalendarSelectedYear {
  font-weight: bold;
}
.dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {
  background: var(--DropdownSelectDropdownSelectedBackgroundColor);
  color: var(--DropdownSelectNormalTextColor);
}
/* POPUP DATE END */
/* DROPDOWN TIME PICKER*/
.dijitTimePickerTick {
  color: var(--DropdownSelectNormalTextColor);
}
.dijitTimePickerTickSelected {
  background: var(--DropdownSelectNormalBackgroundColor);
  color: var(--DropdownSelectNormalTextColor);
  font-weight: bold;
}
.dijitTimePickerMarker {
  background: var(--CalendarPopupTimePickerMarkerBackgroundColor);
  color: var(--DropdownSelectNormalTextColor);
}
.dijitTimePickerTickHover,
.dijitTimePickerMarkerHover {
  background: var(--DropdownSelectDropdownSelectedBackgroundColor);
  color: var(--DropdownSelectNormalTextColor);
}
.dijitTimePickerMarkerHover {
  font-weight: 600;
}
.dijitTimePickerPopup {
  height: auto;
  max-height: 200px;
}
/* DROPDOWN TIME PICKER END*/

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/dgrid.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.dgrid .dgrid-cell {
  border-color: var(--TableBorderColor);
}
.dgrid th.dgrid-cell {
  font-weight: bold;
  padding: var(--GridHeaderPadding);
  text-align: center;
}
.dgrid .csi-grid-checkbox {
  text-align: center;
  width: 15%;
}
.dgrid-no-data {
  color: var(--DisabledText);
  font-size: 14px;
  font-style: italic;
  padding: 5px;
}
.dgrid-header-row {
  background-color: var(--TableHeaderBackgroundColor);
}
.dgrid-header,
.dgrid-header-row {
  z-index: 1;
}
.dgrid-footer {
  background-color: var(--TableFootBackgroundColor);
  z-index: 1;
}
.dgrid-cell .dijitTextBox {
  width: 100%;
}
.dgrid-cell .csiDateTimeBox .dijitTextBox {
  width: 49%;
}
.dgrid-cell .ui-icon.ui-icon-triangle-1-e {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%2379818F' d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-position: 0 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}
.dgrid-cell .ui-icon.ui-icon-triangle-1-se {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%2379818F' d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-position: 0 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}
.csi-dgrid-list {
  height: 100%;
  width: 100%;
}
.csi-dgrid-list .dgrid-row {
  padding: 4px;
}
.csi-dgrid-list .dgrid-row:hover {
  background-color: var(--GridSelectedBackgroundColor);
}
.csi-dgrid-list .dgrid-selected {
  background-color: var(--GridSelectedBackgroundColor);
}
.csi-dgrid-more {
  text-align: center;
}
.csi-dgrid-more .dijitButton {
  margin-top: 2px;
  margin-bottom: 12px;
}
.csi-dgrid-slide-header {
  background-color: var(--GridSlideBackgroundColor);
  border-bottom: 1px solid var(--GridSlideBorderColor);
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: -10px;
  padding: 5px 12px 5px 8px;
}
.csi-dgrid-slide-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.dgrid-cell-padding {
  padding: var(--GridCellPadding);
  line-height: 18px;
}
.csi-dgrid-manager.no-data-message .dgrid-no-data {
  display: none;
}
.csi-dgrid-manager .dgrid-cell {
  border-left-width: 0;
  vertical-align: middle;
}
.csi-dgrid-manager .dgrid-content {
  height: auto;
  padding-top: 6px;
}
.csi-dgrid-manager .dgrid-content .dgrid-cell {
  border-color: transparent;
}
.csi-dgrid-manager .dijitToolbar {
  background: none;
  border: none;
}
.csi-dgrid-manager .dgrid-cell-padding {
  padding: 3px 5px;
}
/* COLOR/SIZE */
.csi-matrix-editor {
/* widths are set to best fit in form */
  box-sizing: content-box;
  height: 210px;
  width: 218px;
}
.csi-matrix-editor .dgrid-scroller {
  overflow-x: hidden;
}
.csi-matrix-editor.matrix.rows th.dgrid-cell:not(.field-name) {
  padding-bottom: 30px;
}
.csi-matrix-editor.matrix th.dgrid-cell {
  position: relative;
}
.csi-matrix-editor.matrix .csi-matrix-editor-wrapper {
  bottom: 3px;
  left: 3px;
  position: absolute;
}
.csi-matrix-editor.matrix .field-name {
  background-color: var(--GreyNine);
  font-weight: bold;
  width: 147px;
}
.csi-matrix-editor.matrix .field-value {
  background-color: var(--GreyNine);
  border-left: none;
}
.csi-matrix-editor.csi-dgrid-columnset {
/* sum of column sets + 22px for scroller */
  width: 500px;
}
.csi-matrix-editor.csi-dgrid-columnset th.dgrid-column-set-0 {
  padding-right: 0;
}
.csi-matrix-editor.csi-dgrid-columnset th.dgrid-column-set-1 {
  padding-left: 0;
}
.csi-matrix-editor.csi-dgrid-columnset .dgrid-column-set-0 {
  width: 194px;
}
.csi-matrix-editor.csi-dgrid-columnset .dgrid-column-set-1 {
  width: 284px;
}
.csi-matrix-editor.csi-dgrid-columnset .dgrid-scroller {
  border-bottom: var(--StandardBorder);
}
.csi-matrix-editor.csi-dgrid-columnset .field-name {
  width: 144px;
}
.csi-matrix-editor .dgrid-cell {
  padding-bottom: 3px;
  padding-top: 3px;
  width: 50px;
}
.csi-matrix-editor .dgrid-no-data {
  padding: 0;
}
.csi-matrix-editor th.dgrid-cell {
  padding-left: 3px;
  padding-right: 3px;
}
.csi-matrix-editor th.field-name {
  line-height: 24px;
  text-align: left;
  vertical-align: bottom;
}
.csi-matrix-editor .field-name {
  border-left: none;
  border-right: none;
  padding-top: 9px;
  text-overflow: ellipsis;
  width: 150px;
}
.csi-matrix-editor .dijitNumberTextBox {
  width: 41px;
}
.csi-matrix-editor-checkbox .matrix.rows th.dgrid-cell:not(.field-name) {
  padding-bottom: 23px;
}
.csi-matrix-editor-checkbox .matrix .csi-matrix-editor-wrapper {
  bottom: 5px;
  left: 0;
  text-align: center;
  width: 100%;
}
.csi-matrix-editor-checkbox .matrix .field-value {
  padding: 3px 6px 3px 2px;
  width: 24px;
}
.csi-matrix-editor-checkbox .matrix .field-value .csi-matrix-editor-wrapper {
/* FIX - this should match the left padding above (2px), but the header is 1px off and not sure how to fix it at this point */
  left: 1px;
  text-align: left;
}
.csi-matrix-editor-checkbox .csi-dgrid-columnset .dgrid-column-set-0 {
/* checkbox column is 26px less wide than number text box */
  width: 168px;
}
.csi-matrix-editor-checkbox .csi-dgrid-columnset .dgrid-column-set-1 {
  width: 310px;
}
.csi-matrix-editor-checkbox th.field-name {
/* restore original padding: reference .dgrid-cell-padding */
  line-height: 18px;
}
.csi-matrix-editor-checkbox .field-name {
  padding-top: 4px;
}
.csi-matrix-editor-checkbox .dgrid-cell-editing {
  text-align: center;
}
.dj_chrome .csi-dgrid-columnset .dgrid-cell {
  border-bottom-width: 2px;
}
.dj_gecko .csi-matrix-editor .dgrid-row-table .dgrid-cell:last-child {
  border-right: none;
}
.dj_gecko .csi-matrix-editor .csi-dgrid-row-last .dgrid-cell {
  border-bottom: none;
}
.dj_edge .csi-matrix-editor.matrix th.field-name {
  border-bottom-width: 2px;
}
.csi-dgrid-no-header .csi-dgrid-manager > .dgrid-header-row {
  visiblity: hidden;
  height: 0px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/iconsSvg.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
/* We are resizing original icons to fit our needs. Below is an explanation of resizing process and calculations.
 *
 * All icons are stored inside svg/icons.svg container image and each icon have original size of 24x24.
 * When we create icon, we start with specifying container image: "background-image: url(svg/icons.svg)";
 * Then we have to resize container image to fit our needs: "background-size: NewSize px" - this way we resize whole container image.
 * Next step, we have to specify icon offset inside the image: "background-position: PosX, PosY" (remember that
 * the image is already resized from original size).
 *
 * For instance: for buttons, we need icons to be 16x16, which is 2/3 of original size
 * so, we have to resize container image to 2/3 of original size - background size should be set to : 48px * 2/3 = 32px;
 *
 * In order to find icon position inside icons.svg file, we have to find icon's index (starting from 0)
 * multiply it to original icon size (24) and then multiply to size multiplier (2/3 in our case).
 * All icons organized in two columns and many rows, so we have to find X and Y positions.
 *
 * Example: Icon Chart is 5th from the top, which, if start from 0, gives us number 4.
 * So, in order to find icon's vertical position, we do following calculations:
 * 24px*4*2/3 (number with "px" always come first, otherwise function calc() will not recognize our input)
 *
 * To find horizontal position we use 0 for icons in the first row, and 24px for icons in the second row,
 * and then multiply this number to icon size multiplier.
 * Resulting offset will be 0px for icon in first row, or "calc(-24px*2/3)" for icon in second row;
 *
 * PLEASE: DO NOT TRY TO CONSTRUCT ICONS WITH NON INTEGER SIZE, it may lead to unstable page layout.
 *
 * Considering that we need integer image size values and original size of icon is 24px,
 * we may construct icons with following sizes:
 * 8px  (Multiplier: 1/3, BackgroundSize: 24),
 * 10px  (Multiplier: 5/12, BackgroundSize: 20),
 * 12px (Mult: 1/2, BgSize: 24),
 * 16px (Mult: 2/3, BgSize: 32),
 * 18px (Mult: 3/4, bgSize: 36),
 * 20px (Mult: 5/6, BgSize: 40),
 * 24px (Mult: 1  , BgSize: 48),
 * 30px (Mult: 5/4, bgSize: 60),
 * 36px (Mult: 3/2, BgSize: 72),
 * 40px (Mult  5/3, bgSize: 80)
 */
/* SVG Icons declaration */
.iconDirectEditAI {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M4.85 21l1.038-2.932h7.356L14.28 21h3.827L11.763 3.994H7.369L1 21h3.85zm7.43-6.068H6.827l2.74-7.802 2.715 7.802zm8.844-8.057c1.037 0 1.876-.867 1.876-1.937C23 3.867 22.16 3 21.124 3c-1.012 0-1.876.867-1.876 1.938 0 1.07.864 1.937 1.876 1.937zM22.704 21V8.686h-3.135V21h3.135z' fill='%2379818F'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e") !important;
  background-size: contain;
}
.iconEditCalendar {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z' fill='%2379818F'/%3e%3cpath d='M8 17.125V19h1.875l5.529-5.53-1.875-1.874L8 17.126zm8.854-5.104a.498.498 0 000-.705l-1.17-1.17a.498.498 0 00-.705 0l-.915.915 1.875 1.875.915-.915z' fill='%2379818F'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e") !important;
  background-size: contain;
}
.iconKpiColor1,
.iconKpiComplete1 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggLjVhNy40NzcgNy40NzcgMCAwMC01LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwLjUgOGMwIDIuMDYzLjg0NCAzLjkzNyAyLjIwNCA1LjI5NkE3LjQ3NyA3LjQ3NyAwIDAwOCAxNS41YTcuNDc3IDcuNDc3IDAgMDA1LjI5Ni0yLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDAtMi4yMDQtNS4yOTZBNy40NzcgNy40NzcgMCAwMDggLjV6IiBmaWxsPSIjMzVCMjYxIiBzdHJva2U9IiMyOTk5NTAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) !important;
  background-size: contain;
}
.iconKpiColor2 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggLjVhNy40NzcgNy40NzcgMCAwMC01LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwLjUgOGMwIDIuMDYzLjg0NCAzLjkzNyAyLjIwNCA1LjI5NkE3LjQ3NyA3LjQ3NyAwIDAwOCAxNS41YTcuNDc3IDcuNDc3IDAgMDA1LjI5Ni0yLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDAtMi4yMDQtNS4yOTZBNy40NzcgNy40NzcgMCAwMDggLjV6IiBmaWxsPSIjODNDRjlFIiBzdHJva2U9IiMzNUIyNjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) !important;
  background-size: contain;
}
.iconKpiColor3 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggLjVhNy40NzcgNy40NzcgMCAwMC01LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwLjUgOGMwIDIuMDYzLjg0NCAzLjkzNyAyLjIwNCA1LjI5NkE3LjQ3NyA3LjQ3NyAwIDAwOCAxNS41YTcuNDc3IDcuNDc3IDAgMDA1LjI5Ni0yLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDAtMi4yMDQtNS4yOTZBNy40NzcgNy40NzcgMCAwMDggLjV6IiBmaWxsPSIjRkZERDUyIiBzdHJva2U9IiNGQUI5MjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) !important;
  background-size: contain;
}
.iconKpiColor4 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggLjVhNy40NzcgNy40NzcgMCAwMC01LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwLjUgOGMwIDIuMDYzLjg0NCAzLjkzNyAyLjIwNCA1LjI5NkE3LjQ3NyA3LjQ3NyAwIDAwOCAxNS41YTcuNDc3IDcuNDc3IDAgMDA1LjI5Ni0yLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDAtMi4yMDQtNS4yOTZBNy40NzcgNy40NzcgMCAwMDggLjV6IiBmaWxsPSIjRkFBMjQzIiBzdHJva2U9IiNFMzc2MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) !important;
  background-size: contain;
}
.iconKpiColor5 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggLjVhNy40NzcgNy40NzcgMCAwMC01LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwLjUgOGMwIDIuMDYzLjg0NCAzLjkzNyAyLjIwNCA1LjI5NkE3LjQ3NyA3LjQ3NyAwIDAwOCAxNS41YTcuNDc3IDcuNDc3IDAgMDA1LjI5Ni0yLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDAtMi4yMDQtNS4yOTZBNy40NzcgNy40NzcgMCAwMDggLjV6IiBmaWxsPSIjRTc1RTRGIiBzdHJva2U9IiNCQTI3MUEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) !important;
  background-size: contain;
}
.iconKpiComplete2 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAuNWE3LjQ3NyA3LjQ3NyAwIDAwLTUuMjk2IDIuMjA0QTcuNDc3IDcuNDc3IDAgMDAuNSA4YzAgMi4wNjMuODQ0IDMuOTM3IDIuMjA0IDUuMjk2QTcuNDc3IDcuNDc3IDAgMDA4IDE1LjVhNy40NzcgNy40NzcgMCAwMDUuMjk2LTIuMjA0QTcuNDc3IDcuNDc3IDAgMDAxNS41IDhhNy40NzcgNy40NzcgMCAwMC0yLjIwNC01LjI5NkE3LjQ3NyA3LjQ3NyAwIDAwOCAuNXoiIHN0cm9rZT0iIzI5OTk1MCIgZmlsbD0iI0ZGRiIvPjxwYXRoIGQ9Ik04IDF2N0gxYzAgMy44NSAzLjE1IDcgNyA3czctMy4xNSA3LTctMy4xNS03LTctN3oiIGZpbGw9IiMzNUIyNjEiLz48L2c+PC9zdmc+) !important;
  background-size: contain;
}
.iconKpiComplete3 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDAtMi4yMDQtNS4yOTZBNy40NzcgNy40NzcgMCAwMDggLjVhNy40NzcgNy40NzcgMCAwMC01LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwLjUgOGMwIDIuMDYzLjg0NCAzLjkzNyAyLjIwNCA1LjI5NkE3LjQ3NyA3LjQ3NyAwIDAwOCAxNS41YTcuNDc3IDcuNDc3IDAgMDA1LjI5Ni0yLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwMTUuNSA4eiIgc3Ryb2tlPSIjMjk5OTUwIiBmaWxsPSIjMzVCMjYxIi8+PHBhdGggZD0iTTggOFYxQzQuMTUgMSAxIDQuMTUgMSA4czMuMTUgNyA3IDdWOHoiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+) !important;
  background-size: contain;
}
.iconKpiComplete4 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDAtMi4yMDQtNS4yOTZBNy40NzcgNy40NzcgMCAwMDggLjVhNy40NzcgNy40NzcgMCAwMC01LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwLjUgOGMwIDIuMDYzLjg0NCAzLjkzNyAyLjIwNCA1LjI5NkE3LjQ3NyA3LjQ3NyAwIDAwOCAxNS41YTcuNDc3IDcuNDc3IDAgMDA1LjI5Ni0yLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwMTUuNSA4eiIgc3Ryb2tlPSIjMjk5OTUwIiBmaWxsPSIjMzVCMjYxIi8+PHBhdGggZD0iTTE1IDhIOFYxQzQuMTUgMSAxIDQuMTUgMSA4czMuMTUgNyA3IDcgNy0zLjE1IDctN3oiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+) !important;
  background-size: contain;
}
.iconKpiComplete5 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjUgOGE3LjQ3NyA3LjQ3NyAwIDAwLTIuMjA0LTUuMjk2QTcuNDc3IDcuNDc3IDAgMDA4IC41YTcuNDc3IDcuNDc3IDAgMDAtNS4yOTYgMi4yMDRBNy40NzcgNy40NzcgMCAwMC41IDhjMCAyLjA2My44NDQgMy45MzcgMi4yMDQgNS4yOTZBNy40NzcgNy40NzcgMCAwMDggMTUuNWE3LjQ3NyA3LjQ3NyAwIDAwNS4yOTYtMi4yMDRBNy40NzcgNy40NzcgMCAwMDE1LjUgOHoiIGZpbGw9IiNGRkYiIHN0cm9rZT0iIzI5OTk1MCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) !important;
  background-size: contain;
}
.iconKpiTrendDown1 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAxNS41YTcuNDc3IDcuNDc3IDAgMDA1LjI5Ni0yLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDAtMi4yMDQtNS4yOTZBNy40NzcgNy40NzcgMCAwMDggLjVhNy40NzcgNy40NzcgMCAwMC01LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwLjUgOGMwIDIuMDYzLjg0NCAzLjkzNyAyLjIwNCA1LjI5NkE3LjQ3NyA3LjQ3NyAwIDAwOCAxNS41eiIgZmlsbD0iIzM1QjI2MSIgc3Ryb2tlPSIjMjk5OTUwIi8+PHBhdGggZD0iTTEyIDcuNTg3TDggMTMgNCA3LjU4N2wyLjkwNy0uMDAxVjNoMi4xODd2NC41ODZIMTJ6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==) !important;
  background-size: contain;
}
.iconKpiTrendDown2 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAuNWMyLjA2MyAwIDMuOTM3Ljg0NCA1LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAxMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDEtMi4yMDQgNS4yOTZBNy40NzcgNy40NzcgMCAwMTggMTUuNWE3LjQ3NyA3LjQ3NyAwIDAxLTUuMjk2LTIuMjA0QTcuNDc3IDcuNDc3IDAgMDEuNSA4YzAtMi4wNjMuODQ0LTMuOTM3IDIuMjA0LTUuMjk2QTcuNDc3IDcuNDc3IDAgMDE4IC41eiIgZmlsbD0iIzM1QjI2MSIgc3Ryb2tlPSIjMjk5OTUwIi8+PHBhdGggZD0iTTQuODggMTAuNTM2bDYuNjU2IDEtMS02LjY1N0w4LjQ4IDYuOTM0IDUuMjM4IDMuNjkxIDMuNjkgNS4yMzggNi45MzQgOC40OGwtMi4wNTUgMi4wNTV6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==) !important;
  background-size: contain;
}
.iconKpiTrendDown3 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAuNWMyLjA2MyAwIDMuOTM3Ljg0NCA1LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAxMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDEtMi4yMDQgNS4yOTZBNy40NzcgNy40NzcgMCAwMTggMTUuNWE3LjQ3NyA3LjQ3NyAwIDAxLTUuMjk2LTIuMjA0QTcuNDc3IDcuNDc3IDAgMDEuNSA4YzAtMi4wNjMuODQ0LTMuOTM3IDIuMjA0LTUuMjk2QTcuNDc3IDcuNDc3IDAgMDE4IC41eiIgZmlsbD0iI0ZGREQ1MiIgc3Ryb2tlPSIjRkFCOTIwIi8+PHBhdGggZD0iTTcuMzg3IDEyLjM5NlY5LjI5NEgyLjhWNi43MDZsNC41ODYuMDAxVjMuNjA0TDEzLjMzNyA4bC01Ljk1IDQuMzk2eiIgc3Ryb2tlPSIjQUI2QzAwIiBzdHJva2Utd2lkdGg9Ii40IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==) !important;
  background-size: contain;
}
.iconKpiTrendDown4 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAuNWMyLjA2MyAwIDMuOTM3Ljg0NCA1LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAxMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDEtMi4yMDQgNS4yOTZBNy40NzcgNy40NzcgMCAwMTggMTUuNWE3LjQ3NyA3LjQ3NyAwIDAxLTUuMjk2LTIuMjA0QTcuNDc3IDcuNDc3IDAgMDEuNSA4YzAtMi4wNjMuODQ0LTMuOTM3IDIuMjA0LTUuMjk2QTcuNDc3IDcuNDc3IDAgMDE4IC41eiIgZmlsbD0iI0ZBQTI0MyIgc3Ryb2tlPSIjRTM3NjE3Ii8+PHBhdGggZD0iTTEwLjUzNiAxMS4xMmwxLTYuNjU2LTYuNjU3IDFMNi45MzQgNy41MmwtMy4yNDMgMy4yNDIgMS41NDcgMS41NDdMOC40OCA5LjA2NmwyLjA1NSAyLjA1NXoiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+) !important;
  background-size: contain;
}
.iconKpiTrendDown5 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAuNWMyLjA2MyAwIDMuOTM3Ljg0NCA1LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAxMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDEtMi4yMDQgNS4yOTZBNy40NzcgNy40NzcgMCAwMTggMTUuNWE3LjQ3NyA3LjQ3NyAwIDAxLTUuMjk2LTIuMjA0QTcuNDc3IDcuNDc3IDAgMDEuNSA4YzAtMi4wNjMuODQ0LTMuOTM3IDIuMjA0LTUuMjk2QTcuNDc3IDcuNDc3IDAgMDE4IC41eiIgZmlsbD0iI0U3NUU0RiIgc3Ryb2tlPSIjQkEyNzFBIi8+PHBhdGggZD0iTTEyIDguNDEzTDggMyA0IDguNDEzbDIuOTA3LjAwMVYxM2gyLjE4N1Y4LjQxNEgxMnoiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+) !important;
  background-size: contain;
}
.iconKpiTrendUp1 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAuNWMyLjA2MyAwIDMuOTM3Ljg0NCA1LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAxMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDEtMi4yMDQgNS4yOTZBNy40NzcgNy40NzcgMCAwMTggMTUuNWE3LjQ3NyA3LjQ3NyAwIDAxLTUuMjk2LTIuMjA0QTcuNDc3IDcuNDc3IDAgMDEuNSA4YzAtMi4wNjMuODQ0LTMuOTM3IDIuMjA0LTUuMjk2QTcuNDc3IDcuNDc3IDAgMDE4IC41eiIgZmlsbD0iIzM1QjI2MSIgc3Ryb2tlPSIjMjk5OTUwIi8+PHBhdGggZD0iTTEyIDguNDEzTDggMyA0IDguNDEzbDIuOTA3LjAwMVYxM2gyLjE4N1Y4LjQxNEgxMnoiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+) !important;
  background-size: contain;
}
.iconKpiTrendUp2 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAuNWMyLjA2MyAwIDMuOTM3Ljg0NCA1LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAxMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDEtMi4yMDQgNS4yOTZBNy40NzcgNy40NzcgMCAwMTggMTUuNWE3LjQ3NyA3LjQ3NyAwIDAxLTUuMjk2LTIuMjA0QTcuNDc3IDcuNDc3IDAgMDEuNSA4YzAtMi4wNjMuODQ0LTMuOTM3IDIuMjA0LTUuMjk2QTcuNDc3IDcuNDc3IDAgMDE4IC41eiIgZmlsbD0iIzM1QjI2MSIgc3Ryb2tlPSIjMjk5OTUwIi8+PHBhdGggZD0iTTEwLjUzNiAxMS4xMmwxLTYuNjU2LTYuNjU3IDFMNi45MzQgNy41MmwtMy4yNDMgMy4yNDIgMS41NDcgMS41NDdMOC40OCA5LjA2NmwyLjA1NSAyLjA1NXoiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+) !important;
  background-size: contain;
}
.iconKpiTrendUp3 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAuNWMyLjA2MyAwIDMuOTM3Ljg0NCA1LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAxMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDEtMi4yMDQgNS4yOTZBNy40NzcgNy40NzcgMCAwMTggMTUuNWE3LjQ3NyA3LjQ3NyAwIDAxLTUuMjk2LTIuMjA0QTcuNDc3IDcuNDc3IDAgMDEuNSA4YzAtMi4wNjMuODQ0LTMuOTM3IDIuMjA0LTUuMjk2QTcuNDc3IDcuNDc3IDAgMDE4IC41eiIgZmlsbD0iI0ZGREQ1MiIgc3Ryb2tlPSIjRkFCOTIwIi8+PHBhdGggZD0iTTcuMzg3IDEyLjM5NlY5LjI5NEgyLjhWNi43MDZsNC41ODYuMDAxVjMuNjA0TDEzLjMzNyA4bC01Ljk1IDQuMzk2eiIgc3Ryb2tlPSIjQUI2QzAwIiBzdHJva2Utd2lkdGg9Ii40IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==) !important;
  background-size: contain;
}
.iconKpiTrendUp4 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAuNWMyLjA2MyAwIDMuOTM3Ljg0NCA1LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAxMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDEtMi4yMDQgNS4yOTZBNy40NzcgNy40NzcgMCAwMTggMTUuNWE3LjQ3NyA3LjQ3NyAwIDAxLTUuMjk2LTIuMjA0QTcuNDc3IDcuNDc3IDAgMDEuNSA4YzAtMi4wNjMuODQ0LTMuOTM3IDIuMjA0LTUuMjk2QTcuNDc3IDcuNDc3IDAgMDE4IC41eiIgZmlsbD0iI0ZBQTI0MyIgc3Ryb2tlPSIjRTM3NjE3Ii8+PHBhdGggZD0iTTQuODggMTAuNTM2bDYuNjU2IDEtMS02LjY1N0w4LjQ4IDYuOTM0IDUuMjM4IDMuNjkxIDMuNjkgNS4yMzggNi45MzQgOC40OGwtMi4wNTUgMi4wNTV6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==) !important;
  background-size: contain;
}
.iconKpiTrendUp5 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAxNS41YTcuNDc3IDcuNDc3IDAgMDA1LjI5Ni0yLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwMTUuNSA4YTcuNDc3IDcuNDc3IDAgMDAtMi4yMDQtNS4yOTZBNy40NzcgNy40NzcgMCAwMDggLjVhNy40NzcgNy40NzcgMCAwMC01LjI5NiAyLjIwNEE3LjQ3NyA3LjQ3NyAwIDAwLjUgOGMwIDIuMDYzLjg0NCAzLjkzNyAyLjIwNCA1LjI5NkE3LjQ3NyA3LjQ3NyAwIDAwOCAxNS41eiIgZmlsbD0iI0U3NUU0RiIgc3Ryb2tlPSIjQkEyNzFBIi8+PHBhdGggZD0iTTEyIDcuNTg3TDggMTMgNCA3LjU4N2wyLjkwNy0uMDAxVjNoMi4xODd2NC41ODZIMTJ6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==) !important;
  background-size: contain;
}
.iconNewQuestion {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M17 5a2 2 0 012 2v14a2 2 0 01-2 2H3a2 2 0 01-2-2V7a2 2 0 012-2h14zm-6 12H9v2h2v-2zm-1.107-7c-.678 0-1.25.143-1.715.429-.685.416-1.073 1.1-1.163 2.055L7 12.71h1.71c0-.312.096-.613.287-.903.191-.29.516-.434.973-.434.466 0 .786.117.962.352.175.236.263.496.263.782 0 .248-.079.476-.236.683-.058.08-.128.156-.21.228l-.134.105-.432.322c-.426.316-.69.595-.792.838-.092.216-.152.587-.18 1.113L9.2 16H10.8c.004-.301.03-.523.077-.666.06-.18.169-.343.327-.488l.128-.105.42-.31c.427-.316.714-.576.864-.78.257-.334.385-.746.385-1.235 0-.798-.295-1.4-.885-1.806-.59-.407-1.33-.61-2.222-.61z' fill='%2379818F'/%3e%3cpath d='M19.5 0v4.5H24v3h-4.5V12h-3V7.5H12v-3h4.5V0h3z' stroke='%23FFF' fill='%2379818F'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e") !important;
  background-size: contain;
}
.iconPrintLabel {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M19 7H5c-1.66 0-3 1.34-3 3v6h4v3l6 4 6-4v-3h4v-6c0-1.66-1.34-3-3-3zm-3 11l-4 3-4-3v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-7 8a1 1 0 100-2 1 1 0 000 2zm6-17H6v4h12V2z' fill='%2379818F'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e") !important;
  background-size: contain;
}
.iconPromo {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M16.684 5c.705 0 1.337.33 1.716.84L23 12l-4.6 6.16c-.379.51-1.01.84-1.716.84l-11.579-.01C3.947 18.99 3 18.1 3 17V7c0-1.1.947-1.99 2.105-1.99zm-3.85 7.099c-1.318 0-2.153.87-2.153 1.962 0 1.08.835 1.939 2.154 1.939C14.153 16 15 15.14 15 14.061c0-1.091-.847-1.962-2.165-1.962zm.847-3.983h-1.185l-5.153 7.745h1.173l5.165-7.745zm-.846 5.213c.387 0 .701.21.701.732 0 .51-.314.708-.701.708-.387 0-.69-.197-.69-.708 0-.523.303-.732.69-.732zM19 11a1 1 0 100 2 1 1 0 000-2zM8.153 8C6.835 8 6 8.87 6 9.962c0 1.08.835 1.94 2.153 1.94 1.33 0 2.178-.86 2.178-1.94C10.33 8.871 9.484 8 8.153 8zm0 1.23c.387 0 .702.21.702.732 0 .5-.315.709-.702.709-.375 0-.677-.21-.677-.709 0-.522.302-.731.677-.731z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e") !important;
  background-size: contain;
}
.iconSelectList {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg clip-path='url(%23clip0_2014_294)'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4C3 3.44772 3.44772 3 4 3H7C7.55228 3 8 3.44772 8 4C8 4.55228 7.55228 5 7 5H5V19H7C7.55228 19 8 19.4477 8 20C8 20.5523 7.55228 21 7 21H4C3.44772 21 3 20.5523 3 20V4Z' fill='%2379818F'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 4C16 3.44772 16.4477 3 17 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H17C16.4477 21 16 20.5523 16 20C16 19.4477 16.4477 19 17 19H19V5H17C16.4477 5 16 4.55228 16 4Z' fill='%2379818F'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 7C8 6.44772 8.39797 6 8.88889 6H15.1111C15.602 6 16 6.44772 16 7C16 7.55228 15.602 8 15.1111 8H8.88889C8.39797 8 8 7.55228 8 7Z' fill='%2379818F'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 12C8 11.4477 8.39797 11 8.88889 11H15.1111C15.602 11 16 11.4477 16 12C16 12.5523 15.602 13 15.1111 13H8.88889C8.39797 13 8 12.5523 8 12Z' fill='%2379818F'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 17C8 16.4477 8.39797 16 8.88889 16H15.1111C15.602 16 16 16.4477 16 17C16 17.5523 15.602 18 15.1111 18H8.88889C8.39797 18 8 17.5523 8 17Z' fill='%2379818F'/%3e %3c/g%3e %3cdefs%3e %3cclipPath id='clip0_2014_294'%3e %3crect width='24' height='24' fill='white'/%3e %3c/clipPath%3e %3c/defs%3e %3c/svg%3e") !important;
  background-size: contain;
}
.iconSupplierPush {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.31 2.25a.75.75 0 01.743.648L11.06 3v13.193a3.007 3.007 0 011.845 2.057H22a.75.75 0 01.743.648l.007.102a.75.75 0 01-.648.743L22 19.75l-9.095.001a3.001 3.001 0 11-3.346-3.719L9.56 3.75H8a.75.75 0 01-.743-.648L7.25 3a.75.75 0 01.648-.743L8 2.25h2.31zM4.084 3.288a.75.75 0 01.405.98 20.186 20.186 0 00-1.536 7.751c0 2.695.527 5.316 1.536 7.751a.75.75 0 01-1.385.575 21.686 21.686 0 01-1.65-8.326c0-2.893.565-5.709 1.65-8.325a.75.75 0 01.98-.406zM22 10.5v7h-8.29A4.015 4.015 0 0012 15.537L12 10.5h10zM6.186 7.307a.75.75 0 01.405.98 9.718 9.718 0 00-.74 3.732c0 1.298.254 2.56.74 3.732a.75.75 0 01-1.385.574 11.218 11.218 0 01-.854-4.306c0-1.496.292-2.953.854-4.306a.75.75 0 01.98-.406zM22 2.5v7H12v-7h10z' fill='%2379818F' fill-rule='evenodd'/%3e%3c/svg%3e") !important;
  background-size: contain;
}
.iconViewCalendar {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M14.147 15.79h-.452l-.16-.155a3.716 3.716 0 10-.4.4l.154.16v.452l2.86 2.853.851-.852-2.853-2.859zm-3.43 0a2.57 2.57 0 01-2.573-2.574 2.57 2.57 0 012.572-2.572 2.57 2.57 0 012.573 2.572 2.57 2.57 0 01-2.573 2.573zM20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z' fill='%2379818F'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e") !important;
  background-size: contain;
}
/* ActionIcons. Size 16x16px */
.csiActionIcon {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
/*Slicer page icons*/
/* Home Page Icons 16x16px */
/* End of Home Page Icons */
/*ThreeD Icons*/
}
.csiActionIcon.iconCrumb {
/* breadcrumb */
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%2379818F' d='M10 17l5-5-5-5z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconDebugStepOver {
/* compliance analysis bypass */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12,14A2,2 0 0,1 14,16A2,2 0 0,1 12,18A2,2 0 0,1 10,16A2,2 0 0,1 12,14M23.46,8.86L21.87,15.75L15,14.16L18.8,11.78C17.39,9.5 14.87,8 12,8C8.05,8 4.77,10.86 4.12,14.63L2.15,14.28C2.96,9.58 7.06,6 12,6C15.58,6 18.73,7.89 20.5,10.72L23.46,8.86Z' fill='%2379818F'/%3e%3c/svg%3e");
  background-size: 16px;
}
.csiActionIcon.iconIngredientContributorPane {
/* ingredient contributor right side pane */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12.215 6.70638C11.9466 4.27388 10.0158 2.34305 7.58331 2.07471V0.873047H6.41665V2.07471C3.98415 2.34305 2.05331 4.27388 1.78498 6.70638H0.583313V7.87305H1.78498C2.05331 10.3055 3.98415 12.2364 6.41665 12.5047V13.7064H7.58331V12.5047C10.0158 12.2364 11.9466 10.3055 12.215 7.87305H13.4166V6.70638H12.215ZM6.99998 11.373C4.7454 11.373 2.91665 9.5443 2.91665 7.28971C2.91665 5.03513 4.7454 3.20638 6.99998 3.20638C9.25456 3.20638 11.0833 5.03513 11.0833 7.28971C11.0833 9.5443 9.25456 11.373 6.99998 11.373Z' fill='%2379818F' /%3e%3c/svg%3e");
  background-size: 24px;
}
.csiActionIcon.iconSearch {
/* global search*/
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M16.6 14.638h-1l-.4-.3c1.2-1.393 2-3.284 2-5.275C17.2 4.583 13.5.9 9 .9 4.5.9.9 4.583.9 9.063s3.7 8.163 8.2 8.163c2 0 3.9-.697 5.3-1.991l.3.398v.996L21 22.9l1.9-1.891c0-.1-6.3-6.371-6.3-6.371zm-7.5 0c-3.1 0-5.7-2.49-5.7-5.675C3.4 5.778 6 3.39 9.1 3.39s5.7 2.488 5.7 5.674c-.1 3.086-2.6 5.575-5.7 5.575z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconSearchLight {
/* header search*/
  background-image: none;
  height: 18px;
  width: 18px;
/* image shown on hover only, see styles.styl->.iconSearchLight */
}
.csiActionIcon.iconImageDefault {
/* property view */
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M19.9 19.9V7.3c0-1-.8-1.8-1.8-1.8H5.4c-1 0-1.8.8-1.8 1.8v12.6c0 1 .8 1.8 1.8 1.8H18c1 0 1.9-.8 1.9-1.8zm-11.3-5l2.3 2.7 3.2-4.1 4.1 5.4H5.4l3.2-4z' fill='%2379818F'/%3e%3ccircle fill='%23299950' cx='17' cy='7.4' r='5.6'/%3e%3cpath stroke='%23FFF' stroke-width='.75' fill='%23FFF' fill-rule='nonzero' d='M16 8.9l-1.4-1.4-.5.5 1.8 1.8L19.8 6l-.5-.5z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconImageRemove {
/* property view */
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M19.9 19.9V7.3c0-1-.8-1.8-1.8-1.8H5.4c-1 0-1.8.8-1.8 1.8v12.6c0 1 .8 1.8 1.8 1.8H18c1 0 1.9-.8 1.9-1.8zm-11.3-5l2.3 2.7 3.2-4.1 4.1 5.4H5.4l3.2-4z' fill='%2379818F'/%3e%3ccircle fill='%23D14030' cx='16.6' cy='7.4' r='5.6'/%3e%3cpath fill='%23FFF' fill-rule='nonzero' d='M15.4 7.4l-1.7-1.8 1.2-1.1 1.7 1.7 1.7-1.7 1.2 1.1-1.8 1.8 1.8 1.7-1.2 1.2-1.7-1.8-1.7 1.8-1.2-1.2z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconImageGenerate {
/* property view */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3e %3cg clip-path='url(%23clip0_225_24280)'%3e %3cpath d='M2.16669 4.0186V7.7223H4.01854V4.0186H7.72224V2.16675H4.01854C2.99539 2.16675 2.16669 2.99545 2.16669 4.0186ZM4.01854 13.2779H2.16669V16.9816C2.16669 18.0047 2.99539 18.8334 4.01854 18.8334H7.72224V16.9816H4.01854V13.2779ZM16.9815 16.9816H13.2778V18.8334H16.9815C18.0046 18.8334 18.8334 18.0047 18.8334 16.9816V13.2779H16.9815V16.9816ZM16.9815 2.16675H13.2778V4.0186H16.9815V7.7223H18.8334V4.0186C18.8334 2.99545 18.0046 2.16675 16.9815 2.16675Z' fill='%2379818F'/%3e %3cpath d='M7.64167 12.9667C7.48333 12.9667 7.3375 12.9459 7.20417 12.8959C7.075 12.8501 6.9625 12.7834 6.87083 12.7001C6.77917 12.6167 6.70833 12.5126 6.65833 12.3959C6.60833 12.2751 6.58333 12.1459 6.58333 12.0042H5.5C5.5 12.3042 5.55833 12.5667 5.675 12.7959C5.79167 13.0251 5.94583 13.2167 6.14167 13.3667C6.3375 13.5209 6.5625 13.6334 6.82083 13.7126C7.07917 13.7959 7.34583 13.8334 7.62917 13.8334C7.9375 13.8334 8.225 13.7917 8.49167 13.7084C8.75833 13.6251 8.9875 13.5001 9.18333 13.3376C9.37917 13.1751 9.52917 12.9751 9.64167 12.7376C9.75 12.5001 9.80833 12.2292 9.80833 11.9251C9.80833 11.7626 9.7875 11.6084 9.75 11.4584C9.70833 11.3084 9.64583 11.1667 9.5625 11.0334C9.475 10.9001 9.3625 10.7834 9.225 10.6751C9.0875 10.5709 8.91667 10.4834 8.72083 10.4126C8.8875 10.3376 9.03333 10.2459 9.15833 10.1376C9.28333 10.0292 9.3875 9.91258 9.47083 9.79175C9.55417 9.66675 9.61667 9.54175 9.65833 9.40841C9.7 9.27508 9.72083 9.14175 9.72083 9.01258C9.72083 8.70841 9.67083 8.44175 9.57083 8.21258C9.47083 7.98341 9.32917 7.79175 9.14583 7.63758C8.9625 7.48341 8.74583 7.36675 8.4875 7.28758C8.22083 7.20425 7.9375 7.16675 7.62917 7.16675C7.32917 7.16675 7.05 7.21258 6.79583 7.30008C6.54167 7.38758 6.325 7.51258 6.14167 7.67091C5.95833 7.82925 5.81667 8.01675 5.7125 8.23341C5.60833 8.45008 5.55833 8.68758 5.55833 8.94175H6.64167C6.64167 8.80008 6.66667 8.67508 6.71667 8.56675C6.76667 8.45425 6.8375 8.35841 6.925 8.28341C7.0125 8.20425 7.12083 8.14175 7.24167 8.10008C7.3625 8.05841 7.49583 8.03341 7.6375 8.03341C7.97083 8.03341 8.21667 8.12091 8.37917 8.29175C8.54167 8.46258 8.62083 8.70425 8.62083 9.01258C8.62083 9.16258 8.6 9.29591 8.55417 9.41675C8.50833 9.53758 8.44167 9.64175 8.35 9.72925C8.25833 9.81675 8.14167 9.88341 8.00833 9.93341C7.87083 9.98341 7.70833 10.0084 7.525 10.0084H6.88333V10.8626H7.525C7.70833 10.8626 7.875 10.8834 8.02083 10.9251C8.16667 10.9667 8.29167 11.0292 8.39583 11.1209C8.5 11.2084 8.57917 11.3209 8.6375 11.4542C8.69167 11.5876 8.72083 11.7459 8.72083 11.9292C8.72083 12.2667 8.625 12.5251 8.42917 12.7042C8.24167 12.8792 7.97917 12.9667 7.64167 12.9667ZM14.775 8.02925C14.5125 7.75425 14.1958 7.54175 13.8292 7.39175C13.4583 7.24175 13.0542 7.16675 12.6083 7.16675H10.6375V13.8334H12.55C13.0125 13.8334 13.4292 13.7584 13.8083 13.6084C14.1875 13.4584 14.5083 13.2459 14.775 12.9709C15.0417 12.6959 15.25 12.3626 15.3917 11.9751C15.5375 11.5876 15.6083 11.1501 15.6083 10.6667V10.3376C15.6083 9.85425 15.5333 9.42091 15.3875 9.02925C15.2417 8.63758 15.0375 8.30425 14.775 8.02925ZM14.4458 10.6709C14.4458 11.0167 14.4083 11.3334 14.325 11.6084C14.2458 11.8876 14.1292 12.1209 13.9708 12.3126C13.8125 12.5042 13.6167 12.6501 13.3792 12.7542C13.1417 12.8542 12.8667 12.9084 12.55 12.9084H11.7958V8.10008H12.6083C13.2083 8.10008 13.6625 8.29175 13.9792 8.67091C14.2917 9.05425 14.45 9.60425 14.45 10.3292V10.6709H14.4458Z' fill='%2379818F'/%3e %3c/g%3e %3cdefs%3e %3cclipPath id='clip0_225_24280'%3e %3crect width='20' height='20' fill='white' transform='translate(0.5 0.5)'/%3e %3c/clipPath%3e %3c/defs%3e %3c/svg%3e");
  background-size: auto;
  background-position: center;
}
.csiActionIcon.iconSaveTemplate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M19 3c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14M9 5H5v14h4V5m10 0h-8v4h8V5m0 6h-8v8h8v-8' fill='%23bababa'/%3e%3c/svg%3e");
  background-size: inherit;
  background-position: center;
  height: 100px;
  width: 50px;
}
.csiActionIcon.iconImageLeft {
/* property view */
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 24H0V0h24z'/%3e%3cpath d='M5.7 22h12.6c1 0 1.8-.8 1.8-1.8V7.6c0-1-.8-1.8-1.8-1.8H5.7c-1 0-1.8.8-1.8 1.8v12.6c0 1 .8 1.8 1.8 1.8zm12.4-2.8H5.5l4.1-5.4 3.2 4.1 2.3-2.7 3 4z' fill='%2379818F'/%3e%3cpath stroke='%23FFF' stroke-width='.7' fill='%232D76D4' fill-rule='nonzero' d='M13.8 5.4H8.6l2.3-2.3L9 1.2 3.3 6.9l5.8 5.7 1.9-1.9-2.5-2.5h5.4V5.5h-.1z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconImageRight {
/* property view */
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 24H0V0h24z'/%3e%3cpath d='M5.7 22h12.6c1 0 1.8-.8 1.8-1.8V7.6c0-1-.8-1.8-1.8-1.8H5.7c-1 0-1.8.8-1.8 1.8v12.6c0 1 .8 1.8 1.8 1.8zm12.4-2.8H5.5l4.1-5.4 3.2 4.1 2.3-2.7 3 4z' fill='%2379818F'/%3e%3cpath stroke='%23FFF' stroke-width='.7' fill='%232D76D4' fill-rule='nonzero' d='M10 8.1h5.2l-2.3 2.3 1.9 1.9 5.7-5.7L14.7.9l-1.9 1.9 2.5 2.5H9.9V8h.1z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconDefaultImage {
/* property view */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg%3e%3ccircle cx='12' cy='12.3' r='9.2' fill='%230caa2d'/%3e%3cpath d='M10.2 14.9L8 12.7l-.8.8 3 3 6.4-6.4-.8-.8-5.6 5.6z' fill='%23fff' stroke='%23fff' stroke-width='.75' stroke-miterlimit='10'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconUser {
/* user management views */
  background-image: url("data:image/svg+xml,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 24 24' xml:space='preserve'%3e%3cstyle%3e.st1%7bfill:%23fff%7d%3c/style%3e%3ccircle cx='12' cy='12' r='12' fill='%23777'/%3e%3ccircle class='st1' cx='12' cy='7.2' r='3.6'/%3e%3cpath class='st1' d='M12 20.6c-3 0-5.7-1.5-7.2-3.9 0-2.4 4.8-3.7 7.2-3.7 2.4 0 7.2 1.3 7.2 3.7-1.5 2.4-4.2 3.9-7.2 3.9z'/%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconCollapsed {
/* hierarchical tables, grouped gallery views (theme guide), comments (Docs & Comments) */
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%2379818F' d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconExpanded {
/* hierarchical tables, grouped gallery views (theme guide), comments (Docs & Comments) */
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%2379818F' d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconChart {
/* View Toolbar (used to sit under csiViewToolbar) */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg stroke='%23FFF'%3e%3cpath d='M11.2 12.5l4.4 7.6c-1.2.6-2.5 1-3.9 1-4.8 0-8.7-4-8.7-8.7C3 7.7 6.6 4 11.2 3.7v8.7c-.1-.1 0 0 0 .1z' fill='%23707070'/%3e%3cpath d='M20.4 11.6h-8.2V3.5c4.5.3 8 3.8 8.2 8.1z' fill='%235E5E5E'/%3e%3cpath d='M16.6 19.5c2.2-1.5 3.7-4 3.9-6.8h-7.8l3.9 6.8z' fill='%23A0A0A0'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconExport {
/* View Toolbar (used to sit under csiViewToolbar) */
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M19 19H5V5h7V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconFormulationOpen {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M14 2C14.55 2 15.0204 2.19622 15.4121 2.58789C15.8038 2.97956 16 3.45 16 4V6C16 6.55 15.8038 7.02044 15.4121 7.41211C15.0204 7.80378 14.55 8 14 8V11.0254C13.6001 11.2754 13.2337 11.5671 12.9004 11.9004C12.5671 12.2337 12.2754 12.6001 12.0254 13H9V11H12V8H6V17C6 17.8333 6.29167 18.5417 6.875 19.125C7.45833 19.7083 8.16667 20 9 20C9.49997 20 9.95399 19.8914 10.3623 19.6748C10.7706 19.4582 11.1171 19.1587 11.4004 18.7754C11.5336 19.1084 11.6831 19.4249 11.8496 19.7246C12.0162 20.0246 12.2169 20.3163 12.4502 20.5996C12.0003 21.0329 11.4836 21.375 10.9004 21.625C10.3171 21.875 9.68333 22 9 22C7.61667 22 6.43789 21.5121 5.46289 20.5371C4.48789 19.5621 4 18.3833 4 17V8C3.45 8 2.97956 7.80378 2.58789 7.41211C2.19622 7.02044 2 6.55 2 6V4C2 3.45 2.19622 2.97956 2.58789 2.58789C2.97956 2.19622 3.45 2 4 2H14ZM18.7061 13.3496C18.8916 13.4246 19.0661 13.5034 19.2285 13.5859C19.3907 13.6684 19.5566 13.7698 19.7266 13.8896L21.0723 13.4854L22 15.0146L20.9326 15.915C20.9635 16.11 20.9795 16.305 20.9795 16.5C20.9795 16.695 20.9635 16.89 20.9326 17.085L22 17.9854L21.0723 19.5146L19.7266 19.1104C19.5566 19.2302 19.3907 19.3316 19.2285 19.4141C19.0661 19.4966 18.8916 19.5754 18.7061 19.6504L18.4277 21H16.5723L16.2939 19.6504C16.1084 19.5754 15.9339 19.4966 15.7715 19.4141C15.6093 19.3316 15.4434 19.2302 15.2734 19.1104L13.9277 19.5146L13 17.9854L14.0674 17.085C14.0365 16.89 14.0205 16.695 14.0205 16.5C14.0205 16.305 14.0365 16.11 14.0674 15.915L13 15.0146L13.9277 13.4854L15.2734 13.8896C15.4434 13.7698 15.6093 13.6684 15.7715 13.5859C15.9339 13.5034 16.1084 13.4246 16.2939 13.3496L16.5723 12H18.4277L18.7061 13.3496ZM17.5 14.7002C16.9898 14.7002 16.5528 14.8761 16.1895 15.2285C15.8261 15.581 15.6445 16.005 15.6445 16.5C15.6445 16.995 15.8261 17.419 16.1895 17.7715C16.5528 18.1239 16.9898 18.2998 17.5 18.2998C18.0103 18.2998 18.4472 18.1239 18.8105 17.7715C19.1739 17.419 19.3555 16.995 19.3555 16.5C19.3555 16.005 19.1739 15.581 18.8105 15.2285C18.4472 14.8761 18.0102 14.7002 17.5 14.7002ZM11.1748 15C11.0915 15.3333 11.0377 15.6667 11.0127 16C10.9877 16.3333 10.9921 16.6667 11.0254 17H9V15H11.1748ZM4 6H14V4H4V6Z' fill='%2379818F'/%3e %3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconPrint {
/* View Toolbar (used to sit under csiViewToolbar) */
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconResetFilter {
/* View Toolbar (used to sit under csiViewToolbar) */
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M13.76 20.83L16.6 18l-2.84-2.83 1.41-1.41L18 16.57l2.83-2.81 1.41 1.41L19.43 18l2.81 2.83-1.41 1.41L18 19.4l-2.83 2.84-1.41-1.41M1 2h18v2h-.08L12 10.92v11.99l-4-4v-8L1.09 4H1V2z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.csi-icon-link-off {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg%3e%3cpath d='M17 7h-6.8l2 1.9H17c1.7 0 3.1 1.4 3.1 3.1 0 1.4-1 2.6-2.3 3l1.5 1.5c1.6-.8 2.8-2.5 2.8-4.4C22 9.2 19.8 7 17 7zm.6 4h-3.8l2 2h1.8v-2zm-2.9 6l4 4 1.3-1.3L3.3 3 2 4.3l3.1 3.1C3.3 8.1 2 9.9 2 12c0 2.8 2.2 5 5 5h6l-2-1.9H7c-1.7 0-3.1-1.4-3.1-3.1 0-1.6 1.2-2.9 2.8-3.1l2 2.1h-2v2h4l2.3 2.3' fill='%23777'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconUpload {
/* Nav->Manage Images->Library - Upload button */
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M9 16h6v-6h4l-7-7-7 7h4v6zm-4 2h14v2H5v-2z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconCreateMaterial {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cg stroke-width='2'%3e%3cpath stroke='%2379818F' d='M3 5.9V21h13.387'/%3e%3cpath d='M13.272 3H6.687v14h14v-6.586L13.272 3z' fill='%23DADFE8' stroke='%23778190'/%3e%3c/g%3e%3cpath fill='%23FFF' d='M15.584 4L15.7.5h4V4H23v3.8h-3.3v3.5h-.931L12.4 4.898V4z'/%3e%3cpath fill='%23FFF' d='M15.7 4.898L18.769 8v3.3H15.7V8h-3.3V4.898z'/%3e%3cpath fill='%2379818F' d='M16.6 4.8V1.4h2.2v3.4h3.4V7h-3.4v3.4h-2.2V7h-3.3V4.8z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconSelectStyle {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cg fill='%2379818F'%3e%3cpath d='M9.626 3.402L10.932 3C11.955 4.26 12.977 4.889 14 4.889c1.023 0 2.045-.63 3.068-1.889l1.306.402a4.5 4.5 0 012.637 2.166L23 9.257l-2.66 2.48-1.022-1.181V20H8.682v-9.444l-1.023 1.18L5 9.256l1.989-3.688a4.5 4.5 0 012.637-2.166z'/%3e%3cpath d='M4.494 7.839l1.12-.339h0c.795.963 1.59 1.444 2.386 1.444.795 0 1.59-.481 2.386-1.444l1.12.339a3.24 3.24 0 011.903 1.543L15 12.285h0l-2.068 1.896-.796-.903V20.5H3.864v-7.222l-.796.903L1 12.285l1.591-2.903A3.24 3.24 0 014.494 7.84z' stroke='%23FFF' stroke-width='.648'/%3e%3c/g%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconSelectSize {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg stroke='%23000' stroke-width='.5' stroke-miterlimit='10'%3e%3cpath class='st18' d='M20.5 21H4.1c-.1 0-.3-.1-.3-.3v-4.1c0-.1.1-.3.3-.3h16.4c.1 0 .3.1.3.3v4.1c-.1.2-.2.3-.3.3zm-16.2-.5h15.8v-3.6H4.3v3.6z'/%3e%3cpath class='st18' d='M9.5 16.9H4.1c-.1 0-.2-.1-.3-.2 0-.1 0-.2.1-.3l10.9-8.2s.1-.1.2-.1h5.5c.1 0 .2.1.3.2 0 .1 0 .2-.1.3l-11 8.2c0 .1-.1.1-.2.1zm-4.6-.5h4.6l10.2-7.7h-4.6L4.9 16.4z'/%3e%3cpath class='st18' d='M3.2 4.3h0c0-.2.2-.3.4-.3h16.9c.1 0 .3.1.3.3v4.1c0 .2-.1.3-.3.3h-17c-.1 0-.3-.1-.3-.3V4.3h0zm.6 3.8h16.4V4.5H3.8M5.4 20.7c-.1 0-.1-.1-.1-.1v-1.5c0-.1.1-.1.1-.1.1 0 .1.1.1.1v1.5c0 .1-.1.1-.1.1zM7.7 20.7c-.1 0-.1-.1-.1-.1v-2.3c0-.1.1-.1.1-.1l.1.1v2.3c0 .1 0 .1-.1.1zM10 20.7c-.1 0-.1-.1-.1-.1v-1.5c0-.1.1-.1.1-.1l.1.1v1.5c0 .1 0 .1-.1.1zM12.4 20.7c-.1 0-.1-.1-.1-.1v-2.3c0-.1.1-.1.1-.1l.1.1v2.3c0 .1-.1.1-.1.1zM14.7 20.7c-.1 0-.1-.1-.1-.1v-1.5c0-.1.1-.1.1-.1l.1.1v1.5c0 .1 0 .1-.1.1zM17 20.7c-.1 0-.1-.1-.1-.1v-2.3c0-.1.1-.1.1-.1.1 0 .1.1.1.1v2.3c0 .1 0 .1-.1.1zM19.4 20.7c-.1 0-.1-.1-.1-.1v-1.5c0-.1.1-.1.1-.1l.1.1v1.5c0 .1-.1.1-.1.1z'/%3e%3cpath class='st18' d='M19.1 6c-.1 0-.1 0-.1-.1V4.5c0-.1 0-.1.1-.1s.1 0 .1.1v1.4c0 .1 0 .1-.1.1zM16.9 6.8c-.1 0-.1 0-.1-.1V4.5c0-.1 0-.1.1-.1s.1 0 .1.1v2.2c.1.1 0 .1-.1.1zM14.5 6c-.1 0-.1 0-.1-.1V4.5c0-.1 0-.1.1-.1s.1 0 .1.1v1.4c.1.1 0 .1-.1.1zM12.1 6.8c-.1 0-.1 0-.1-.1V4.5c0-.1 0-.1.1-.1s.1 0 .1.1v2.2c0 .1 0 .1-.1.1zM9.7 6c-.1 0-.1 0-.1-.1V4.5c0-.1 0-.1.1-.1s.1 0 .1.1v1.4c0 .1 0 .1-.1.1zM7.3 6.8c-.1 0-.1 0 0 0l-.1-2.3c0-.1 0-.1.1-.1s.1 0 .1.1l-.1 2.3c.1 0 .1 0 0 0zM5 6c-.1 0-.1 0 0 0l-.1-1.5c0-.1 0-.1.1-.1s.1 0 .1.1L5 6c.1 0 .1 0 0 0z'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconSelectSKU {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M20.7 5.3c.7 0 1.3.7 1.3 1.5v11.3c-.1.8-.6 1.5-1.3 1.5H2.9c-.7 0-1.3-.7-1.3-1.5V6.8c0-.8.6-1.5 1.3-1.5h17.8zm0 .9H2.9c-.3 0-.5.2-.5.6v11.3c0 .3.2.6.5.6h17.8c.3 0 .5-.2.5-.6V6.8c0-.3-.2-.6-.5-.6zM5.6 7.5v10H3.9v-10h1.7zm2.5 0v10h-.8v-10h.8zm-1.4 0v10h-.3v-10h.3zm4.5 0v10h-2v-10h2zm1.8 0v10h-.9v-10h.9zm6.7 0v10h-2v-10h2zm-2.8 0v10H16v-10h.9zm-1.9 0v10h-.9v-10h.9z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconCreateOrder {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M5.2 6.4h14.1c.4 0 .7.3.7.7v5.5c0 .3-.2.6-.6.6-.3.1-12.4 1.5-12.4 1.5L5.2 6.4zM6.6 6.4H3.1s-.7 0-.7-.7.7-.7.7-.7h2.7c.3 0 .6.2.7.6l.1.8z' fill='%2379818F'/%3e%3cpath d='M8 16.4L6.6 16l.4-.8-.2-1 1.5.3s.1.6.1.7c.1.2-.4 1.2-.4 1.2z' fill='%2379818F'/%3e%3cpath d='M18.2 17.3H7.1c-.4 0-.7-.3-.7-.7v-.1c0-.3.4-.9.7-.9v.3H18c.2 0 .6.5.6.7v.3c0 .2-.1.4-.4.4z' fill='%2379818F'/%3e%3ccircle fill='%2379818F' cx='7.8' cy='18.6' r='1.3'/%3e%3ccircle fill='%2379818F' cx='17.3' cy='18.6' r='1.3'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconCreateOrderToggle {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M5.3 7.7h14.1c.4 0 .7.3.7.7v5.5c0 .3-.2.6-.6.6-.4.1-12.4 1.5-12.4 1.5L5.3 7.7zM6.7 7.7H3.2s-.7 0-.7-.7.7-.7.7-.7h2.7c.3 0 .6.2.7.6l.1.8z' fill='%2379818F'/%3e%3cpath d='M8.1 17.7l-1.4-.4.4-.8-.2-1 1.5.3s.1.6.1.7c.1.2-.4 1.2-.4 1.2z' fill='%2379818F'/%3e%3cpath d='M18.3 18.6H7.2c-.4 0-.7-.3-.7-.7v-.1c0-.3.4-.9.7-.9v.3h10.9c.2 0 .6.5.6.7v.3c0 .2-.2.4-.4.4z' fill='%2379818F'/%3e%3ccircle fill='%2379818F' cx='7.8' cy='20' r='1.3'/%3e%3ccircle fill='%2379818F' cx='17.4' cy='20' r='1.3'/%3e%3cellipse stroke='%23FFF' fill='%23D14030' fill-rule='nonzero' cx='16.8' cy='7.8' rx='4.8' ry='4.7'/%3e%3cpath fill='%23FFF' d='M14.5 7.3h4.6v1.1h-4.6z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconLink {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M14.121 9.879c1.503 1.502 1.635 3.861.287 5.362l-.135.143-5.253 5.253c-1.49 1.49-3.954 1.4-5.505-.152-1.503-1.502-1.635-3.861-.287-5.363l.135-.142 2.627-2.626 1.414 1.414-2.627 2.626c-.685.685-.64 1.885.152 2.677.754.755 1.878.83 2.576.245l.1-.093 5.254-5.253c.685-.685.64-1.885-.152-2.677a2.224 2.224 0 00-.41-.324l-.15-.084.907-1.783c.39.199.75.46 1.067.777zm6.364-6.364c1.503 1.502 1.635 3.861.287 5.363l-.135.142-2.627 2.626-1.414-1.414 2.627-2.626c.685-.685.64-1.885-.152-2.677-.754-.755-1.878-.83-2.576-.245l-.1.093-5.254 5.253c-.685.685-.64 1.885.152 2.677.126.126.263.234.41.324l.15.084-.907 1.783c-.39-.199-.75-.46-1.067-.777-1.503-1.502-1.635-3.861-.287-5.362l.135-.143 5.253-5.253c1.49-1.49 3.954-1.4 5.505.152z' fill='%2379818F'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconLinkToggle {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M13.149 15.094l-.972.972-1.945 1.944-1.296 1.297c-1.432 1.432-3.543 1.643-4.714.471-1.172-1.171-.96-3.282.471-4.714l1.297-1.296h0l1.944-1.945.972-.972m1.945-1.945l.972-.972 1.945-1.944 1.296-1.297c1.432-1.432 3.543-1.643 4.714-.471 1.172 1.171.96 3.282-.471 4.714l-1.297 1.296h0l-1.944 1.945-.972.972' stroke='%2379818F' stroke-width='2'/%3e%3cg stroke='%2379818F'%3e%3cpath d='M3.307 4.021l.707-.707L7.55 6.849l-.707.708zM3.1 9.763v-1h2v1zM9.757 3.107h-1v2h1z'/%3e%3cg%3e%3cpath d='M20.057 20.87l.707-.708-3.536-3.536-.707.708 3.536 3.535zM20.971 14.419v1h-2v-1zM14.313 21.077h1v-2h-1z'/%3e%3c/g%3e%3c/g%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconCreateStyle {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M6.383 4.498L8.25 4C9.5 5.933 10.75 6.9 12 6.9s2.5-.967 3.75-2.9l1.867.498a5 5 0 012.93 2.147L23 10.5l-3.25 2.75L18.5 12v10h-13V12l-1.25 1.25L1 10.5l2.453-3.855a5 5 0 012.93-2.147z' fill='%2379818F'/%3e%3cpath fill='%23FFF' d='M16.1 3.5V1h2v3.1h3.1l.6 2h-3.1v3.1h-2.6V6.1H13V3.5z'/%3e%3cpath fill='%2379818F' d='M16.7 4.1V1h1.4v3.1h3.1v1.4h-3.1v3.1h-1.4V5.5h-3.1V4.1z'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconSelectMaterial {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cg stroke-width='2'%3e%3cpath stroke='%2379818F' d='M3 5.9V21h13.387'/%3e%3cg stroke='%23778190'%3e%3cpath d='M13.272 3H6.687v14h14v-6.586L13.272 3z' fill='%23DADFE8'/%3e%3cpath d='M20 11h-8V3'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconMove {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2zm0 7h4V8l5 5-5 5v-3h-4v-4z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconColorStyle {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%23404754' fill='%23EDF0F5' fill-rule='nonzero' d='M3.2 5.3h10.2v10.2H3.2z'/%3e%3cpath stroke='%23404754' fill='%23FAA243' fill-rule='nonzero' d='M3.2 15.4h5.1v5.1H3.2z'/%3e%3cpath stroke='%23404754' fill='%23FFDD52' fill-rule='nonzero' d='M8.2 15.4h5.1v5.1H8.2z'/%3e%3cpath stroke='%23404754' fill='%2335B261' fill-rule='nonzero' d='M13.3 15.4h5.1v5.1h-5.1z'/%3e%3cpath stroke='%23404754' fill='%2361A7F2' fill-rule='nonzero' d='M13.3 10.4h5.1v5.1h-5.1z'/%3e%3cpath stroke='%23404754' fill='%238F79E8' fill-rule='nonzero' d='M13.3 5.3h5.1v5.1h-5.1z'/%3e%3cpath stroke='%23404754' stroke-width='2' d='M2.7 4.8h16.2V21H2.7z'/%3e%3cpath fill='%23FFF' d='M14.9 4.8l.1-1h1.1V1.9h2.6v1.9h1.2v2h2.7v2.5h-2.7v5h-4.8V9.4h-4V4.8z'/%3e%3cpath fill='%23777' d='M16.1 5.8V1.9h2.6v3.9h3.9v2.5h-3.9v3.9h-2.6V8.3h-3.9V5.8z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconCopyToMultiple {
  background-image: url("data:image/svg+xml,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 24 24' xml:space='preserve'%3e%3cstyle%3e.st1%7bfill:%23797979%7d%3c/style%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath class='st1' d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3e%3cpath class='st1' d='M18 13l-3-3v2.3c-3.4 0-6.1 2.7-6.1 6.1v.4h1.5v-.4c0-2.5 2-4.6 4.6-4.5v2.3l3-3.2z'/%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconEditColorway {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%234A4A4A' fill='%23EDF0F5' fill-rule='nonzero' d='M3.3 3.3h11.4v11.4H3.3z'/%3e%3cpath stroke='%23404754' fill='%23FAA243' fill-rule='nonzero' d='M3.3 14.7H9v5.7H3.3z'/%3e%3cpath stroke='%23404754' fill='%23FFDD52' fill-rule='nonzero' d='M9 14.7h5.7v5.7H9z'/%3e%3cpath stroke='%23404754' fill='%2335B261' fill-rule='nonzero' d='M14.7 14.7h5.7v5.7h-5.7z'/%3e%3cpath stroke='%23404754' fill='%2361A7F2' fill-rule='nonzero' d='M14.7 9h5.7v5.7h-5.7z'/%3e%3cpath stroke='%23404754' fill='%238F79E8' fill-rule='nonzero' d='M14.7 3.3h5.7V9h-5.7z'/%3e%3cpath stroke='%23404754' stroke-width='2' d='M2.8 2.8H21V21H2.8z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconFixColorway {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%234A4A4A' fill='%23EDF0F5' fill-rule='nonzero' d='M3.3 3.3h11.4v11.4H3.3z'/%3e%3cpath stroke='%23404754' fill='%23FAA243' fill-rule='nonzero' d='M3.3 14.7H9v5.7H3.3z'/%3e%3cpath stroke='%23404754' fill='%23FFDD52' fill-rule='nonzero' d='M9 14.7h5.7v5.7H9z'/%3e%3cpath stroke='%23404754' fill='%2335B261' fill-rule='nonzero' d='M14.7 14.7h5.7v5.7h-5.7z'/%3e%3cpath stroke='%23404754' fill='%2361A7F2' fill-rule='nonzero' d='M14.7 9h5.7v5.7h-5.7z'/%3e%3cpath stroke='%23404754' fill='%238F79E8' fill-rule='nonzero' d='M14.7 3.3h5.7V9h-5.7z'/%3e%3cpath stroke='%23D14030' stroke-width='2' d='M2.8 2.8H21V21H2.8z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconPdfBroken {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3cdefs%3e%3cstyle%3e.noFill%7bfill:none%7d%3c/style%3e%3c/defs%3e%3csvg%3e%3cpath class='noFill' d='M8 18.1c-.2.3-.4.5-.5.7.3-.2.8-.7 1.4-1.6-.3.4-.6.6-.9.9zM16.7 16.2s0-.1 0 0c-.2-.2-.6-.3-1.4-.3.5.2.9.3 1.2.3h.2z'/%3e%3cpath class='noFill' d='M18.4 20.7v-6.6l-2.6-.4-2.8.8.2.2c.2.2.5.4.8.6.4 0 .8-.1 1.2-.1 1 0 1.6.2 1.8.5.1.1.1.3 0 .5 0 .3-.3.4-.7.4-.3 0-.7-.1-1.1-.2-.4-.1-.9-.3-1.3-.5-1.5.2-2.8.4-3.9.8-1 1.7-1.8 2.6-2.4 2.6-.1 0-.2 0-.3-.1H7l-.1-.1c-.1-.1-.1-.2-.1-.4.1-.3.2-.6.6-.9.3-.3.8-.7 1.3-1 .2.1.3.1.3.2.3-.6.7-1.2 1.1-2 .1-.3.2-.5.4-.8l-3-2.2-1.9.9v7.7h12.8z'/%3e%3cpath class='noFill' d='M10.3 16.3c.9-.4 1.8-.6 2.8-.8 0 0-.1 0-.1-.1-.1-.1-.1-.1-.2-.1l-.5-.5-.9.2-.4-.3c-.1.2-.2.5-.3.7-.2.4-.3.7-.4.9z'/%3e%3cpath fill='%23787878' d='M18.4 20.7H5.6V13l-1.3.6V21c0 .3.1.5.3.7.2.2.4.3.7.3h13.4c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7v-6.7l-1.3-.2v6.6z'/%3e%3cpath fill='%23787878' d='M12.8 16.2s.1.1.2.1l.1.1c-1 .2-1.9.4-2.8.8.1-.2.2-.5.4-.8.1-.3.2-.5.3-.7l-.6-.4c-.1.3-.2.5-.4.8-.4.7-.7 1.4-1.1 2-.1-.1-.1-.1-.2-.1-.6.3-1 .6-1.3 1-.3.3-.5.6-.6.9 0 .2 0 .3.1.4 0 0 .1 0 .1.1l.2.1c.1 0 .2.1.3.1.6 0 1.4-.9 2.4-2.6 1.1-.4 2.4-.7 3.9-.8.4.2.8.4 1.3.5.4.1.8.2 1.1.2.4 0 .7-.1.7-.4.1-.2.1-.4 0-.5-.2-.3-.8-.5-1.8-.5-.4 0-.8 0-1.2.1-.3-.2-.6-.4-.8-.6l-.2-.2-.7.2c.3-.2.4 0 .6.2zm-5.3 3.6c.1-.2.3-.5.5-.8.2-.3.5-.6.9-.8-.6.9-1 1.4-1.4 1.6zm9.2-2.8c0 .1 0 .1 0 0h-.2c-.3 0-.7-.1-1.2-.3.8.1 1.2.2 1.4.3zM11.9 9.3c.1-.4.1-1.1.1-1.9v-.3V7v-.1c.1-.3 0-.5-.1-.7-.1-.1-.2-.1-.3-.1h-.2c-.2 0-.3.1-.4.4-.1.3-.1.8-.1 1.3s.1 1 .3 1.6c-.2.6-.4 1.2-.7 1.8l.6.4c.2-.4.4-.9.5-1.2.2.5.5.9.8 1.2l.7-.2c-.5-.4-.9-1.1-1.2-2.1zm-.2-2.2c0 .3-.1.4-.1.4 0 .2-.1.4-.1.4-.1-.6-.1-1 0-1.3.1.1.1.2.1.4.1 0 .1 0 .1.1 0-.1 0 0 0 0z'/%3e%3cpath fill='%23787878' d='M19.5 6.6c-.1-.3-.3-.6-.5-.8l-3-3.1c-.2-.2-.4-.3-.8-.5-.3-.1-.6-.2-.9-.2H5.4c-.3 0-.5.1-.7.3-.2.2-.3.4-.3.7v8.5l1.3-.6V3.3h7.6v4.1c0 .3.1.5.3.7.2.2.4.3.7.3h4.1V12l1.3.2V7.5c0-.3 0-.6-.2-.9zm-4.9.5V3.4c.2.1.3.1.4.2l3.1 3.1c.1.1.2.2.2.4h-3.7z'/%3e%3cpath fill='none' stroke='%23787878' stroke-miterlimit='10' d='M5 7.7v3.1l2.8-1.4 3.8 2.9 4-1.2 3.7.6V8.9M4.9 15.8v-2l2.7-1.4 3.9 3 4.3-1.3 3.4.6v1.8'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconRevise {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M17.9 2.1c1.1 0 2 .9 2 2v15.8c0 1.1-.9 2-2 2H6.1c-1.1 0-2-.9-2-2V8.1l5.9-6zM14 8.7v2.6c-3.8 0-6.9 3.1-6.9 6.9v.5h1.7v-.5c0-2.9 2.3-5.2 5.2-5.2v2.6l3.4-3.4L14 8.7zm-3-5.1L5.6 9H11V3.6z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconImgPin {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%234a4a4a'%3e%3cpath d='M13.2 16l5.5-5.5.7.7 1.4-1.4-6.9-6.9-1.4 1.4.7.7-5.5 5.5H5L3.6 12l3.5 3.5L3 19.6l1.1 1.1 4.1-4.1 3.5 3.5 1.4-1.4.1-2.7z'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: contain;
  background-color: var(--PrimaryWhite);
  border: 1px solid var(--Grey400);
  border-radius: 3px;
}
.csiActionIcon.iconUnpin {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%2379818F' d='M16 12V4h1V2H7v2h1v8l-2 2v2h5.2v6h1.6v-6H18v-2z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconUnlink {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e %3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e %3cpath d='M7.6,9.1h1.9V7.5H7.6c-2.6,0-4.7,1.9-4.7,4.3s2.1,4.3,4.7,4.3h1.9v-1.6H7.6 c-1.6,0-2.9-1.2-2.9-2.7S6,9.1,7.6,9.1z M14.2,3.6l-1.9,3L13.2,7L14,7.4l1.9-3C15.8,4.5,14.2,3.6,14.2,3.6z M14.2,19.9l-1.9-3 l0.8-0.4l0.8-0.4l1.9,3C15.8,19.1,14.2,19.9,14.2,19.9z M8.6,4.5l1.9,3L11.3,7l0.8-0.4l-1.9-3L8.6,4.5z M8.6,19.1l1.9-3l0.8,0.4 l0.8,0.4l-1.9,3C10.2,19.9,8.6,19.1,8.6,19.1z M15,7.5v1.6h1.9c1.6,0,2.9,1.2,2.9,2.7s-1.3,2.7-2.9,2.7H15v1.6h1.9 c2.6,0,4.7-1.9,4.7-4.3s-2.1-4.3-4.7-4.3C16.9,7.5,15,7.5,15,7.5z' fill='%23FFFFFF'/%3e %3c/g%3e %3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconPin {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%2379818F' d='M13.529 16.87l6.224-6.257.816.82L22.1 9.895 14.345 2.1l-1.53 1.538.816.821-6.225 6.256H4.345l-1.633 1.539 3.98 4L2.1 20.869 3.324 22.1l4.592-4.615 3.98 4 1.53-1.539V16.87z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconZoomInMap {
  background-image: var(--ExitFullScreenIconURL);
  background-size: contain;
}
.csiActionIcon.iconImageReplaceIndicator {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3e%3ccircle cx='12' cy='12' r='8' fill='%23ffe499'/%3e%3ccircle cx='12' cy='12' r='5' fill='%23fb0'/%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.icon3dConvert {
  background-image: url("data:image/svg+xml,%3csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.40819 11.6721L1.12135 11.668C1.92824 16.3972 6.09781 20 11.1292 20L11.6878 19.975L8.46322 16.8L7.33757 17.9C4.82064 16.7329 2.95471 14.4355 2.40819 11.6721ZM8.09082 12.4667C7.93001 12.4667 7.77767 12.4417 7.65072 12.4C7.5153 12.35 7.40527 12.2917 7.31217 12.2C7.21908 12.1167 7.1429 12.0167 7.09212 11.8917C7.04134 11.775 7.01595 11.6417 7.01595 11.5H5.91569C5.91569 11.8 5.97493 12.0667 6.09342 12.2917C6.21191 12.5167 6.37272 12.7083 6.56738 12.8667C6.77051 13.0167 6.99902 13.1333 7.26139 13.2083C7.5153 13.2917 7.78613 13.3333 8.07389 13.3333C8.38704 13.3333 8.68327 13.2917 8.94564 13.2083C9.21647 13.125 9.45345 13 9.64811 12.8417C9.84277 12.6833 10.0036 12.4833 10.1136 12.2417C10.2236 12 10.2829 11.7333 10.2829 11.4333C10.2829 11.275 10.266 11.1167 10.2236 10.9667C10.1813 10.8167 10.1221 10.675 10.029 10.5417C9.94434 10.4083 9.82585 10.2917 9.69043 10.1833C9.54655 10.075 9.37728 9.99167 9.17415 9.925C9.34342 9.85 9.48731 9.75833 9.61426 9.65C9.74121 9.54167 9.84277 9.425 9.92741 9.3C10.012 9.175 10.0713 9.05 10.1136 8.91667C10.1559 8.78333 10.1729 8.65 10.1729 8.51667C10.1729 8.21667 10.1221 7.95 10.0205 7.71667C9.91895 7.48333 9.77507 7.29167 9.58887 7.14167C9.4196 6.98333 9.19108 6.86667 8.93717 6.78333C8.6748 6.70833 8.38704 6.66667 8.07389 6.66667C7.76921 6.66667 7.48991 6.70833 7.22754 6.8C6.97363 6.89167 6.74512 7.01667 6.55892 7.175C6.38118 7.33333 6.2373 7.51667 6.12728 7.73333C6.02572 7.95 5.97493 8.18333 5.97493 8.44167H7.0752C7.0752 8.3 7.10059 8.175 7.15137 8.06667C7.20215 7.95833 7.26986 7.85833 7.36296 7.78333C7.45605 7.70833 7.55762 7.64167 7.68457 7.6C7.81152 7.55833 7.93848 7.53333 8.09082 7.53333C8.42936 7.53333 8.68327 7.61667 8.84408 7.79167C9.00488 7.95833 9.08952 8.2 9.08952 8.50833C9.08952 8.65833 9.06413 8.79167 9.02181 8.91667C8.97949 9.04167 8.90332 9.14167 8.81022 9.225C8.71712 9.30833 8.59863 9.375 8.46322 9.425C8.3278 9.475 8.15853 9.5 7.97233 9.5H7.32064V10.3583H7.97233C8.15853 10.3583 8.3278 10.375 8.48014 10.4167C8.63249 10.4583 8.75944 10.525 8.861 10.6083C8.96257 10.7 9.0472 10.8083 9.10645 10.9417C9.16569 11.075 9.19108 11.2333 9.19108 11.4167C9.19108 11.7583 9.08952 12.0167 8.89486 12.1917C8.7002 12.3833 8.42936 12.4667 8.09082 12.4667V12.4667ZM15.3271 7.53333C15.0563 7.25833 14.7347 7.04167 14.3623 6.89167C13.9984 6.74167 13.5837 6.66667 13.1266 6.66667H11.1292V13.3333H13.0758C13.5413 13.3333 13.973 13.2583 14.3538 13.1083C14.7347 12.9583 15.0648 12.75 15.3356 12.475C15.6064 12.2 15.818 11.8667 15.9619 11.4833C16.1058 11.0917 16.182 10.6583 16.182 10.175V9.84167C16.182 9.35833 16.1058 8.925 15.9619 8.53333C15.8096 8.14167 15.598 7.80833 15.3271 7.53333V7.53333ZM14.9971 10.1667C14.9971 10.5167 14.9548 10.825 14.8786 11.1083C14.7939 11.3833 14.6755 11.625 14.5146 11.8167C14.3538 12.0083 14.1507 12.1583 13.9137 12.2583C13.6683 12.3583 13.389 12.4083 13.0758 12.4083H12.3057V7.6H13.1266C13.736 7.6 14.2015 7.79167 14.5146 8.175C14.8363 8.55833 14.9971 9.10833 14.9971 9.83333V10.1667V10.1667ZM10.5706 0.025L13.7952 3.2L14.9209 2.09167C17.4429 3.26873 19.3113 5.56688 19.8472 8.33656L21.1324 8.3391C20.3386 3.61 16.1657 0 11.1292 0L10.5706 0.025ZM12.8219 18.583L12.8272 19.8484C17.6263 19.0507 21.2812 14.9471 21.2812 9.99583L21.2559 9.44583L18.0312 12.6208L19.1484 13.7292C17.9629 16.2078 15.629 18.0452 12.8219 18.583ZM0.994141 10.5458L4.21875 7.37083L3.0931 6.2625C4.28909 3.77817 6.59915 1.94276 9.43931 1.41131C9.44837 1.40961 9.43909 0.146452 9.43846 0.146554C4.63532 0.928011 0.96875 5.03676 0.96875 9.99583L0.994141 10.5458Z' fill='black'/%3e %3cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='22' height='20'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.40819 11.6721L1.12135 11.668C1.92824 16.3972 6.09781 20 11.1292 20L11.6878 19.975L8.46322 16.8L7.33757 17.9C4.82064 16.7329 2.95471 14.4355 2.40819 11.6721ZM8.09082 12.4667C7.93001 12.4667 7.77767 12.4417 7.65072 12.4C7.5153 12.35 7.40527 12.2917 7.31217 12.2C7.21908 12.1167 7.1429 12.0167 7.09212 11.8917C7.04134 11.775 7.01595 11.6417 7.01595 11.5H5.91569C5.91569 11.8 5.97493 12.0667 6.09342 12.2917C6.21191 12.5167 6.37272 12.7083 6.56738 12.8667C6.77051 13.0167 6.99902 13.1333 7.26139 13.2083C7.5153 13.2917 7.78613 13.3333 8.07389 13.3333C8.38704 13.3333 8.68327 13.2917 8.94564 13.2083C9.21647 13.125 9.45345 13 9.64811 12.8417C9.84277 12.6833 10.0036 12.4833 10.1136 12.2417C10.2236 12 10.2829 11.7333 10.2829 11.4333C10.2829 11.275 10.266 11.1167 10.2236 10.9667C10.1813 10.8167 10.1221 10.675 10.029 10.5417C9.94434 10.4083 9.82585 10.2917 9.69043 10.1833C9.54655 10.075 9.37728 9.99167 9.17415 9.925C9.34342 9.85 9.48731 9.75833 9.61426 9.65C9.74121 9.54167 9.84277 9.425 9.92741 9.3C10.012 9.175 10.0713 9.05 10.1136 8.91667C10.1559 8.78333 10.1729 8.65 10.1729 8.51667C10.1729 8.21667 10.1221 7.95 10.0205 7.71667C9.91895 7.48333 9.77507 7.29167 9.58887 7.14167C9.4196 6.98333 9.19108 6.86667 8.93717 6.78333C8.6748 6.70833 8.38704 6.66667 8.07389 6.66667C7.76921 6.66667 7.48991 6.70833 7.22754 6.8C6.97363 6.89167 6.74512 7.01667 6.55892 7.175C6.38118 7.33333 6.2373 7.51667 6.12728 7.73333C6.02572 7.95 5.97493 8.18333 5.97493 8.44167H7.0752C7.0752 8.3 7.10059 8.175 7.15137 8.06667C7.20215 7.95833 7.26986 7.85833 7.36296 7.78333C7.45605 7.70833 7.55762 7.64167 7.68457 7.6C7.81152 7.55833 7.93848 7.53333 8.09082 7.53333C8.42936 7.53333 8.68327 7.61667 8.84408 7.79167C9.00488 7.95833 9.08952 8.2 9.08952 8.50833C9.08952 8.65833 9.06413 8.79167 9.02181 8.91667C8.97949 9.04167 8.90332 9.14167 8.81022 9.225C8.71712 9.30833 8.59863 9.375 8.46322 9.425C8.3278 9.475 8.15853 9.5 7.97233 9.5H7.32064V10.3583H7.97233C8.15853 10.3583 8.3278 10.375 8.48014 10.4167C8.63249 10.4583 8.75944 10.525 8.861 10.6083C8.96257 10.7 9.0472 10.8083 9.10645 10.9417C9.16569 11.075 9.19108 11.2333 9.19108 11.4167C9.19108 11.7583 9.08952 12.0167 8.89486 12.1917C8.7002 12.3833 8.42936 12.4667 8.09082 12.4667V12.4667ZM15.3271 7.53333C15.0563 7.25833 14.7347 7.04167 14.3623 6.89167C13.9984 6.74167 13.5837 6.66667 13.1266 6.66667H11.1292V13.3333H13.0758C13.5413 13.3333 13.973 13.2583 14.3538 13.1083C14.7347 12.9583 15.0648 12.75 15.3356 12.475C15.6064 12.2 15.818 11.8667 15.9619 11.4833C16.1058 11.0917 16.182 10.6583 16.182 10.175V9.84167C16.182 9.35833 16.1058 8.925 15.9619 8.53333C15.8096 8.14167 15.598 7.80833 15.3271 7.53333V7.53333ZM14.9971 10.1667C14.9971 10.5167 14.9548 10.825 14.8786 11.1083C14.7939 11.3833 14.6755 11.625 14.5146 11.8167C14.3538 12.0083 14.1507 12.1583 13.9137 12.2583C13.6683 12.3583 13.389 12.4083 13.0758 12.4083H12.3057V7.6H13.1266C13.736 7.6 14.2015 7.79167 14.5146 8.175C14.8363 8.55833 14.9971 9.10833 14.9971 9.83333V10.1667V10.1667ZM10.5706 0.025L13.7952 3.2L14.9209 2.09167C17.4429 3.26873 19.3113 5.56688 19.8472 8.33656L21.1324 8.3391C20.3386 3.61 16.1657 0 11.1292 0L10.5706 0.025ZM12.8219 18.583L12.8272 19.8484C17.6263 19.0507 21.2812 14.9471 21.2812 9.99583L21.2559 9.44583L18.0312 12.6208L19.1484 13.7292C17.9629 16.2078 15.629 18.0452 12.8219 18.583ZM0.994141 10.5458L4.21875 7.37083L3.0931 6.2625C4.28909 3.77817 6.59915 1.94276 9.43931 1.41131C9.44837 1.40961 9.43909 0.146452 9.43846 0.146554C4.63532 0.928011 0.96875 5.03676 0.96875 9.99583L0.994141 10.5458Z' fill='white'/%3e %3c/mask%3e %3cg mask='url(%23mask0)'%3e %3crect x='-10.0337' y='-10.833' width='42.3177' height='41.6667' fill='%236E7480'/%3e %3c/g%3e %3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.csi-toolbar-btn-icon-slicerColumns {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M20.4 21.2H3.6c-.5 0-.9-.5-.9-.9V4c0-.5.5-1 .9-1h16.9c.5 0 .9.5.9.9v16.3c0 .5-.3 1-1 1z' stroke='%2379818F' fill='%23FFF'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M2.7 8.3V4.4c0-.7.5-1.3 1-1.3h16.5c.6 0 1 .6 1 1.3v4H2.7v-.1z' stroke='%2379818F' fill='%23E4E8F0' fill-rule='nonzero'/%3e%3cpath stroke='%2379818F' d='M7.6 3.4v17.5'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.csi-toolbar-btn-icon-slicerRows {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M20.4 21.2H3.7c-.5 0-.9-.5-.9-.9V4c0-.5.4-1 .9-1h16.9c.4 0 .9.5.9 1v16.3c0 .4-.4.9-1.1.9z' stroke='%2379818F' fill='%23FFF'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M7.8 21.2H3.9c-.7 0-1.3-.5-1.3-.9V4.1c0-.6.6-1 1.3-1h3.8v18.1h.1z' stroke='%2379818F' fill='%23E4E8F0' fill-rule='nonzero'/%3e%3cpath stroke='%2379818F' d='M21.1 8.3H2.6'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.csi-toolbar-btn-icon-slicerMetrics {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M20.4 21.3H3.7c-.5 0-.9-.5-.9-.9V4.1c0-.5.5-.9.9-.9h16.9c.5 0 .9.5.9.9v16.3c0 .4-.4.9-1.1.9z' stroke='%2379818F' fill='%23FFF'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M7.8 21.3H3.9c-.7 0-1.3-.5-1.3-.9V4.2c0-.6.6-1 1.3-1h3.8v18.1h.1zM21.1 8.4H2.6' stroke='%2379818F'/%3e%3cpath d='M20.1 21H7.7V8.5h13.6v11.24c.1.679-.5 1.26-1.2 1.26z' stroke='%2379818F' fill='%23E4E8F0' fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.csi-toolbar-btn-icon-slicerEditor {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3csvg fill='%23777'%3e%3cg fill='none'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cg stroke='%23777' stroke-miterlimit='10'%3e%3cpath d='M4 8.8V5.5c0-.6.4-1.1.9-1.1h14.3c.5 0 .9.5.9 1.1v3.3z'/%3e%3cpath d='M19.3 19.8H4.8c-.4 0-.8-.4-.8-.8V5c0-.4.4-.8.8-.8h14.5c.4 0 .8.4.8.8v14c0 .4-.3.8-.8.8zM8.3 4.5v15.1'/%3e%3c/g%3e%3c/g%3e%3cpath d='M8.3 18.3v2.8h2.8l8.3-8.3-2.8-2.8zm13.2-7.6c.3-.3.3-.8 0-1.1l-1.8-1.8c-.3-.3-.8-.3-1.1 0l-1.4 1.4L20 12c.2 0 1.5-1.3 1.5-1.3z' fill='%234a4a4a'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconApplySort {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%234a4a4a'%3e%3cpath d='M14.8 5.5V7c0 .1 0 .1-.1.2-.1 0-.2.1-.3.1H5c-.1 0-.2 0-.3-.1V5.5c0-.1 0-.1.1-.2.1 0 .2-.1.3-.1h9.4c.1 0 .2 0 .3.1v.2zm-2.2 4.1v1.6c0 .1 0 .1-.1.2s-.2.1-.3.1H5c-.1 0-.2 0-.3-.1-.1 0-.1-.1-.1-.2V9.6c0-.1 0-.1.1-.2.1 0 .2-.1.3-.1h7.2c.1 0 .2 0 .3.1.1.1.1.2.1.2zm-2.1 4.2v1.6c0 .1 0 .1-.1.2-.1 0-.2.1-.3.1H5c-.1 0-.2 0-.3-.1-.1 0-.1-.1-.1-.2v-1.6c0-.1 0-.1.1-.2.1 0 .2-.1.3-.1h5.1c.1 0 .2 0 .3.1 0 0 .1.1.1.2zm-2.2 4.1v1.6c0 .1 0 .1-.1.2-.1 0-.2.1-.3.1H5c-.1 0-.2 0-.3-.1-.1 0-.1-.1-.1-.2v-1.6c0-.1 0-.1.1-.2.1 0 .2-.1.3-.1h2.9c.1 0 .2 0 .3.1.1.1.1.1.1.2zM15.1 17.7L13.3 16l-.6.6 2.4 2.4 5.1-5.1-.6-.6-4.5 4.4z'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconRemoveSort {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%234a4a4a'%3e%3cpath d='M14.7 5.5V7c0 .1 0 .1-.1.2-.1 0-.1.1-.3.1h-9c-.1 0-.2 0-.3-.1 0-.1-.1-.1-.1-.2V5.5c0-.1 0-.1.1-.2s.1-.1.3-.1h9.1c.1 0 .2 0 .3.1v.2zm-2.1 4V11c0 .1 0 .1-.1.2-.1 0-.2.1-.3.1h-7c-.1 0-.2 0-.3-.1s0-.1 0-.2V9.5c0-.1 0-.1.1-.2s.1-.1.3-.1h7c.1 0 .2 0 .3.1v.2zm-2.1 4V15c0 .1 0 .1-.1.2-.1 0-.2.1-.3.1H5.3c-.1 0-.2 0-.3-.1-.1 0-.1-.1-.1-.2v-1.5c0-.1 0-.1.1-.2.1 0 .1-.1.3-.1h4.9c.1 0 .2 0 .3.1v.2zm-2.1 4V19c0 .1 0 .1-.1.2-.1 0-.2.1-.3.1H5.3c-.1 0-.2 0-.3-.1s-.1-.1-.1-.2v-1.5c0-.1 0-.1.1-.2.1 0 .1-.1.3-.1h2.8c.1 0 .2 0 .3.1v.2zM19.8 13.5l-.6-.6-2.5 2.5-2.5-2.5-.6.6 2.5 2.5-2.5 2.5.6.6 2.5-2.5 2.5 2.5.6-.6-2.5-2.5 2.5-2.5z'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.iconTableColumns {
  background: none;
  position: relative;
}
.csiActionIcon.iconTableColumns:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M4 5v13h17V5H4zm10 2v9h-3V7h3zM6 7h3v9H6V7zm13 9h-3V7h3v9z' fill='%238E96A3'/%3e%3c/svg%3e");
  background-size: contain;
  content: "";
  height: 21px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 21px;
}
.csiActionIcon.csi-homepage-pane-expand {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath d='M9.523 13.056l1.421 1.42-4.8 4.802h3.924l-.007 2.011h-7.35v-7.35h2.004l.007 3.918 4.801-4.801zM21.29 2.71v7.35h-2.004l-.007-3.918-4.801 4.801-1.421-1.42 4.8-4.802h-3.924l.007-2.011h7.35z' id='a'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3cuse fill='%2379818F' xlink:href='%23a'/%3e%3cpath mask='url(%23b)' d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.csi-homepage-pane-table {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M22.1 19.8H1.7c-.2 0-.3-.1-.3-.3v-16c0-.2.1-.3.3-.3h20.4c.2 0 .3.1.3.3v16c0 .2-.2.3-.3.3zM1.6 7.9h20.8M6.7 3.5v16.3M11.9 3.5v16.3M17 3.5v16.3M1.6 12h20.8M1.6 15.9h20.8M1.6 4.2h20.5' stroke='%23778190'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.icon3DAxis {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23E75E4F' d='M12.715 14L24 19.907 23.285 22 12 16.093z'/%3e%3cpath fill='%2371D18F' d='M11.11 2l2.19.016L13.19 16 11 15.984z'/%3e%3cpath fill='%233C94F0' d='M10.883 14L12 15.862 1.117 22 0 20.138z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: 16px;
}
.csiActionIcon.icon3DDrape {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cellipse cx='12.6' cy='12.1' rx='9' ry='9.3' fill='%23c6c6c6'/%3e%3cpath d='M2.6 20.5S.9 2.4 12.5 2.7c11.6.3 10.2 16.7 10.2 16.7l-2.4-2.5c1-1.8 1.2-3 .9-3.1-.2-.1-.7-.8-1.5-.1-.4.5-1.3 1.6-1.6 2.2-1.3 2.3-.6 3.7-1.1 6.5 0 0-5-10.9-9.2-10.4-1.7.3-3.1 3.2-5.2 8.5z' fill='%239b9b9b'/%3e%3c/svg%3e");
  background-size: 16px;
}
.csiActionIcon.iconFaceBack {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%23777'%3e%3cpath fill='none' d='M0 0h24v24H0V0z'/%3e%3cpath fill='%23989898' stroke='%23777' stroke-miterlimit='10' d='M8.1 4.4h11.6V16H8.1z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M15.9 19.7H5L8.5 16h11.1M8.1 4.5L19 4.4l-3.6 3.8H4.5M4.2 8.1L8 4.3M16.1 19.9l3.7-3.7'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M4.3 8.2h11.6v11.6H4.3z'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: 19px;
  background-position-y: -1px;
}
.csiActionIcon.iconFaceFront {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%23777'%3e%3cpath fill='none' d='M0 0h24v24H0V0z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M8.4 4.4H20V16H8.4zM16.2 19.7H5.3L8.8 16h11.1'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M8.3 4.5l10.9-.1-3.5 3.8H4.8M4.4 8.1l3.8-3.8M16.3 19.9l3.8-3.7'/%3e%3cpath fill='%23989898' stroke='%23777' stroke-miterlimit='10' d='M4.6 8.2h11.6v11.6H4.6z'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: 19px;
  background-position-y: -1px;
}
.csiActionIcon.iconFaceTop {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%23777'%3e%3cpath fill='none' d='M0 0h24v24H0V0z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M4.3 8.2h11.6v11.6H4.3z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M15.9 19.7H5L8.5 16h11.1M16 19.9l3.8-3.7M8.1 4.4h11.6V16H8.1z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='%23989898' d='M8 4.4h11l-3.6 3.8H4.5'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M4.2 8.1L8 4.3'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: 19px;
  background-position-y: -1px;
}
.csiActionIcon.iconFaceRight {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%23777'%3e%3cpath fill='none' d='M0 0h24v24H0V0z'/%3e%3cpath fill='%23989898' stroke='%23777' stroke-miterlimit='10' d='M16 7.6v11.9l3.8-3.8V4.1z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M4.3 8.2h11.6v11.6H4.3z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M16.1 16h-8V4.4h11.6V16L16 20'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M15.9 19.7H5L8.5 16h7.4M8 4.5l10.9-.1-3.5 3.8H4.5M4.2 8.1L8 4.3'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: 19px;
  background-position-y: -1px;
}
.csiActionIcon.iconFaceBottom {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%23777'%3e%3cpath fill='none' d='M0 0h24v24H0V0z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M8.1 4.4h11.6V16H8.1z'/%3e%3cpath fill='%23989898' stroke='%23777' stroke-miterlimit='10' d='M15.9 19.7H5L8.5 16h11.1'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M8 4.5l10.9-.1-3.5 3.8H4.5M4.2 8.1L8 4.3M16 19.9l3.8-3.7M4.3 8.2h11.6v11.6H4.3z'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: 19px;
  background-position-y: -1px;
}
.csiActionIcon.iconFaceLeft {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%23777'%3e%3cpath fill='none' d='M0 0h24v24H0V0z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='%23989898' d='M4.3 7.9v11.9L8.1 16V4.4z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M4.3 8.2h11.6v11.6H4.3z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M8.1 4.4h11.6V16H8.1zM15.9 19.7H5L8.5 16h11.1'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M8 4.5l10.9-.1-3.5 3.8H4.5M4.2 8.1L8 4.3M19.8 16.2L16 19.9'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: 19px;
  background-position-y: -1px;
}
.csiActionIcon.iconFaceSelection {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%23777'%3e%3cpath fill='none' d='M0 0h24v24H0V0z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M4.3 8.2h11.6v11.6H4.3z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M8.1 4.4h11.6V16H8.1zM15.9 19.7H5L8.5 16h11.1'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M8 4.5l10.9-.1-3.5 3.8H4.5M4.2 8.1L8 4.3M16 19.9l3.8-3.7'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: 19px;
  background-position-y: -1px;
}
.csiActionIcon.iconLockRotation {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%23777'%3e%3cpath fill='none' d='M0 0h24v24H0V0z'/%3e%3cpath d='M12 3.5c-5.5 0-10 2.2-10 5 0 2.2 2.9 4.1 7 4.8v3.2l4-4-4-4v2.7c-3.2-.6-5-1.9-5-2.7 0-1.1 3-3 8-3s8 1.9 8 3c0 .7-1.2 1.7-3.4 2.4-.2.1-1.5.3-1.7.4v2.1c.2 0 1.4-.3 1.6-.3 3.2-.8 5.4-2.5 5.4-4.4.1-2.9-4.4-5.2-9.9-5.2z'/%3e%3cpath fill='none' d='M-.1 0h24v24h-24V0z'/%3e%3cpath stroke='%23FFF' stroke-miterlimit='10' d='M10.1 2h3.6v20.5h-3.6z'/%3e%3cpath d='M9 13.3v3.2l4-4-4-4v2.7'/%3e%3cpath stroke='%23FFF' stroke-miterlimit='10' fill='none' d='M9.2 17.1l4.3-4.4M9.1 8l4.5 4.4'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: 16px;
}
.csiActionIcon.iconSectionPlane {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3e%3cpath fill='none' d='M0 0h24v24H0V0z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M4.3 8.2h11.6v11.6H4.3z'/%3e%3cpath stroke='%23777' stroke-miterlimit='10' fill='none' d='M8.1 4.4h11.6V16H8.1zM15.9 19.7H5L8.5 16h11.1M15.4 8.2H4.5M8 4.5l10.9-.1M4.2 8.1L8 4.3M10.9 8.2h4.8M13.6 4.4h5.3'/%3e%3cpath stroke='%230051D4' stroke-miterlimit='10' fill='%237FF9FF' opacity='.71' d='M14.9 1.2L9.3 5.9v16.9l5.4-4.5z'/%3e%3cpath stroke='%23000' stroke-miterlimit='10' fill='none' d='M10.9 8.2h5M13.6 4.4h6.1M13.3 16h6.4M19.7 3.9v12.7M10.9 19.8h5.3M15.9 7.7v12.5M19.7 4.3l-3.9 4M19.8 16.2l-3.9 3.7'/%3e%3c/svg%3e");
  background-size: 19px;
  background-position-y: -1px;
}
.csiActionIcon.icon3DMaterialThumb {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cellipse cx='12.1' cy='12.1' rx='9.9' ry='9.6' fill='%23787878'/%3e%3clinearGradient id='a' gradientUnits='userSpaceOnUse' x1='4.307' y1='20.697' x2='11.887' y2='15.039' gradientTransform='matrix(1 0 0 -1 0 26)'%3e%3cstop offset='0' stop-color='%23fcfcfc'/%3e%3cstop offset='1' stop-color='%237f7f7f'/%3e%3cstop offset='1' stop-color='%235f5f5f'/%3e%3c/linearGradient%3e%3cpath d='M12 3.1s-8.5 0-9.2 9l9.6.3-.4-9.3z' fill='url(%23a)'/%3e%3clinearGradient id='b' gradientUnits='userSpaceOnUse' x1='-1892.84' y1='1072.59' x2='-1885.537' y2='1067.139' gradientTransform='matrix(-1 .00075 .00075 1 -1873.952 -1052.407)'%3e%3cstop offset='0' stop-color='%23fcfcfc'/%3e%3cstop offset='1' stop-color='%237f7f7f'/%3e%3cstop offset='1' stop-color='%235f5f5f'/%3e%3c/linearGradient%3e%3cpath d='M12.1 21s8.5 0 9.1-9l-9.3-.1.2 9.1z' fill='url(%23b)'/%3e%3c/svg%3e");
  background-size: 16px;
}
.csiActionIcon.icon3DReset {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%2379818F'%3e%3cpath fill='none' d='M0 0h24v24H0V0z'/%3e%3cpath d='M19 18c0 .3-.2.5-.4.7l-6.1 3.5c-.2.1-.3.2-.5.2s-.3-.1-.5-.2l-6.1-3.4c-.2-.1-.4-.4-.4-.7v-7c0-.3.2-.5.4-.7L11.5 7c.2 0 .4-.1.5-.1s.3.1.5.1l6.1 3.4c.2.2.4.4.4.7V18m-7-9.5l-4.6 2.6 4.6 2.6 4.6-2.6L12 8.5m-5.4 9.1l4.6 2.6V15l-4.6-2.6v5.2m10.8 0v-5.2L12.8 15v5.2l4.6-2.6z'/%3e%3cpath stroke='%2379818F' stroke-miterlimit='10' fill='none' stroke-width='2' d='M12 7.5V2.4M23 20.7l-4.4-2.5M1.1 20.7l4.4-2.5'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: 16px;
}
.csiActionIcon.iconUpload3D {
  background-image: url("data:image/svg+xml,%3csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M8 8.38l7.613-3.144a1.617 1.617 0 00-.429-.386L8.816 2.222a1.61 1.61 0 00-1.632 0L.816 4.85c-.17.1-.308.237-.43.385L8 8.38z' fill='%23989898'/%3e%3cpath d='M7.625 9.058L.047 5.928a1.65 1.65 0 00-.047.36v7.474c0 .593.312 1.14.816 1.438l6.368 2.628c.139.082.289.136.441.172V9.058z' fill='%23C8C7C7'/%3e%3cpath d='M8.384 9.054v8.945c.149-.037.296-.091.433-.171l6.367-2.628c.505-.297.816-.845.816-1.438V6.288a1.65 1.65 0 00-.047-.36l-7.57 3.126z' fill='%23737373'/%3e%3cg%3e%3cg transform='translate(8)'%3e%3ccircle fill='%233CAB3C' cx='5' cy='5' r='5'/%3e%3cpath fill='%23FFF' fill-rule='nonzero' d='M5.5 8V3.915l1.795 1.79L8 5 5 2 2 5l.705.705L4.5 3.915V8z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-size: 16px;
}
.csiActionIcon.icon3DBadge {
  background-image: url("data:image/svg+xml,%3csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg clip-path='url(%23clip0)'%3e %3crect x='0.90625' y='0.5' width='16.2656' height='11' rx='2.5' fill='%23FAFAFC' stroke='%23DADFE8'/%3e %3cpath d='M3.96153 8.232C4.32153 8.712 5.02553 9.096 5.97753 9.096C7.20953 9.096 7.98553 8.448 7.98553 7.544C7.98553 6.72 7.26553 6.296 6.74553 6.248C7.29753 6.152 7.90553 5.736 7.90553 5.024C7.90553 4.128 7.12953 3.584 5.97753 3.584C5.08953 3.584 4.44153 3.944 4.03353 4.424L4.51353 5.008C4.89753 4.624 5.34553 4.416 5.88953 4.416C6.48953 4.416 6.96953 4.672 6.96953 5.168C6.96953 5.656 6.49753 5.872 5.87353 5.872C5.66553 5.872 5.35353 5.872 5.25753 5.864V6.704C5.33753 6.696 5.64953 6.696 5.87353 6.696C6.63353 6.696 7.05753 6.92 7.05753 7.448C7.05753 7.944 6.64953 8.264 5.94553 8.264C5.37753 8.264 4.80953 8.016 4.46553 7.616L3.96153 8.232ZM8.93128 9H10.9153C12.5793 9 13.7073 7.904 13.7073 6.336C13.7073 4.768 12.5793 3.664 10.9153 3.664H8.93128V9ZM9.86728 8.176V4.488H10.9153C12.1073 4.488 12.7473 5.304 12.7473 6.336C12.7473 7.344 12.0753 8.176 10.9153 8.176H9.86728Z' fill='%231D2129'/%3e %3c/g%3e %3cdefs%3e %3cclipPath id='clip0'%3e %3crect width='17.2656' height='12' fill='white' transform='translate(0.40625)'/%3e %3c/clipPath%3e %3c/defs%3e %3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
/*End ofThreeD Icons*/
/* TOOLTIP */
.dijitTooltipDialog .dijitTooltipConnector,
.dijitTooltip .dijitTooltipConnector {
  background-size: 17px 17px;
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  border: none;
  z-index: 1;
  opacity: 1;
}
.dijitTooltipDialog.dijitTooltipRight .dijitTooltipConnector,
.dijitTooltipRight .dijitTooltipConnector {
  background-image: url("data:image/svg+xml,%3c!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e %3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3e %3cstyle type='text/css'%3e .st0%7bfill:%23FFFFFF;stroke:%23FFFFFF;%7d .st1%7bfill:%23FFFFFF;stroke:%23DADFE8;stroke-width:1.5;%7d %3c/style%3e %3cg%3e %3cpath class='st0' d='M11.3,22.5V1.2h2.6v21.3H11.3z'/%3e %3cpath class='st1' d='M12.1,22.6L0.7,11.9L12,1.1'/%3e %3c/g%3e %3c/svg%3e");
  left: -2px;
  width: 7px;
}
.dijitTooltipDialog.dijitTooltipLeft .dijitTooltipConnector,
.dijitTooltipLeft .dijitTooltipConnector {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%23DADFE8' stroke-width='1.5' fill='%23FFF' fill-rule='nonzero' d='M11.84 11.94L.53 22.68.5 1.17z'/%3e%3c/g%3e%3c/svg%3e");
  background-position-x: -1px;
  right: -2px;
  width: 7px;
}
.dijitTooltipDialog.dijitTooltipAbove .dijitTooltipConnector,
.dijitTooltipAbove .dijitTooltipConnector {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M22.68.297L11.9 11.637 1.16.327' fill='%23FFF' fill-rule='nonzero' stroke='%23DADFE8' stroke-width='1.5'/%3e%3c/svg%3e");
  bottom: -12px;
}
.dijitTooltipDialog.dijitTooltipBelow .dijitTooltipConnector,
.dijitTooltipBelow .dijitTooltipConnector {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23FFF' fill-rule='nonzero'%3e%3cpath stroke='%23FFF' d='M1.3 11.3h21.3v2.6H1.3z'/%3e%3cpath stroke='%23DADFE8' stroke-width='1.5' d='M1.2 12.1L11.9.7 22.7 12'/%3e%3c/g%3e%3c/svg%3e");
  top: -4px;
  border: none;
}
.dijitTooltipDialog.dijitTooltipBelow .dijitTooltipConnector:after,
.dijitTooltipBelow .dijitTooltipConnector:after {
  border: none;
}
.csi-show-image-editor .dijitTooltipDialog.dijitTooltipBelow .dijitTooltipConnector,
.csi-show-image-editor .dijitTooltipBelow .dijitTooltipConnector {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23FFF' fill-rule='nonzero'%3e%3cpath stroke='%23FFF' d='M1.3 11.3h21.3v2.6H1.3z'/%3e%3cpath stroke='%23DADFE8' stroke-width='1.5' d='M1.2 12.1L11.9.7 22.7 12'/%3e%3c/g%3e%3c/svg%3e");
  top: -4px;
  border: none;
}
.csi-show-image-editor .dijitTooltipDialog.dijitTooltipBelow .dijitTooltipConnector:after,
.csi-show-image-editor .dijitTooltipBelow .dijitTooltipConnector:after {
  border: none;
}
/* TOOLTIP END */
/* Icons 40x40 px */
.csi-svg-icon-size40 {
  cursor: pointer;
  display: inline-block;
  background-size: contain;
  height: 40px;
  width: 40px;
}
/* CAMUNDATASK ACTION ICON START */
.csi-custom-icon {
  background-size: contain;
}
.csi-custom-icon-submit-grey {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M17 21l-2.8-3 1.2-1.2 1.6 1.6 3.6-3.6 1.2 1.4m-9 4.8H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v7.8c-.6-.4-1.3-.6-2-.7V5H5v14h7.1c.1.7.3 1.4.7 2m-.8-4H7v-2h5m2.7-2H7v-2h10v1.1c-.9.1-1.6.4-2.3.9M17 9H7V7h10' fill='%23777'/%3e%3c/svg%3e");
}
.csi-custom-icon-submit-green {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M17 21l-2.8-3 1.2-1.2 1.6 1.6 3.6-3.6 1.2 1.4m-9 4.8H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v7.8c-.6-.4-1.3-.6-2-.7V5H5v14h7.1c.1.7.3 1.4.7 2m-.8-4H7v-2h5m2.7-2H7v-2h10v1.1c-.9.1-1.6.4-2.3.9M17 9H7V7h10' fill='%2343a047'/%3e%3c/svg%3e");
}
.csi-custom-icon-submit-lightgreen {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M17 21l-2.8-3 1.2-1.2 1.6 1.6 3.6-3.6 1.2 1.4m-9 4.8H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v7.8c-.6-.4-1.3-.6-2-.7V5H5v14h7.1c.1.7.3 1.4.7 2m-.8-4H7v-2h5m2.7-2H7v-2h10v1.1c-.9.1-1.6.4-2.3.9M17 9H7V7h10' fill='%23a5cc78'/%3e%3c/svg%3e");
}
.csi-custom-icon-submit-orange {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M17 21l-2.8-3 1.2-1.2 1.6 1.6 3.6-3.6 1.2 1.4m-9 4.8H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v7.8c-.6-.4-1.3-.6-2-.7V5H5v14h7.1c.1.7.3 1.4.7 2m-.8-4H7v-2h5m2.7-2H7v-2h10v1.1c-.9.1-1.6.4-2.3.9M17 9H7V7h10' fill='%23ff914f'/%3e%3c/svg%3e");
}
.csi-custom-icon-submit-red {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M17 21l-2.8-3 1.2-1.2 1.6 1.6 3.6-3.6 1.2 1.4m-9 4.8H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v7.8c-.6-.4-1.3-.6-2-.7V5H5v14h7.1c.1.7.3 1.4.7 2m-.8-4H7v-2h5m2.7-2H7v-2h10v1.1c-.9.1-1.6.4-2.3.9M17 9H7V7h10' fill='%23e84f54'/%3e%3c/svg%3e");
}
.csi-custom-icon-process {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2m0 8.5c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5 1.5-.7 1.5-1.5-.7-1.5-1.5-1.5m-5.5 0c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5S8 12.8 8 12s-.7-1.5-1.5-1.5m11 0c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5S19 12.8 19 12s-.7-1.5-1.5-1.5z' fill='%23FAA243'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e");
}
.csi-custom-icon-critical {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm5.8 11.2l-4.9-4.9v10.8h-1.8V8.3l-4.9 4.9L4.9 12 12 4.9l7.1 7.1-1.3 1.2z' fill='%23E75E4F'/%3e%3c/g%3e%3c/svg%3e");
}
.csi-custom-icon-high {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zM6 13.3l6-6 6 6-1.4 1.4-4.6-4.6-4.6 4.6L6 13.3z' fill='%23F38B22'/%3e%3c/g%3e%3c/svg%3e");
}
.csi-custom-icon-medium {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M22 12c0-5.5-4.5-10-10-10S2 6.5 2 12s4.5 10 10 10 10-4.5 10-10zm-4-1.9H6V8.4h12v1.7zm0 5.5H6v-1.7h12v1.7z' fill='%23FCCD30'/%3e%3c/g%3e%3c/svg%3e");
}
.csi-custom-icon-low {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zM7.4 9.3l4.6 4.6 4.6-4.6 1.4 1.4-6 6-6-6 1.4-1.4z' fill='%2335B261'/%3e%3c/g%3e%3c/svg%3e");
}
.csi-custom-icon-minor {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M22 12c0-5.5-4.5-10-10-10S2 6.5 2 12s4.5 10 10 10 10-4.5 10-10zm-2.9 0L12 19.1 4.9 12l1.2-1.2 4.9 4.9V4.9h1.8v10.8l4.9-4.9 1.4 1.2z' fill='%238E96A3'/%3e%3c/g%3e%3c/svg%3e");
}
.csi-custom-icon-completelate {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M12 5.335L3.8 19.5h16.4L12 5.335z' stroke='%23F0A50E' fill='%23FCCD30'/%3e%3cpath fill='%231D2129' d='M12.667 17h-1.334v-1.333h1.334zM12.667 14.333h-1.334v-4h1.334z'/%3e%3c/g%3e%3c/svg%3e");
}
.csi-custom-icon-predictedlate {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M12 6.012c-1.905 0-3.63.772-4.879 2.021A6.878 6.878 0 005.1 12.912a6.88 6.88 0 002.02 4.88 6.877 6.877 0 004.88 2.02c1.905 0 3.63-.772 4.879-2.021a6.878 6.878 0 002.021-4.879c0-1.905-.772-3.63-2.021-4.879A6.878 6.878 0 0012 6.012z' stroke='%23F0A50E' fill='%23FCCD30'/%3e%3cpath fill='%23FCA200' d='M20 7.088L16.32 4l-1.032 1.224 3.68 3.088zM8.704 5.224L7.68 4 4 7.08l1.032 1.224z'/%3e%3cpath fill='%231D2129' d='M12.4 8.912h-1.2v4.8l3.8 2.28.6-.984-3.2-1.896z'/%3e%3c/g%3e%3c/svg%3e");
}
/* SKIN THEME ICON START */
.csi-theme-centricblue {
  background: url("data:image/svg+xml,%3csvg width='192' height='108' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='a' x='0' y='0' width='192' height='108' rx='3'/%3e%3cpath id='c' d='M.006.077h9.575V5.6H.006z'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3crect stroke='%23DADFE8' x='.5' y='.5' width='191' height='107' rx='3'/%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(7.75 44)'%3e%3cpath d='M2.25 0h172a2 2 0 012 2v6H.25V2a2 2 0 012-2z' fill='%23F5F6FA'/%3e%3cg transform='translate(.25 8)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 24)'%3e%3cpath fill='%23E6F2FC' d='M0 0h176v16H0z'/%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 40)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3crect stroke='%23DADFE8' stroke-width='.5' x='.5' y='.25' width='175.5' height='55.5' rx='2'/%3e%3cpath stroke='%23DADFE8' stroke-width='.2' stroke-linecap='square' d='M.5 7.75l175.25-.25M.5 24h175.25M.5 39.75l175.25-.25'/%3e%3cpath stroke='%23DADFE8' stroke-width='.5' stroke-linecap='square' d='M117.75.538l-.5 54.838M58.75.625v53.75'/%3e%3c/g%3e%3c/g%3e%3cpath d='M3 0h186a3 3 0 013 3v9H0V3a3 3 0 013-3z' fill='%232D76D4' mask='url(%23b)'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='8.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%232D76D4' mask='url(%23b)' x='8' y='32' width='56' height='8' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='38.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='68.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='98.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='128.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='158.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='172' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='162' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='182' cy='6' r='2'/%3e%3crect fill='%23FFF' x='98' y='3' width='56' height='6' rx='2'/%3e%3crect fill='%230075DB' x='8' y='20' width='26' height='2' rx='1'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.csi-theme-indigo {
  background: url("data:image/svg+xml,%3csvg width='192' height='108' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='a' x='0' y='0' width='192' height='108' rx='3'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3crect stroke='%23DADFE8' x='.5' y='.5' width='191' height='107' rx='3'/%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(7.75 44)'%3e%3cpath d='M2.25 0h172a2 2 0 012 2v6H.25V2a2 2 0 012-2z' fill='%23F5F6FA'/%3e%3cg transform='translate(.25 8)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 24)'%3e%3cpath fill='%23E6F2FC' d='M0 0h176v16H0z'/%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 40)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3crect stroke='%23DADFE8' stroke-width='.5' x='.5' y='.25' width='175.5' height='55.5' rx='2'/%3e%3cpath stroke='%23DADFE8' stroke-width='.2' stroke-linecap='square' d='M.5 7.75l175.25-.25M.5 24h175.25M.5 39.75l175.25-.25'/%3e%3cpath stroke='%23DADFE8' stroke-width='.5' stroke-linecap='square' d='M117.75.538l-.5 54.838M58.75.625v53.75'/%3e%3c/g%3e%3c/g%3e%3cpath d='M3 0h186a3 3 0 013 3v9H0V3a3 3 0 013-3z' fill='%23194191' mask='url(%23b)'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='8.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%23194191' mask='url(%23b)' x='8' y='32' width='56' height='8' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='38.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='68.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='98.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='128.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='158.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%230B3F96' x='8' y='20' width='26' height='2' rx='1'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='172' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='162' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='182' cy='6' r='2'/%3e%3crect fill='%23FFF' x='98' y='3' width='56' height='6' rx='2'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.csi-theme-dusk {
  background: url("data:image/svg+xml,%3csvg width='192' height='108' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='a' x='0' y='0' width='192' height='108' rx='3'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3crect stroke='%23DADFE8' x='.5' y='.5' width='191' height='107' rx='3'/%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(7.75 44)'%3e%3cpath d='M2.25 0h172a2 2 0 012 2v6H.25V2a2 2 0 012-2z' fill='%23F5F6FA'/%3e%3cg transform='translate(.25 8)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 24)'%3e%3cpath fill='%23E6F2FC' d='M0 0h176v16H0z'/%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 40)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3crect stroke='%23DADFE8' stroke-width='.5' x='.5' y='.25' width='175.5' height='55.5' rx='2'/%3e%3cpath stroke='%23DADFE8' stroke-width='.2' stroke-linecap='square' d='M.5 7.75l175.25-.25M.5 24h175.25M.5 39.75l175.25-.25'/%3e%3cpath stroke='%23DADFE8' stroke-width='.5' stroke-linecap='square' d='M117.75.538l-.5 54.838M58.75.625v53.75'/%3e%3c/g%3e%3c/g%3e%3cpath d='M3 0h186a3 3 0 013 3v9H0V3a3 3 0 013-3z' fill='%233C485C' mask='url(%23b)'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='8.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%233C485C' mask='url(%23b)' x='8' y='32' width='56' height='8' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='38.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='68.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='98.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='128.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='158.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%2339485E' x='8' y='20' width='26' height='2' rx='1'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='172' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='162' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='182' cy='6' r='2'/%3e%3crect fill='%23FFF' x='98' y='3' width='56' height='6' rx='2'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.csi-theme-luxe {
  background: url("data:image/svg+xml,%3csvg width='192' height='108' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='a' x='0' y='0' width='192' height='108' rx='3'/%3e%3cpath id='c' d='M.006.077h9.575V5.6H.006z'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3crect stroke='%23DADFE8' x='.5' y='.5' width='191' height='107' rx='3'/%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(7.75 44)'%3e%3cpath d='M2.25 0h172a2 2 0 012 2v6H.25V2a2 2 0 012-2z' fill='%23F5F6FA'/%3e%3cg transform='translate(.25 8)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 24)'%3e%3cpath fill='%23E6F2FC' d='M0 0h176v16H0z'/%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 40)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3crect stroke='%23DADFE8' stroke-width='.5' x='.5' y='.25' width='175.5' height='55.5' rx='2'/%3e%3cpath stroke='%23DADFE8' stroke-width='.2' stroke-linecap='square' d='M.5 7.75l175.25-.25M.5 24h175.25M.5 39.75l175.25-.25'/%3e%3cpath stroke='%23DADFE8' stroke-width='.5' stroke-linecap='square' d='M117.75.538l-.5 54.838M58.75.625l-.5 54.875'/%3e%3c/g%3e%3c/g%3e%3cpath d='M3 0h186a3 3 0 013 3v9H0V3a3 3 0 013-3z' fill='%23000' mask='url(%23b)'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='8.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%23000' mask='url(%23b)' x='8' y='32' width='56' height='8' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='38.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='68.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='98.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='128.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='158.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%23000' x='8' y='20' width='26' height='2' rx='1'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='172' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='162' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='182' cy='6' r='2'/%3e%3crect fill='%23FFF' x='98' y='3' width='56' height='6' rx='2'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.csi-theme-oceanwave {
  background: url("data:image/svg+xml,%3csvg width='192' height='108' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='a' x='0' y='0' width='192' height='108' rx='3'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3crect stroke='%23DADFE8' x='.5' y='.5' width='191' height='107' rx='3'/%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(7.75 44)'%3e%3cpath d='M2.25 0h172a2 2 0 012 2v6H.25V2a2 2 0 012-2z' fill='%23F5F6FA'/%3e%3cg transform='translate(.25 8)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 24)'%3e%3cpath fill='%23E6F6F7' d='M0 0h176v16H0z'/%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 40)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3crect stroke='%23DADFE8' stroke-width='.5' x='.5' y='.25' width='175.5' height='55.5' rx='2'/%3e%3cpath stroke='%23DADFE8' stroke-width='.2' stroke-linecap='square' d='M.5 7.75l175.25-.25M.5 24h175.25M.5 39.75l175.25-.25'/%3e%3cpath stroke='%23DADFE8' stroke-width='.5' stroke-linecap='square' d='M117.75.538l-.5 54.838M58.75.625v53.75'/%3e%3c/g%3e%3c/g%3e%3cpath d='M3 0h186a3 3 0 013 3v9H0V3a3 3 0 013-3z' fill='%232A858F' mask='url(%23b)'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='8.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%232A858F' mask='url(%23b)' x='8' y='20' width='26' height='2' rx='1'/%3e%3crect fill='%232A858F' mask='url(%23b)' x='8' y='32' width='56' height='8' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='38.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='68.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='98.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='128.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='158.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='172' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='162' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='182' cy='6' r='2'/%3e%3crect fill='%23FFF' x='98' y='3' width='56' height='6' rx='2'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.csi-theme-violetmist {
  background: url("data:image/svg+xml,%3csvg width='192' height='108' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='a' x='0' y='0' width='192' height='108' rx='3'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3crect stroke='%23DADFE8' x='.5' y='.5' width='191' height='107' rx='3'/%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(7.75 44)'%3e%3cpath d='M2.25 0h172a2 2 0 012 2v6H.25V2a2 2 0 012-2z' fill='%23F5F6FA'/%3e%3cg transform='translate(.25 8)'%3e%3crect fill='%236B65A8' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 24)'%3e%3cpath fill='%23F1EBFC' d='M0 0h176v16H0z'/%3e%3crect fill='%236B65A8' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 40)'%3e%3crect fill='%236B65A8' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3crect stroke='%23DADFE8' stroke-width='.5' x='.5' y='.25' width='175.5' height='55.5' rx='2'/%3e%3cpath stroke='%23DADFE8' stroke-width='.2' stroke-linecap='square' d='M.5 7.75l175.25-.25M.5 24h175.25M.5 39.75l175.25-.25'/%3e%3cpath stroke='%23DADFE8' stroke-width='.5' stroke-linecap='square' d='M117.75.538l-.5 54.838M58.75.625v53.75'/%3e%3c/g%3e%3c/g%3e%3cpath d='M3 0h186a3 3 0 013 3v9H0V3a3 3 0 013-3z' fill='%236B65A8' mask='url(%23b)'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='8.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%236B65A8' mask='url(%23b)' x='8' y='32' width='56' height='8' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='38.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='68.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='98.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='128.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='158.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%236D63AD' x='8' y='20' width='26' height='2' rx='1'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='172' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='162' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='182' cy='6' r='2'/%3e%3crect fill='%23FFF' x='98' y='3' width='56' height='6' rx='2'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.csi-theme-starrynight {
  background: url("data:image/svg+xml,%3csvg width='192' height='108' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='a' x='0' y='0' width='192' height='108' rx='3'/%3e%3cpath id='c' d='M.006.077h9.575V5.6H.006z'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3crect stroke='%23DADFE8' x='.5' y='.5' width='191' height='107' rx='3'/%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(7.75 44)'%3e%3cpath d='M2.25 0h172a2 2 0 012 2v6H.25V2a2 2 0 012-2z' fill='%23F5F6FA'/%3e%3cg transform='translate(.25 8)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 24)'%3e%3cpath fill='%23E6F2FC' d='M0 0h176v16H0z'/%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 40)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3crect stroke='%23DADFE8' stroke-width='.5' x='.5' y='.25' width='175.5' height='55.5' rx='2'/%3e%3cpath stroke='%23DADFE8' stroke-width='.2' stroke-linecap='square' d='M.5 7.75l175.25-.25M.5 24h175.25M.5 39.75l175.25-.25'/%3e%3cpath stroke='%23DADFE8' stroke-width='.5' stroke-linecap='square' d='M117.75.538l-.5 54.838M58.75.625v53.75'/%3e%3c/g%3e%3c/g%3e%3cpath d='M3 0h186a3 3 0 013 3v9H0V3a3 3 0 013-3z' fill='%232E3440' mask='url(%23b)'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='8.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%232D76D4' mask='url(%23b)' x='8' y='32' width='56' height='8' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='38.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='68.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='98.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='128.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='158.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%232D76D4' x='8' y='20' width='26' height='2' rx='1'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='172' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='162' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='182' cy='6' r='2'/%3e%3crect fill='%23FFF' x='98' y='3' width='56' height='6' rx='2'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.csi-theme-sunsetboulevard {
  background: url("data:image/svg+xml,%3csvg width='192' height='108' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='a' x='0' y='0' width='192' height='108' rx='3'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3crect stroke='%23DADFE8' x='.5' y='.5' width='191' height='107' rx='3'/%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(7.75 44)'%3e%3cpath d='M2.25 0h172a2 2 0 012 2v6H.25V2a2 2 0 012-2z' fill='%23F5F6FA'/%3e%3cg transform='translate(.25 8)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 24)'%3e%3cpath fill='%23E6F2FC' d='M0 0h176v16H0z'/%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3cg transform='translate(.25 40)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3crect stroke='%23DADFE8' stroke-width='.5' x='.5' y='.25' width='175.5' height='55.5' rx='2'/%3e%3cpath stroke='%23DADFE8' stroke-width='.2' stroke-linecap='square' d='M.5 7.75l175.25-.25M.5 24h175.25M.5 39.75l175.25-.25'/%3e%3cpath stroke='%23DADFE8' stroke-width='.5' stroke-linecap='square' d='M117.75.538l-.5 54.838M58.75.625v53.75'/%3e%3c/g%3e%3c/g%3e%3cpath d='M3 0h186a3 3 0 013 3v9H0V3a3 3 0 013-3z' fill='%232E3440' mask='url(%23b)'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='8.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%23D14030' mask='url(%23b)' x='8' y='32' width='56' height='8' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='38.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='68.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='98.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='128.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='158.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%23D14030' x='8' y='20' width='26' height='2' rx='1'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='172' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='162' cy='6' r='2'/%3e%3ccircle fill-opacity='.8' fill='%23FFF' cx='182' cy='6' r='2'/%3e%3crect fill='%23FFF' x='98' y='3' width='56' height='6' rx='2'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.csi-theme-arcticfresh {
  background: url("data:image/svg+xml,%3csvg width='192' height='108' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='a' x='0' y='0' width='192' height='108' rx='3'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3crect stroke='%23DADFE8' x='.5' y='.5' width='191' height='107' rx='3'/%3e%3cpath d='M10 44h172a2 2 0 012 2v6H8v-6a2 2 0 012-2z' fill='%23F5F6FA' mask='url(%23b)'/%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(8 52)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3c/g%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(8 68)'%3e%3cpath fill='%23E6F2FC' d='M0 0h176v16H0z'/%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3c/g%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(8 84)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3c/g%3e%3crect stroke='%23DADFE8' stroke-width='.5' mask='url(%23b)' x='8.25' y='44.25' width='175.5' height='55.5' rx='2'/%3e%3cpath stroke='%23DADFE8' stroke-width='.2' stroke-linecap='square' mask='url(%23b)' d='M8.25 51.75l175.25-.25M8.25 68H183.5M8.25 83.75l175.25-.25'/%3e%3cpath stroke='%23DADFE8' stroke-width='.5' stroke-linecap='square' mask='url(%23b)' d='M125.5 44.538l-.5 54.838M66.5 44.625v53.75'/%3e%3cpath d='M189 .75H3c-.621 0-1.184.252-1.591.659C1.002 1.816.75 2.379.75 3v10.25h190.5V3c0-.621-.252-1.184-.659-1.591A2.243 2.243 0 00189 .75z' stroke='%23DADFE8' stroke-width='.5' fill='%23FAFAFC' mask='url(%23b)'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='8.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%232D76D4' mask='url(%23b)' x='8' y='32' width='56' height='8' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='38.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='68.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='98.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='128.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='158.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%230075DB' mask='url(%23b)' x='8' y='20' width='26' height='2' rx='1'/%3e%3ccircle fill='%23525866' mask='url(%23b)' cx='172' cy='7' r='2'/%3e%3ccircle fill='%23525866' mask='url(%23b)' cx='162' cy='7' r='2'/%3e%3ccircle fill='%23525866' mask='url(%23b)' cx='182' cy='7' r='2'/%3e%3crect stroke='%23D9DFE9' stroke-width='.5' fill='%23E4E8F0' mask='url(%23b)' x='98' y='4' width='56' height='6' rx='2'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.csi-theme-seabreeze {
  background: url("data:image/svg+xml,%3csvg width='192' height='108' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='a' x='0' y='0' width='192' height='108' rx='3'/%3e%3cpath id='c' d='M.006.077h9.575V5.6H.006z'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3crect stroke='%23DADFE8' x='.5' y='.5' width='191' height='107' rx='3'/%3e%3cpath d='M10 44h172a2 2 0 012 2v6H8v-6a2 2 0 012-2z' fill='%23F5F6FA' mask='url(%23b)'/%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(8 52)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3c/g%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(8 68)'%3e%3cpath fill='%23E6F6F7' d='M0 0h176v16H0z'/%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3c/g%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(8 84)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3c/g%3e%3crect stroke='%23DADFE8' stroke-width='.5' mask='url(%23b)' x='8.25' y='44.25' width='175.5' height='55.5' rx='2'/%3e%3cpath stroke='%23DADFE8' stroke-width='.2' stroke-linecap='square' mask='url(%23b)' d='M8.25 51.75l175.25-.25M8.25 68H183.5M8.25 83.75l175.25-.25'/%3e%3cpath stroke='%23DADFE8' stroke-width='.5' stroke-linecap='square' mask='url(%23b)' d='M125.5 44.538l-.5 54.838M66.5 44.625v53.75'/%3e%3cpath d='M189 .75H3c-.621 0-1.184.252-1.591.659C1.002 1.816.75 2.379.75 3v10.25h190.5V3c0-.621-.252-1.184-.659-1.591A2.243 2.243 0 00189 .75z' stroke='%23DADFE8' stroke-width='.5' fill='%23FAFAFC' mask='url(%23b)'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='8.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%23329AA8' mask='url(%23b)' x='8' y='32' width='56' height='8' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='38.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='68.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='98.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='128.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='158.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%23329AA8' mask='url(%23b)' x='8' y='20' width='26' height='2' rx='1'/%3e%3ccircle fill='%23525866' mask='url(%23b)' cx='172' cy='7' r='2'/%3e%3ccircle fill='%23525866' mask='url(%23b)' cx='162' cy='7' r='2'/%3e%3ccircle fill='%23525866' mask='url(%23b)' cx='182' cy='7' r='2'/%3e%3crect stroke='%23D9DFE9' stroke-width='.5' fill='%23E4E8F0' mask='url(%23b)' x='98' y='4' width='56' height='6' rx='2'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.csi-theme-spearmint {
  background: url("data:image/svg+xml,%3csvg width='192' height='108' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='a' x='0' y='0' width='192' height='108' rx='3'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3crect stroke='%23DADFE8' x='.5' y='.5' width='191' height='107' rx='3'/%3e%3cpath d='M10 44h172a2 2 0 012 2v6H8v-6a2 2 0 012-2z' fill='%23F5F6FA' mask='url(%23b)'/%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(8 52)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3c/g%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(8 68)'%3e%3cpath fill='%23E6F7EC' d='M0 0h176v16H0z'/%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3c/g%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(8 84)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3c/g%3e%3crect stroke='%23DADFE8' stroke-width='.5' mask='url(%23b)' x='8.25' y='44.25' width='175.5' height='55.5' rx='2'/%3e%3cpath stroke='%23DADFE8' stroke-width='.2' stroke-linecap='square' mask='url(%23b)' d='M8.25 51.75l175.25-.25M8.25 68H183.5M8.25 83.75l175.25-.25'/%3e%3cpath stroke='%23DADFE8' stroke-width='.5' stroke-linecap='square' mask='url(%23b)' d='M125.5 44.538l-.5 54.838M66.5 44.625v53.75'/%3e%3cpath d='M189 .75H3c-.621 0-1.184.252-1.591.659C1.002 1.816.75 2.379.75 3v10.25h190.5V3c0-.621-.252-1.184-.659-1.591A2.243 2.243 0 00189 .75z' stroke='%23DADFE8' stroke-width='.5' fill='%23FAFAFC' mask='url(%23b)'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='8.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%23299950' mask='url(%23b)' x='8' y='32' width='56' height='8' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='38.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='68.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='98.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='128.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='158.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%23299950' mask='url(%23b)' x='8' y='20' width='26' height='2' rx='1'/%3e%3ccircle fill='%23525866' mask='url(%23b)' cx='172' cy='7' r='2'/%3e%3ccircle fill='%23525866' mask='url(%23b)' cx='162' cy='7' r='2'/%3e%3ccircle fill='%23525866' mask='url(%23b)' cx='182' cy='7' r='2'/%3e%3crect stroke='%23D9DFE9' stroke-width='.5' fill='%23E4E8F0' mask='url(%23b)' x='98' y='4' width='56' height='6' rx='2'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.csi-theme-dragonfruit {
  background: url("data:image/svg+xml,%3csvg width='192' height='108' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='a' x='0' y='0' width='192' height='108' rx='3'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3crect stroke='%23DADFE8' x='.5' y='.5' width='191' height='107' rx='3'/%3e%3cpath d='M10 44h172a2 2 0 012 2v6H8v-6a2 2 0 012-2z' fill='%23F5F6FA' mask='url(%23b)'/%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(8 52)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3c/g%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(8 68)'%3e%3cpath fill='%23E6F2FC' d='M0 0h176v16H0z'/%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3c/g%3e%3cg mask='url(%23b)'%3e%3cg transform='translate(8 84)'%3e%3crect fill='%232D76D4' x='4' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='63' y='6' width='50' height='4' rx='2'/%3e%3crect fill='%23A3ABB8' x='122' y='6' width='50' height='4' rx='2'/%3e%3c/g%3e%3c/g%3e%3crect stroke='%23DADFE8' stroke-width='.5' mask='url(%23b)' x='8.25' y='44.25' width='175.5' height='55.5' rx='2'/%3e%3cpath stroke='%23DADFE8' stroke-width='.2' stroke-linecap='square' mask='url(%23b)' d='M8.25 51.75l175.25-.25M8.25 68H183.5M8.25 83.75l175.25-.25'/%3e%3cpath stroke='%23DADFE8' stroke-width='.5' stroke-linecap='square' mask='url(%23b)' d='M125.5 44.538l-.5 54.838M66.5 44.625v53.75'/%3e%3cpath d='M189 .75H3c-.621 0-1.184.252-1.591.659C1.002 1.816.75 2.379.75 3v10.25h190.5V3c0-.621-.252-1.184-.659-1.591A2.243 2.243 0 00189 .75z' stroke='%23DADFE8' stroke-width='.5' fill='%23FAFAFC' mask='url(%23b)'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='8.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%23CC2D6D' mask='url(%23b)' x='8' y='32' width='56' height='8' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='38.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='68.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='98.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='128.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect stroke='%23DADFE8' stroke-width='.5' fill='%23F5F6FA' mask='url(%23b)' x='158.25' y='20.25' width='25.5' height='7.5' rx='2'/%3e%3crect fill='%23CC2D6D' mask='url(%23b)' x='8' y='20' width='26' height='2' rx='1'/%3e%3ccircle fill='%23525866' mask='url(%23b)' cx='172' cy='7' r='2'/%3e%3ccircle fill='%23525866' mask='url(%23b)' cx='162' cy='7' r='2'/%3e%3ccircle fill='%23525866' mask='url(%23b)' cx='182' cy='7' r='2'/%3e%3crect stroke='%23D9DFE9' stroke-width='.5' fill='%23E4E8F0' mask='url(%23b)' x='98' y='4' width='56' height='6' rx='2'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
/* SKIN THEME ICON END */
/* CAMUNDATASK ACTION ICON END */
/* Chart type icons 40x40px ( Toolbar -> Chart )
 * Used in csi/table/chartForm.js in conjunction with class .csi-svg-icon-size40
 */
.csi-icon-chart-ms-column {
  background-image: var(--ChartMsColumnURL); /*Multi-series Column 2D*/
}
.csi-icon-chart-ms-line {
  background-image: var(--ChartMsLineURL); /*Multi-series Line*/
}
.csi-icon-chart-pareto {
  background-image: var(--ChartParetoURL); /*Pareto*/
}
.csi-icon-chart-pie {
  background-image: var(--ChartPieURL); /*Pie 2D*/
}
.csi-icon-chart-stacked-area {
  background-image: var(--ChartStackedAreaURL); /*Stacked Area*/
}
.csi-icon-chart-stacked-bar {
  background-image: var(--ChartStackedBarURL); /*Stacked Bar*/
}
.csi-icon-chart-stacked-column {
  background-image: var(--ChartStackedColumnURL); /*Stacked Column*/
}
.csi-icon-chart-area {
  background-image: var(--ChartAreaURL); /*Area*/
}
.csi-icon-chart-bar {
  background-image: var(--ChartBarURL); /*Bar*/
}
.csi-icon-chart-column {
  background-image: var(--ChartColumnURL); /*Column*/
}
.csi-icon-chart-doughnut {
  background-image: var(--ChartDoughnutURL); /*Doughnut*/
}
.csi-icon-chart-line {
  background-image: var(--ChartLineURL); /*Line*/
}
.csi-icon-chart-ms-bar {
  background-image: var(--ChartMsBarURL); /*Multi-series Bar*/
}
.csi-icon-chart-ms-area {
  background-image: var(--ChartMsAreaURL); /*Multi-series Area*/
}
/* End of Chart type icons*/
/* Home page icons. Size 40x40px
 * Used in modules/SiteAdmin/HomePage in conjunction with class .csi-svg-icon-size40
 */
.csi-homepage-new-actions {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M15.454 22a.458.458 0 01-.398-.227l-2.014-3.519-2.307 1.752a.463.463 0 01-.48.048.439.439 0 01-.255-.396V7.441c0-.178.11-.34.28-.407a.465.465 0 01.496.095l9.09 8.823a.43.43 0 01.1.481.455.455 0 01-.42.273h-2.864l1.897 3.315a.432.432 0 01-.194.609l-2.727 1.323a.464.464 0 01-.204.047z' fill='%2379818F'/%3e%3cpath d='M14.505 8.812a5 5 0 10-9.65-2.16C4.727 8.487 5.888 10.27 8.337 12' stroke='%2379818F' stroke-width='2'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e");
}
.csi-homepage-new-formulatedproduct {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M10.4 9.14286C10.4 10.3827 9.41503 11.3878 8.2 11.3878C6.98497 11.3878 6 10.3827 6 9.14286C6 7.90303 6.98497 6.89796 8.2 6.89796C9.41503 6.89796 10.4 7.90303 10.4 9.14286Z' fill='%2379818F'/%3e %3cpath d='M16.8 8.73469C16.8 9.29825 16.3523 9.7551 15.8 9.7551C15.2477 9.7551 14.8 9.29825 14.8 8.73469C14.8 8.17114 15.2477 7.71429 15.8 7.71429C16.3523 7.71429 16.8 8.17114 16.8 8.73469Z' fill='%23C3C9D4'/%3e %3cpath d='M8.8 3.63265C8.8 4.53434 8.08366 5.26531 7.2 5.26531C6.31634 5.26531 5.6 4.53434 5.6 3.63265C5.6 2.73096 6.31634 2 7.2 2C8.08366 2 8.8 2.73096 8.8 3.63265Z' fill='%23C3C9D4'/%3e %3cpath d='M20 5.06122C20 5.8502 19.3732 6.4898 18.6 6.4898C17.8268 6.4898 17.2 5.8502 17.2 5.06122C17.2 4.27225 17.8268 3.63265 18.6 3.63265C19.3732 3.63265 20 4.27225 20 5.06122Z' fill='%2379818F'/%3e %3cpath d='M8.375 13.0395C8.0625 12.5931 7.4375 12.4974 7 12.8163C6.53125 13.1671 6.46875 13.8048 6.78125 14.2513L7.96875 15.8776C8.125 16.0689 8.09375 16.3559 7.9375 16.5472L7.53125 16.9617C7.3125 17.1531 6.96875 17.1531 6.78125 16.9298L4 13.486V8.73469C4 8.1926 3.53125 7.71429 3 7.71429C2.4375 7.71429 2 8.1926 2 8.73469V15.7181C2 16.0689 2.09375 16.3878 2.3125 16.6747L5.5625 20.9477C5.71875 21.1709 5.84375 21.3941 5.90625 21.6492C5.9375 21.8724 6.15625 22 6.375 22H10.5C10.75 22 11 21.7768 11 21.4898V17.9184C11 17.0574 10.7188 16.1964 10.1875 15.4949L8.375 13.0395ZM21 7.71429C20.4375 7.71429 20 8.1926 20 8.73469V13.486L17.1875 16.9298C17 17.1531 16.6563 17.1531 16.4375 16.9617L16.0313 16.5472C15.875 16.3559 15.8438 16.0689 16 15.8776L17.1875 14.2513C17.5313 13.8048 17.4375 13.1671 17 12.8163C16.5313 12.4974 15.9063 12.5931 15.5938 13.0395L13.7813 15.4949C13.2813 16.1964 13 17.0574 13 17.9184V21.4898C13 21.7768 13.2188 22 13.5 22H17.5938C17.8125 22 18.0313 21.8724 18.0938 21.6492C18.1563 21.3941 18.25 21.1709 18.4063 20.9477L21.6563 16.6747C21.875 16.3878 22 16.0689 22 15.7181V8.73469C22 8.1926 21.5313 7.71429 21 7.71429Z' fill='%2379818F'/%3e %3cpath d='M9.00492 7.77916L11.5726 5.60553C11.5356 6.14212 12.0554 6.5226 12.3388 6.54793L9.77111 8.72157C9.17405 8.69766 8.90618 8.06163 9.00492 7.77916Z' fill='%23A3ABB8'/%3e %3cpath d='M17.3779 5.67347H14.8C15.1073 5.20553 14.9562 4.65306 14.8 4.44898L17.3779 4.44898C17.7605 4.94443 17.5732 5.52041 17.3779 5.67347Z' fill='%23A3ABB8'/%3e %3cpath d='M15.2 5.26531C15.2 6.39242 14.3046 7.30612 13.2 7.30612C12.0954 7.30612 11.2 6.39242 11.2 5.26531C11.2 4.13819 12.0954 3.22449 13.2 3.22449C14.3046 3.22449 15.2 4.13819 15.2 5.26531Z' fill='%2379818F'/%3e %3c/svg%3e");
}
.csi-homepage-new-material {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cg stroke='%23778190' stroke-width='2'%3e%3cpath d='M11.586 3H3v18h18v-8.586L11.586 3z' fill='%23DADFE8'/%3e%3cpath fill='%23FFF' d='M20.09 12.91h-9v-9'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.csi-homepage-new-proofing {
  background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M6 5C6 3.89543 6.89543 3 8 3C8 3 22.6274 3 32 3C33.1014 3 34 4 34 5V14C34 14.5523 33.5523 15 33 15C32.4477 15 32 14.5523 32 14V6C32 5.5 31.5 5 31 5H9C8.44772 5 8 5.44772 8 6V34C8 34.5523 8.44772 35 9 35H31C31.5523 35 32 34.5523 32 34V28C32 27.4477 32.4477 27 33 27C33.5523 27 34 27.4477 34 28V35C34 36.1046 33.1046 37 32 37H8C6.89543 37 6 36.1046 6 35V5Z' fill='%23A3ABB8'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.8368 24.618C32.0308 25.1742 31.0535 25.5 30 25.5C27.2385 25.5 25 23.2614 25 20.5C25 17.7386 27.2385 15.5 30 15.5C32.7615 15.5 35 17.7386 35 20.5C35 21.4846 34.7155 22.4028 34.224 23.1767L37.8567 26.5305L36.5 28L32.8368 24.618ZM33 20.5C33 22.1569 31.6569 23.5 30 23.5C28.3431 23.5 27 22.1569 27 20.5C27 18.8431 28.3431 17.5 30 17.5C31.6569 17.5 33 18.8431 33 20.5Z' fill='%23A3ABB8'/%3e %3cpath d='M10 29C10 28.4477 10.4477 28 11 28H29C29.5523 28 30 28.4477 30 29C30 29.5523 29.5523 30 29 30H11C10.4477 30 10 29.5523 10 29Z' fill='%2379818F'/%3e %3cpath d='M26 8.5C26 7.94772 26.4477 7.5 27 7.5H29C29.5523 7.5 30 7.94772 30 8.5C30 9.05228 29.5523 9.5 29 9.5H27C26.4477 9.5 26 9.05228 26 8.5Z' fill='%2379818F'/%3e %3cpath d='M26 11.5C26 10.9477 26.4477 10.5 27 10.5H29C29.5523 10.5 30 10.9477 30 11.5C30 12.0523 29.5523 12.5 29 12.5H27C26.4477 12.5 26 12.0523 26 11.5Z' fill='%2379818F'/%3e %3cpath d='M10 32C10 31.4477 10.4477 31 11 31H27C27.5523 31 28 31.4477 28 32C28 32.5523 27.5523 33 27 33H11C10.4477 33 10 32.5523 10 32Z' fill='%2379818F'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 8C10 7.44771 10.4478 7 11 7H23.5C24.0523 7 24.5 7.44771 24.5 8V13C24.5 13.5523 24.0523 14 23.5 14H11C10.4478 14 10 13.5523 10 13V8ZM13.5 10.5H15V9H16.5V10.5H18V9H19.5V10.5H21V9H22.5V12H12V9H13.5V10.5Z' fill='%2379818F'/%3e %3cpath d='M14 17.5H16.5V15.5H14C12.895 15.5 12 16.395 12 17.5V20H14V17.5ZM16.5 20.5L15 23.5H20L19 21.5L18 23L16.5 20.5ZM20 19.5C20 19 19.5 18.5 19 18.5C18.5 18.5 18 19 18 19.5C18 20 18.5 20.5 19 20.5C19.5 20.5 20 20 20 19.5ZM21 15.5H18.5V17.5H21V20H23V17.5C23 16.395 22.105 15.5 21 15.5ZM21 24.5H18.5V26.5H21C22.105 26.5 23 25.605 23 24.5V22H21V24.5ZM14 22H12V24.5C12 25.605 12.895 26.5 14 26.5H16.5V24.5H14V22Z' fill='%2379818F'/%3e %3c/svg%3e");
}
.csi-homepage-new-projectmanagement {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M5.11111 4.27145C4.49746 4.27145 4 4.79721 4 5.44577V22.8257C4 23.4742 4.49746 24 5.11111 24H18.8889C19.5025 24 20 23.4742 20 22.8257V5.44577C20 4.79721 19.5025 4.27145 18.8889 4.27145H5.11111Z' fill='%2379818F'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5982 5.48015C16.6997 5.48015 16.7856 5.40897 16.7921 5.31327C16.8652 4.23483 16.4577 2.37325 14.5751 2.22883C14.473 2.221 14.3887 2.14729 14.3731 2.05157C14.2466 1.27667 13.6718 0 12.0129 0H11.9871C10.3282 0 9.75347 1.27667 9.62694 2.05157C9.61131 2.14729 9.52706 2.221 9.42489 2.22883C7.54234 2.37325 7.13485 4.23483 7.20796 5.31327C7.21445 5.40897 7.3003 5.48015 7.40179 5.48015H16.5982ZM12 2.83456C12.5523 2.83456 13 2.41154 13 1.88971C13 1.36788 12.5523 0.944854 12 0.944854C11.4477 0.944854 11 1.36788 11 1.88971C11 2.41154 11.4477 2.83456 12 2.83456Z' fill='%23A3ABB8'/%3e %3cpath d='M12.5334 17.75C12.5334 17.4473 12.2946 17.202 12 17.202H6.6667C6.37214 17.202 6.13336 17.4473 6.13336 17.75C6.13336 18.0526 6.37214 18.298 6.6667 18.298H12C12.2946 18.298 12.5334 18.0526 12.5334 17.75Z' fill='%23DADFE8'/%3e %3cpath d='M12.5334 19.9421C12.5334 19.6394 12.2946 19.394 12 19.394H6.6667C6.37214 19.394 6.13336 19.6394 6.13336 19.9421C6.13336 20.2447 6.37214 20.4901 6.6667 20.4901H12C12.2946 20.4901 12.5334 20.2447 12.5334 19.9421Z' fill='%23DADFE8'/%3e %3cpath d='M18.7686 18.2318C19.0057 17.9774 18.9844 17.5895 18.7206 17.3608H18.718C18.4542 17.1322 18.0519 17.1527 17.8147 17.4071L16.3466 18.9794L15.7578 18.4116C15.51 18.1701 15.105 18.1727 14.8545 18.4116C14.6041 18.6505 14.6041 19.041 14.8545 19.2825L15.923 20.3102C16.0482 20.4283 16.2161 20.4926 16.3919 20.49C16.5678 20.4874 16.733 20.4129 16.8502 20.287L18.7686 18.2318Z' fill='white'/%3e %3cpath d='M7.20003 11.3137L9.67731 8.76827L10.4316 9.54328L7.95428 12.0888L7.20003 11.3137Z' fill='%23DADFE8'/%3e %3cpath d='M13.6 11.3137L16.0773 8.76827L16.8316 9.54328L14.3543 12.0888L13.6 11.3137Z' fill='%23DADFE8'/%3e %3cpath d='M12.8773 12.0887L10.4 9.54326L11.1543 8.76825L13.6316 11.3137L12.8773 12.0887Z' fill='%23DADFE8'/%3e %3cpath d='M8.2667 12.0563C8.2667 12.6617 7.78913 13.1524 7.20003 13.1524C6.61092 13.1524 6.13336 12.6617 6.13336 12.0563C6.13336 11.451 6.61092 10.9603 7.20003 10.9603C7.78913 10.9603 8.2667 11.451 8.2667 12.0563Z' fill='white'/%3e %3cpath d='M11.4667 8.76825C11.4667 9.37357 10.9891 9.86428 10.4 9.86428C9.81093 9.86428 9.33336 9.37357 9.33336 8.76825C9.33336 8.16293 9.81093 7.67222 10.4 7.67222C10.9891 7.67222 11.4667 8.16293 11.4667 8.76825Z' fill='white'/%3e %3cpath d='M17.8667 8.76825C17.8667 9.37357 17.3891 9.86428 16.8 9.86428C16.2109 9.86428 15.7334 9.37357 15.7334 8.76825C15.7334 8.16293 16.2109 7.67222 16.8 7.67222C17.3891 7.67222 17.8667 8.16293 17.8667 8.76825Z' fill='white'/%3e %3cpath d='M14.6667 12.0563C14.6667 12.6617 14.1891 13.1524 13.6 13.1524C13.0109 13.1524 12.5334 12.6617 12.5334 12.0563C12.5334 11.451 13.0109 10.9603 13.6 10.9603C14.1891 10.9603 14.6667 11.451 14.6667 12.0563Z' fill='white'/%3e %3c/svg%3e");
}
.csi-homepage-new-sourcing {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M12.5 17v2.063a2 2 0 11-1 0V17h1zm4.08-2.933l1.788 1.03a2 2 0 11-.501.868l-1.787-1.032.5-.866zm-9.16 0l.5.866-1.787 1.032a2 2 0 11-.5-.867l1.787-1.031zM12 8a4 4 0 110 8 4 4 0 010-8zM2.474 6.5a2 2 0 013.66 1.535L7.92 9.067l-.5.866-1.788-1.03A2 2 0 012.474 6.5zm16.32-.732a2 2 0 11-.426 3.134L16.58 9.933l-.5-.866 1.787-1.032a2 2 0 01.927-2.267zM12 1a2 2 0 01.5 3.937V7h-1V4.937A2 2 0 0112 1z' fill='%2379818F'/%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e");
}
.csi-homepage-new-style {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath d='M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z' id='a'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3cg mask='url(%23b)'%3e%3cpath d='M-13-13h50v50h-50v-50z' fill='%2379818F'/%3e%3c/g%3e%3cpath d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e");
}
.csi-homepage-new-comment {
  background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_7675_527596)'%3e%3cpath d='M3.35008 6.66634C3.35008 4.83301 4.83341 3.33301 6.66675 3.33301H33.3334C35.1667 3.33301 36.6667 4.83301 36.6667 6.66634V26.6663C36.6667 28.4997 35.1667 29.9997 33.3334 29.9997H10.0001L3.33341 36.6663L3.35008 6.66634Z' fill='%2379818F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_7675_527596'%3e%3crect width='40' height='40' fill='white' transform='matrix(-1 0 0 1 40 0)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
/* End of Home page icons. Size 40x40px */
/* Other Icons and Icons effects declarations */
/* Active and Hover effect for iconCrumb
 * Effect looks like icon turns to the right on hover, see breadcrumb.
 */
.dijitActive .csiActionIcon.iconCrumb,
.crumbActive .dijitHover .csiActionIcon.iconCrumb,
.crumbActive .dijitButton .csiActionIcon.iconCrumb,
.dijitHover .csiActionIcon.iconCrumb {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%2379818F' d='M7 10l5 5 5-5z'/%3e%3c/g%3e%3c/svg%3e");
}
/* Hover effect for Header Nav Bar svg icons */
.csiActionIcon.iconLastVisited:hover {
  opacity: 1;
}
/* Home page Expand/Collapse. When pane is expanded - icons change to "collapse" form */
.csi-homepage-expanded .csi-homepage-pane-expand {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath d='M10.234 13.766v7.35H8.23L8.223 17.2 3.42 22 2 20.579l4.801-4.802H2.876l.007-2.01h7.35zM20.579 2L22 3.421l-4.801 4.802h3.925l-.007 2.01h-7.35v-7.35h2.003l.007 3.918L20.58 2z' id='a'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3cuse fill='%2379818F' xlink:href='%23a'/%3e%3cpath mask='url(%23b)' d='M0 0h24v24H0z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.dijitTitlePane .dijitArrowNode:before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%2379818F' d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: 16px;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.dijitTitlePane .dijitClosed .dijitArrowNode:before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%2379818F' d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3e%3c/g%3e%3c/svg%3e");
}
/* Checkmark for Checked Menu Item and for Menu Item with Icon*/
.csi-menu-item-with-icon .csi-checked-menu-item-check,
.dijitCheckedMenuItemChecked .csi-checked-menu-item-check {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
}
.csi-menu-item-with-icon .csi-checked-menu-item-check:before,
.dijitCheckedMenuItemChecked .csi-checked-menu-item-check:before {
  content: "\E5CA";
  font-family: 'Material Icons';
  font-size: 14px;
  color: var(--BlueCheckmark);
  position: relative;
  top: -3px;
  left: 0px;
}
.csi-menu-item-with-icon.dijitCheckedMenuItem:not(.dijitCheckedMenuItemChecked) .csi-checked-menu-item-check:before {
  content: "";
}
/* End of other */
/* End of SVG Icons declaration */

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/iconsFont.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(./2d8017489da689caedc1.woff2) format('woff2');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 19px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  overflow: hidden;
/* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
/* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
/* Support for IE. */
  font-feature-settings: 'liga';
}
.material-icons.csi-material-icon-19 {
/* Add overflow hidden so that increase in font size does not affect overall width */
  font-size: 19px;
  overflow: hidden;
  position: relative;
  top: -1px;
  left: -1px;
}
.material-icons.csi-icon-comment {
  transform: scaleX(-1);
}
.material-icons.csi-icon-delete {
  color: var(--AlertRed);
}
.material-icons.csi-icon-abandon-reverse {
  transform: rotate(-90deg);
  color: var(--Green500);
  font-size: 24px;
  width: 24px;
  height: 24px;
  position: relative;
  top: -2px;
}
.material-icons.csi-icon-paper-clip {
  position: relative;
  top: 4px;
  padding-right: 3px;
}
.material-icons.csi-icon-request-next,
.material-icons.csi-icon-request-previous,
.material-icons.csi-icon-fail-request,
.material-icons.csi-icon-request-reissue,
.material-icons.csi-icon-request-refresh,
.material-icons.csi-icon-abandon-request {
  color: var(--PrimaryWhite) !important;
  font-size: 20px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.material-icons.csi-icon-fail-request {
  color: var(--Red600) !important;
  background-color: var(--Red50) !important;
  border: 1px solid var(--Red300);
}
.material-icons.csi-icon-abandon-request {
  color: var(--Red500) !important;
  border-radius: unset !important;
  align-items: flex-end;
}
.material-icons.csi-icon-system-update-alt {
  transform: rotate(180deg);
}
.material-icons.csi-icon-link {
  font-size: 21px;
  width: 21px;
  height: 16px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/froala-editor.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.csi-froala-theme:focus {
  outline: 0;
}
.csi-froala-theme.fr-box.fr-basic .fr-element {
  color: #4a4a4a;
  font-size: 12px;
  padding: 7px;
  overflow-x: auto;
  min-height: 34px;
}
.csi-froala-theme .fr-element {
  -webkit-user-select: auto;
}
.csi-froala-theme.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  height: 32px;
  width: 32px;
  background: #fff;
  color: #2d76d4;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  left: 0;
  top: 0;
  line-height: 32px;
  border: none;
}
.csi-froala-theme.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #2d76d4;
}
.csi-froala-theme.fr-box a.fr-floating-btn i {
  font-size: 14px;
  line-height: 32px;
}
.csi-froala-theme.fr-box a.fr-floating-btn:hover {
  background: #e8e8e8;
}
.csi-froala-theme.fr-box a.fr-floating-btn:hover svg {
  fill: #2d76d4;
}
.csi-froala-theme .second-toolbar {
  display: none;
}
.csi-froala-theme .fr-wrapper .fr-placeholder {
  font-size: 12px;
  color: #bababa;
  top: 0;
  left: 0;
  right: 0;
}
.csi-froala-theme .fr-wrapper ::selection {
  background: #b5d6fd;
  color: #000;
}
.csi-froala-theme .fr-wrapper ::-moz-selection {
  background: #b5d6fd;
  color: #000;
}
.csi-froala-theme.fr-box.fr-basic .fr-wrapper {
  background: #fff;
  border: 0px;
  border-top: 0;
  top: 0;
  left: 0;
}
.csi-froala-theme.fr-box.fr-basic.fr-top .fr-wrapper {
  border: 1px solid var(--FroalaEditorBorderColor);
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.csi-froala-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border: 1px solid var(--FroalaEditorBorderColor);
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.csi-froala-theme .fr-sticky-on.fr-sticky-ios {
  left: 0;
  right: 0;
}
.csi-froala-theme.fr-box .fr-counter {
  color: #bababa;
  background: #fff;
  border-top: solid 1px #ebebeb;
  border-left: solid 1px #ebebeb;
  border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  -webkit-border-radius: 3px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.csi-froala-theme.fr-box.fr-rtl .fr-counter {
  right: auto;
  border-right: solid 1px #ebebeb;
  border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  -webkit-border-radius: 0 3px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.csi-froala-theme textarea.fr-code {
  background: #fff;
  color: #000;
}
.csi-froala-theme.fr-box.fr-code-view.fr-inline {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
}
.csi-froala-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  top: 0;
  right: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  background: #fff;
  color: #777;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  padding: 12px 12px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
}
.csi-froala-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 14px;
  width: 14px;
}
.csi-froala-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #e8e8e8;
}
.csi-froala-theme.fr-popup .fr-colors-tabs {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
}
.csi-froala-theme.fr-popup .fr-colors-tabs .fr-colors-tab {
  color: #4a4a4a;
  padding: 8px 0;
}
.csi-froala-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.csi-froala-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
  color: #2d76d4;
}
.csi-froala-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after {
  bottom: 0;
  left: 0;
  background: #2d76d4;
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
}
.csi-froala-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
  color: #2d76d4;
}
.csi-froala-theme.fr-popup .fr-color-set {
  line-height: 0;
}
.csi-froala-theme.fr-popup .fr-color-set > span > i {
  bottom: 0;
  left: 0;
}
.csi-froala-theme.fr-popup .fr-color-set > span .fr-selected-color {
  color: #fff;
  font-weight: 400;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.csi-froala-theme.fr-popup .fr-color-set > span:hover,
.csi-froala-theme.fr-popup .fr-color-set > span:focus {
  outline: 1px solid #4a4a4a;
}
.csi-froala-theme .fr-drag-helper {
  background: #2d76d4;
}
.csi-froala-theme.fr-popup .fr-link:focus {
  background: #e8e8e8;
}
.csi-froala-theme .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
}
.csi-froala-theme .fr-file-upload-layer:hover {
  background: #e8e8e8;
}
.csi-froala-theme .fr-file-upload-layer.fr-drop {
  background: #e8e8e8;
  border-color: #2d76d4;
}
.csi-froala-theme .fr-file-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.csi-froala-theme .fr-file-progress-bar-layer > h3 {
  margin: 10px 0;
}
.csi-froala-theme .fr-file-progress-bar-layer > div.fr-loader {
  background: #c0d6f2;
}
.csi-froala-theme .fr-file-progress-bar-layer > div.fr-loader span {
  background: #2d76d4;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.csi-froala-theme .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0;
}
.csi-froala-theme.fr-box.fr-fullscreen {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.csi-froala-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0;
}
.csi-froala-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb;
}
.csi-froala-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  color: #808080;
}
.csi-froala-theme .fr-image-resizer {
  border: solid 1px #2d76d4;
}
.csi-froala-theme .fr-image-resizer .fr-handler {
  background: #2d76d4;
  border: solid 1px #fff;
}
.csi-froala-theme .fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.csi-froala-theme .fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.csi-froala-theme .fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.csi-froala-theme .fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.csi-froala-theme .fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .csi-froala-theme .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .csi-froala-theme .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .csi-froala-theme .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .csi-froala-theme .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .csi-froala-theme .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.csi-froala-theme.fr-image-overlay {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.csi-froala-theme .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
}
.csi-froala-theme .fr-image-upload-layer:hover {
  background: #e8e8e8;
}
.csi-froala-theme .fr-image-upload-layer.fr-drop {
  background: #e8e8e8;
  border-color: #2d76d4;
}
.csi-froala-theme .fr-image-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.csi-froala-theme .fr-image-progress-bar-layer > h3 {
  margin: 10px 0;
}
.csi-froala-theme .fr-image-progress-bar-layer > div.fr-loader {
  background: #c0d6f2;
}
.csi-froala-theme .fr-image-progress-bar-layer > div.fr-loader span {
  background: #2d76d4;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.csi-froala-theme .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0;
}
.csi-froala-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more {
  -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
}
.csi-froala-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0;
}
.csi-froala-theme.fr-modal-head .fr-modal-tags a {
  opacity: 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #2d76d4;
  -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
}
.csi-froala-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #e8e8e8;
}
.csi-froala-themediv.fr-modal-body .fr-preloader {
  margin: 50px auto;
}
.csi-froala-themediv.fr-modal-body div.fr-image-list {
  padding: 0;
}
.csi-froala-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.csi-froala-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  background: #000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.csi-froala-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
  color: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.csi-froala-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  background: #bababa;
}
.csi-froala-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.csi-froala-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
  -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
}
.csi-froala-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
.csi-froala-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  margin: 0;
}
.csi-froala-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #b8312f;
  color: #fff;
}
.csi-froala-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #f3f3f3;
  color: #2d76d4;
}
.csi-froala-theme.csi-froala-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
  background: #e8e8e8;
}
.csi-froala-theme.csi-froala-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #e8e8e8;
}
.csi-froala-theme.csi-froala-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #fff;
}
.csi-froala-theme.csi-froala-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #e8e8e8;
}
.csi-froala-theme .fr-line-breaker {
  display: none !important;
  border-top: 1px solid #2d76d4;
}
.csi-froala-theme .fr-line-breaker a.fr-floating-btn {
  left: calc(34%);
  top: -16px;
}
.csi-froala-theme .fr-qi-helper {
  padding-left: 7px;
}
.csi-froala-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
  color: #4a4a4a;
}
.csi-froala-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
  border: 1px solid #bababa;
}
.csi-froala-theme .fr-element table td.fr-selected-cell,
.csi-froala-theme .fr-element table th.fr-selected-cell {
  border: 1px double #2d76d4;
}
.csi-froala-theme .fr-table-resizer div {
  border-right: 1px solid #2d76d4;
}
.csi-froala-theme.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0;
}
.csi-froala-theme.fr-popup .fr-table-size .fr-select-table-size > span {
  padding: 0px 4px 4px 0;
}
.csi-froala-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
  border: 1px solid #dadada;
}
.csi-froala-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(45,118,212,0.3);
  border: solid 1px #2d76d4;
}
.csi-froala-theme.fr-popup .fr-table-colors {
  line-height: 0;
}
.csi-froala-theme.fr-popup .fr-table-colors > span > i {
  bottom: 0;
  left: 0;
}
.csi-froala-theme.fr-popup .fr-table-colors > span:focus {
  outline: 1px solid #4a4a4a;
}
.csi-froala-theme .fr-element .fr-video::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.csi-froala-theme.fr-box .fr-video-resizer {
  border: solid 1px #2d76d4;
}
.csi-froala-theme.fr-box .fr-video-resizer .fr-handler {
  background: #2d76d4;
  border: solid 1px #fff;
}
.csi-froala-theme.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.csi-froala-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.csi-froala-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.csi-froala-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.csi-froala-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .csi-froala-theme.fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .csi-froala-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .csi-froala-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .csi-froala-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .csi-froala-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.csi-froala-theme .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
}
.csi-froala-theme .fr-video-upload-layer:hover {
  background: #e8e8e8;
}
.csi-froala-theme .fr-video-upload-layer.fr-drop {
  background: #e8e8e8;
  border-color: #2d76d4;
}
.csi-froala-theme .fr-video-upload-layer .fr-form {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.csi-froala-theme .fr-video-progress-bar-layer > h3 {
  margin: 10px 0;
}
.csi-froala-theme .fr-video-progress-bar-layer > div.fr-loader {
  background: #c0d6f2;
}
.csi-froala-theme .fr-video-progress-bar-layer > div.fr-loader span {
  background: #2d76d4;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.csi-froala-theme .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  top: 0;
}
.csi-froala-theme.fr-video-overlay {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.csi-froala-theme .fr-view strong {
  font-weight: 700;
}
.csi-froala-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #e3e3e3;
}
.csi-froala-theme .fr-view table td,
.csi-froala-theme .fr-view table th {
  border: 1px solid #dadada;
}
.csi-froala-theme .fr-view table th {
  background: #ededed;
}
.csi-froala-theme .fr-view[dir="rtl"] blockquote {
  border-right: solid 2px #5e35b1;
  margin-right: 0;
}
.csi-froala-theme .fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00bcd4;
}
.csi-froala-theme .fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43a047;
}
.csi-froala-theme .fr-view blockquote {
  border-left: solid 2px #5e35b1;
  margin-left: 0;
  color: #5e35b1;
}
.csi-froala-theme .fr-view blockquote blockquote {
  border-color: #00bcd4;
  color: #00bcd4;
}
.csi-froala-theme .fr-view blockquote blockquote blockquote {
  border-color: #43a047;
  color: #43a047;
}
.csi-froala-theme .fr-view span.fr-emoticon {
  line-height: 0;
}
.csi-froala-theme .fr-view span.fr-emoticon.fr-emoticon-img {
  font-size: inherit;
}
.csi-froala-theme .fr-view .fr-text-bordered {
  padding: 10px 0;
}
.csi-froala-theme .fr-tooltip {
  top: 0;
  left: 0;
  border-radius: 3px;
  border: 1px solid var(--FroalaEditorBorderColor);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #222;
  color: #fff;
  font-size: 11px;
  line-height: 22px;
  font-family: inherit;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn,
.csi-froala-theme.fr-popup .fr-command.fr-btn {
  color: #777;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  margin: 4px 3px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  padding: 0;
  width: 30px;
  height: 30px;
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.csi-froala-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-btn-text {
  width: auto;
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn i,
.csi-froala-theme.fr-popup .fr-command.fr-btn i {
  font-size: 14px;
  width: 14px;
  margin: 8px 8px;
  color: var(--FroalaEditorToolbarIconColor);
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn span,
.csi-froala-theme.fr-popup .fr-command.fr-btn span {
  font-size: 14px;
  line-height: 17px;
  min-width: 38px;
  height: 17px;
  padding: 0 2px;
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn img,
.csi-froala-theme.fr-popup .fr-command.fr-btn img {
  margin: 12px 12px;
  width: 14px;
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-active,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-active {
  color: #777;
  background: var(--FroalaEditorToolbarIconActiveBackgroundColor);
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
  width: auto;
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-dropdown img {
  margin-left: 8px;
  margin-right: 16px;
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  color: #777;
  background: var(--FroalaEditorToolbarIconActiveBackgroundColor);
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  background: var(--FroalaEditorToolbarIconActiveBackgroundColor) !important;
  color: #777 !important;
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
  border-top-color: #777 !important;
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  right: 4px;
  top: 17px;
}
.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup {
  background-color: var(--FroalaEditorToolbarIconActiveBackgroundColor);
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
}
.csi-froala-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.csi-froala-theme.fr-popup .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd !important;
}
.csi-froala-theme.fr-toolbar.fr-disabled .fr-btn,
.csi-froala-theme.fr-popup.fr-disabled .fr-btn,
.csi-froala-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,
.csi-froala-theme.fr-popup.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
}
.csi-froala-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.csi-froala-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.csi-froala-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.csi-froala-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}
.csi-froala-theme.fr-desktop .fr-command:hover,
.csi-froala-theme.fr-desktop .fr-command:focus {
  color: #777;
  background: var(--FroalaEditorToolbarIconHoverBackgroundColor);
}
.csi-froala-theme.fr-desktop .fr-command:hover::after,
.csi-froala-theme.fr-desktop .fr-command:focus::after {
  border-top-color: #777 !important;
}
.csi-froala-theme.fr-desktop .fr-command.fr-selected {
  color: #777;
  background: var(--FroalaEditorToolbarIconSelectedBackgroundColor);
}
.csi-froala-theme.fr-desktop .fr-command.fr-active:hover,
.csi-froala-theme.fr-desktop .fr-command.fr-active:focus {
  color: #777;
  background: var(--FroalaEditorToolbarIconSelectedBackgroundColor);
}
.csi-froala-theme.fr-desktop .fr-command.fr-active.fr-selected {
  color: #777;
  background: FroalaEditorToolbarIconSelectedBackgroundColor;
}
.csi-froala-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,
.csi-froala-theme.fr-popup.fr-mobile .fr-command.fr-blink {
  background: #e8e8e8;
}
.csi-froala-theme .fr-command.fr-btn + .fr-dropdown-menu {
  right: auto;
  bottom: auto;
  height: auto;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.csi-froala-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  background: #f3f3f3;
  padding: 0;
  margin: auto;
  -webkit-transition: max-height 0.2s ease 0s;
  -moz-transition: max-height 0.2s ease 0s;
  -ms-transition: max-height 0.2s ease 0s;
  -o-transition: max-height 0.2s ease 0s;
  margin-top: 0;
}
.csi-froala-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  overflow: auto;
  max-height: 275px;
}
.csi-froala-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  margin: 0;
  padding: 0;
  background-color: var(--PrimaryWhite);
}
.csi-froala-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list .fr-command:hover {
  background-color: var(--DropdownMenuHoverBackgroundColor);
}
.csi-froala-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list .fr-command:active {
  background-color: var(--SelectedBackgroundColor);
}
.csi-froala-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
}
.csi-froala-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  color: inherit;
}
.csi-froala-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: var(--SelectedBackgroundColor);
}
.csi-froala-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
}
.csi-froala-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 2px 2px 1px rgba(0,0,0,0.14);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 2px 2px 1px rgba(0,0,0,0.14);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 2px 2px 1px rgba(0,0,0,0.14);
}
.csi-froala-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
  height: auto;
  max-height: 275px;
}
.csi-froala-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,0.16), 0 -2px 2px 1px rgba(0,0,0,0.14);
  -moz-box-shadow: 0 -3px 6px rgba(0,0,0,0.16), 0 -2px 2px 1px rgba(0,0,0,0.14);
  box-shadow: 0 -3px 6px rgba(0,0,0,0.16), 0 -2px 2px 1px rgba(0,0,0,0.14);
}
.csi-froala-theme.fr-modal {
  color: #4a4a4a;
  font-family: inherit;
  overflow-x: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.csi-froala-theme.fr-modal .fr-modal-wrapper {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  background: #fff;
  -webkit-box-shadow: 0 5px 8px rgba(0,0,0,0.19), 0 4px 3px 1px rgba(0,0,0,0.14);
  -moz-box-shadow: 0 5px 8px rgba(0,0,0,0.19), 0 4px 3px 1px rgba(0,0,0,0.14);
  box-shadow: 0 5px 8px rgba(0,0,0,0.19), 0 4px 3px 1px rgba(0,0,0,0.14);
  border: 0px;
  border-top: 1px solid #dadada;
}
@media (min-width: 768px) and (max-width: 991px) {
  .csi-froala-theme.fr-modal .fr-modal-wrapper {
    margin: 30px auto;
  }
}
@media (min-width: 992px) {
  .csi-froala-theme.fr-modal .fr-modal-wrapper {
    margin: 50px auto;
  }
}
.csi-froala-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #f3f3f3;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 2px 2px 1px rgba(0,0,0,0.14);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 2px 2px 1px rgba(0,0,0,0.14);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 2px 2px 1px rgba(0,0,0,0.14);
  border-bottom: 0px;
  -webkit-transition: height 0.2s ease 0s;
  -moz-transition: height 0.2s ease 0s;
  -ms-transition: height 0.2s ease 0s;
  -o-transition: height 0.2s ease 0s;
}
.csi-froala-theme.fr-modal .fr-modal-wrapper .fr-modal-head i {
  color: #4a4a4a;
}
.csi-froala-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close {
  top: 0;
  right: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
}
.csi-froala-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  margin: 0;
  font-weight: 400;
}
.csi-froala-theme.csi-froala-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #e8e8e8;
}
.csi-froala-theme.fr-overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
}
.csi-froala-theme.fr-popup {
  color: #4a4a4a;
  background: var(--FroalaEditorPopupBackgroundColor);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  box-shadow: var(--PopupShadow);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: inherit;
  border: 0px;
  border-top: 1px solid #dadada;
}
.csi-froala-theme.fr-popup .fr-input-focus {
  background: #f5f5f5;
}
.csi-froala-theme.fr-popup.fr-above {
  border-top: 0;
  border-bottom: 1px solid #dadada;
  -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.12), 0 -1px 1px 1px rgba(0,0,0,0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.12), 0 -1px 1px 1px rgba(0,0,0,0.16);
  box-shadow: 0 -1px 3px rgba(0,0,0,0.12), 0 -1px 1px 1px rgba(0,0,0,0.16);
}
.csi-froala-theme.fr-popup .fr-input-line {
  padding: 8px 0;
}
.csi-froala-theme.fr-popup .fr-input-line input[type="text"],
.csi-froala-theme.fr-popup .fr-input-line textarea {
  margin: 0px 0 1px 0;
  border-bottom: solid 1px #bdbdbd;
  color: #4a4a4a;
}
.fr-popup .fr-input-line input[type="text"] {
  height: 28px;
}
.csi-froala-theme.fr-popup .fr-input-line input[type="text"]:focus,
.csi-froala-theme.fr-popup .fr-input-line textarea:focus {
  border-bottom: solid 2px #2d76d4;
}
.csi-froala-theme.fr-popup .fr-input-line input + label,
.csi-froala-theme.fr-popup .fr-input-line textarea + label {
  top: 0;
  left: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  background: #f3f3f3;
}
.csi-froala-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.csi-froala-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
  color: #2d76d4;
}
.csi-froala-theme.fr-popup .fr-input-line input.fr-not-empty + label,
.csi-froala-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: #808080;
}
.csi-froala-theme.fr-popup .fr-buttons {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  padding: 0 2px;
  line-height: 0;
  border-bottom: 0px;
}
.csi-froala-theme.fr-popup .fr-layer {
  width: 225px;
}
@media (min-width: 768px) {
  .csi-froala-theme.fr-popup .fr-layer {
    width: 300px;
  }
}
.csi-froala-theme.fr-popup .fr-action-buttons button.fr-command {
  color: #2d76d4;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
}
.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
  width: 40px;
  height: 26px;
}
.csi-froala-theme.fr-popup .fr-action-buttons button.fr-command:hover,
.csi-froala-theme.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #e8e8e8;
  color: #2d76d4;
}
.csi-froala-theme.fr-popup .fr-action-buttons button.fr-command:active {
  background: var(--FroalaEditorToolbarIconActiveBackgroundColor);
  color: #2d76d4;
}
.csi-froala-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}
.csi-froala-theme.fr-popup .fr-checkbox span {
  border: solid 1px #4a4a4a;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}
.csi-froala-theme.fr-popup .fr-checkbox input {
  margin: 0;
  padding: 0;
}
.csi-froala-theme.fr-popup .fr-checkbox input:checked + span {
  background: #2d76d4;
  border-color: #2d76d4;
}
.csi-froala-theme.fr-popup .fr-checkbox input:focus + span {
  border-color: #2d76d4;
}
.csi-froala-theme.fr-popup.fr-rtl .fr-input-line input + label,
.csi-froala-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}
.csi-froala-theme.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #dadada;
  top: -9px;
  margin-left: -5px;
}
.csi-froala-theme.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #dadada;
}
.csi-froala-theme.fr-toolbar {
  color: #4a4a4a;
  border: 1px solid var(--FroalaEditorToolbarBorderColor);
  border-bottom: 0;
  background: var(--FroalaEditorToolbarBackgroundColor);
  font-family: inherit;
  padding: 0 2px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.csi-froala-theme.fr-toolbar.fr-inline .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #dadada;
  top: -9px;
  margin-left: -5px;
}
.csi-froala-theme.fr-toolbar.fr-inline.fr-above {
  -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.12), 0 -1px 1px 1px rgba(0,0,0,0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.12), 0 -1px 1px 1px rgba(0,0,0,0.16);
  box-shadow: 0 -1px 3px rgba(0,0,0,0.12), 0 -1px 1px 1px rgba(0,0,0,0.16);
  border-bottom: 1px solid #dadada;
  border-top: 0;
}
.csi-froala-theme.fr-toolbar.fr-inline.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top-color: inherit;
  border-top-width: 5px;
}
.csi-froala-theme.fr-toolbar.fr-top {
  top: 0;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.csi-froala-theme.fr-toolbar.fr-top .fr-newline {
  height: 0px;
}
.csi-froala-theme.fr-toolbar.fr-bottom {
  bottom: 0;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px 1px rgba(0,0,0,0.16);
}
.csi-froala-theme .fr-separator {
  background: #ebebeb;
}
.csi-froala-theme .fr-separator.fr-vs {
  height: 34px;
  width: 1px;
  margin: 2px;
}
.csi-froala-theme .fr-separator.fr-hs {
  height: 1px;
  width: calc(96%);
  margin: 0 2px;
}
.tribute-container-latency {
  padding: 8px;
}
.tribute-container-latency .csi-message-icon {
  float: left;
}
.tribute-container-latency .message {
  margin-left: 4px;
  float: right;
  width: 200px;
  margin-bottom: 8px;
}
.csi-froala-react-theme.fr-box.fr-basic .fr-element.fr-view > p,
.csi-froala-react-theme.fr-box.fr-basic .fr-element ul {
  font-family: Centric8, var(--Centric8CJKFont);
  font-size: var(--FroalaEditorDefaultFontSize);
  line-height: var(--FroalaEditorDefaultLineHeight);
}
.csi-froala-react-theme .fr-element.fr-view.custom-important,
.csi-froala-react-theme .fr-wrapper span.custom-important {
  border-left: 4px solid var(--FroalaEditorImportMessage);
}
.csi-froala-react-theme .fr-wrapper span.custom-important {
  font-weight: bold;
  color: var(--FroalaEditorImportMessage);
  font-size: 14px;
  padding-left: 16px;
}
.csi-froala-react-theme .fr-wrapper.show-placeholder .fr-placeholder {
  line-height: var(--FroalaEditorDefaultLineHeight) !important;
  font-family: Centric8, var(--Centric8CJKFont);
  font-weight: 400;
  color: var(--FroalaEditorPlaceholderColor);
}
.csi-froala-react-theme.fr-toolbar,
.csi-froala-react-theme .fr-more-toolbar.fr-expanded {
  background-color: var(--FroalaEditorToolbarBackgroundColor);
}
.csi-froala-react-theme.fr-toolbar.fr-top {
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid var(--FroalaEditorBorderColor);
}
.csi-froala-react-theme.fr-toolbar .fr-newline {
  margin: unset;
  background: unset;
}
.csi-froala-react-theme.fr-toolbar.fr-top,
.csi-froala-react-theme.fr-box.fr-basic .fr-wrapper {
  border-color: var(--FroalaEditorBorderColor);
}
.csi-froala-react-theme.fr-box {
  height: auto;
}
.csi-froala-react-theme.fr-box.fr-basic .fr-element {
  padding: 13px 16px;
}
.csi-froala-react-theme.comment-reply.fr-box.fr-basic.fr-bottom .fr-wrapper,
.csi-froala-react-theme.comment-reply.fr-box.fr-basic.fr-top .fr-wrapper,
.csi-froala-react-theme.comment-reply .fr-toolbar.fr-top,
.csi-froala-react-theme.comment-reply .fr-toolbar.fr-bottom {
  border-left: none;
  border-radius: unset;
}
.csi-froala-react-theme .fr-second-toolbar {
  display: none;
}
.csi-froala-react-theme .fr-toolbar .fr-command.fr-btn img,
.csi-froala-react-theme .fr-toolbar .fr-command.fr-btn svg.fr-svg {
  height: var(--IconSize20);
  width: var(--IconSize20);
}
.csi-froala-react-theme .fr-toolbar .fr-command.fr-btn svg path {
  fill: currentColor;
}
.csi-froala-react-theme .fr-svg {
  color: var(--FroalaEditorToolbarIconColor);
}
.csi-froala-react-theme .fr-toolbar .fr-command.fr-btn.fr-open {
  margin: 4px 2px;
}
.csi-froala-react-theme .fr-command.fr-btn {
  color: var(--IconColor);
}
.csi-froala-react-theme.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
  background-color: var(--Grey400);
}
.csi-froala-react-theme .fr-command.fr-btn.custom-important .material-icons {
  color: var(--FroalaEditorImportMessage);
}
.csi-froala-react-theme .fr-element.fr-view span.fr-tribute at {
  color: var(--LinkNormal);
}
.csi-froala-react-theme .fr-popup .fr-table-size {
  margin: 8px;
}
.csi-froala-react-theme .fr-popup .fr-table-size .fr-select-table-size > span {
  padding: 0 3px 3px 0;
}
.csi-froala-react-theme .fr-popup .fr-table-size .fr-select-table-size > span > span {
  width: 10px;
  height: 10px;
}
.csi-froala-react-theme .fr-dropdown-wrapper {
  max-height: 226px;
}
.fr-hidden {
  display: none;
}
.fr-show {
  display: initial !important;
}
.fr-command.fr-btn[data-cmd="sendReadyButton"] {
  display: none;
}
.fr-command.fr-btn[data-cmd="preSendButton"] {
  display: none;
}
.fr-command.fr-btn[data-cmd="formatULOptions"] {
  display: none;
}
.MuiAvatar-root {
  width: 24px;
  height: 24px;
  display: inline-flex;
  overflow: hidden;
  position: relative;
  font-size: 24px;
  align-items: center;
  flex-shrink: 0;
  font-family: Centric8, var(--Centric8CJKFont);
  line-height: 14px;
  user-select: none;
  border-radius: 50%;
  justify-content: center;
}
.MuiAvatar-colorDefault {
  color: var(--Blue900);
  background-color: var(--Blue200);
}
.MuiAvatar-rounded {
  border-radius: 3px;
}
.MuiAvatar-square {
  border-radius: 0;
}
.MuiAvatar-img {
  color: transparent;
  width: 100%;
  height: 100%;
  object-fit: cover;
  text-align: center;
  text-indent: 10000px;
}
.MuiAvatar-fallback {
  width: 75%;
  height: 75%;
}
.tribute-container {
  background-color: var(--White50);
  border-width: 1px;
  border-radius: 3px;
  border-style: solid;
  border-color: var(--FroalaEditorBorderColor);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
}
.tribute-container ul {
  background: var(--White50);
  border-radius: 15px;
}
.tribute-container ul li.highlight {
  background: var(--HighlightSelected);
}
.tribute-container ul li:focus {
  background-color: var(--Blue50);
}
.tribute-container ul li > div {
  padding: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tribute-container ul li > div span {
  font-weight: normal;
}
.tribute-container .avatar {
  vertical-align: middle;
  margin-right: 8px;
}
/*
	Settings used for custom froala theme: https://froala.com/wysiwyg-editor/v2-0/customize/

	@theme > csi-froala
	@gray > #bababa
	@font-family > inherit
	@border-radius > 3px

	@editor-text > #4a4a4a
	@placeholder-color > #bababa

	@ui-color > #2d76d4
	@ui-text > #4a4a4a
	@ui-hover-color > #e8e8e8
	@ui-focused-color > #e8e8e8
	@ui-bg > #f3f3f3
	@ui-border-color > #dadada
	@ui-border-top > 1px solid @ui-border-color

	@btn-text > #777777
	@btn-hover-text > #777777
	@btn-hover-bg > @ui-hover-color
	@btn-active-text > @btn-text
	@btn-active-bg > @btn-hover-bg
	@btn-active-hover-text > @btn-text
	@btn-active-hover-bg > @btn-hover-bg
	@btn-selected-text > @btn-text
	@btn-active-selected-text > @btn-text
	@btn-width > 38px
	@btn-height > 38px

	@table-border > 1px solid #dadada

	You will also need to replace "custom-theme" with "csi-froala-theme".
 */
.csi-froala-theme.fr-popup .fa-search {
  display: none;
}
.csi-froala-theme.fr-popup .fr-action-buttons {
  height: 26px;
  margin-top: 8px;
}
.csi-froala-theme.fr-popup .fr-action-buttons button.fr-command {
  height: 26px;
  font-size: 12px;
  font-weight: 700;
  padding-top: 6px;
  padding-bottom: 12px;
  background: var(--BtnPrimaryNormalBackgroundColor);
  color: var(--BtnPrimaryNormalTextColor);
  border: solid 1px var(--BtnPrimaryNormalBorderColor);
  transition: all 0.1s;
  border-radius: 3px;
}
.csi-froala-theme.fr-popup .fr-action-buttons button.fr-command:hover {
  background-color: var(--BtnPrimaryHoverBackgroundColor);
  border-color: var(--BtnPrimaryHoverBorderColor);
}
.csi-froala-theme.fr-popup .fr-action-buttons button.fr-command:active {
  background-color: var(--BtnPrimaryActiveBackgroundColor);
  border-color: var(--BtnPrimaryActiveBorderColor);
  box-shadow: var(--InputInsetShadow);
}
.csi-froala-theme.fr-popup .fr-action-buttons button.fr-command:active,
.csi-froala-theme.fr-popup .fr-action-buttons button.fr-command:focus,
.csi-froala-theme.fr-popup .fr-action-buttons button.fr-command:hover {
  color: var(--BtnPrimaryNormalTextColor);
}
.csi-froala-theme.fr-popup .fr-arrow {
/* This is necessary because we changed border-top from 5px to 1px,
			   so we move the arrow down here to avoid gap between popup and arrow */
  top: -6px;
}
.csi-froala-theme.fr-popup .fr-input-line {
  box-sizing: content-box;
  height: 20px;
}
.csi-froala-theme.fr-popup .fr-input-line input[type=text] {
  border-left: none;
  border-right: none;
  border-top: none;
  width: 100%;
}
.csi-froala-theme .fr-command.fr-btn {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.csi-froala-theme .fr-command.fr-btn svg path {
  fill: currentColor;
}
.csi-froala-theme .fr-command.fr-btn svg.fr-svg {
  height: 20px;
}
.csi-froala-theme table.fr-dashed-borders td,
.csi-froala-theme table.fr-dashed-borders th {
  border-style: dashed;
  empty-cells: show;
}
.csi-froala-theme table td.fr-highlighted {
  border: 1px double var(--FroalaTableHighightedBorderColor) !important;
}
.csi-froala-theme table td.fr-thick {
  border-width: 2px !important;
}
.csi-froala-theme .fr-wrapper ::selection {
  color: inherit !important;
}
.csi-froala-theme .fr-wrapper ::-moz-selection {
  color: inherit !important;
}
.csi-froala-theme .fr-command.fr-btn i,
.csi-froala-theme .fr-command.fr-btn svg {
  margin: 0;
  width: 20px;
}
/* Froala editor styles for quick insert toolbar */
.fr-quick-insert {
  margin-left: 45px;
}
/* Different left margin in case dialog. */
.dijitDialog .fr-quick-insert {
  margin-left: 55px;
}
.fr-qi-helper {
  margin-left: 50px;
}
.fr-box {
  height: 100%;
  width: 100%;
}
/* this is needed as to not modify .fr-box above because Froala Editors throughout C8
	use .fr-box and need the height and width to be that setting. */
.c8_canvas_root_inner .fr-box {
  height: auto;
}
/* remove margin around button groups */
.fr-toolbar .fr-btn-grp {
  margin: 0;
}
/* Styles that should apply to all rich text */
.attrStringRich {
  white-space: normal !important;
}
.fr-view a * {
/* Entire link should be blue */
  color: var(--LinkNormal) !important;
}
.fr-view span {
  line-height: inherit;
}
.fr-view table {
  box-sizing: border-box;
}
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
/* Theme editor does not allow you to specify alternate row color, so override theme */
  background: var(--TableRowBackgroundColorOdd) !important;
}
.fr-view table th {
  background: var(--TableHeaderBackgroundColor);
}
.fr-view table td,
.fr-view table th {
  border-color: var(--TableBorderColor);
  min-width: 12px;
  word-wrap: break-word;
}
.csi-froala-font-styles {
  font-size: 28px;
}
.csi-froala-font-styles.ultra-condensed {
  font-stretch: ultra-condensed;
}
.csi-froala-font-styles.extra-condensed {
  font-stretch: extra-condensed;
}
.csi-froala-font-styles.semi-condensed {
  font-stretch: semi-condensed;
}
.csi-froala-font-styles.condensed {
  font-stretch: condensed;
}
.csi-froala-font-styles.ultra-expanded {
  font-stretch: ultra-expanded;
}
.csi-froala-font-styles.extra-expanded {
  font-stretch: extra-expanded;
}
.csi-froala-font-styles.semi-expanded {
  font-stretch: semi-expanded;
}
.csi-froala-font-styles.expanded {
  font-stretch: expanded;
}
.csi-froala-font-styles.thin {
  font-weight: 100;
}
.csi-froala-font-styles.extra-light {
  font-weight: 200;
}
.csi-froala-font-styles.light {
  font-weight: 300;
}
.csi-froala-font-styles.normal {
  font-weight: 400;
  font-stretch: normal;
}
.csi-froala-font-styles.medium {
  font-weight: 500;
}
.csi-froala-font-styles.semi-bold {
  font-weight: 600;
}
.csi-froala-font-styles.bold {
  font-weight: 700;
}
.csi-froala-font-styles.extra-bold {
  font-weight: 800;
}
.csi-froala-font-styles.black {
  font-weight: 900;
}
.csi-froala-font-styles.extra-black {
  font-weight: 950;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/attributeCard.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.csi-attribute-card {
  display: flex;
  text-align: left;
}
.csi-attribute-card-image {
  align-items: center;
  border: var(--AttributeCardBorder);
  border-radius: 3px;
  display: flex;
  flex-shrink: 0;
  height: 48px;
  margin-right: 6px;
  min-width: 48px;
  text-align: center;
  width: 48px;
}
.csi-attribute-card-image > .attrImage {
  margin: auto;
}
.csi-attribute-card-image > .attrImage .csi-turntable-image-container > img,
.csi-attribute-card-image > .attrImage > img {
  max-height: 100%;
  max-width: 100%;
}
.csi-attribute-card-image .csi-attribute-card-no-image {
  color: var(--AttributeCardNoImageColor);
  cursor: default;
  font-size: 24px;
  height: auto;
  width: 100%;
}
.csi-attribute-card-id * {
  text-align: left;
}
.csi-attribute-card-id-content {
  display: flex;
  overflow: hidden;
}
.csi-attribute-card-singleline .csi-attribute-card-id-content {
  white-space: nowrap;
}
.csi-attribute-card-singleline .csi-attribute-card-id-content > :first-child,
.csi-attribute-card-singleline .csi-attribute-card-id-content > :last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}
.csi-attribute-card-multiline .csi-attribute-card-id-content {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
/* C8-90390 */
  overflow-wrap: anywhere;
/* fallbacks */
  overflow-wrap: break-word; /* older browsers */
  word-break: break-word; /* WebKit fallback */
}
.csi-attribute-card-anchor {
  margin-bottom: 6px;
}
.csi-attribute-card-separator {
  color: var(--AttributeCardSeparatorColor);
  margin: 0 3px;
}
.csi-attribute-card-repeat .attrBoolean .attrLabel {
  vertical-align: middle;
}
.csi-attribute-card-bottom-right,
.csi-attribute-card-upper-right {
  margin-left: 6px;
  text-align: right;
}
.csi-attribute-card-slim {
  align-items: center;
}
.csi-attribute-card-slim .attrImage {
  align-items: center;
  display: inline-flex;
  height: 100%;
}
.csi-attribute-card-slim.csi-attribute-card-singleline .csi-attribute-card-id > span.attrString {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csi-attribute-card-stacked .csi-attribute-card-id-content {
  flex-direction: column;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 0;
}
.csi-attribute-card-detailed .csi-attribute-card-id {
  font-weight: bold;
}
.csi-attribute-card-detailed .csi-attribute-card-image {
  border: none;
  height: auto;
  min-width: 128px;
  width: auto;
}
.csi-attribute-card-detailed .csi-attribute-card-image .attrImage {
  border: var(--AttributeCardBorder);
  border-radius: 3px;
}
.csi-toolbar-attribute-card {
/* styling when on a toolbar plugin (currently only used in BOM size variation popup) */
  border: var(--AttributeCardBorder);
  border-radius: 3px;
  display: inline-block;
  margin-right: 8px;
  max-width: 400px;
  min-width: 250px;
  padding: 8px;
  white-space: normal;
/* reset styling of labels under dijitToolbar */
}
.csi-toolbar-attribute-card .csi-attribute-card-image {
  border: var(--AttributeCardBorder);
  border-radius: 3px;
  height: 64px;
  margin-right: 8px;
  min-width: auto;
  width: 64px;
}
.csi-toolbar-attribute-card .csi-attribute-card-image .attrImage {
  border: none;
  border-radius: 0;
  height: 100%;
  width: 100%;
}
.csi-toolbar-attribute-card label {
  margin-left: 0 !important;
  padding: 0 !important;
}
.dijitMenuItem .csi-attribute-card .attrLabel {
  display: none;
}
.dijitMenuItem .csi-attribute-card .csi-attribute-card-image {
  border: var(--AttributeCardBorder);
  border-radius: 3px;
  height: 32px;
  margin-right: 8px;
  min-width: auto;
  width: 32px;
}
.dijitMenuItem .csi-attribute-card .csi-attribute-card-image .attrImage {
  border: none;
  border-radius: 0;
  height: 100%;
  width: 100%;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/attributeCardSetup.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.csi-view-BusinessObject-AttributeCards {
  margin-top: var(--AttributeCardSetupSpacing);
}
.csi-card-setup-action {
  font-weight: normal;
}
.csi-card-setup-action > :first-child {
  color: var(--AttributeCardSeparatorColor);
}
.csi-card-setup-type {
  margin-top: 15px;
}
.csi-card-setup-block {
  border: var(--AttributeCardBorder);
  background-color: var(--AttributeCardSetupBlockBackgroundColor);
  margin-top: var(--AttributeCardSetupSpacing);
  padding: var(--AttributeCardSetupSpacing);
}
.csi-card-setup-content {
  border: var(--AttributeCardBorder);
  background-color: var(--AttributeCardSetupContentBackgroundColor);
  padding: var(--AttributeCardSetupSpacing);
}
.csi-card-setup-content .csi-attribute-card-image {
  align-items: center;
  display: flex;
}
.csi-card-setup-content .csi-attribute-card-image > .material-icons {
  color: var(--AttributeCardSetupImageColor);
  cursor: default;
  font-size: 24px;
  height: auto;
  width: 100%;
}
.csi-card-setup-slim {
  width: 350px;
}
.csi-card-setup-detailed {
  border-radius: 3px;
  margin-top: 5px;
  position: relative;
  width: 350px;
}
.csi-card-setup-detailed:before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' stroke='%23fff' stroke-miterlimit='10' d='M1.3 11.3h21.3v2.6H1.3z'/%3e%3cpath d='M1.2 12.1L11.9.7 22.7 12' fill='%23fff' stroke='%23dadada' stroke-width='2'/%3e%3c/svg%3e");
  content: "";
  height: 14px;
  left: calc(50% - 7px);
  position: absolute;
  top: -7.25px;
  width: 14px;
}
.csi-card-setup-detailed .csi-attribute-card-image {
  border: var(--AttributeCardBorder);
  height: 48px;
  min-width: auto;
  width: 48px;
}
.csi-card-setup-detailed .csi-attribute-card-repeat > div {
  display: flex;
  margin-top: 3px;
}
.csi-card-setup-detailed .csi-attribute-card-repeat .attrLabel + span {
  background-color: var(--AttributeCardSetupStubBackgroundColor);
  border-radius: 3px;
  flex-grow: 1;
  margin: 3px;
}
.csi-card-setup-context {
  padding-top: 5px;
}
.csi-card-setup-context-label {
  font-weight: bold;
  margin-bottom: var(--AttributeCardSetupSpacing);
}
.csi-card-setup-context-label > :first-child {
  margin-right: 6px;
}
.csi-card-setup-no-image .csi-attribute-card-image {
  display: none;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/chart.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
:root {
/* CHART SVGs*/
  --ChartArea2DGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 15.0607L8.33333 8.5L15.8389 11.5L23 1V22H1V15.0607Z' fill='%23C3C9D4' fill-opacity='0.2'/%3e %3crect x='1' y='22' width='22' height='1' fill='%2379818F'/%3e %3cpath d='M1 15L8.33333 8.5L15.8389 11.5L23 1' stroke='%23C3C9D4'/%3e %3c/svg%3e");
  --ChartAreaBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill-opacity='.2' fill='%232D76D4' d='M1 15.06L8.333 8.5l7.506 3L23 1v21H1z'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath stroke='%232D76DA' d='M1 15l7.333-6.5 7.506 3L23 1'/%3e%3c/g%3e%3c/svg%3e");
  --ChartAreaGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23009D47' opacity='.195' d='M1 15.06L8.333 8.5l7.506 3L23 1v21H1z'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath stroke='%23009F40' d='M1 15l7.333-6.5 7.506 3L23 1'/%3e%3c/g%3e%3c/svg%3e");
  --ChartAreaCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23329AA8' opacity='.2' d='M1 15.06L8.333 8.5l7.506 3L23 1v21H1z'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath stroke='%23329AA8' d='M1 15l7.333-6.5 7.506 3L23 1'/%3e%3c/g%3e%3c/svg%3e");
  --ChartAreaPurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%236A57E6' opacity='.2' d='M1 15.06L8.333 8.5l7.506 3L23 1v21H1z'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath stroke='%237A65E6' d='M1 15l7.333-6.5 7.506 3L23 1'/%3e%3c/g%3e%3c/svg%3e");
  --ChartAreaMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23DE4780' opacity='.2' d='M1 15.06L8.333 8.5l7.506 3L23 1v21H1z'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath stroke='%23DE4780' d='M1 15l7.333-6.5 7.506 3L23 1'/%3e%3c/g%3e%3c/svg%3e");
  --ChartAreaRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23ED7A6D' opacity='.2' d='M1 15.06L8.333 8.5l7.506 3L23 1v21H1z'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath stroke='%23FF6760' d='M1 15l7.333-6.5 7.506 3L23 1'/%3e%3c/g%3e%3c/svg%3e");
  --ChartBar2DGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M13.3333 3C13.7015 3 14 3.29848 14 3.66667V6.33333C14 6.70152 13.7015 7 13.3333 7L2 7V3L13.3333 3Z' fill='%23A3ABB8'/%3e %3cpath d='M22.3333 10C22.7015 10 23 10.2985 23 10.6667V13.3333C23 13.7015 22.7015 14 22.3333 14H2V10L22.3333 10Z' fill='%23C3C9D4'/%3e %3cpath d='M17.3333 17C17.7015 17 18 17.2985 18 17.6667V20.3333C18 20.7015 17.7015 21 17.3333 21H2V17H17.3333Z' fill='%23DADFE8'/%3e %3crect x='2' y='1' width='22' height='1' transform='rotate(90 2 1)' fill='%2379818F'/%3e %3c/svg%3e");
  --ChartBarBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath d='M14 3.667v2.666a.667.667 0 01-.667.667H2V3h11.333c.369 0 .667.298.667.667z' fill='%23A3ABB8'/%3e%3cpath d='M23 10.667v2.666a.667.667 0 01-.667.667H2v-4h20.333c.369 0 .667.298.667.667z' fill='%232D76D4'/%3e%3cpath d='M18 17.667v2.666a.667.667 0 01-.667.667H2v-4h15.333c.369 0 .667.298.667.667z' fill='%23AAE1E6'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartBarGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath d='M14 3.667v2.666a.667.667 0 01-.667.667H2V3h11.333c.369 0 .667.298.667.667z' fill='%23A3ABB8'/%3e%3cpath d='M23 10.667v2.666a.667.667 0 01-.667.667H2v-4h20.333c.369 0 .667.298.667.667z' fill='%23299950'/%3e%3cpath d='M18 17.667v2.666a.667.667 0 01-.667.667H2v-4h15.333c.369 0 .667.298.667.667z' fill='%239BDEAD'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartBarCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath d='M14 3.667v2.666a.667.667 0 01-.667.667H2V3h11.333c.369 0 .667.298.667.667z' fill='%23A3ABB8'/%3e%3cpath d='M23 10.667v2.666a.667.667 0 01-.667.667H2v-4h20.333c.369 0 .667.298.667.667z' fill='%23329AA8'/%3e%3cpath d='M18 17.667v2.666a.667.667 0 01-.667.667H2v-4h15.333c.369 0 .667.298.667.667z' fill='%23AAE1E6'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartBarPurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath d='M14 3.667v2.666a.667.667 0 01-.667.667H2V3h11.333c.369 0 .667.298.667.667z' fill='%23A3ABB8'/%3e%3cpath d='M23 10.667v2.666a.667.667 0 01-.667.667H2v-4h20.333c.369 0 .667.298.667.667z' fill='%237A65E6'/%3e%3cpath d='M18 17.667v2.666a.667.667 0 01-.667.667H2v-4h15.333c.369 0 .667.298.667.667z' fill='%23C6B3F2'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartBarMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath d='M14 3.667v2.666a.667.667 0 01-.667.667H2V3h11.333c.369 0 .667.298.667.667z' fill='%23A3ABB8'/%3e%3cpath d='M23 10.667v2.666a.667.667 0 01-.667.667H2v-4h20.333c.369 0 .667.298.667.667z' fill='%23DE4780'/%3e%3cpath d='M18 17.667v2.666a.667.667 0 01-.667.667H2v-4h15.333c.369 0 .667.298.667.667z' fill='%23F2AECC'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartBarRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath d='M14 3.667v2.666a.667.667 0 01-.667.667H2V3h11.333c.369 0 .667.298.667.667z' fill='%23A3ABB8'/%3e%3cpath d='M23 10.667v2.666a.667.667 0 01-.667.667H2v-4h20.333c.369 0 .667.298.667.667z' fill='%23E75E4F'/%3e%3cpath d='M18 17.667v2.666a.667.667 0 01-.667.667H2v-4h15.333c.369 0 .667.298.667.667z' fill='%23F2BBB1'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartColumn2DGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M3 10.6667C3 10.2985 3.29848 10 3.66667 10H6.33333C6.70152 10 7 10.2985 7 10.6667V22H3V10.6667Z' fill='%23A3ABB8'/%3e %3cpath d='M10 1.66667C10 1.29848 10.2985 1 10.6667 1H13.3333C13.7015 1 14 1.29848 14 1.66667V22H10V1.66667Z' fill='%23C3C9D4'/%3e %3cpath d='M17 6.66667C17 6.29848 17.2985 6 17.6667 6H20.3333C20.7015 6 21 6.29848 21 6.66667V22H17V6.66667Z' fill='%23DADFE8'/%3e %3crect x='1' y='22' width='22' height='1' fill='%2379818F'/%3e %3c/svg%3e");
  --ChartColumnBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.667 10h2.666c.369 0 .667.298.667.667V22H3V10.667c0-.369.298-.667.667-.667z' fill='%23A3ABB8'/%3e%3cpath d='M10.667 1h2.666c.369 0 .667.298.667.667V22h-4V1.667c0-.369.298-.667.667-.667z' fill='%232D76D4'/%3e%3cpath d='M17.667 6h2.666c.369 0 .667.298.667.667V22h-4V6.667c0-.369.298-.667.667-.667z' fill='%23AAE1E6'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartColumnGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.667 10h2.666c.369 0 .667.298.667.667V22H3V10.667c0-.369.298-.667.667-.667z' fill='%23A3ABB8'/%3e%3cpath d='M10.667 1h2.666c.369 0 .667.298.667.667V22h-4V1.667c0-.369.298-.667.667-.667z' fill='%23299950'/%3e%3cpath d='M17.667 6h2.666c.369 0 .667.298.667.667V22h-4V6.667c0-.369.298-.667.667-.667z' fill='%239BDEAD'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartColumnCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.667 10h2.666c.369 0 .667.298.667.667V22H3V10.667c0-.369.298-.667.667-.667z' fill='%23A3ABB8'/%3e%3cpath d='M10.667 1h2.666c.369 0 .667.298.667.667V22h-4V1.667c0-.369.298-.667.667-.667z' fill='%23329AA8'/%3e%3cpath d='M17.667 6h2.666c.369 0 .667.298.667.667V22h-4V6.667c0-.369.298-.667.667-.667z' fill='%23AAE1E6'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartColumnPurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.667 10h2.666c.369 0 .667.298.667.667V22H3V10.667c0-.369.298-.667.667-.667z' fill='%23A3ABB8'/%3e%3cpath d='M10.667 1h2.666c.369 0 .667.298.667.667V22h-4V1.667c0-.369.298-.667.667-.667z' fill='%237A65E6'/%3e%3cpath d='M17.667 6h2.666c.369 0 .667.298.667.667V22h-4V6.667c0-.369.298-.667.667-.667z' fill='%23C6B3F2'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartColumnMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.667 10h2.666c.369 0 .667.298.667.667V22H3V10.667c0-.369.298-.667.667-.667z' fill='%23A3ABB8'/%3e%3cpath d='M10.667 1h2.666c.369 0 .667.298.667.667V22h-4V1.667c0-.369.298-.667.667-.667z' fill='%23DE4780'/%3e%3cpath d='M17.667 6h2.666c.369 0 .667.298.667.667V22h-4V6.667c0-.369.298-.667.667-.667z' fill='%23F5D7E6'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartColumnRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.667 10h2.666c.369 0 .667.298.667.667V22H3V10.667c0-.369.298-.667.667-.667z' fill='%23A3ABB8'/%3e%3cpath d='M10.667 1h2.666c.369 0 .667.298.667.667V22h-4V1.667c0-.369.298-.667.667-.667z' fill='%23E75E4F'/%3e%3cpath d='M17.667 6h2.666c.369 0 .667.298.667.667V22h-4V6.667c0-.369.298-.667.667-.667z' fill='%23F2BBB1'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartDoughnut2DGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1C12 5.92487 12 12 12 12C12 12 8.41026 12 1 12C1 5.92487 5.92487 1 12 1ZM12 6.5C8.96243 6.5 6.5 8.96243 6.5 12C9.78143 12 12 12 12 12C12 12 12 10.0094 12 6.5Z' fill='%23C3C9D4'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0476 3.04761C18.5705 3.04761 23.0476 7.52476 23.0476 13.0476C23.0476 18.5705 18.5705 23.0476 13.0476 23.0476C7.52478 23.0476 3.04762 18.5705 3.04762 13.0476C6.76514 13.0476 13.0476 13.0476 13.0476 13.0476C13.0476 13.0476 13.0476 4.828 13.0476 3.04761ZM13.0476 8.04761C13.0476 9.51207 13.0476 13.0476 13.0476 13.0476C13.0476 13.0476 9.51209 13.0476 8.04762 13.0476C8.04762 15.809 10.2862 18.0476 13.0476 18.0476C15.809 18.0476 18.0476 15.809 18.0476 13.0476C18.0476 10.2862 15.809 8.04761 13.0476 8.04761Z' fill='%23A3ABB8'/%3e %3c/svg%3e");
  --ChartDoughnutBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 1v11H1C1 5.925 5.925 1 12 1zm0 5.5A5.5 5.5 0 006.5 12H12V6.5z' fill='%232D76D4'/%3e%3cpath d='M13.048 3.048c5.522 0 10 4.477 10 10 0 5.522-4.478 10-10 10-5.523 0-10-4.478-10-10h10v-10zm0 5v5h-5a5 5 0 105-5z' fill='%23A3ABB8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartDoughnutGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 1v11H1C1 5.925 5.925 1 12 1zm0 5.5A5.5 5.5 0 006.5 12H12V6.5z' fill='%23299950'/%3e%3cpath d='M13.048 3.048c5.522 0 10 4.477 10 10 0 5.522-4.478 10-10 10-5.523 0-10-4.478-10-10h10v-10zm0 5v5h-5a5 5 0 105-5z' fill='%23A3ABB8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartDoughnutCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 1v11H1C1 5.925 5.925 1 12 1zm0 5.5A5.5 5.5 0 006.5 12H12V6.5z' fill='%23329AA8'/%3e%3cpath d='M13.048 3.048c5.522 0 10 4.477 10 10 0 5.522-4.478 10-10 10-5.523 0-10-4.478-10-10h10v-10zm0 5v5h-5a5 5 0 105-5z' fill='%23A3ABB8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartDoughnutPurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 1v11H1C1 5.925 5.925 1 12 1zm0 5.5A5.5 5.5 0 006.5 12H12V6.5z' fill='%237A65E6'/%3e%3cpath d='M13.048 3.048c5.522 0 10 4.477 10 10 0 5.522-4.478 10-10 10-5.523 0-10-4.478-10-10h10v-10zm0 5v5h-5a5 5 0 105-5z' fill='%23A3ABB8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartDoughnutMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 1v11H1C1 5.925 5.925 1 12 1zm0 5.5A5.5 5.5 0 006.5 12H12V6.5z' fill='%23DE4780'/%3e%3cpath d='M13.048 3.048c5.522 0 10 4.477 10 10 0 5.522-4.478 10-10 10-5.523 0-10-4.478-10-10h10v-10zm0 5v5h-5a5 5 0 105-5z' fill='%23A3ABB8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartDoughnutRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 1v11H1C1 5.925 5.925 1 12 1zm0 5.5A5.5 5.5 0 006.5 12H12V6.5z' fill='%23E75E4F'/%3e%3cpath d='M13.048 3.048c5.522 0 10 4.477 10 10 0 5.522-4.478 10-10 10-5.523 0-10-4.478-10-10h10v-10zm0 5v5h-5a5 5 0 105-5z' fill='%23A3ABB8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartLineGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M2 16L8.61088 8.41434L15.6402 11.0693L22 2' stroke='%23C3C9D4'/%3e %3crect x='1' y='21.8167' width='22' height='1' fill='%2379818F'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 17C3.32843 17 4 16.3284 4 15.5C4 14.6716 3.32843 14 2.5 14C1.67157 14 1 14.6716 1 15.5C1 16.3284 1.67157 17 2.5 17Z' fill='%23C3C9D4'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 10C9.32843 10 10 9.32843 10 8.5C10 7.67157 9.32843 7 8.5 7C7.67157 7 7 7.67157 7 8.5C7 9.32843 7.67157 10 8.5 10Z' fill='%23C3C9D4'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 12C16.3284 12 17 11.3284 17 10.5C17 9.67157 16.3284 9 15.5 9C14.6716 9 14 9.67157 14 10.5C14 11.3284 14.6716 12 15.5 12Z' fill='%23C3C9D4'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.5 4C22.3284 4 23 3.32843 23 2.5C23 1.67157 22.3284 1 21.5 1C20.6716 1 20 1.67157 20 2.5C20 3.32843 20.6716 4 21.5 4Z' fill='%23C3C9D4'/%3e %3c/svg%3e");
  --ChartLineBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%232D76DA' d='M2 16l6.61-7.586 7.03 2.655L22 2'/%3e%3cpath fill='%231D2129' d='M1 21.817h22v1H1z'/%3e%3ccircle fill='%232D76D4' cx='2.5' cy='15.5' r='1.5'/%3e%3ccircle fill='%232D76D4' cx='8.5' cy='8.5' r='1.5'/%3e%3ccircle fill='%232D76D4' cx='15.5' cy='10.5' r='1.5'/%3e%3ccircle fill='%232D76D4' cx='21.5' cy='2.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartLineGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%2300A13A' d='M2 16l6.61-7.586 7.03 2.655L22 2'/%3e%3cpath fill='%231D2129' d='M1 21.817h22v1H1z'/%3e%3ccircle fill='%23299950' cx='2.5' cy='15.5' r='1.5'/%3e%3ccircle fill='%23299950' cx='8.5' cy='8.5' r='1.5'/%3e%3ccircle fill='%23299950' cx='15.5' cy='10.5' r='1.5'/%3e%3ccircle fill='%23299950' cx='21.5' cy='2.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartLineCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%23329AA8' d='M2 16l6.61-7.586 7.03 2.655L22 2'/%3e%3cpath fill='%231D2129' d='M1 21.817h22v1H1z'/%3e%3ccircle fill='%23329AA8' cx='2.5' cy='15.5' r='1.5'/%3e%3ccircle fill='%23329AA8' cx='8.5' cy='8.5' r='1.5'/%3e%3ccircle fill='%23329AA8' cx='15.5' cy='10.5' r='1.5'/%3e%3ccircle fill='%23329AA8' cx='21.5' cy='2.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartLinePurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%237A65E6' d='M2 16l6.61-7.586 7.03 2.655L22 2'/%3e%3cpath fill='%231D2129' d='M1 21.817h22v1H1z'/%3e%3ccircle fill='%237A65E6' cx='2.5' cy='15.5' r='1.5'/%3e%3ccircle fill='%237A65E6' cx='8.5' cy='8.5' r='1.5'/%3e%3ccircle fill='%237A65E6' cx='15.5' cy='10.5' r='1.5'/%3e%3ccircle fill='%237A65E6' cx='21.5' cy='2.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartLineMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg transform='translate(0 1)' fill='none' fill-rule='evenodd'%3e%3cpath d='M0-1h24v24H0z'/%3e%3cpath stroke='%23DE4780' d='M2 15l6.61-7.586 7.03 2.655L22 1'/%3e%3cpath fill='%231D2129' d='M1 20.817h22v1H1z'/%3e%3ccircle fill='%23DE4780' cx='2.5' cy='14.5' r='1.5'/%3e%3ccircle fill='%23DE4780' cx='8.5' cy='7.5' r='1.5'/%3e%3ccircle fill='%23DE4780' cx='15.5' cy='9.5' r='1.5'/%3e%3ccircle fill='%23DE4780' cx='21.5' cy='1.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartLineRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%23E75E4F' d='M2 16l6.61-7.586 7.03 2.655L22 2'/%3e%3cpath fill='%231D2129' d='M1 21.817h22v1H1z'/%3e%3ccircle fill='%23E75E4F' cx='2.5' cy='15.5' r='1.5'/%3e%3ccircle fill='%23E75E4F' cx='8.5' cy='8.5' r='1.5'/%3e%3ccircle fill='%23E75E4F' cx='15.5' cy='10.5' r='1.5'/%3e%3ccircle fill='%23E75E4F' cx='21.5' cy='2.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMSAreaGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12.8127L5.23289 6.3213L13.4531 15.737L23 4V22.7456H1V12.8127Z' fill='%23DADFE8'/%3e %3cpath d='M1 13.12L5.23289 6.84796L13.4531 16L23 4' stroke='%23A3ABB8'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 16.8341L14.8081 1L23 10.5924V23H1L1 16.8341Z' fill='%23C3C9D4' fill-opacity='0.2'/%3e %3cpath d='M1 17L14.8081 1L23 10.5102' stroke='%23C3C9D4'/%3e %3crect x='1' y='22' width='22' height='1' fill='%2379818F'/%3e %3c/svg%3e");
  --ChartMsAreaBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23DAE2E8' d='M1 12.813L5.233 6.32l8.22 9.416L23 4v18.746H1z'/%3e%3cpath stroke='%23A1ABB9' d='M1 13.12l4.233-6.272L13.453 16 23 4'/%3e%3cpath fill-opacity='.2' fill='%232D76D4' d='M1 16.834L14.808 1 23 10.592V23H1z'/%3e%3cpath stroke='%232D76DA' d='M1 17L14.808 1 23 10.51'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsAreaGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23DAE2E8' d='M1 12.813L5.233 6.32l8.22 9.416L23 4v18.746H1z'/%3e%3cpath stroke='%23A1ABB9' d='M1 13.12l4.233-6.272L13.453 16 23 4'/%3e%3cpath fill='%23009D47' opacity='.195' d='M1 16.834L14.808 1 23 10.592V23H1z'/%3e%3cpath stroke='%23009F40' d='M1 17L14.808 1 23 10.51'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsAreaCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23DAE2E8' d='M1 12.813L5.233 6.32l8.22 9.416L23 4v18.746H1z'/%3e%3cpath stroke='%23A1ABB9' d='M1 13.12l4.233-6.272L13.453 16 23 4'/%3e%3cpath fill='%23329AA8' opacity='.2' d='M1 16.834L14.808 1 23 10.592V23H1z'/%3e%3cpath stroke='%23329AA8' d='M1 17L14.808 1 23 10.51'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsAreaPurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23DAE2E8' d='M1 12.813L5.233 6.32l8.22 9.416L23 4v18.746H1z'/%3e%3cpath stroke='%23A1ABB9' d='M1 13.12l4.233-6.272L13.453 16 23 4'/%3e%3cpath fill='%236A57E6' opacity='.2' d='M1 16.834L14.808 1 23 10.592V23H1z'/%3e%3cpath stroke='%23714FEF' d='M1 17L14.808 1 23 10.51'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsAreaMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23DAE2E8' d='M1 12.813L5.233 6.32l8.22 9.416L23 4v18.746H1z'/%3e%3cpath stroke='%23A1ABB9' d='M1 13.12l4.233-6.272L13.453 16 23 4'/%3e%3cpath fill='%23DE4780' opacity='.2' d='M1 16.834L14.808 1 23 10.592V23H1z'/%3e%3cpath stroke='%23DE4780' d='M1 17L14.808 1 23 10.51'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsAreaRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23DAE2E8' d='M1 12.813L5.233 6.32l8.22 9.416L23 4v18.746H1z'/%3e%3cpath stroke='%23A1ABB9' d='M1 13.12l4.233-6.272L13.453 16 23 4'/%3e%3cpath fill='%23E75E4F' opacity='.2' d='M1 16.834L14.808 1 23 10.592V23H1z'/%3e%3cpath stroke='%23FE7267' d='M1 17L14.808 1 23 10.51'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMSBar2DGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M10.3333 3C10.7015 3 11 3.29848 11 3.66667V5.33333C11 5.70152 10.7015 6 10.3333 6H2V3L10.3333 3Z' fill='%23A3ABB8'/%3e %3cpath d='M13.3333 14C13.7015 14 14 14.2985 14 14.6667V16.3333C14 16.7015 13.7015 17 13.3333 17H2V14H13.3333Z' fill='%23A3ABB8'/%3e %3cpath d='M19.3333 7C19.7015 7 20 7.29848 20 7.66667V9.33333C20 9.70152 19.7015 10 19.3333 10H2V7L19.3333 7Z' fill='%23C3C9D4'/%3e %3cpath d='M22.3333 18C22.7015 18 23 18.2985 23 18.6667V20.3333C23 20.7015 22.7015 21 22.3333 21H2V18H22.3333Z' fill='%23C3C9D4'/%3e %3crect x='2' y='1' width='22' height='1' transform='rotate(90 2 1)' fill='%2379818F'/%3e %3c/svg%3e");
  --ChartMsBarBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath d='M11 3.667v1.666a.667.667 0 01-.667.667H2V3h8.333c.369 0 .667.298.667.667zM14 14.667v1.666a.667.667 0 01-.667.667H2v-3h11.333c.369 0 .667.298.667.667z' fill='%23A3ABB8'/%3e%3cpath d='M20 7.667v1.666a.667.667 0 01-.667.667H2V7h17.333c.369 0 .667.298.667.667zM23 18.667v1.666a.667.667 0 01-.667.667H2v-3h20.333c.369 0 .667.298.667.667z' fill='%232D76D4'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsBarGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath d='M11 3.667v1.666a.667.667 0 01-.667.667H2V3h8.333c.369 0 .667.298.667.667zM14 14.667v1.666a.667.667 0 01-.667.667H2v-3h11.333c.369 0 .667.298.667.667z' fill='%23A3ABB8'/%3e%3cpath d='M20 7.667v1.666a.667.667 0 01-.667.667H2V7h17.333c.369 0 .667.298.667.667zM23 18.667v1.666a.667.667 0 01-.667.667H2v-3h20.333c.369 0 .667.298.667.667z' fill='%23299950'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsBarCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath d='M11 3.667v1.666a.667.667 0 01-.667.667H2V3h8.333c.369 0 .667.298.667.667zM14 14.667v1.666a.667.667 0 01-.667.667H2v-3h11.333c.369 0 .667.298.667.667z' fill='%23A3ABB8'/%3e%3cpath d='M20 7.667v1.666a.667.667 0 01-.667.667H2V7h17.333c.369 0 .667.298.667.667zM23 18.667v1.666a.667.667 0 01-.667.667H2v-3h20.333c.369 0 .667.298.667.667z' fill='%23329AA8'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsBarPurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath d='M11 3.667v1.666a.667.667 0 01-.667.667H2V3h8.333c.369 0 .667.298.667.667zM14 14.667v1.666a.667.667 0 01-.667.667H2v-3h11.333c.369 0 .667.298.667.667z' fill='%23A3ABB8'/%3e%3cpath d='M20 7.667v1.666a.667.667 0 01-.667.667H2V7h17.333c.369 0 .667.298.667.667zM23 18.667v1.666a.667.667 0 01-.667.667H2v-3h20.333c.369 0 .667.298.667.667z' fill='%237A65E6'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsBarMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath d='M11 3.667v1.666a.667.667 0 01-.667.667H2V3h8.333c.369 0 .667.298.667.667zM14 14.667v1.666a.667.667 0 01-.667.667H2v-3h11.333c.369 0 .667.298.667.667z' fill='%23A3ABB8'/%3e%3cpath d='M20 7.667v1.666a.667.667 0 01-.667.667H2V7h17.333c.369 0 .667.298.667.667zM23 18.667v1.666a.667.667 0 01-.667.667H2v-3h20.333c.369 0 .667.298.667.667z' fill='%23DE4780'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsBarRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath d='M11 3.667v1.666a.667.667 0 01-.667.667H2V3h8.333c.369 0 .667.298.667.667zM14 14.667v1.666a.667.667 0 01-.667.667H2v-3h11.333c.369 0 .667.298.667.667z' fill='%23A3ABB8'/%3e%3cpath d='M20 7.667v1.666a.667.667 0 01-.667.667H2V7h17.333c.369 0 .667.298.667.667zM23 18.667v1.666a.667.667 0 01-.667.667H2v-3h20.333c.369 0 .667.298.667.667z' fill='%23E75E4F'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMSColumn2DGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M3 13.6667C3 13.2985 3.29848 13 3.66667 13H5.33333C5.70152 13 6 13.2985 6 13.6667V22H3V13.6667Z' fill='%23A3ABB8'/%3e %3cpath d='M14 10.6667C14 10.2985 14.2985 10 14.6667 10H16.3333C16.7015 10 17 10.2985 17 10.6667V22H14V10.6667Z' fill='%23A3ABB8'/%3e %3cpath d='M7 4.66667C7 4.29848 7.29848 4 7.66667 4H9.33333C9.70152 4 10 4.29848 10 4.66667V22H7V4.66667Z' fill='%23C3C9D4'/%3e %3cpath d='M18 1.66667C18 1.29848 18.2985 1 18.6667 1H20.3333C20.7015 1 21 1.29848 21 1.66667V22H18V1.66667Z' fill='%23C3C9D4'/%3e %3crect x='1' y='22' width='22' height='1' fill='%2379818F'/%3e %3c/svg%3e");
  --ChartMsColumnBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.667 13h1.666c.369 0 .667.298.667.667V22H3v-8.333c0-.369.298-.667.667-.667zM14.667 10h1.666c.369 0 .667.298.667.667V22h-3V10.667c0-.369.298-.667.667-.667z' fill='%23A3ABB8'/%3e%3cpath d='M7.667 4h1.666c.369 0 .667.298.667.667V22H7V4.667C7 4.298 7.298 4 7.667 4zM18.667 1h1.666c.369 0 .667.298.667.667V22h-3V1.667c0-.369.298-.667.667-.667z' fill='%232D76D4'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsColumnGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.667 13h1.666c.369 0 .667.298.667.667V22H3v-8.333c0-.369.298-.667.667-.667zM14.667 10h1.666c.369 0 .667.298.667.667V22h-3V10.667c0-.369.298-.667.667-.667z' fill='%23A3ABB8'/%3e%3cpath d='M7.667 4h1.666c.369 0 .667.298.667.667V22H7V4.667C7 4.298 7.298 4 7.667 4zM18.667 1h1.666c.369 0 .667.298.667.667V22h-3V1.667c0-.369.298-.667.667-.667z' fill='%23299950'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsColumnCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.667 13h1.666c.369 0 .667.298.667.667V22H3v-8.333c0-.369.298-.667.667-.667zM14.667 10h1.666c.369 0 .667.298.667.667V22h-3V10.667c0-.369.298-.667.667-.667z' fill='%23A3ABB8'/%3e%3cpath d='M7.667 4h1.666c.369 0 .667.298.667.667V22H7V4.667C7 4.298 7.298 4 7.667 4zM18.667 1h1.666c.369 0 .667.298.667.667V22h-3V1.667c0-.369.298-.667.667-.667z' fill='%23329AA8'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsColumnPurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.667 13h1.666c.369 0 .667.298.667.667V22H3v-8.333c0-.369.298-.667.667-.667zM14.667 10h1.666c.369 0 .667.298.667.667V22h-3V10.667c0-.369.298-.667.667-.667z' fill='%23A3ABB8'/%3e%3cpath d='M7.667 4h1.666c.369 0 .667.298.667.667V22H7V4.667C7 4.298 7.298 4 7.667 4zM18.667 1h1.666c.369 0 .667.298.667.667V22h-3V1.667c0-.369.298-.667.667-.667z' fill='%237A65E6'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsColumnMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.667 13h1.666c.369 0 .667.298.667.667V22H3v-8.333c0-.369.298-.667.667-.667zM14.667 10h1.666c.369 0 .667.298.667.667V22h-3V10.667c0-.369.298-.667.667-.667z' fill='%23A3ABB8'/%3e%3cpath d='M7.667 4h1.666c.369 0 .667.298.667.667V22H7V4.667C7 4.298 7.298 4 7.667 4zM18.667 1h1.666c.369 0 .667.298.667.667V22h-3V1.667c0-.369.298-.667.667-.667z' fill='%23DE4780'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsColumnRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.667 13h1.666c.369 0 .667.298.667.667V22H3v-8.333c0-.369.298-.667.667-.667zM14.667 10h1.666c.369 0 .667.298.667.667V22h-3V10.667c0-.369.298-.667.667-.667z' fill='%23A3ABB8'/%3e%3cpath d='M7.667 4h1.666c.369 0 .667.298.667.667V22H7V4.667C7 4.298 7.298 4 7.667 4zM18.667 1h1.666c.369 0 .667.298.667.667V22h-3V1.667c0-.369.298-.667.667-.667z' fill='%23E75E4F'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMSLineGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M2.5 13.5L8.5 7L15.5 16.5L21.5 5.5' stroke='%23A3ABB8'/%3e %3cpath d='M2.5 19.5L8.5 16L15.5 2L21.5 12.5' stroke='%23C3C9D4'/%3e %3crect x='1' y='22' width='22' height='1' fill='%2379818F'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.5 14C22.3284 14 23 13.3284 23 12.5C23 11.6716 22.3284 11 21.5 11C20.6716 11 20 11.6716 20 12.5C20 13.3284 20.6716 14 21.5 14Z' fill='%23C3C9D4'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 4C16.3284 4 17 3.32843 17 2.5C17 1.67157 16.3284 1 15.5 1C14.6716 1 14 1.67157 14 2.5C14 3.32843 14.6716 4 15.5 4Z' fill='%23C3C9D4'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 17C9.32843 17 10 16.3284 10 15.5C10 14.6716 9.32843 14 8.5 14C7.67157 14 7 14.6716 7 15.5C7 16.3284 7.67157 17 8.5 17Z' fill='%23C3C9D4'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 21C3.32843 21 4 20.3284 4 19.5C4 18.6716 3.32843 18 2.5 18C1.67157 18 1 18.6716 1 19.5C1 20.3284 1.67157 21 2.5 21Z' fill='%23C3C9D4'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 15C3.32843 15 4 14.3284 4 13.5C4 12.6716 3.32843 12 2.5 12C1.67157 12 1 12.6716 1 13.5C1 14.3284 1.67157 15 2.5 15Z' fill='%23A3ABB8'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 18C16.3284 18 17 17.3284 17 16.5C17 15.6716 16.3284 15 15.5 15C14.6716 15 14 15.6716 14 16.5C14 17.3284 14.6716 18 15.5 18Z' fill='%23A3ABB8'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 8C9.32843 8 10 7.32843 10 6.5C10 5.67157 9.32843 5 8.5 5C7.67157 5 7 5.67157 7 6.5C7 7.32843 7.67157 8 8.5 8Z' fill='%23A3ABB8'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.5 7C22.3284 7 23 6.32843 23 5.5C23 4.67157 22.3284 4 21.5 4C20.6716 4 20 4.67157 20 5.5C20 6.32843 20.6716 7 21.5 7Z' fill='%23A3ABB8'/%3e %3c/svg%3e");
  --ChartMsLineBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%23A1ABB9' d='M2.5 13.5l6-6.5 7 9.5 6-11'/%3e%3cpath stroke='%232D76DA' d='M2.5 19.5l6-3.5 7-14 6 10.5'/%3e%3cpath fill='%231D2129' d='M1 22h22v1H1z'/%3e%3ccircle fill='%232D76D4' cx='21.5' cy='12.5' r='1.5'/%3e%3ccircle fill='%232D76D4' cx='15.5' cy='2.5' r='1.5'/%3e%3ccircle fill='%232D76D4' cx='8.5' cy='15.5' r='1.5'/%3e%3ccircle fill='%232D76D4' cx='2.5' cy='19.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='2.5' cy='13.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='15.5' cy='16.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='8.5' cy='6.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='21.5' cy='5.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsLineGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%23A1ABB9' d='M2.5 13.5l6-6.5 7 9.5 6-11'/%3e%3cpath stroke='%23009D47' d='M2.5 19.5l6-3.5 7-14 6 10.5'/%3e%3cpath fill='%231D2129' d='M1 22h22v1H1z'/%3e%3ccircle fill='%23299950' cx='21.5' cy='12.5' r='1.5'/%3e%3ccircle fill='%23299950' cx='15.5' cy='2.5' r='1.5'/%3e%3ccircle fill='%23299950' cx='8.5' cy='15.5' r='1.5'/%3e%3ccircle fill='%23299950' cx='2.5' cy='19.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='2.5' cy='13.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='15.5' cy='16.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='8.5' cy='6.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='21.5' cy='5.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsLineCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%23A1ABB9' d='M2.5 13.5l6-6.5 7 9.5 6-11'/%3e%3cpath stroke='%23329AA8' d='M2.5 19.5l6-3.5 7-14 6 10.5'/%3e%3cpath fill='%231D2129' d='M1 22h22v1H1z'/%3e%3ccircle fill='%23329AA8' cx='21.5' cy='12.5' r='1.5'/%3e%3ccircle fill='%23329AA8' cx='15.5' cy='2.5' r='1.5'/%3e%3ccircle fill='%23329AA8' cx='8.5' cy='15.5' r='1.5'/%3e%3ccircle fill='%23329AA8' cx='2.5' cy='19.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='2.5' cy='13.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='15.5' cy='16.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='8.5' cy='6.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='21.5' cy='5.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsLinePurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%23A1ABB9' d='M2.5 13.5l6-6.5 7 9.5 6-11'/%3e%3cpath stroke='%237A65E6' d='M2.5 19.5l6-3.5 7-14 6 10.5'/%3e%3cpath fill='%231D2129' d='M1 22h22v1H1z'/%3e%3ccircle fill='%237A65E6' cx='21.5' cy='12.5' r='1.5'/%3e%3ccircle fill='%237A65E6' cx='15.5' cy='2.5' r='1.5'/%3e%3ccircle fill='%237A65E6' cx='8.5' cy='15.5' r='1.5'/%3e%3ccircle fill='%237A65E6' cx='2.5' cy='19.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='2.5' cy='13.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='15.5' cy='16.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='8.5' cy='6.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='21.5' cy='5.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsLineMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%23A1ABB9' d='M2.5 13.5l6-6.5 7 9.5 6-11'/%3e%3cpath stroke='%23DE4780' d='M2.5 19.5l6-3.5 7-14 6 10.5'/%3e%3cpath fill='%231D2129' d='M1 22h22v1H1z'/%3e%3ccircle fill='%23DE4780' cx='21.5' cy='12.5' r='1.5'/%3e%3ccircle fill='%23DE4780' cx='15.5' cy='2.5' r='1.5'/%3e%3ccircle fill='%23DE4780' cx='8.5' cy='15.5' r='1.5'/%3e%3ccircle fill='%23DE4780' cx='2.5' cy='19.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='2.5' cy='13.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='15.5' cy='16.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='8.5' cy='6.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='21.5' cy='5.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartMsLineRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath stroke='%23A1ABB9' d='M2.5 13.5l6-6.5 7 9.5 6-11'/%3e%3cpath stroke='%23E75E4F' d='M2.5 19.5l6-3.5 7-14 6 10.5'/%3e%3cpath fill='%231D2129' d='M1 22h22v1H1z'/%3e%3ccircle fill='%23E75E4F' cx='21.5' cy='12.5' r='1.5'/%3e%3ccircle fill='%23E75E4F' cx='15.5' cy='2.5' r='1.5'/%3e%3ccircle fill='%23E75E4F' cx='8.5' cy='15.5' r='1.5'/%3e%3ccircle fill='%23E75E4F' cx='2.5' cy='19.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='2.5' cy='13.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='15.5' cy='16.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='8.5' cy='6.5' r='1.5'/%3e%3ccircle fill='%23A3ABB8' cx='21.5' cy='5.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartPareto2DGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M2.5 18.6108C2.5 18.2058 2.82832 17.8774 3.23333 17.8774H5.76667C6.17168 17.8774 6.5 18.2058 6.5 18.6108V22.8774H2.5V18.6108Z' fill='%23A3ABB8'/%3e %3cpath d='M7.5 12.6108C7.5 12.2058 7.82832 11.8774 8.23333 11.8774H10.7667C11.1717 11.8774 11.5 12.2058 11.5 12.6108V22.8774H7.5V12.6108Z' fill='%23A3ABB8'/%3e %3cpath d='M12.5 2.61077C12.5 2.20577 12.8283 1.87744 13.2333 1.87744H15.7667C16.1717 1.87744 16.5 2.20577 16.5 2.61077V22.8774H12.5V2.61077Z' fill='%23A3ABB8'/%3e %3cpath d='M17.5 12.7333C17.5 12.3283 17.8283 12 18.2333 12H20.7667C21.1717 12 21.5 12.3283 21.5 12.7333V22H17.5V12.7333Z' fill='%23A3ABB8'/%3e %3crect x='1' y='21.8774' width='22' height='1' fill='%2379818F'/%3e %3cpath d='M4 14.1775L9.13333 6.44555L14.2667 8.9722L19.4 5' stroke='%23C3C9D4'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 15C5.32843 15 6 14.3284 6 13.5C6 12.6716 5.32843 12 4.5 12C3.67157 12 3 12.6716 3 13.5C3 14.3284 3.67157 15 4.5 15Z' fill='%23C3C9D4'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.5 8C10.3284 8 11 7.32843 11 6.5C11 5.67157 10.3284 5 9.5 5C8.67157 5 8 5.67157 8 6.5C8 7.32843 8.67157 8 9.5 8Z' fill='%23C3C9D4'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 10C15.3284 10 16 9.32843 16 8.5C16 7.67157 15.3284 7 14.5 7C13.6716 7 13 7.67157 13 8.5C13 9.32843 13.6716 10 14.5 10Z' fill='%23C3C9D4'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5 6C20.3284 6 21 5.32843 21 4.5C21 3.67157 20.3284 3 19.5 3C18.6716 3 18 3.67157 18 4.5C18 5.32843 18.6716 6 19.5 6Z' fill='%23C3C9D4'/%3e %3c/svg%3e");
  --ChartParetoBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.233 17.877h2.534c.405 0 .733.329.733.734v4.266h-4v-4.266c0-.405.328-.734.733-.734zM8.233 11.877h2.534c.405 0 .733.329.733.734v10.266h-4V12.611c0-.405.328-.734.733-.734zM13.233 1.877h2.534c.405 0 .733.329.733.734v20.266h-4V2.611c0-.405.328-.734.733-.734zM18.233 12h2.534c.405 0 .733.328.733.733V22h-4v-9.267c0-.405.328-.733.733-.733z' fill='%23A3ABB8'/%3e%3cpath fill='%231D2129' d='M1 21.877h22v1H1z'/%3e%3cpath stroke='%232D76DA' d='M4 14.177l5.133-7.731 5.134 2.526L19.4 5'/%3e%3ccircle fill='%232D76D4' cx='4.5' cy='13.5' r='1.5'/%3e%3ccircle fill='%232D76D4' cx='9.5' cy='6.5' r='1.5'/%3e%3ccircle fill='%232D76D4' cx='14.5' cy='8.5' r='1.5'/%3e%3ccircle fill='%232D76D4' cx='19.5' cy='4.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartParetoGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.233 17.877h2.534c.405 0 .733.329.733.734v4.266h-4v-4.266c0-.405.328-.734.733-.734zM8.233 11.877h2.534c.405 0 .733.329.733.734v10.266h-4V12.611c0-.405.328-.734.733-.734zM13.233 1.877h2.534c.405 0 .733.329.733.734v20.266h-4V2.611c0-.405.328-.734.733-.734zM18.233 12h2.534c.405 0 .733.328.733.733V22h-4v-9.267c0-.405.328-.733.733-.733z' fill='%23A3ABB8'/%3e%3cpath fill='%231D2129' d='M1 21.877h22v1H1z'/%3e%3cpath stroke='%23009D47' d='M4 14.177l5.133-7.731 5.134 2.526L19.4 5'/%3e%3ccircle fill='%23299950' cx='4.5' cy='13.5' r='1.5'/%3e%3ccircle fill='%23299950' cx='9.5' cy='6.5' r='1.5'/%3e%3ccircle fill='%23299950' cx='14.5' cy='8.5' r='1.5'/%3e%3ccircle fill='%23299950' cx='19.5' cy='4.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartParetoCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.233 17.877h2.534c.405 0 .733.329.733.734v4.266h-4v-4.266c0-.405.328-.734.733-.734zM8.233 11.877h2.534c.405 0 .733.329.733.734v10.266h-4V12.611c0-.405.328-.734.733-.734zM13.233 1.877h2.534c.405 0 .733.329.733.734v20.266h-4V2.611c0-.405.328-.734.733-.734zM18.233 12h2.534c.405 0 .733.328.733.733V22h-4v-9.267c0-.405.328-.733.733-.733z' fill='%23A3ABB8'/%3e%3cpath fill='%231D2129' d='M1 21.877h22v1H1z'/%3e%3cpath stroke='%23329AA8' d='M4 14.177l5.133-7.731 5.134 2.526L19.4 5'/%3e%3ccircle fill='%23329AA8' cx='4.5' cy='13.5' r='1.5'/%3e%3ccircle fill='%23329AA8' cx='9.5' cy='6.5' r='1.5'/%3e%3ccircle fill='%23329AA8' cx='14.5' cy='8.5' r='1.5'/%3e%3ccircle fill='%23329AA8' cx='19.5' cy='4.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartParetoPurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.233 17.877h2.534c.405 0 .733.329.733.734v4.266h-4v-4.266c0-.405.328-.734.733-.734zM8.233 11.877h2.534c.405 0 .733.329.733.734v10.266h-4V12.611c0-.405.328-.734.733-.734zM13.233 1.877h2.534c.405 0 .733.329.733.734v20.266h-4V2.611c0-.405.328-.734.733-.734zM18.233 12h2.534c.405 0 .733.328.733.733V22h-4v-9.267c0-.405.328-.733.733-.733z' fill='%23A3ABB8'/%3e%3cpath fill='%231D2129' d='M1 21.877h22v1H1z'/%3e%3cpath stroke='%237A65E6' d='M4 14.177l5.133-7.731 5.134 2.526L19.4 5'/%3e%3ccircle fill='%237A65E6' cx='4.5' cy='13.5' r='1.5'/%3e%3ccircle fill='%237A65E6' cx='9.5' cy='6.5' r='1.5'/%3e%3ccircle fill='%237A65E6' cx='14.5' cy='8.5' r='1.5'/%3e%3ccircle fill='%237A65E6' cx='19.5' cy='4.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartParetoMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.233 17.877h2.534c.405 0 .733.329.733.734v4.266h-4v-4.266c0-.405.328-.734.733-.734zM8.233 11.877h2.534c.405 0 .733.329.733.734v10.266h-4V12.611c0-.405.328-.734.733-.734zM13.233 1.877h2.534c.405 0 .733.329.733.734v20.266h-4V2.611c0-.405.328-.734.733-.734zM18.233 12h2.534c.405 0 .733.328.733.733V22h-4v-9.267c0-.405.328-.733.733-.733z' fill='%23A3ABB8'/%3e%3cpath fill='%231D2129' d='M1 21.877h22v1H1z'/%3e%3cpath stroke='%23DE4780' d='M4 14.177l5.133-7.731 5.134 2.526L19.4 5'/%3e%3ccircle fill='%23DE4780' cx='4.5' cy='13.5' r='1.5'/%3e%3ccircle fill='%23DE4780' cx='9.5' cy='6.5' r='1.5'/%3e%3ccircle fill='%23DE4780' cx='14.5' cy='8.5' r='1.5'/%3e%3ccircle fill='%23DE4780' cx='19.5' cy='4.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartParetoRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3.233 17.877h2.534c.405 0 .733.329.733.734v4.266h-4v-4.266c0-.405.328-.734.733-.734zM8.233 11.877h2.534c.405 0 .733.329.733.734v10.266h-4V12.611c0-.405.328-.734.733-.734zM13.233 1.877h2.534c.405 0 .733.329.733.734v20.266h-4V2.611c0-.405.328-.734.733-.734zM18.233 12h2.534c.405 0 .733.328.733.733V22h-4v-9.267c0-.405.328-.733.733-.733z' fill='%23A3ABB8'/%3e%3cpath fill='%231D2129' d='M1 21.877h22v1H1z'/%3e%3cpath stroke='%23E75E4F' d='M4 14.177l5.133-7.731 5.134 2.526L19.4 5'/%3e%3ccircle fill='%23E75E4F' cx='4.5' cy='13.5' r='1.5'/%3e%3ccircle fill='%23E75E4F' cx='9.5' cy='6.5' r='1.5'/%3e%3ccircle fill='%23E75E4F' cx='14.5' cy='8.5' r='1.5'/%3e%3ccircle fill='%23E75E4F' cx='19.5' cy='4.5' r='1.5'/%3e%3c/g%3e%3c/svg%3e");
  --ChartPie2DGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 23C18.5228 23 23 18.5228 23 13C23 7.47715 18.5228 3 13 3C13 5.08327 13 13 13 13C13 13 7.03567 13 3 13C3 18.5228 7.47715 23 13 23Z' fill='%23A3ABB8'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 12C12 12 12 7.32639 12 1C5.92487 1 1 5.92487 1 12C8.9595 12 12 12 12 12Z' fill='%23C3C9D4'/%3e %3c/svg%3e");
  --ChartPieBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M13 23c5.523 0 10-4.477 10-10S18.523 3 13 3v10H3c0 5.523 4.477 10 10 10z' fill='%23A3ABB8'/%3e%3cpath d='M12 12V1C5.925 1 1 5.925 1 12h11z' fill='%232D76D4'/%3e%3c/g%3e%3c/svg%3e");
  --ChartPieGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M13 23c5.523 0 10-4.477 10-10S18.523 3 13 3v10H3c0 5.523 4.477 10 10 10z' fill='%23A3ABB8'/%3e%3cpath d='M12 12V1C5.925 1 1 5.925 1 12h11z' fill='%23299950'/%3e%3c/g%3e%3c/svg%3e");
  --ChartPieCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M13 23c5.523 0 10-4.477 10-10S18.523 3 13 3v10H3c0 5.523 4.477 10 10 10z' fill='%23A3ABB8'/%3e%3cpath d='M12 12V1C5.925 1 1 5.925 1 12h11z' fill='%23329AA8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartPiePurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M13 23c5.523 0 10-4.477 10-10S18.523 3 13 3v10H3c0 5.523 4.477 10 10 10z' fill='%23A3ABB8'/%3e%3cpath d='M12 12V1C5.925 1 1 5.925 1 12h11z' fill='%237A65E6'/%3e%3c/g%3e%3c/svg%3e");
  --ChartPieMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M13 23c5.523 0 10-4.477 10-10S18.523 3 13 3v10H3c0 5.523 4.477 10 10 10z' fill='%23A3ABB8'/%3e%3cpath d='M12 12V1C5.925 1 1 5.925 1 12h11z' fill='%23DE4780'/%3e%3c/g%3e%3c/svg%3e");
  --ChartPieRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M13 23c5.523 0 10-4.477 10-10S18.523 3 13 3v10H3c0 5.523 4.477 10 10 10z' fill='%23A3ABB8'/%3e%3cpath d='M12 12V1C5.925 1 1 5.925 1 12h11z' fill='%23E75E4F'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedArea2DGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1H23V22.0638H1L1 1Z' fill='%23EDF0F5'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 17.4023L8.33333 12.1815L15.6667 16.8936L23 8V22.0426H1V17.4023Z' fill='%23C3C9D4' fill-opacity='0.2'/%3e %3crect x='1' y='22' width='22' height='1' fill='%2379818F'/%3e %3crect x='1' y='1' width='22' height='1' fill='%23A3ABB8'/%3e %3cpath d='M1 17.8298L8.33333 12.1815L15.6667 16.8936L23 8' stroke='%23C3C9D4'/%3e %3c/svg%3e");
  --ChartStackedAreaBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23E5EBEF' d='M1 1h22v21.064H1z'/%3e%3cpath fill-opacity='.2' fill='%232D76D4' d='M1 17.402l7.333-5.22 7.334 4.712L23 8v14.043H1z'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath fill='%23A3ABB8' d='M1 1h22v1H1z'/%3e%3cpath stroke='%232D76DA' d='M1 17.83l7.333-5.648 7.334 4.712L23 8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedAreaGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23E5EBEF' d='M1 1h22v21.064H1z'/%3e%3cpath fill='%23009D47' opacity='.195' d='M1 17.402l7.333-5.22 7.334 4.712L23 8v14.043H1z'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath fill='%23A3ABB8' d='M1 1h22v1H1z'/%3e%3cpath stroke='%23009F40' d='M1 17.83l7.333-5.648 7.334 4.712L23 8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedAreaCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23E5EBEF' d='M1 1h22v21.064H1z'/%3e%3cpath fill='%23329AA8' opacity='.2' d='M1 17.402l7.333-5.22 7.334 4.712L23 8v14.043H1z'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath fill='%23A3ABB8' d='M1 1h22v1H1z'/%3e%3cpath stroke='%23329AA8' d='M1 17.83l7.333-5.648 7.334 4.712L23 8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedAreaPurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23E5EBEF' d='M1 1h22v21.064H1z'/%3e%3cpath fill='%236A57E6' opacity='.2' d='M1 17.402l7.333-5.22 7.334 4.712L23 8v14.043H1z'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath fill='%23A3ABB8' d='M1 1h22v1H1z'/%3e%3cpath stroke='%237A65E6' d='M1 17.83l7.333-5.648 7.334 4.712L23 8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedAreaMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23E5EBEF' d='M1 1h22v21.064H1z'/%3e%3cpath fill='%23DE4780' opacity='.2' d='M1 17.402l7.333-5.22 7.334 4.712L23 8v14.043H1z'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath fill='%23A3ABB8' d='M1 1h22v1H1z'/%3e%3cpath stroke='%23DE4780' d='M1 17.83l7.333-5.648 7.334 4.712L23 8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedAreaRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23E5EBEF' d='M1 1h22v21.064H1z'/%3e%3cpath fill='%23ED7A6D' opacity='.2' d='M1 17.402l7.333-5.22 7.334 4.712L23 8v14.043H1z'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath fill='%23A3ABB8' d='M1 1h22v1H1z'/%3e%3cpath stroke='%23FF5958' d='M1 17.83l7.333-5.648 7.334 4.712L23 8'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedBar2DGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect x='6' y='3' width='4' height='4' transform='rotate(90 6 3)' fill='%23A3ABB8'/%3e %3crect x='16' y='3' width='4' height='10' transform='rotate(90 16 3)' fill='%23C3C9D4'/%3e %3crect x='9.33331' y='10' width='4' height='8' transform='rotate(90 9.33331 10)' fill='%23A3ABB8'/%3e %3crect x='7' y='17' width='4' height='6' transform='rotate(90 7 17)' fill='%23A3ABB8'/%3e %3crect x='19' y='10' width='4' height='10' transform='rotate(90 19 10)' fill='%23C3C9D4'/%3e %3cpath d='M22.3333 3C22.7015 3 23 3.29848 23 3.66667V6.33333C23 6.70152 22.7015 7 22.3333 7H16V3L22.3333 3Z' fill='%23DADFE8'/%3e %3cpath d='M22.3333 10C22.7015 10 23 10.2985 23 10.6667V13.3333C23 13.7015 22.7015 14 22.3333 14H19V10H22.3333Z' fill='%23DADFE8'/%3e %3cpath d='M22.3333 17C22.7015 17 23 17.2985 23 17.6667V20.3333C23 20.7015 22.7015 21 22.3333 21H15V17H22.3333Z' fill='%23DADFE8'/%3e %3crect x='2' y='1' width='22' height='1' transform='rotate(90 2 1)' fill='%2379818F'/%3e %3crect x='15.0001' y='16.9913' width='4' height='9' transform='rotate(90 15.0001 16.9913)' fill='%23C3C9D4'/%3e %3c/svg%3e");
  --ChartStackedBarBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath fill='%23A3ABB8' d='M6 3v4H2V3z'/%3e%3cpath fill='%232D76D4' d='M16 3v4H6V3z'/%3e%3cpath fill='%23A3ABB8' d='M9.333 10v4h-8v-4zM7 17v4H1v-4z'/%3e%3cpath fill='%232D76D4' d='M19 10v4H9v-4z'/%3e%3cpath d='M23 3.667v2.666a.667.667 0 01-.667.667H16V3h6.333c.369 0 .667.298.667.667zM23 10.667v2.666a.667.667 0 01-.667.667H19v-4h3.333c.369 0 .667.298.667.667zM23 17.667v2.666a.667.667 0 01-.667.667H15v-4h7.333c.369 0 .667.298.667.667z' fill='%23AAE1E6'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3cpath fill='%232D76D4' d='M15 16.991v4H6v-4z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedBarGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath fill='%23A3ABB8' d='M6 3v4H2V3z'/%3e%3cpath fill='%23299950' d='M16 3v4H6V3z'/%3e%3cpath fill='%23A3ABB8' d='M9.333 10v4h-8v-4zM7 17v4H1v-4z'/%3e%3cpath fill='%23299950' d='M19 10v4H9v-4z'/%3e%3cpath d='M23 3.667v2.666a.667.667 0 01-.667.667H16V3h6.333c.369 0 .667.298.667.667zM23 10.667v2.666a.667.667 0 01-.667.667H19v-4h3.333c.369 0 .667.298.667.667zM23 17.667v2.666a.667.667 0 01-.667.667H15v-4h7.333c.369 0 .667.298.667.667z' fill='%239BDEAD'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3cpath fill='%23299950' d='M15 16.991v4H6v-4z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedBarCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath fill='%23A3ABB8' d='M6 3v4H2V3z'/%3e%3cpath fill='%23329AA8' d='M16 3v4H6V3z'/%3e%3cpath fill='%23A3ABB8' d='M9.333 10v4h-8v-4zM7 17v4H1v-4z'/%3e%3cpath fill='%23329AA8' d='M19 10v4H9v-4z'/%3e%3cpath d='M23 3.667v2.666a.667.667 0 01-.667.667H16V3h6.333c.369 0 .667.298.667.667zM23 10.667v2.666a.667.667 0 01-.667.667H19v-4h3.333c.369 0 .667.298.667.667zM23 17.667v2.666a.667.667 0 01-.667.667H15v-4h7.333c.369 0 .667.298.667.667z' fill='%23AAE1E6'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3cpath fill='%23329AA8' d='M15 16.991v4H6v-4z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedBarPurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath fill='%23A3ABB8' d='M6 3v4H2V3z'/%3e%3cpath fill='%237A65E6' d='M16 3v4H6V3z'/%3e%3cpath fill='%23A3ABB8' d='M9.333 10v4h-8v-4zM7 17v4H1v-4z'/%3e%3cpath fill='%237A65E6' d='M19 10v4H9v-4z'/%3e%3cpath d='M23 3.667v2.666a.667.667 0 01-.667.667H16V3h6.333c.369 0 .667.298.667.667zM23 10.667v2.666a.667.667 0 01-.667.667H19v-4h3.333c.369 0 .667.298.667.667zM23 17.667v2.666a.667.667 0 01-.667.667H15v-4h7.333c.369 0 .667.298.667.667z' fill='%23C6B3F2'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3cpath fill='%237A65E6' d='M15 16.991v4H6v-4z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedBarMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath fill='%23A3ABB8' d='M6 3v4H2V3z'/%3e%3cpath fill='%23DE4780' d='M16 3v4H6V3z'/%3e%3cpath fill='%23A3ABB8' d='M9.333 10v4h-8v-4zM7 17v4H1v-4z'/%3e%3cpath fill='%23DE4780' d='M19 10v4H9v-4z'/%3e%3cpath d='M23 3.667v2.666a.667.667 0 01-.667.667H16V3h6.333c.369 0 .667.298.667.667zM23 10.667v2.666a.667.667 0 01-.667.667H19v-4h3.333c.369 0 .667.298.667.667zM23 17.667v2.666a.667.667 0 01-.667.667H15v-4h7.333c.369 0 .667.298.667.667z' fill='%23F2AECC'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3cpath fill='%23DE4780' d='M15 16.991v4H6v-4z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedBarRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M24 0v24H0V0z'/%3e%3cpath fill='%23A3ABB8' d='M6 3v4H2V3z'/%3e%3cpath fill='%23E75E4F' d='M16 3v4H6V3z'/%3e%3cpath fill='%23A3ABB8' d='M9.333 10v4h-8v-4zM7 17v4H1v-4z'/%3e%3cpath fill='%23E75E4F' d='M19 10v4H9v-4z'/%3e%3cpath d='M23 3.667v2.666a.667.667 0 01-.667.667H16V3h6.333c.369 0 .667.298.667.667zM23 10.667v2.666a.667.667 0 01-.667.667H19v-4h3.333c.369 0 .667.298.667.667zM23 17.667v2.666a.667.667 0 01-.667.667H15v-4h7.333c.369 0 .667.298.667.667z' fill='%23F2BBB1'/%3e%3cpath fill='%23212429' d='M2 1v22H1V1z'/%3e%3cpath fill='%23E75E4F' d='M15 16.991v4H6v-4z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedColumn2DGreyURL: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect x='3' y='18' width='4' height='4' fill='%23A3ABB8'/%3e %3crect x='3' y='8' width='4' height='10' fill='%23C3C9D4'/%3e %3crect x='10' y='14.6666' width='4' height='8' fill='%23A3ABB8'/%3e %3crect x='17' y='17' width='4' height='6' fill='%23A3ABB8'/%3e %3crect x='10' y='5' width='4' height='10' fill='%23C3C9D4'/%3e %3cpath d='M3 1.66667C3 1.29848 3.29848 1 3.66667 1H6.33333C6.70152 1 7 1.29848 7 1.66667V8H3V1.66667Z' fill='%23DADFE8'/%3e %3cpath d='M10 1.66667C10 1.29848 10.2985 1 10.6667 1H13.3333C13.7015 1 14 1.29848 14 1.66667V5H10V1.66667Z' fill='%23DADFE8'/%3e %3cpath d='M17 1.66667C17 1.29848 17.2985 1 17.6667 1H20.3333C20.7015 1 21 1.29848 21 1.66667V9H17V1.66667Z' fill='%23DADFE8'/%3e %3crect x='1' y='22' width='22' height='1' fill='%2379818F'/%3e %3crect x='17' y='9' width='4' height='10' fill='%23C3C9D4'/%3e %3c/svg%3e");
  --ChartStackedColumnBlueURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23A3ABB8' d='M3 18h4v4H3z'/%3e%3cpath fill='%232D76D4' d='M3 8h4v10H3z'/%3e%3cpath fill='%23A3ABB8' d='M10 14.667h4v8h-4zM17 17h4v6h-4z'/%3e%3cpath fill='%232D76D4' d='M10 5h4v10h-4z'/%3e%3cpath d='M3.667 1h2.666c.369 0 .667.298.667.667V8H3V1.667C3 1.298 3.298 1 3.667 1zM10.667 1h2.666c.369 0 .667.298.667.667V5h-4V1.667c0-.369.298-.667.667-.667zM17.667 1h2.666c.369 0 .667.298.667.667V9h-4V1.667c0-.369.298-.667.667-.667z' fill='%23AAE1E6'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath fill='%232D76D4' d='M17 9h4v10h-4z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedColumnGreenURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23A3ABB8' d='M3 18h4v4H3z'/%3e%3cpath fill='%23299950' d='M3 8h4v10H3z'/%3e%3cpath fill='%23A3ABB8' d='M10 14.667h4v8h-4zM17 17h4v6h-4z'/%3e%3cpath fill='%23299950' d='M10 5h4v10h-4z'/%3e%3cpath d='M3.667 1h2.666c.369 0 .667.298.667.667V8H3V1.667C3 1.298 3.298 1 3.667 1zM10.667 1h2.666c.369 0 .667.298.667.667V5h-4V1.667c0-.369.298-.667.667-.667zM17.667 1h2.666c.369 0 .667.298.667.667V9h-4V1.667c0-.369.298-.667.667-.667z' fill='%239BDEAD'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath fill='%23299950' d='M17 9h4v10h-4z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedColumnCyanURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23A3ABB8' d='M3 18h4v4H3z'/%3e%3cpath fill='%23329AA8' d='M3 8h4v10H3z'/%3e%3cpath fill='%23A3ABB8' d='M10 14.667h4v8h-4zM17 17h4v6h-4z'/%3e%3cpath fill='%23329AA8' d='M10 5h4v10h-4z'/%3e%3cpath d='M3.667 1h2.666c.369 0 .667.298.667.667V8H3V1.667C3 1.298 3.298 1 3.667 1zM10.667 1h2.666c.369 0 .667.298.667.667V5h-4V1.667c0-.369.298-.667.667-.667zM17.667 1h2.666c.369 0 .667.298.667.667V9h-4V1.667c0-.369.298-.667.667-.667z' fill='%23AAE1E6'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath fill='%23329AA8' d='M17 9h4v10h-4z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedColumnPurpleURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23A3ABB8' d='M3 18h4v4H3z'/%3e%3cpath fill='%237A65E6' d='M3 8h4v10H3z'/%3e%3cpath fill='%23A3ABB8' d='M10 14.667h4v8h-4zM17 17h4v6h-4z'/%3e%3cpath fill='%237A65E6' d='M10 5h4v10h-4z'/%3e%3cpath d='M3.667 1h2.666c.369 0 .667.298.667.667V8H3V1.667C3 1.298 3.298 1 3.667 1zM10.667 1h2.666c.369 0 .667.298.667.667V5h-4V1.667c0-.369.298-.667.667-.667zM17.667 1h2.666c.369 0 .667.298.667.667V9h-4V1.667c0-.369.298-.667.667-.667z' fill='%23C6B3F2'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath fill='%237A65E6' d='M17 9h4v10h-4z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedColumnMagentaURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23A3ABB8' d='M3 18h4v4H3z'/%3e%3cpath fill='%23DE4780' d='M3 8h4v10H3z'/%3e%3cpath fill='%23A3ABB8' d='M10 14.667h4v8h-4zM17 17h4v6h-4z'/%3e%3cpath fill='%23DE4780' d='M10 5h4v10h-4z'/%3e%3cpath d='M3.667 1h2.666c.369 0 .667.298.667.667V8H3V1.667C3 1.298 3.298 1 3.667 1zM10.667 1h2.666c.369 0 .667.298.667.667V5h-4V1.667c0-.369.298-.667.667-.667zM17.667 1h2.666c.369 0 .667.298.667.667V9h-4V1.667c0-.369.298-.667.667-.667z' fill='%23F5D7E6'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath fill='%23DE4780' d='M17 9h4v10h-4z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartStackedColumnRedURL: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23A3ABB8' d='M3 18h4v4H3z'/%3e%3cpath fill='%23E75E4F' d='M3 8h4v10H3z'/%3e%3cpath fill='%23A3ABB8' d='M10 14.667h4v8h-4zM17 17h4v6h-4z'/%3e%3cpath fill='%23E75E4F' d='M10 5h4v10h-4z'/%3e%3cpath d='M3.667 1h2.666c.369 0 .667.298.667.667V8H3V1.667C3 1.298 3.298 1 3.667 1zM10.667 1h2.666c.369 0 .667.298.667.667V5h-4V1.667c0-.369.298-.667.667-.667zM17.667 1h2.666c.369 0 .667.298.667.667V9h-4V1.667c0-.369.298-.667.667-.667z' fill='%23F2BBB1'/%3e%3cpath fill='%23212429' d='M1 22h22v1H1z'/%3e%3cpath fill='%23E75E4F' d='M17 9h4v10h-4z'/%3e%3c/g%3e%3c/svg%3e");
  --ChartAreaURL: var(--ChartAreaBlueURL);
  --ChartBarURL: var(--ChartBarBlueURL);
  --ChartColumnURL: var(--ChartColumnBlueURL);
  --ChartDoughnutURL: var(--ChartDoughnutBlueURL);
  --ChartLineURL: var(--ChartLineBlueURL);
  --ChartMsAreaURL: var(--ChartMsAreaBlueURL);
  --ChartMsBarURL: var(--ChartMsBarBlueURL);
  --ChartMsColumnURL: var(--ChartMsColumnBlueURL);
  --ChartMsLineURL: var(--ChartMsLineBlueURL);
  --ChartParetoURL: var(--ChartParetoBlueURL);
  --ChartPieURL: var(--ChartPieBlueURL);
  --ChartStackedAreaURL: var(--ChartStackedAreaBlueURL);
  --ChartStackedBarURL: var(--ChartStackedBarBlueURL);
  --ChartStackedColumnURL: var(--ChartStackedColumnBlueURL);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/dateRange.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.csi-date-range-popup {
  background: var(--PrimaryWhite);
  border: var(--StandardBorder);
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
  display: flex;
}
.csi-date-range-popup .csi-date-range-popup-list {
  width: 150px;
}
.csi-date-range-popup .csi-date-range-popup-list .csi-dgrid-list {
  border-width: 0;
}
.csi-date-range-popup .csi-date-range-popup-top {
  display: flex;
}
.csi-date-range-popup .csi-date-range-popup-custom-dates {
  background-color: var(--GridSelectedBackgroundColor);
  padding-left: var(--TooltipSpacing);
  padding-bottom: 4px;
}
.csi-date-range-popup .csi-date-range-popup-custom-dates .dijitDateTextBox {
  margin-bottom: 6px;
  width: 80px;
}
.csi-date-range-popup .csi-date-range-popup-custom-dates .dijitDateTextBox .dijitArrowButton {
  display: none;
}
.csi-date-range-popup .csi-date-range-popup-top-left {
  border-right: var(--StandardBorder);
}
.csi-date-range-popup .csi-date-range-popup-top-left .dijitMenu {
  border: none;
  box-shadow: none;
  padding-bottom: 0;
}
.csi-date-range-popup .csi-date-range-popup-top-left .dijitMenu .dijitMenuArrowCell {
  display: none;
}
.csi-date-range-popup .csi-date-range-popup-top-left .dijitMenu .dijitMenuItemLabel {
  line-height: 26px;
  padding-right: 45px;
}
.csi-date-range-popup .csi-date-range-popup-bottom {
  border-top: var(--StandardBorder);
  padding: var(--TooltipSpacing) 0;
}
.csi-date-range-popup .csi-date-range-popup-calendar {
  border-right: var(--StandardBorder);
}
.csi-date-range-popup .csi-date-range-popup-title {
  font-weight: bold;
  padding: 0 var(--TooltipSpacing);
}
.csi-date-range-popup .csi-date-range-popup-time-to {
  margin: 0 var(--TooltipSpacing);
}
.csi-date-range-popup .dijitCalendar {
  border: none;
  box-shadow: none;
}
.csi-date-range-popup .dijitCalendar > table {
  height: 215px;
}
.csi-date-range-popup .dijitCalendarSelectedDate .dijitCalendarDateLabel {
/* !important is needed to override default Calendar styling that uses !important */
  border-color: transparent !important;
}
.csi-date-range-popup .csi-date-range-selected .dijitCalendarDateLabel {
  background: var(--DateRangeSelectedBackgroundColor);
  border-color: var(--DateRangeSelectedBorderColor) !important;
}
.csi-date-range-popup .csi-date-range-selected.dijitCalendarActiveDate .dijitCalendarDateLabel,
.csi-date-range-popup .csi-date-range-selected.dijitCalendarHoveredDate .dijitCalendarDateLabel,
.csi-date-range-popup .csi-date-range-selected:active .dijitCalendarDateLabel,
.csi-date-range-popup .csi-date-range-selected:hover .dijitCalendarDateLabel {
  background: var(--DateRangeSelectedBackgroundColor);
}
.csi-date-range-popup .csi-date-range-boundary .dijitCalendarDateLabel {
  border-color: var(--DateRangeBoundaryBorderColor) !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/gridContainer.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.dragNode {
  cursor: move;
  z-index: 10000;
}
.dragHandle {
  cursor: move;
}
.dndCover {
  cursor: move;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1000px;
  z-index: 9999;
}
.dndCover2 {
  z-index: 10001;
}
.dropIndicator {
  border: 2px dashed var(--TitlePaneBorderColor);
  box-sizing: border-box;
  position: relative;
  height: 50px;
}
.dropIndicator > div {
  background-color: var(--PrimaryWhite);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.17;
}
.gridContainer {
  display: block;
  height: auto;
  position: relative;
  margin: 0;
  outline: none;
  overflow-y: auto;
  overflow-x: hidden !important;
  width: 100%;
}
.gridContainerTable {
  width: 100%;
}
.gridContainerTable > tbody,
.gridContainerTable > tbody > tr {
  height: 100%;
}
.gridContainerZone {
  vertical-align: top;
  height: 100%;
}
.gridContainerZone > * {
  margin: 10px !important;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/lightGallery.styl ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.csi-property-viewable-image .csi-property-image-wrapper img {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMTkvMTRxK26fAAAALklEQVQ4jWP8//8/Az7w4MEDvAqY8OomAowaMBgMYCEUzwoKCow0dcGoAYPBAACrqAq+b/1B8AAAAABJRU5ErkJggg==);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/browser.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.csi-icon-pin {
  transform: rotate(45deg);
}
.csi-icon-unpin {
  transform: rotate(90deg);
}
.csi-image-browser.dijitDialog .dijitDialogPaneContent {
  padding: 0;
}
.csi-image-browser.dijitDialog .csiActionsNode {
  margin: 0;
  padding: var(--DialogSpacing);
}
.csi-image-browser.dijitDialog .csiViewToolbar {
  background-color: var(--ImageBrowserToolbarBackgroundColor);
  border-bottom: 1px solid var(--ImageBrowserBorderColor);
  margin: 0;
  padding: 6px 15px;
  position: relative;
}
.csi-image-browser.dijitDialog .csiViewToolbar .dijitToolbarSeparator {
  margin-left: 8px;
}
.csi-image-browser.dijitDialog .dijitToolbar {
  height: 26px;
  min-width: 732px;
/*fix for firefox bug , float left buttons on toolbar jumping to next line while white-space is anything other than normal*/
  white-space: normal;
}
.csi-image-browser.dijitDialog .csi-toolbar-btn-Upload label,
.csi-image-browser.dijitDialog .csi-toolbar-btn-UploadOne label {
  padding: 0px;
  margin-left: 0;
}
.csi-image-browser.dijitDialog .csi-toolbar-btn-Upload label .dijitButtonText,
.csi-image-browser.dijitDialog .csi-toolbar-btn-UploadOne label .dijitButtonText {
  display: none;
}
.csi-image-browser.dijitDialog .dgrid {
  height: 100%;
}
.csi-view-ImageBrowser {
  max-width: 1050px;
}
.csi-image-browser-container {
  display: flex;
  height: 100%;
}
.csi-image-browser-content {
  background-color: var(--ImageBrowserBackgroundColor);
  border-color: var(--ImageBrowserBorderColor);
  border-width: 1px 0 0;
  flex-grow: 1;
  margin-top: 38px;
  overflow: hidden;
}
.csi-image-browser-left {
  border-right: 1px solid var(--ImageBrowserBorderColor);
  height: 100%;
  min-width: 250px;
  padding-right: 0.25px;
}
.csi-image-browser-left .dgrid {
  border: none;
}
.csi-image-browser-left .dgrid-cell {
  border: none;
  vertical-align: middle;
}
.csi-image-browser-left .dgrid-cell-padding {
  padding: 0;
}
.csi-image-browser-left .dgrid-column-sliiide {
  padding-right: 6px; /* totals DialogSpacing including space around icon */
  text-align: right;
}
.csi-image-browser-left .dgrid-content {
  height: calc(100% - 10px);
  padding: 10px 0 0;
  width: 100% !important;
}
.csi-image-browser-left .dgrid-scroller {
  overflow: auto;
}
.csi-image-browser-left .field-name {
  padding-left: var(--DialogSpacing);
  width: 205px;
}
.csi-image-browser-left .csi-dgrid-slide-right {
  position: relative;
  top: -1px;
}
.csi-image-browser-left .ui-state-default {
  height: 26px;
}
.csi-image-browser-left .ui-state-default:hover {
  background-color: var(--ImageBrowserLeftHoverBackgroundColor);
}
.csi-image-browser-left .ui-state-default.csi-browser-left-item-selected {
  background-color: var(--ImageBrowserLeftSelectedBackgroundColor);
}
.csi-image-browser-left .dgrid-selected {
  background-color: inherit;
  font-weight: bold;
}
.csi-image-browser-leftSelected {
  font-weight: 600;
  margin-top: 10px;
}
.csi-image-browser-right {
  background-color: var(--ImageBrowserBackgroundColor);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  overflow-x: auto;
}
.csi-image-browser-right .csi-image-browser-view-toggle {
  float: right;
}
.csi-image-browser-right .csi-filter-container-label {
  margin-left: var(--DialogSpacing);
}
.csi-image-browser-right .dgrid-content {
  height: auto;
  outline: none;
  padding: var(--DialogSpacing) 0px 0px var(--DialogSpacing);
}
.csi-image-browser-right .dgrid-focus {
  outline: none;
}
.csi-image-browser-right .dgrid-cell {
  word-wrap: break-word;
}
.csi-image-browser-right .dgrid-no-data {
  padding: 0;
}
.csi-image-browser-right .csi-dgrid-more {
  padding: var(--DialogSpacing);
}
.csi-image-browser-right .iconImgPin {
  position: absolute;
  left: 5px;
  top: 5px;
}
.csi-image-browser-right .ui-state-default:not(.ui-state-default-slim-card) {
  align-items: center;
  background: var(--ImageBrowserImageBackgroundColor);
  border: 1px solid var(--ImageBrowserImageBorderColor);
  border-radius: 3px;
  box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.15);
  display: inline-flex;
  height: var(--ImageBrowserImageSize);
  margin: 0 15px 15px 0;
  padding: 4px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: var(--ImageBrowserImageSize);
}
.csi-image-browser-right .ui-state-default:not(.ui-state-default-slim-card) .attrImage {
  line-height: 0;
  width: 100%;
}
.csi-image-browser-right .ui-state-default:not(.ui-state-default-slim-card) .attrImage img {
  max-height: var(--ImageBrowserImageSize);
  max-width: var(--ImageBrowserImageSize);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMTkvMTRxK26fAAAALklEQVQ4jWP8//8/Az7w4MEDvAqY8OomAowaMBgMYCEUzwoKCow0dcGoAYPBAACrqAq+b/1B8AAAAABJRU5ErkJggg==);
}
.csi-image-browser-right .dgrid-selected.ui-state-default:not(.ui-state-default-slim-card),
.csi-image-browser-right .dgrid-selected:not(.ui-state-default-slim-card):hover {
  border-color: var(--ImageBrowserImageSelectedBorderColor);
}
.csi-image-browser-listView .csi-image-browser-right .csi-toolbar-btn-SortImages {
  display: none;
}
.csi-image-browser-listView .csi-image-browser-right .csi-image-browser-content {
  border-width: 0;
  margin: 10px;
  outline: 1px solid var(--TableBorderColor);
}
.csi-image-browser-listView .csi-image-browser-right .dgrid-header {
/* necessary since csi-image-browser-content has top border */
  top: 1px;
}
.csi-image-browser-listView .csi-image-browser-right .dgrid-scroller {
/* necessary since csi-image-browser-content has bottom border */
  bottom: 1px;
  overflow-x: hidden;
}
.csi-image-browser-listView .csi-image-browser-right .dgrid-content {
  padding: 0;
}
.csi-image-browser-listView .csi-image-browser-right .dgrid-no-data {
  padding: 5px;
}
.csi-image-browser-listView .csi-image-browser-right .dgrid-cell {
  padding: var(--TableCellPaddingV) var(--TableCellPaddingH);
  text-align: left;
}
.csi-image-browser-listView .csi-image-browser-right .attrImage {
/* position anchor for Image Where Used Pill when list view is active */
  position: relative;
}
.csi-image-browser-listView .csi-image-browser-right .csi-dgrid-more {
  border-color: var(--TableBorderColor);
  border-style: solid;
  border-width: 0 1px 0 0;
}
.csi-image-browser-listView .csi-image-browser-right .csi-image-browser-list-row {
  border-width: 0;
  box-shadow: none;
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}
.csi-image-browser-listView .csi-image-browser-right .csi-image-browser-list-row .attrImage img {
  max-height: 75px !important;
  max-width: 75px !important;
}
.csi-image-browser-listView .csi-image-browser-right .csi-image-browser-list-row.ui-state-active {
  background: var(--TableRowSelectedBackgroundColor);
  border-radius: 0;
}
.csi-image-browser-listView .csi-image-browser-right .field-Images {
  border-left-width: 0;
  width: 15%;
  text-align: center;
}
.csi-image-browser-listView .csi-image-browser-right .field-DateAdded,
.csi-image-browser-listView .csi-image-browser-right .field-FileSize {
  width: 20%;
}
.csi-toolbar-btn-SortImages {
  position: absolute;
  top: 45px;
  z-index: 100;
  right: 11px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/emailForm.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.csiEmailDialog {
  max-width: 1000px;
  overflow: visible;
}
.csiEmailDialog .dijitDialogPaneContent {
  overflow: visible;
}
.csi-email-view table {
  border-spacing: 0 6px;
  text-align: left;
  width: 100%;
}
.csi-email-view table td {
  vertical-align: top;
}
.csi-email-view .csi-email-label {
  font-weight: bold;
  padding: 4px var(--LabelSpacing) 0 0;
  text-align: right;
  width: 5em;
}
.csi-email-view .csi-email-subject-label {
  padding-top: 5px;
}
.csi-email-view .csi-email-link-label {
  padding-top: 17px;
}
.csi-email-view .csi-email-attachment-label {
  padding-top: 3px;
}
.csi-email-view .emailViewListItemSelect {
  margin-right: 10px;
}
.csi-email-view .message {
  width: 772px;
  margin-top: 5px;
}
.csi-email-view .subject .dijitTextBox {
  width: 100%;
}
.csi-email-view .copylink {
  padding-top: 0px;
}
.csi-email-view .copylink a {
  display: inline-block;
  line-height: 0px;
}
.csi-email-view .users .csi-email-users {
  width: 100%;
}
.csi-email-view .users .csi-email-users .emailViewListItem {
  background: var(--GreyThree);
  border: 1px solid var(--Grey400);
  border-radius: 11px;
  margin: 1px 2px;
}
.csi-email-view .users .csi-email-users .csi-email-users-container {
  max-height: 26px;
  overflow-y: hidden;
}
.csi-email-view .users .csi-email-users .csi-email-more {
  vertical-align: bottom;
  padding-left: 3px;
}
.csi-email-view .attachments table,
.csi-email-view .users table {
  border-spacing: 0;
}
.csi-email-view .emailUser {
  padding: 2px 5px 3px 10px;
  display: inline-block;
}
.csi-email-view .csi-email-user-delete {
  vertical-align: middle;
  margin: 0px 7px 3px 0;
}
.csi-email-view .arbitraryEmailUser {
  padding: 2px 5px 3px 10px;
  display: inline-block;
}
.csi-email-view .attachments .emailViewListItemSelect {
  display: none;
}
.csi-email-view .attachments .emailViewListItem {
  margin-right: 10px;
}
.csi-email-view .attachments .csiActionIcon {
  cursor: default;
}
.csi-email-view .emailGroup {
  padding: 2px 5px 2px 10px;
  display: inline-block;
}
.csi-email-view .emailOther {
  padding: 2px 5px 3px 10px;
  display: inline-block;
}
.emailGroup {
  font-weight: bold;
}
.emailOther {
  font-style: italic;
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/form.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.csi-form-view-flat .csiFormViewRow {
  display: block;
}
.csi-form-view-flat .csiFormViewRow > th {
  display: inline-block;
  max-width: initial;
  width: auto;
  padding-top: 0;
}
.csi-form-view-flat .csiFormViewRow > .csiFormViewSeparator {
  display: inline-block;
}
.csi-form-view-flat .csiFormViewRow > .csiFormViewValue {
  display: block;
}
.csi-form-view-flat .csi-form-view-comment {
  color: var(--FlatTitleTextColor);
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 4px;
}
.csi-form-view-flat .csi-form-reserve-for-field-noerror {
  min-height: 1px;
}
.csi-form-view-flat .csi-form-view-comment > td {
  padding-bottom: 0px;
}
.csi-form-view-flat .csiFormViewSeparator {
  padding: 0 0 4px 2px;
}
.csi-form-view-flat .csiFormViewValue {
  padding: 0;
  margin-bottom: 8px;
  width: 100%;
}
.csi-form-view-flat .csi-view-scroll > table {
  width: 100%;
}
.csi-form-view-flat.csi-focused-view-and-action .csi-view-scroll {
  padding: var(--CompositeViewSpacing);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/gallery.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.dojoDndItem {
  cursor: default;
  padding: 0;
}
.dojoDndItemOver {
  background: none;
  border-radius: 0;
}
.dojoDndItemOver .dojoDndHandle {
  cursor: pointer;
}
/* GALLERY */
.dijitTabPane > .galleryView {
  padding-bottom: var(--GallerySpacing);
}
.dijitDialog .dijitTabPane > .galleryView {
  padding-bottom: 0;
}
.dijitDialog .galleryView .csiDialogScroll {
/* Add margin in case slim view and toolbar hidden */
  margin-top: 10px;
  min-height: 0;
  min-width: 200px;
  overflow: auto;
}
.dijitDialog .galleryView .csi-placeholder-container {
  min-width: 600px;
}
.dijitDialog .galleryView .csi-view-toolbar-container ~ .csiDialogScroll {
/* Reset top margin if toolbar exists */
  margin-top: 0;
}
.galleryView .csi-query-message-empty {
  display: none;
}
.galleryView .placeholder {
  margin-top: 5px;
}
.galleryView .csi-view-message {
  padding-top: 4px;
}
.galleryViewContent {
  clear: left;
  overflow: visible;
  position: relative;
}
.galleryViewContent .attrStringTextarea {
  white-space: normal;
}
.galleryViewHidePlaceholder .placeholder {
  display: none;
}
.galleryBlock {
/* support for editing within gallery view */
  position: relative;
}
.galleryBlock .heading {
  padding: 1px 0;
}
.galleryBlock .heading.attrNumber label {
  white-space: normal;
}
.galleryBlock .csiGalleryImage .iconEditable {
  background: none;
}
.galleryBlock.csiHighlight {
  border-color: var(--GalleryHightlightBorderColor) !important;
}
.galleryBlock.csiSelected {
  border-color: var(--GallerySelectedBorderColor) !important;
}
.csiItemCard {
  background-color: var(--GalleryItemBackgroundColor);
  border: 1px solid var(--GalleryBorderColor);
  border-radius: 0 0 5px 5px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15) !important;
  display: inline-block;
  margin: 0 var(--GallerySpacing) var(--GallerySpacing) 0;
  overflow: hidden;
  vertical-align: top;
  white-space: normal;
}
.csiItemCard .csiGalleryImage .csiActionIcon {
  margin: var(--GallerySpacing);
}
.csiItemCard .csiGalleryImage .image {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 0;
  width: 100%;
}
.csiItemCard .csiGalleryNoImage {
  align-items: center;
  background-color: var(--GalleryItemEmptyImageBackgroundColor);
}
.csiItemCard .csiGalleryNoImage .iconPhoto {
  font-size: 18px;
/* undo GallerySpacing right margin above since iconPhoto already has padding to right */
  margin-right: 0;
}
.csiItemCard .csiGalleryProperties {
  border-color: var(--GallerySeparatorBorderColor);
  border-style: solid;
  border-width: 1px 0 0;
  box-sizing: border-box;
  overflow: hidden;
  padding: var(--GallerySpacing);
}
.csiItemCard .csiGalleryProperties .name {
  font-size: 14px;
}
.csiGalleryProperties .csiGalleryPropertiesHeader {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.csiGalleryProperties .csiGalleryPropertiesHeader > :first-child {
  padding-right: 3px;
  width: 100%;
}
.csiGalleryProperties .csiGalleryPropertiesHeader .actions {
  white-space: nowrap;
}
.csiGalleryProperties .csiGalleryPropertiesHeader .actions .csiActions > :first-child {
  margin-left: var(--GallerySpacing);
}
.csiGalleryProperties .csiGalleryPropertiesHeader .name {
  font-weight: bold;
}
.csiGalleryProperties .heading,
.csiGalleryProperties .name {
  border-bottom: 1px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
}
.csiGalleryProperties .heading.iconEditable:hover,
.csiGalleryProperties .name.iconEditable:hover {
  border-bottom-color: var(--GalleryItemPropertyHoverBorderColor);
}
.csiGalleryProperties .attrBoolean label,
.csiGalleryProperties .attrEnum.attrIcon label {
  vertical-align: middle;
}
.csiGalleryProperties .attrBoolean .dijitCheckBox {
  top: 2px;
}
.galleryBasic .csi-gallery-image-variable,
.galleryBelow .csi-gallery-image-variable {
  height: var(--GalleryImageVariableHeight);
  width: var(--GalleryImageVariableWidth);
}
.galleryRight {
  white-space: nowrap;
}
.galleryRight.csiItemCard {
  border-radius: 0 5px 5px 0;
}
.galleryRight .csiGalleryImage,
.galleryRight .csiGalleryProperties {
  vertical-align: top;
  height: 100%;
}
.galleryRight .csi-gallery-image-variable {
  width: var(--GalleryImageVariableWidth);
}
.galleryRight .csi-gallery-image-variable .attrImage {
  height: var(--GalleryImageVariableHeight);
}
.galleryRight .csiGalleryImage {
  align-items: center;
  display: inline-flex;
  min-height: 128px;
}
.galleryRight .csiGalleryProperties {
  border-width: 0 0 0 1px;
  display: inline-block;
  white-space: normal;
}
.csi-gallery-fit-rows .galleryRight .csiGalleryProperties {
  height: auto;
}
.csi-gallery-hide-content {
  height: 0;
  overflow: hidden;
}
.galleryBelow.csi-gallery-variable-width .csiGalleryProperties {
  min-width: 250px;
  max-width: 400px;
}
.galleryRight.csi-gallery-variable-width .csiGalleryProperties {
  min-width: 200px;
  max-width: 400px;
}
.galleryImageIcon .csiGalleryImage {
  min-height: 36px;
}
.galleryImageSmallest .csiGalleryImage {
  min-height: 64px;
}
.galleryImageSmall .csiGalleryImage {
  min-height: 128px;
}
.galleryImageMedium .csiGalleryImage {
  min-height: 256px;
}
.galleryImageLarge .csiGalleryImage {
  min-height: 384px;
}
.galleryImageLargest .csiGalleryImage {
  min-height: 512px;
}
/* GALLERY GROUPED */
.csi-gallery-table {
  border-color: var(--GalleryBorderColor);
  border-spacing: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
}
.csi-gallery-table-group,
.csi-gallery-table-header,
.csi-gallery-table-cell {
  border-color: var(--GalleryBorderColor);
  border-style: solid;
  border-width: 0 1px 1px 0;
  box-sizing: border-box;
  vertical-align: top;
}
.csi-gallery-table-group {
  background-color: var(--GalleryGroupBackgroundColor);
  padding: 10px 12px;
}
.csi-gallery-table-header {
  background-color: var(--GalleryHeaderBackgroundColor);
  padding: 10px 12px;
  text-align: left;
}
.csi-gallery-table-cell {
  background-color: var(--GalleryCellBackgroundColor);
  padding: var(--GallerySpacing) 0 0 var(--GallerySpacing);
}
.galleryViewPlotHeader {
  font-weight: 600;
  margin: 0 var(--GallerySpacing) var(--GallerySpacing) 0;
  white-space: nowrap;
}
.galleryViewPlotRow {
  white-space: nowrap;
  width: max-content;
}
.galleryViewPlotAction {
  margin-right: 5px;
}
.galleryViewPlotCount {
  margin-left: 3px;
}
.csi-print-page-width .csi-gallery-table {
/* hide gallery table when scaling content since it is built to wrap */
  display: none;
}
/* TODO - need to analyze - should this only be in printMedia? */
.print .csi-gallery-table-cell {
  background-color: inherit;
}
.print .galleryViewPlotHeader {
  background-color: var(--GalleryCellBackgroundColor);
  padding: 3px 10px;
}
.print .galleryViewPlotRow {
  padding-left: 3px;
}
.print .csiItemCard {
  box-shadow: none !important;
}
.print .csiItemCard .csiGalleryProperties {
  padding: 8px 10px;
}
.print .csiItemCard .csiGalleryProperties .heading,
.print .csiItemCard .csiGalleryProperties .name {
  border-bottom: none;
}
.print .csiItemCard .csiGalleryProperties .csiGalleryPropertiesHeader {
  font-size: 14px;
}
.print .galleryBlock .heading {
  padding: 0;
}
.csi-basic-gallery .galleryBlock {
  border: 1px solid transparent;
  border-radius: 5px;
/* Important is needed to override csiItemCard - we should really try to remove use of important there */
  box-shadow: none !important;
}
.csi-basic-gallery .galleryBlock .csiGalleryProperties {
  border: none;
  min-width: auto;
  text-align: center;
}
/* GALLERY DND */
/* The below styles rely on having an existing 2px padding (from dojoDndItem) and 1px border */
.csiDndGrouped .csiItemCard {
  border-width: 1px;
  padding: 2px;
}
.csiDndGrouped .csi-dnd-dragging-over {
  background-color: var(--TableRowSelectedBackgroundColor) !important;
}
.csiDndGrouped .dojoDndItemAfter {
  border-right: 1px solid var(--GalleryBorderColor);
}
.csiDndGrouped .dojoDndItemBefore {
  border-left: 1px solid var(--GalleryBorderColor);
}
.csiDndOrdered .csiDndVertical td {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.csiDndOrdered .dojoDndItemAfter.csiDndVertical td {
  border-bottom-color: var(--DNDDragBorderColor);
}
.csiDndOrdered .dojoDndItemBefore.csiDndVertical td {
  border-top-color: var(--DNDDragBorderColor);
}
.csiDndOrdered .dojoDndHorizontal .dojoDndItem {
  padding: 1px;
  border-width: 1px;
}
.csiDndOrdered .dojoDndHorizontal .dojoDndItemAfter.csiItemCard {
  border-right-color: var(--DNDDragBorderColor) !important;
  border-width: 1px 2px 1px 1px;
  padding: 1px 0 1px 1px;
}
.csiDndOrdered .dojoDndHorizontal .dojoDndItemBefore.csiItemCard {
  border-left-color: var(--DNDDragBorderColor) !important;
  border-width: 1px 1px 1px 2px;
  padding: 1px 1px 1px 0;
}
.dojoDndAvatarItem .csiItemCard {
  padding: 2px !important;
}
.csi-frozen-gallery {
  align-items: flex-start;
  border: 1px solid var(--GalleryBorderColor);
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.csi-frozen-gallery-vertical::after {
  border-color: var(--GalleryBorderColor);
  border-style: solid;
  border-width: 0 0 1px 1px;
  box-sizing: border-box;
  background: var(--GalleryHeaderBackgroundColor);
  content: " ";
  height: var(--GalleryFrozenHeaderHeight);
  position: absolute;
  right: 0px;
  top: 0;
  width: var(--GalleryRowSpacerWidth);
}
.csi-frozen-gallery-table {
  display: block;
  border: none;
}
.csi-frozen-gallery-table-head {
  background-color: var(--GalleryHeaderBackgroundColor);
  display: block;
  overflow: hidden;
}
.csi-frozen-gallery-table-header span {
  display: inline-block;
  vertical-align: text-top;
}
.csi-frozen-gallery-table-body {
  display: block;
  overflow: auto;
}
.csi-frozen-gallery-table-body > .csi-frozen-gallery-table-block-row {
  background-color: var(--GalleryGroupBackgroundColor);
  display: block;
}
.csi-frozen-gallery-table-body > .csi-frozen-gallery-table-block-row:last-child > td {
  border-bottom-width: 0;
}
.csi-frozen-gallery-table-block-row > th:last-child,
.csi-frozen-gallery-table-block-row > td:last-child {
  border-right-width: 0;
}
.csi-frozen-gallery-table-cell {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  vertical-align: text-top;
}
.csi-frozen-gallery-table-cell > .galleryViewPlotHeader {
  padding-top: 10px;
}
.csi-frozen-gallery-column-head > tr,
.csi-frozen-gallery-column-body > tr {
  display: block;
}
.csi-frozen-gallery-column-head > tr > th,
.csi-frozen-gallery-column-body > tr > th {
  display: block;
}
.csi-frozen-gallery-column-body > tr:last-child > th {
  border-bottom-width: 0;
}
.csi-frozen-gallery-column-body {
  display: block;
  overflow: hidden;
}
.csi-frozen-gallery-column-spacer {
  background: var(--GalleryHeaderBackgroundColor);
  border-color: var(--GalleryBorderColor);
  border-style: solid;
  border-width: 1px 1px 0 0;
  box-sizing: border-box;
  height: var(--GalleryColumnSpacerHeight);
}
.csi-frozen-gallery-hidden-cell {
  display: none;
}
.csi-gallery-view-content-overflow {
  overflow: auto;
  box-sizing: border-box;
}
.csi-frozen-gallery-expand-all-plot-content {
  padding-top: 11px;
}
.galleryView .dojoDndItem {
  user-select: initial;
  -webkit-user-select: initial;
}
.csi-fullscreen .galleryView {
  padding-bottom: 12px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/property.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.csi-property-view-flat .csiHeadingCell.odd {
  background-color: inherit;
}
.csi-property-view-flat .csiHeadingCell > td {
  border: none;
  display: block;
  margin-bottom: 10px;
  min-width: initial;
  max-width: initial;
}
.csi-property-view-flat .csiHeadingCell > th {
  border: none;
  display: block;
}
.csi-property-view-flat .csiHeadingCellLabel {
  padding: 0;
  width: auto;
}
.csi-property-view-flat .csi-view-title {
  border-bottom: none;
  color: var(--FlatTitleTextColor);
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 4px;
}
.csi-property-view-flat .csiHeadingColumn {
  padding-bottom: 0px;
}
.csi-property-view-flat.csi-focused-view-and-action .csi-view-scroll {
  padding: var(--CompositeViewSpacing);
}
.propertyViewImageCell {
  padding-bottom: 12px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/table.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/* TABLE */
.tableViewRoot {
/* provide defaults for values that will be set dynamically */
  --TableFooterHeight: 0;
  --TableFrozenLeftOffset: 0;
  --TableFrozenLeftWidth: 0;
  --TableFrozenRightOffset: 0;
  --TableFrozenRightWidth: 0;
  --TableHeaderHeight: 0;
  --TableScrollbarWidth: 17px;
  --TableScrollbarHeight: 17px;
/* 200px is well over the allowed limit, so this is basically just saying there is no limit; the actual number will be set dynamically */
  --TableMatrixGroupMaxHeight: 200px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.tableViewRoot:first-child {
  height: 100%;
}
.tableViewRoot .csiDialogScroll {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
.tableViewRoot .csiViewToolbar2 {
  border-bottom-width: 0;
}
.tableView {
  border: 1px solid var(--TableBorderColor);
  border-top-width: 0;
  border-right-width: 0;
  clear: left;
  text-align: left;
}
.tableView > thead {
  overflow: hidden;
}
.csi-table-matrix-cell-color-grey {
  color: #808080;
}
.csi-table-row > * {
  border: 1px solid var(--TableBorderColor);
  border-bottom-width: 0;
  border-left-width: 0;
  box-sizing: border-box;
  padding: var(--TableCellPaddingV) var(--TableCellPaddingH);
  vertical-align: top;
}
.csi-table-row > *.csi-table-matrix-2nd-dimension {
  --TableHeaderBackgroundColor: var(--TableHeaderBackgroundColorMatrix);
  border-top-color: var(--TableBorderColor);
  font-weight: bold;
}
.csi-table-row > *.csi-table-matrix-2nd-dimension .csi-table-header-container {
  align-items: center;
  height: 100%;
}
.csi-table-row > * .dijitCheckBox {
  top: 1px;
}
.csi-table-row > * .dijitRadio {
  top: -1px;
}
.csi-table-row > th {
  background-color: var(--TableHeaderBackgroundColor);
  padding: var(--TableHeaderPadding);
  position: relative;
  text-align: left;
}
.csi-table-row-more {
  text-align: center;
}
.csi-table-row-more .firstColumn .csi-actions-new,
.csi-table-row-actions .firstColumn .csi-actions-new {
  transition: margin-left 0s;
}
.tableView > tfoot {
  background-color: var(--TableFootBackgroundColor);
}
.tableView > tfoot > tr > td {
  border: 1px solid var(--TableBorderColor);
  border-bottom-width: 0;
  border-left-width: 0;
  height: 21px;
  padding: 0;
  vertical-align: middle;
}
.tableView > tfoot .footContent {
/* If top-bottom padding changes, then need to make corresponding change to TableFootHeight */
  padding: 2px 3px;
}
.csi-table-row {
  transition: background-color var(--TransitionDurationMedium);
/*
	 * Preset image heights so that table will not change height as images are loaded asynchronously;
	 * widths are needed too when cell is showing multiple images at once - they will wrap if the cell is
	 * not wide enough for all images, causing the height to change. This is not perfect since image width
	 * can vary relative to the size.
	 */
}
.csi-table-row > th.columns {
  --TableHeaderBackgroundColor: var(--TableHeaderBackgroundColorMatrix);
}
.csi-table-row > th.hideFromView {
  display: table-cell;
}
.csi-table-row > th.headingLeft .csi-table-header-container {
  justify-content: flex-start;
}
.csi-table-row > th.headingRight .csi-table-header-container {
  justify-content: flex-end;
}
.csi-table-row > th.headingCenter .csi-table-header-container {
/* put headingCenter at bottom so it will override the others; rarely would we move something from center to left or right,
			   but we do have cases of changing left or right aligned content to the center */
  justify-content: center;
}
.csi-table-row > *.csi-table-matrix-column-first,
.csi-table-row > *.csi-table-matrix-column-last + :not(.csi-table-matrix-column-first) {
  border-left-width: 1px;
}
.csi-table-row > td.csi-table-odd-background {
  background-color: var(--TableRowBackgroundColorOdd);
}
.csi-table-row > td.csi-table-matrix-2nd-dimension:not(.csi-bg-not-applicable) {
  background-color: var(--TableHeaderBackgroundColorMatrix);
}
.csi-table-row > td.hideFromView {
  display: table-cell;
}
.csi-table-row > td.hideFromView > * {
  display: none;
}
.csi-table-row > td.attrImage {
  height: var(--TableImageContainerHeight);
  padding: var(--TableImagePadding);
}
.csi-table-row > td.attrImage .iconPhoto {
  margin: 0;
  padding: 0;
}
.csi-table-row > td.actionsColumn {
  text-align: right;
  white-space: nowrap;
}
.csi-table-row > td.kpi {
  text-align: center;
}
.csi-table-row > td.headingBold {
  font-weight: bold;
}
.csi-table-row.divider {
  background-color: var(--TableRowBackgroundColorDivider);
  font-weight: bold;
}
.csi-table-row.csi-table-filters {
  background-color: var(--TableRowBackgroundColorFilter);
}
.csi-table-row.csi-table-filters .dijitButtonNode {
  background: none;
  border-radius: 0;
  border-width: 0;
  box-shadow: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  width: 100%;
}
.csi-table-row.csi-table-filters .dijitArrowButtonInner {
  visibility: hidden;
}
.csi-table-row.csi-table-filters .dijitHover .dijitArrowButtonInner {
  visibility: visible;
}
.csi-table-row.csi-table-filters .dijitDropDownButton {
  display: block;
  padding-left: 5px;
}
.csi-table-row.csi-table-filters > th {
  font-weight: normal;
  padding: 0;
}
.csi-table-row.csi-table-node-header th.headingColumn {
  --TableHeaderBackgroundColor: var(--TableHeaderBackgroundColorMatrix);
}
.csi-table-row.csi-table-selection-radio th {
  background-color: var(--TableRowBackgroundColorRadio);
  font-style: italic;
  font-weight: normal;
  padding: var(--TableCellPaddingV) var(--TableCellPaddingH);
}
.csi-table-row.csi-table-selection-radio th:not(:first-child) {
  text-align: left;
}
.csi-table-row.root .tableHierarchy {
  display: none;
}
.csi-table-row span.attrImageSmallest {
  height: 5.33em;
  width: 5.33em;
}
.csi-table-row span.attrImageSmall {
  height: 10.67em;
  width: 10.67em;
}
.csi-table-row span.attrImageMedium {
  height: 21.33em;
  width: 21.33em;
}
.csi-table-row span.attrImageLarge {
  height: 32em;
  width: 32em;
}
.csi-table-row span.attrImageLargest {
  height: 42.67em;
  width: 42.67em;
}
.csi-table-row .headingLeft {
  text-align: left;
}
.csi-table-row .attrNumber,
.csi-table-row .headingRight {
  text-align: right;
}
.csi-table-row .attrBoolean,
.csi-table-row .attrIcon,
.csi-table-row .attrImage,
.csi-table-row .headingCenter {
  text-align: center;
}
.csi-table-row .attrEnumORSubQuestionResponse {
  text-align: center;
}
.csi-table-row .attrUrl .attrMonitor {
  margin: 3px 0;
}
.csi-table-row:first-child > th.columns:not([colspan="1"]) .csi-table-frozen-wrap {
/* matrix column headers should be centered within available space if spanning more than 1 column as they scroll in and out of frozen area;
		   this is as opposed to other headers that keep their position/alignment as they are scrolled out of view */
  right: unset;
  width: auto;
}
.csi-table-row:first-child > th.columns:not([rowspan="2"]) .csi-table-header-container {
  justify-content: center;
/* height of primary header row without header padding */
  max-height: calc(var(--TableMatrixGroupMaxHeight) - 2 * var(--TableHeaderPadding));
}
.csi-table-quick-search {
  background: var(--TableHeaderBackgroundColor);
  padding: 6px 10px;
  position: relative;
}
.csi-table-quick-search .dijitTextBox {
  padding-left: 16px;
  padding-right: 20px;
}
.csi-table-quick-search .iconSearch {
  position: absolute;
  top: 11px;
  left: 17px;
  width: 12px;
  height: 12px;
}
.csi-table-quick-search .csi-icon-delete {
  position: absolute;
  top: 7px;
  left: 206px;
  font-size: 12px;
  background-color: var(--BtnSecondaryNormalBackgroundColor);
  border: 1px solid var(--BtnSecondaryNormalBorderColor);
  border-radius: 10px;
  color: var(--BtnSecondaryNormalTextColor);
  text-align: center;
  line-height: 16px;
}
.csi-table-quick-search .csi-icon-delete:hover {
  background-color: var(--BtnSecondaryHoverBackgroundColor);
  border-color: var(--BtnSecondaryHoverBorderColor);
}
.tableView:not(.csi-table-view-copy) {
/* Do not show table sort highlighting, selection or highlight when using drag-fill */
  --TableCellHoverHighlight: inherit;
/* New rows get special color for a limited time - works in conjunction with tableView.tr.transition */
/** class used to show icon on hover over top-right of cell; could enhance so that icon is configurable */
}
.tableView:not(.csi-table-view-copy) .csi-table-sort:hover {
  --TableHeaderBackgroundColor: var(--TableHeaderHoverBackgroundColor);
  cursor: pointer;
}
.tableView:not(.csi-table-view-copy) .csi-table-row.csiHighlight {
  --TableCellHoverHighlight: var(--TableRowHoverBackgroundColor);
}
.tableView:not(.csi-table-view-copy) .csi-table-row.csiSelected {
  --TableCellHoverHighlight: var(--TableRowSelectedBackgroundColor);
}
.tableView:not(.csi-table-view-copy) .csi-table-row.csiHighlight > *,
.tableView:not(.csi-table-view-copy) .csi-table-row.csiSelected > * {
  background-color: var(--TableCellHoverHighlight);
}
.tableView:not(.csi-table-view-copy) .csi-table-row.csiHighlight > .csi-table-matrix-2nd-dimension:not(.csi-bg-not-applicable),
.tableView:not(.csi-table-view-copy) .csi-table-row.csiSelected > .csi-table-matrix-2nd-dimension:not(.csi-bg-not-applicable) {
  --TableCellHoverHighlight: var(--TableHeaderBackgroundColorMatrix);
}
.tableView:not(.csi-table-view-copy) .csi-table-row.csiHighlight.csi-table-compare-new,
.tableView:not(.csi-table-view-copy) .csi-table-row.csiSelected.csi-table-compare-new,
.tableView:not(.csi-table-view-copy) .csi-table-row.csiHighlight .csi-table-compare-new,
.tableView:not(.csi-table-view-copy) .csi-table-row.csiSelected .csi-table-compare-new {
  --TableCellHoverHighlight: var(--TableCompareHoverBackgroundColorNew);
  --TableCompareBackgroundColorNew: var(--TableCompareHoverBackgroundColorNew);
  --TableCompareBackgroundColorOld: var(--TableCompareHoverBackgroundColorNew);
}
.tableView:not(.csi-table-view-copy) .csi-table-row.csiHighlight.csi-table-compare-old,
.tableView:not(.csi-table-view-copy) .csi-table-row.csiSelected.csi-table-compare-old,
.tableView:not(.csi-table-view-copy) .csi-table-row.csiHighlight.csi-table-compare-old .csi-table-compare-new,
.tableView:not(.csi-table-view-copy) .csi-table-row.csiSelected.csi-table-compare-old .csi-table-compare-new,
.tableView:not(.csi-table-view-copy) .csi-table-row.csiHighlight .csi-table-compare-old,
.tableView:not(.csi-table-view-copy) .csi-table-row.csiSelected .csi-table-compare-old {
  --TableCellHoverHighlight: var(--TableCompareHoverBackgroundColorOld);
  --TableCompareBackgroundColorNew: var(--TableCompareHoverBackgroundColorOld);
  --TableCompareBackgroundColorOld: var(--TableCompareHoverBackgroundColorOld);
}
.tableView:not(.csi-table-view-copy) .csi-background-new-row > * {
  --TableCellHoverHighlight: var(--TableNewRowBackgroundColor);
  background-color: var(--TableNewRowBackgroundColor) !important;
  transition: background-color var(--TransitionDuration);
}
.tableView:not(.csi-table-view-copy) .csi-table-cell-hover-icon .csi-table-hover-icon {
  display: none;
}
.tableView:not(.csi-table-view-copy) .csi-table-cell-hover-icon:hover .csi-table-hover-icon {
  align-items: center;
  background: linear-gradient(270deg, var(--TableCellHoverHighlight) 80%, rgba(255,255,255,0) 100%);
  box-sizing: border-box;
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 4px;
  width: 28px;
}
.tableView:not(.csi-table-view-copy) .csi-table-cell-hover-icon:hover .csi-table-hover-icon::after {
  background-image: url("data:image/svg+xml,%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e %3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3e %3cpath fill='%23777' d='M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19H5V5H12V3H5M17.78,4C17.61,4 17.43,4.07 17.3,4.2L16.08,5.41L18.58,7.91L19.8,6.7C20.06,6.44 20.06,6 19.8,5.75L18.25,4.2C18.12,4.07 17.95,4 17.78,4M15.37,6.12L8,13.5V16H10.5L17.87,8.62L15.37,6.12Z' /%3e %3c/svg%3e");
  background-size: contain;
  content: " ";
  height: 16px;
  width: 16px;
}
.tableView:not(.csi-table-view-copy) .csi-table-cell-hover-icon:hover .csi-table-frozen-wrap .csi-table-hover-icon {
  right: -10px;
  top: -1px;
}
.csi-table-column-highlight-color {
  color: var(--TableHeaderColorSelected);
}
.csi-table-container {
/* just to keep the table from collapsing completely; equal to 1 body rows with minimal header */
  min-height: calc(var(--TableHeaderHeight) + var(--TableFooterHeight));
/* necessary to position header and footer around table body */
  position: relative;
}
.csi-table-container-full {
  display: block;
}
.csi-table-header-colorImage {
  display: block;
  padding-top: 2px;
}
.csi-table-header-container {
  display: flex;
}
.csi-table-header-arrow {
  display: flex;
  align-items: center;
}
.csi-table-header-arrow .csi-sort-indicator {
  margin-left: 5px;
}
.csi-table-header-content {
  line-height: 1.2;
  max-height: 3.6em;
  overflow: hidden;
  position: relative;
/* handle headers with multiple Headings with Separator="\n" */
}
.csi-table-header-content > span {
  line-height: 1.2;
}
.csi-table-header-overflow-height .csi-table-header-content:after {
  background-color: var(--TableHeaderBackgroundColor);
  bottom: 0;
  content: '...';
  position: absolute;
  right: 0;
}
th[rowspan="2"] .csi-table-header-content {
  max-height: 7em;
}
/* FF only - C8-17732 */
.dj_gecko .csi-table-header-content:after,
.dj_edge .csi-table-header-content:after {
  bottom: -1px;
}
.csi-table-header-unlimited .csi-table-header-content {
  max-height: initial;
}
.csi-table-hide-row {
  visibility: collapse;
}
.dj_safari .csi-table-hide-row {
  display: none;
}
.tableViewReport {
  background-color: var(--TableRowBackgroundColorReport);
  font-weight: bold;
}
.tableViewReport.outdated > :not(:first-child) {
  color: var(--TableTextColorOutdatedReport);
}
.tableViewReport .firstColumn {
  text-align: left;
}
.tableViewReport .csi-table-newly-created a {
  display: inline-block;
}
.tableViewReport:not(.tableViewGroup)[data-csi-table-level="0"] {
  position: sticky;
  top: 0;
  z-index: 1;
}
.tableViewReportDisabled {
  color: var(--TableTextColorDisabledReport);
  font-weight: normal;
  margin-left: 20px;
  text-align: left;
}
.tableViewGroup {
/* Group color should override report color */
  background-color: var(--TableRowBackgroundColorGroup);
}
.tableViewGroup .csi-button-switch .dijitButtonNode {
  padding-bottom: 0;
  padding-top: 0;
}
.csi-table-hide-extra-column .csi-table-extra-column {
  display: none;
}
.csi-table-filter {
  min-width: 150px;
  max-width: 400px;
  width: 99%;
}
.csi-table-selection-column {
  text-align: center;
  text-overflow: unset !important;
}
.csi-table-selection-column .dijitCheckBox {
  margin-right: 0;
}
.csi-table-selection-column .csi-table-header-container {
  display: none;
}
.switchboard .csi-dnd-handle {
  margin-left: -6px;
}
.csiDndOrdered th.csi-table-selection-column .dijitCheckBox {
  margin-left: 9px;
}
.tableRowWidget {
  display: table-cell;
}
.tableRowWidget ~ * {
  display: table-cell;
  padding-left: 1px;
}
.tableRowWidget + .tableRowWidget {
  padding-left: 0;
}
.tableHierarchy {
  margin-right: 1px;
  vertical-align: middle;
}
.iconTreeLeaf {
  visibility: hidden;
  width: 16px;
}
.csi-table-row-actions {
  font-weight: normal;
  line-height: 0;
/* necessary to render csi-dnd-handle correctly */
  position: relative;
}
.csi-table-row-actions .tableRowWidget {
  display: inline-block;
  line-height: 0;
}
.csi-table-row-actions .csi-secondary-cmb-btn {
  color: var(--BtnToolbarNormalTextColor);
  background: var(--BtnToolbarNormalBackgroundColor);
/* override tableRowWidget sibling styling */
  padding-left: 0;
}
.csi-table-row-actions .csi-secondary-cmb-btn .dijitButtonNode {
  padding: 3px 4px 3px 3px;
}
.csi-table-row-actions .csi-secondary-cmb-btn.dijitHover {
  border-color: var(--BtnToolbarHoverBorderColor);
}
.csi-table-row-actions .csi-secondary-cmb-btn.dijitHover .dijitDownArrowButton {
  border-left-color: var(--BtnToolbarHoverBorderColor) !important;
}
.csi-table-row-actions .csi-secondary-cmb-btn.dijitHover .dijitButtonNodeHover,
.csi-table-row-actions .csi-secondary-cmb-btn.dijitHover .dijitDownArrowButtonHover {
  background: var(--BtnToolbarHoverBackgroundColor);
}
.csi-table-row-actions .csi-secondary-cmb-btn.dijitActive {
  border-color: var(--BtnToolbarActiveBorderColor);
}
.csi-table-row-actions .csi-secondary-cmb-btn.dijitActive .dijitDownArrowButton {
  border-left-color: var(--BtnToolbarActiveBorderColor) !important;
}
.csi-table-row-actions .csi-secondary-cmb-btn .dijitButtonNodeActive,
.csi-table-row-actions .csi-secondary-cmb-btn .dijitDownArrowButtonActive {
  background: var(--BtnToolbarActiveBackgroundColor);
}
.csi-table-row-actions .csi-secondary-cmb-btn.dijitFocused {
  border-color: var(--BtnToolbarFocusedBorderColor);
}
.csi-table-row-actions .csi-secondary-cmb-btn.dijitDisabled {
  background: var(--BtnToolbarDisabledBackgroundColor);
  border-color: var(--BtnToolbarDisabledBorderColor);
  color: var(--BtnToolbarDisabledTextColor);
}
.csi-table-row-actions .csi-secondary-cmb-btn.dijitDisabled .dijitDownArrowButton {
  border-left-color: var(--BtnToolbarDisabledBorderColor) !important;
}
.csi-table-row-actions .csi-actions-new {
  display: inline-block;
  position: relative;
  right: calc(11px + 0.7em);
}
.csi-table-row-actions .csi-actions-new.csi-action-margin-left {
  right: 0;
}
.csi-table-row-actions .csi-actions-new.csi-no-tableRowWidget {
  right: -7px;
}
.csi-table-row-actions .csi-actions-new .dijitButtonNode {
  padding: 1px;
}
.csi-table-row-actions .csi-actions-new .dijitArrowButton {
/* center the arrow better */
  padding-top: 2px;
  padding-bottom: 0;
}
.csi-table-row-actions .csi-actions-new .dijitArrowButton:before {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
}
.tableViewAction {
  line-height: 0;
}
.tableViewAction.dijitDropDownButtonHover,
.tableViewAction.dijitDropDownButtonFocused {
  outline: 1px dotted var(--TableHoverBorderColorRowAction);
}
.tableViewAction.dijitDropDownButton .dijitButtonNode {
  background: none !important;
  border: none;
  padding: 0;
}
.tableViewAction .dijitButtonText {
  color: var(--TableTextColorRowAction);
  padding: 0;
}
.tableViewAction .dijitDownArrowButton:focus {
  outline: 0;
}
.tableViewAction.csi-actions-new-menu .dijitArrowButtonInner {
  display: none;
}
.tableViewCharts {
  display: flex;
  flex-shrink: 0;
  margin-right: 7px;
  overflow: hidden;
  white-space: nowrap;
}
.tableViewCharts .csi-fusion-chart {
  width: 100%;
}
.tableViewCharts.tableViewChartsWrap {
  flex-wrap: wrap;
}
.tableViewCharts.tableViewChartsWrap .csi-fusion-chart {
  width: 300px;
}
.tableViewCharts.slick-slider {
  display: block;
  margin-bottom: 10px;
}
.tableViewCharts.slick-slider .csi-fusion-chart {
  margin-bottom: 0;
}
.tableViewCharts.slick-slider .slick-dots {
  bottom: 0;
  margin: 0;
  padding: 0;
  position: relative;
}
.tableViewCharts.slick-slider .slick-dots li.slick-active button:before {
  color: var(--PrimaryColor);
}
.print .tableView {
/** table borders more consistent in PDF when using border-collapse */
  border-collapse: collapse;
  border-top-width: 1px;
  border-right-width: 1px;
}
.print .csi-table-row > * {
  border-bottom-width: 1px;
  border-left-width: 1px;
/* for some reason position:relative causes table header borders to disappear in PDF */
  position: initial;
}
.print .csi-view-table-fixed .csi-table-container-inner {
  overflow-y: visible;
}
.print .csi-table-row:first-child > th.columns {
  text-align: center;
}
.print .csi-table-container-full {
/* For some strange reason this affects printing tables in Firefox after first page; it somehow causes table to overflow the page */
  display: inline-block;
}
.print .footContent.csi-table-foot-left-right .footLeft,
.print .footContent.csi-table-foot-left-right .footRight {
  max-width: none;
}
.print .tableViewCharts {
  display: block;
  margin-right: 0;
  white-space: normal;
}
.csiViewSuspended .tableViewCharts {
/* settings display none seems to break toolbar and calculations on charts Node so setting height to 0 */
  height: 0px;
  overflow: hidden;
  margin-bottom: 0px;
}
.csi-table-view-copy * {
  cursor: crosshair;
}
.csi-table-view-copy .csi-dnd-handle {
  display: none;
}
.csi-table-view-copy-anchor {
  height: 8px;
  position: absolute;
  right: -3.5px; /* 4.5 inside cell accounts for 1px border on right side of cell */
  width: 8px;
  z-index: 99; /* Naturally Scrolled table has z-index = 1, copy-anchor must have larger z-index */
}
.csi-table-view-copy-box {
  border: var(--TableCopyBorder);
  box-sizing: border-box;
  position: absolute;
  width: 100%;
}
.csi-table-view-copy-paste-box {
  background-color: var(--TablePasteBackgroundColor) !important;
}
.csi-table-view-copy-paste-outline {
  box-sizing: border-box;
  border: var(--TablePasteBorder);
  position: absolute;
  width: 100%;
}
.footContent {
  min-width: var(--TableMinWidth);
  overflow: hidden;
}
.footContent .footLeft,
.footContent .footRight {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.footContent .footLeft {
  float: left;
}
.footContent .footRight {
  display: none;
  float: right;
  text-align: right;
}
.footContent.csi-table-foot-left-right .footLeft {
  max-width: 50%;
}
.footContent.csi-table-foot-left-right .footRight {
  display: block;
  max-width: 50%;
  margin-right: 3px;
}
.csi-print-scaled .footContent {
  min-width: inherit;
}
.csi-table-column-resize * {
  cursor: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='23.1' height='16'%3e%3cpath d='M17.7 2.7l-.9.9 3.7 3.7h-5.7V2c0-1.1-.9-2-2-2h-2.7c-1.1 0-2 .9-2 2v5.3H2.5l3.7-3.7-.9-.9L0 8l5.3 5.3.9-.9-3.7-3.7h5.7V14c0 1.1.9 2 2 2h2.7c1.1 0 2-.9 2-2V8.7h5.7l-3.7 3.7.9.9L23.1 8l-5.4-5.3z' fill-rule='evenodd' clip-rule='evenodd' fill='%232d76d4'/%3e%3c/svg%3e") 11.5 8, col-resize !important;
}
.csi-table-column-resize .csi-table-sort:hover {
  --TableHeaderBackgroundColor: unset !important;
}
.csi-table-placeholder .csi-table-column-resize-container::after {
  display: none;
}
.csi-table-column-resize-header {
  border-right-color: var(--TableResizeColumnColor);
  border-right-width: 3px;
/* We are using box-sizing: border-box, so changing the width of the border will actually decrease the size of the cell by two pixel */
  padding-right: calc(var(--TableHeaderPadding) - 2px) !important;
}
.csi-table-column-resizer {
/* height and top are specified dynamically */
  cursor: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='23.1' height='16'%3e%3cpath d='M17.7 2.7l-.9.9 3.7 3.7h-5.7V2c0-1.1-.9-2-2-2h-2.7c-1.1 0-2 .9-2 2v5.3H2.5l3.7-3.7-.9-.9L0 8l5.3 5.3.9-.9-3.7-3.7h5.7V14c0 1.1.9 2 2 2h2.7c1.1 0 2-.9 2-2V8.7h5.7l-3.7 3.7.9.9L23.1 8l-5.4-5.3zM13.5 14c0 .4-.3.7-.7.7h-2.7c-.4 0-.7-.3-.7-.7V2c0-.4.3-.7.7-.7h2.7c.4 0 .7.3.7.7v12z' fill-rule='evenodd' clip-rule='evenodd' fill='%232d76d4'/%3e%3c/svg%3e") 11.5 8, col-resize;
  position: absolute;
  width: 6px;
  z-index: 2;
}
.csi-table-frozen:not(.csi-table-frozen-scroll-max) .actionsColumn {
/* when scrolling, do not show possible left border following matrices */
  border-left-color: transparent;
}
.csi-table-frozen .csi-table-frozen-scrollbar {
  display: block;
}
.csi-table-frozen .footRight {
  margin-right: 5px;
}
.csi-table-frozen-out {
  display: none !important;
}
.csi-view-table.csi-offscreen .csi-table-frozen-out {
  display: table-cell !important;
}
.csi-table-frozen-end {
  border-right-color: var(--TableFreezeEndColumnBorderColor) !important;
  border-right-width: var(--TableFreezeEndColumnBorderColorWidth) !important;
}
.csi-table-frozen-left,
.csi-table-frozen-right,
.csi-table-frozen-wrap {
  position: relative;
}
body:not(.csi-drag) .csi-table-frozen-left:before,
body:not(.csi-drag) .csi-table-frozen-right:after {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  width: 5px;
  top: 0;
}
body:not(.csi-drag) .csi-table-frozen-scroll-min .csi-table-frozen-left:before,
body:not(.csi-drag) .csi-table-frozen-scroll-max .csi-table-frozen-right:after {
  display: none;
}
.csi-table-frozen-left .csi-table-frozen-wrap {
  left: initial !important;
  right: var(--TableFrozenLeftOffset);
  width: calc(var(--TableFrozenLeftWidth) - 2 * var(--TableCellPaddingH) - 1px);
}
.csi-table-frozen-left.attrImage .csi-table-frozen-wrap {
  width: calc(var(--TableFrozenLeftWidth) - 2 * var(--TableImagePadding) - 1px);
}
.csi-table-frozen-left:before {
  left: 0;
  background: linear-gradient(to left, transparent, rgba(0,0,0,0.1));
}
.csi-table-frozen-right .csi-table-frozen-wrap {
  left: 0;
  width: calc(var(--TableFrozenRightWidth) - 2 * var(--TableCellPaddingH) - 1px);
}
.csi-table-frozen-right.attrImage .csi-table-frozen-wrap {
  width: calc(var(--TableFrozenRightWidth) - 2 * var(--TableImagePadding) - 1px);
}
.csi-table-frozen-right:after {
  right: 0;
  background: linear-gradient(to right, transparent, rgba(0,0,0,0.1));
}
.csi-table-frozen-scrollbar {
  display: none;
  float: right;
  height: var(--TableFootHeight);
  position: relative;
  min-width: 200px;
  max-width: 500px;
  width: 25%;
}
.csi-table-frozen-scrollbar .dijitSlider {
  height: 100%;
  width: 100%;
}
.csi-table-frozen-scrollbar .dijitSlider tbody tr:first-child,
.csi-table-frozen-scrollbar .dijitSlider tbody tr:last-child {
  height: 0;
}
.csi-table-frozen-scrollbar .dijitSlider td {
  vertical-align: top;
}
.csi-table-frozen-scrollbar .dijitSliderLeftBumper {
  margin-left: 3px;
}
.csi-table-frozen-scrollbar .dijitSliderRightBumper {
  margin-right: 4px;
}
.csi-table-frozen-scrollbar .dijitSliderDecrementIconH,
.csi-table-frozen-scrollbar .dijitSliderIncrementIconH {
  background: none;
  border-color: var(--TableBorderColor);
  border-radius: 0;
  height: var(--TableFootHeight);
  width: 17px;
}
.csi-table-frozen-scrollbar .dijitSliderDecrementIconH .dijitSliderButtonInner:before,
.csi-table-frozen-scrollbar .dijitSliderIncrementIconH .dijitSliderButtonInner:before {
  content: "";
  position: relative;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  height: var(--TableFootHeight);
  width: var(--TableFootHeight);
/* value is function of difference between TableFootHeight and 24px icon */
  left: -2px;
  top: 0px;
}
.csi-table-frozen-scrollbar .dijitSliderDecrementIconH {
  border-width: 0 1px;
}
.csi-table-frozen-scrollbar .dijitSliderDecrementIconH .dijitSliderButtonInner:before {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%2379818F' d='M14 7l-5 5 5 5z'/%3e%3c/g%3e%3c/svg%3e");
}
.csi-table-frozen-scrollbar .dijitSliderIncrementIconH {
  border-width: 0 0 0 1px;
}
.csi-table-frozen-scrollbar .dijitSliderIncrementIconH .dijitSliderButtonInner:before {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%2379818F' d='M10 17l5-5-5-5z'/%3e%3c/g%3e%3c/svg%3e");
}
.csi-table-frozen-scrollbar .dijitSliderImageHandleH {
  background: var(--TableFreezeScollbarBackgroundColor);
  border: 1px solid var(--TableBorderColor);
  border-radius: 0;
  box-sizing: border-box;
  margin: 0;
  height: var(--TableFootHeight);
  width: var(--TableFootHeight);
}
.csi-table-frozen-scrollbar .dijitSliderImageHandleH:hover {
  background-color: var(--TableFreezeScollbarHoverBackgroundColor);
  border-color: var(--TableFreezeScollbarHoverBorderColor);
}
.csi-table-frozen-scrollbar .dijitSliderImageHandleH,
.csi-table-frozen-scrollbar .dijitSliderFocused .dijitSliderImageHandleH {
  background-image: none;
  box-shadow: none;
  top: 0;
}
.csi-table-frozen-scrollbar .dijitSliderFocused .dijitSliderBar,
.csi-table-frozen-scrollbar .dijitSliderBar {
  border: none;
  box-shadow: none;
  height: 100%;
}
.csi-table-frozen-scrollbar .dijitSliderImageHandle:after {
  display: none;
}
.csi-table-frozen-scrollbar .dijitSliderButtonInner {
  margin: 0;
}
.csi-table-frozen-scrollbar .dijitSliderLeftBumper,
.csi-table-frozen-scrollbar .dijitSliderProgressBarH {
  background: var(--StandardBackgroundColor);
}
.dijitSliderBar,
.dijitSliderDecrementButtonHover,
.dijitSliderIncrementButtonHover {
  box-shadow: none;
}
.csi-table-transposed-matrix .csi-table-row > th {
  padding: var(--TableCellPaddingV) var(--TableCellPaddingH);
}
.csi-table-transposed-matrix thead th.columns {
  background-color: inherit;
  font-weight: normal;
  text-align: left;
}
.csi-table-transposed-matrix tbody td.firstColumn {
  background-color: var(--TableHeaderBackgroundColorMatrix);
  font-weight: bold;
  text-align: left;
}
.csi-row-actions-menu .dijitIcon {
  font-size: 19px;
}
.csi-row-actions-menu.dijitDropDownButton {
  line-height: 1px;
}
.csi-row-actions-menu.dijitDropDownButton .dijitArrowButtonInner {
  display: none;
}
.csi-row-actions-menu.dijitDropDownButton .dijitButtonNode {
  background: none;
  border: none;
  padding: 0;
}
.csi-row-actions-menu.dijitDropDownButtonActive .dijitButtonNode {
  box-shadow: none;
}
.csi-table-mass-edit .csi-view-table-fixed-body > tbody td:not(.csi-table-selection-column) {
  pointer-events: none;
}
.csi-table-mass-edit .csi-view-table-fixed-body > tbody td:not(.csi-table-selection-column) .dijitCheckBox {
  background-color: var(--Grey100);
  border: 1px solid var(--Grey400);
}
.csi-table-mass-edit .csi-view-table-fixed-body > tbody td:not(.csi-table-selection-column) .dijitCheckBox:hover {
  border: 1px solid var(--Grey400);
}
.csi-table-mass-edit .csi-view-table-fixed-body > tbody td:not(.csi-table-selection-column) .dijitCheckBoxChecked {
  background-color: var(--Blue300);
  border-color: transparent;
}
.csi-table-mass-edit .csi-view-table-fixed-body > tbody td:not(.csi-table-selection-column) .dijitCheckBoxChecked:hover {
  background-color: var(--Blue300);
  border: 1px solid transparent;
}
.csi-table-mass-edit .csi-view-table-fixed-body .csi-table-row-more .csi-rounded-combo-btn td {
  pointer-events: auto;
}
.csi-table-mass-edit .csi-view-table-fixed-body .actionsColumn > * {
  display: none;
}
.csi-table-mass-edit .iconEditable {
  background-image: unset;
}
.csi-table-mass-edit .dojoDndItemOver.csiHighlight .csi-dnd-handle,
.csi-table-mass-edit .csi-dnd-display-handle.csiHighlight .csi-dnd-handle,
.csi-table-mass-edit .dojoDndItemOver.csiSelected .csi-dnd-handle,
.csi-table-mass-edit .csi-dnd-display-handle.csiSelected .csi-dnd-handle {
  background-color: transparent;
}
.csi-table-mass-edit .dojoDndItemOver.csiHighlight .csi-dnd-handle .dojoDndHandle,
.csi-table-mass-edit .csi-dnd-display-handle.csiHighlight .csi-dnd-handle .dojoDndHandle,
.csi-table-mass-edit .dojoDndItemOver.csiSelected .csi-dnd-handle .dojoDndHandle,
.csi-table-mass-edit .csi-dnd-display-handle.csiSelected .csi-dnd-handle .dojoDndHandle {
  display: none;
}
.csi-table-no-footer .csi-view-table-fixed-body {
  border-bottom: none;
}
.csi-table-no-footer .tableView > tfoot {
  display: none;
}
.csi-table-no-header .csi-view-table-fixed-head,
.csi-table-no-header thead {
  display: none;
}
.csi-table-no-header .csi-table-row:first-child > td {
  border-top: none;
}
.tableViewGroup .tableRowWidget {
  vertical-align: middle;
}
.tableViewGroup .attrPrimary {
  position: relative;
  bottom: 1px;
}
.csi-table-newly-created .attrPrimary {
  font-style: italic;
}
.csi-table-placeholder .csi-table-container {
  height: 100%;
}
.csi-table-placeholder .csi-view-table-fixed-body {
  border: none !important;
  height: 100%;
}
.csi-table-placeholder .csi-view-table-fixed-body > tbody:not(.csi-table-placeholder-wrapper) {
  display: none;
}
.csi-table-placeholder-column {
  border: none !important;
  box-sizing: border-box;
  width: 100%;
}
.csi-table-placeholder-no-filter .csi-table-filters span {
/* do not fully hide as that can reduce the height of the row */
  visibility: hidden;
}
.csi-table-placeholder-no-footer .csi-table-container-inner {
  margin-bottom: 0 !important;
}
.csi-table-placeholder-no-footer tfoot {
  display: none;
}
.csi-table-placeholder-with-image .csi-placeholder-container {
  min-height: 220px;
}
.tableView .dojoDndItem {
  user-select: initial;
  -webkit-user-select: initial;
}
.csi-table-align-middle .csi-table-row > td {
  vertical-align: middle;
}
.csi-table-merge-hierarchy .csi-table-row:not([data-csi-table-level="0"]) > td {
  border-top-color: transparent;
}
/* Table Compare */
.csi-table-compare .iconExpand,
.csi-table-compare .iconCollapse {
  visibility: hidden;
}
.csi-table-compare-new {
/* overwrite other background colors specified at cell level */
  background-color: var(--TableCompareBackgroundColorNew) !important;
}
.csi-table-compare-newth {
/* header could have different background color */
  --TableCompareBackgroundColorNew: var(--TableCompareHeaderBackgroundColorNew);
}
.csi-table-compare-font-size {
  font-size: 12px;
}
.csi-table-compare-old {
  text-decoration: line-through;
/* group background color */
  --TableRowBackgroundColorGroup: var(--TableCompareBackgroundColorOld);
/* background color */
  background-color: var(--TableCompareBackgroundColorOld) !important;
/* text color */
  color: var(--TableCompareTextColorOld);
}
.csi-table-compare-oldth {
/* header could have different background color */
  --TableCompareBackgroundColorOld: var(--TableCompareHeaderBackgroundColorOld);
}
.csi-table-compare-old > td {
/* if old row, then everything has old background color */
  background-color: var(--TableCompareBackgroundColorOld) !important;
}
.csi-table-compare-old .csi-table-compare-new {
/* new columns should still have old background color for old rows */
  --TableCompareBackgroundColorNew: var(--TableCompareBackgroundColorOld);
}
.csi-table-compare-old a {
  color: var(--TableCompareTextColorOld) !important;
}
td .csi-table-compare-old {
  margin-bottom: 2px;
}
/* Fixed Column Widths */
.csi-view-table-fixed {
/* styles here apply both to interactive and fixed-width tables when printing */
  --TableMinWidth: 0;
}
.csi-view-table-fixed .tableView {
  table-layout: fixed;
}
.csi-view-table-fixed .csi-table-row > th,
.csi-view-table-fixed .csi-table-row > td {
  overflow: hidden;
}
.csi-view-table-fixed .csi-table-row > th {
/* height of images in header should be maximum of 64px high (Theme Styles) */
  --TableImageHeight: 64px;
}
.csi-view-table-fixed .csi-table-row > .attrImage img,
.csi-view-table-fixed .csi-table-row > .attrImage span {
/* TableImageHeight expected to be set on table itself */
  max-height: var(--TableImageHeight);
  max-width: 100%;
}
.csi-view-table-fixed .csi-table-row > .attrImage img {
  height: auto;
}
.home .csi-table-view-fixed .csi-table-row > th {
  text-overflow: ellipsis;
}
.home .csi-table-view-fixed .csi-table-row > td:not(.attrBoolean) {
  text-overflow: ellipsis;
}
.csi-view-table-fixed-to-scroll {
/* styles here apply just to interactive (non-print) tables */
  background-color: var(--PlaceholderBackgroundColor);
  border: 1px solid var(--TableBorderColor);
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  z-index: 0;
}
.csi-view-table-fixed-to-scroll .csi-table-container-inner {
  display: inline-flex;
  margin-bottom: var(--TableFooterHeight);
  margin-top: var(--TableHeaderHeight);
  max-height: var(--TableFullHeight);
  min-width: var(--TableMinWidth);
  overflow-x: hidden;
  overflow-y: scroll;
/* make sure there is room for border; sometimes table can be fractions of a pixel wider than container */
  padding-right: 1px;
}
.csi-view-table-fixed-to-scroll .csi-table-hide-scrollbar {
  overflow-y: hidden;
  padding-right: 0;
}
.csi-view-table-fixed-to-scroll .tableView {
  background-color: var(--PrimaryWhite);
  border-left: none;
}
.csi-view-table-fixed-to-scroll .tableView > thead {
/* FIXED_WIDTH: only show box shadow when scrolled? */
  box-shadow: var(--TableHeadShadowOnScroll);
}
.csi-view-table-fixed-to-scroll .tableView > tfoot {
  border-top: 1px solid var(--TableBorderColor);
  left: 0;
  overflow: hidden;
  position: absolute;
  width: calc(100% - 1px);
/* use 1px for bottom value so that its top border will overlap with bottom border or last table row */
  bottom: 1px;
/* z-index to ensure copy-paste outline does not overlap footer */
  z-index: 1;
}
.csi-view-table-fixed-to-scroll .tableView > tfoot > tr {
  display: block;
}
.csi-view-table-fixed-to-scroll .tableView > tfoot > tr > td {
  border: none;
  display: block;
}
.csi-view-table-fixed-to-scroll .csi-table-row:first-child > th {
  border-top: none;
}
.csi-view-table-fixed-to-scroll .csi-table-row:not(.csi-table-subheaders) > th:last-child:not(.csi-table-matrix-column-last) {
  border-right: none;
}
.csi-table-natural-horizontal-scroll .csi-table-container-inner {
  overflow-x: auto;
  flex-direction: column;
  margin-top: 0;
  overflow: hidden;
}
.csi-table-natural-horizontal-scroll .csi-view-table-fixed-head {
  position: static;
}
.csi-table-natural-horizontal-scroll .csi-header-table-scroll {
  overflow-y: auto;
  min-height: calc(var(--TableHeaderHeight) + var(--TableScrollbarHeight));
  margin-bottom: calc(0px - var(--TableScrollbarHeight));
  pointer-events: none;
}
.csi-table-natural-horizontal-scroll .csi-header-table-scroll * {
  pointer-events: all;
}
.csi-table-natural-horizontal-scroll .csi-body-table-scroll {
  height: 100%;
  overflow-y: auto;
  z-index: 1;
}
.csi-table-natural-horizontal-scroll.csi-table-horizontal-scroll .csi-table-natural-scroll-more {
  float: left;
  margin-left: var(--TableBtnMoreMarginLeft) !important;
}
.csi-view-table-fixed-head {
/* replaces absolute styling applied to just the head element in non-fixed tables */
  border-bottom: none;
  position: absolute;
/* move down fractionally to account better for browser zoom */
  top: 0.33px;
/* z-index to ensure copy-paste outline does not overlap header */
  z-index: 1;
}
.csi-view-table-fixed-head.csi-table-frozen-active {
  --TableFreezeEndColumnBorderColor: var(--Blue300);
  --TableFreezeEndColumnBorderColorWidth: 2px;
}
.csi-view-table-fixed-head th.csi-table-potential-column {
  border-right-color: var(--TablePotentialColumnBorderColor);
  border-right-width: var(--TablePotentialColumnBorderWidth);
/* We are using box-sizing: border-box, so changing the width of the border will actually decrease the size of the cell by one pixel */
  padding-right: calc(var(--TableHeaderPadding) - calc(var(--TablePotentialColumnBorderWidth) - 1px)) !important;
}
.dj_gecko .csi-view-table-fixed-body > tbody:not(.csi-table-placeholder-wrapper) > tr:first-child:last-child > td:first-child {
/*
	 * On Firefox, the scrollbar arrows are taller than a single row of the table, so this ensures the only row is tall enough;
	 * this does not stop the height of the row from growing larger, but does enforce a minimum height
	 */
  min-height: calc(33px / var(--DevicePixelRatio)) !important;
}
/* Film Strip Widget */
.csi-film-strip .csi-toolbar-btn-FilmStripFind .csi-fs-btn-close,
.csi-film-strip .csi-toolbar-btn-FilmStripFind .csi-fs-btn-search {
  margin: 0;
}
.csi-film-strip .csi-toolbar-btn-FilmStripFind .csi-fs-btn-close {
  margin-left: 4px;
}
.csi-film-strip .csi-toolbar-btn-FilmStripGroup {
  width: 240px;
}
.csi-film-strip .csi-view-header .csi-fs-pane-close {
/* Added for cases where close icon needed in both places */
  display: none;
}
.csi-film-strip .csi-fs-toolbar .dijitDownArrowButton.dijitSelect.dijitHover {
  background: var(--ToolbarBackground);
}
.csi-film-strip .csi-fs-toolbar .csiViewToolbar .dijitToolbar {
  max-height: 26px;
  overflow: hidden;
}
.csi-film-strip .csi-fs-table tr.tableViewGroup > td {
  padding-left: 5px;
}
.csi-film-strip .csi-fs-table tr.tableViewGroup .tableRowWidget {
  display: inline;
  position: relative;
  top: -1px;
  vertical-align: unset;
}
.csi-film-strip .csi-fs-table tr.tableViewGroup .attrPrimary {
  align-items: center;
  bottom: unset;
  display: inline-flex;
  width: 250px;
}
.csi-film-strip .csi-fs-table tr:not(.tableViewGroup) .tableRowWidget {
  display: none;
}
.csi-film-strip .csi-fs-table tr:not(.tableViewGroup) .tableRowWidget + .attrPrimary {
  display: block;
  padding-left: 0;
}
.csi-film-strip .csi-fs-table tbody .firstColumn:not(.csi-camunda-tasks-batch-enable) {
/* 12px normal padding + 12px more to make room for scrollbar (for now, ok to not have 12px padding after scrollbar visible - otherwise need 29px) */
  padding-right: 24px !important;
}
.csi-film-strip .csi-fs-table .iconTreeLeaf {
  display: none;
}
.csi-film-strip .csi-fs-insert {
  overflow: auto;
}
.csi-film-strip:not(.csi-fs-on) .csi-fs-label {
  display: none;
}
.csi-film-strip:not(.csi-fs-on) .csi-fs-table .csi-table-row > th {
  padding-top: 8px;
  padding-bottom: 9px;
}
.csi-film-strip:not(.csi-fs-on) .csi-fs-table .csi-table-header-arrow {
  top: 9px;
}
.csi-film-strip:not(.csi-fs-on) .csi-fs-toolbar {
  background: var(--Toolbar2Background);
  height: 36px;
  border: var(--StandardBorder);
  border-bottom: none;
}
.csi-film-strip:not(.csi-fs-on) .csi-fs-toolbar .csiViewToolbar {
  margin: 5px;
}
.csi-film-strip.csi-fs-on:not(.csi-full) .csi-fs-column-left {
  border: var(--StandardBorder);
}
.csi-film-strip.csi-fs-on:not(.csi-full) .csi-fs-column-right {
  border: var(--StandardBorder);
  border-left-width: 0;
}
.csi-film-strip.csi-fs-on .csi-fs-column-left {
  border-right: var(--StandardBorder);
}
.csi-film-strip.csi-fs-on .csi-fs-toolbar {
  margin: 6px var(--DialogSpacing) 15px;
}
.csi-film-strip.csi-fs-on .csi-fs-toolbar .csiViewToolbar {
  margin: 0;
}
.csi-film-strip.csi-fs-on .csi-toolbar-btn-FilmStripFind .dijitTextBox {
  width: 240px;
}
.csi-film-strip.csi-fs-on .csi-table-frozen-right::after {
  display: none;
}
.csi-film-strip.csi-fs-on .csi-fs-table {
  border-top: var(--StandardBorder);
}
.csi-film-strip.csi-fs-on .csi-fs-table .csi-table-frozen-end {
  border-right: 0 !important;
}
.csi-film-strip.csi-fs-on .csi-fs-table .csi-table-row:not(.tableViewGroup) .firstColumn {
  cursor: pointer;
}
.csi-film-strip.csi-fs-on .csi-fs-table .csi-table-row > td:not(.firstColumn) {
  display: none;
}
.csi-film-strip.csi-fs-on .csi-fs-pane > div {
  align-items: center;
  box-sizing: border-box;
  height: 72px;
  padding: 0 var(--DialogSpacing);
}
.csi-film-strip.csi-fs-on .csi-fs-content {
  border-top: var(--StandardBorder);
  overflow: auto;
}
.csi-film-strip.csi-fs-on .csi-fs-label {
  padding: 0 var(--DialogSpacing);
}
.csi-film-strip.csi-fs-on .csi-fs-table .csi-table-container,
.csi-film-strip .csi-focused-view-and-action .csi-fs-table .csi-table-container {
  border-width: 0;
}
.csi-film-strip.csi-fs-on .csi-fs-table .csi-table-container-inner,
.csi-film-strip .csi-focused-view-and-action .csi-fs-table .csi-table-container-inner {
/* when filmstrip is on, table header and footer are hidden, and filmstrip controls scrolling rather than table */
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  max-height: unset !important;
  overflow-y: visible;
}
.csi-film-strip.csi-fs-on .csi-fs-table .csi-view-table tfoot,
.csi-film-strip .csi-focused-view-and-action .csi-fs-table .csi-view-table tfoot {
  display: none;
}
.csi-film-strip.csi-fs-on .csi-fs-table .csi-table-row:first-child > td,
.csi-film-strip .csi-focused-view-and-action .csi-fs-table .csi-table-row:first-child > td {
  border-top-width: 0;
}
.csi-film-strip.csi-fs-on .csi-fs-table .csi-table-row > td,
.csi-film-strip .csi-focused-view-and-action .csi-fs-table .csi-table-row > td {
  border-right-width: 0;
}
.csi-film-strip.csi-fs-on .csi-fs-table .csi-placeholder-title,
.csi-film-strip .csi-focused-view-and-action .csi-fs-table .csi-placeholder-title {
  font-size: 21px;
}
.csi-film-strip.csi-fs-on .csi-fs-table .csi-placeholder-container,
.csi-film-strip .csi-focused-view-and-action .csi-fs-table .csi-placeholder-container {
  width: 290px;
}
.csi-focused-view-and-action > .csi-fs-table {
  border-top: none !important;
}
.csi-focused-view-and-action > .csi-fs-table.csi-table-placeholder .csi-table-container {
  border-width: 0;
}
.csi-fs-pane-action {
  outline: none;
  user-select: none;
}
.csi-fs-pane-close {
  margin-left: 6px;
}
.csi-fs-pane-close > span {
  font-size: 24px;
  position: relative;
  top: 2px;
}
.csi-fs-slide-back {
  margin-right: 6px;
}
.csi-fs-slide-back > span {
  font-size: 20px;
  position: relative;
  top: 3px;
}
.csi-fs-column-right {
  position: relative;
}
.csi-fs-column-right .csi-wait {
  background: rgba(0,0,0,0.3);
}
.csi-dnd-table-avatar-container .dojoDndAvatarItem td .csi-dnd-table-avatar {
  border: 1px solid var(--DNDTableAvatarBorderColor);
  border-radius: 3px;
  padding: 0 5px;
  background: var(--DNDTableAvatarBackgroundColor);
  height: 32px;
  display: table-cell;
  vertical-align: middle;
}
.csi-dnd-table-avatar-container .dojoDndAvatarItem td .csi-dnd-table-avatar .material-icons {
  color: var(--DNDTableIconColor);
  font-size: 24px;
}
.csi-dnd-table-avatar-container .dojoDndAvatarItem td .csi-dnd-table-avatar .csi-dnd-table-avatar-text {
  font-size: 14px;
  width: 120px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}
.home .csi-view-compact-table,
.csi-view-dialog-wrapper .csi-view-compact-table {
  --TableCellPaddingH: 8px;
  --TableCellPaddingV: 3px;
  --TableHeaderPadding: 5px;
}
.home .csi-view-compact-table thead .csi-table-filters .dijitDropDownButton,
.csi-view-dialog-wrapper .csi-view-compact-table thead .csi-table-filters .dijitDropDownButton {
  padding-left: 4px;
  padding-right: 4px;
}
.home .csi-view-compact-table tbody > .csi-table-row td.actionsColumn,
.csi-view-dialog-wrapper .csi-view-compact-table tbody > .csi-table-row td.actionsColumn {
  padding-top: 1.5px;
  padding-bottom: 1.5px;
}
.attrUrl .progressContainer {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.attrUrl .progressContainer .dijitProgressBar {
  flex-grow: 1;
  flex-shrink: 0;
  min-width: 30px;
}
/* FORCE SCROLLBAR TO ALWAYS SHOW UP START*/
.csi-table-force-scrollbars::-webkit-scrollbar-track:vertical {
  border-left: 1px solid #e7e7e7;
  box-shadow: 1px 0 1px 0 #f6f6f6 inset, -1px 0 1px 0 #f6f6f6 inset;
}
.csi-table-force-scrollbars::-webkit-scrollbar-track:horizontal {
  border-top: 1px solid #e7e7e7;
  box-shadow: 0 1px 1px 0 #f6f6f6 inset, 0 -1px 1px 0 #f6f6f6 inset;
}
.csi-table-force-scrollbars::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: #fafafa;
  width: var(--TableScrollbarWidth);
}
.csi-table-force-scrollbars::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #c1c1c1;
  border-color: transparent;
  border-radius: 9px 8px 8px 9px;
  border-style: solid;
  border-width: 3px 3px 3px 4px; /* Workaround because margins aren't supported */
  box-shadow: 0 0 1px rgba(255,255,255,0.5);
}
.csi-table-force-scrollbars::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
/* FORCE SCROLLBAR TO ALWAYS SHOW UP END*/
.csi-fullscreen .tableViewRoot {
  padding-bottom: 12px;
}
.snapshot-template-background-color {
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 3px;
  height: 15px;
  margin: 0 auto;
  width: 15px;
}
.snapshot-template-background-image {
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
  height: 44px;
  margin: 0 auto;
  width: 78px;
}
.snapshot-template-transparency {
  border: 1px solid #f00;
  position: relative;
  right: 2px;
  top: 6px;
  transform: rotate(135deg);
  width: 17px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/splitPane.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.csi-split-pane {
  display: flex;
  height: 100%;
}
.csi-split-pane-1,
.csi-split-pane-2 {
  overflow: auto;
}
.csi-split-pane-max.csi-split-pane-frozen > .csi-split-pane-splitter {
  display: none;
}
.csi-split-pane-max > .csi-split-pane-2 {
  display: none;
}
.csi-split-pane-min.csi-split-pane-frozen > .csi-split-pane-splitter {
  display: none;
}
.csi-split-pane-min > .csi-split-pane-1 {
  display: none;
}
.csi-split-pane-splitter {
  background-color: var(--SplitterBackgroundColor);
  position: relative;
  width: 7px;
}
.csi-split-pane-splitter.over {
  cursor: col-resize;
}
.csi-split-pane-splitter.warning {
  background-color: var(--SplitterWarningBackgroundColor);
}
.csi-split-pane-splitter.warning .csi-split-pane-splitter-thumb {
  background-image: radial-gradient(circle at center, var(--SplitterWarningHandleColor) 1px, transparent 2px);
}
.csi-split-pane-splitter-thumb {
  background-image: radial-gradient(circle at center, var(--SplitterHandleColor) 1px, transparent 2px);
  overflow: hidden;
  position: absolute;
  background-size: 3px 6px;
  height: 18px;
  left: 2px;
  top: calc((100% - 18px) / 2);
  width: 3px;
}
.csi-split-pane-vertical {
  display: block;
}
.csi-split-pane-vertical > .csi-split-pane-splitter {
  height: 7px;
  width: inherit !important;
}
.csi-split-pane-vertical > .csi-split-pane-splitter.over {
  cursor: row-resize;
}
.csi-split-pane-vertical > .csi-split-pane-splitter .csi-split-pane-splitter-thumb {
  background-size: 6px 3px;
  height: 3px;
  left: calc((100% - 18px) / 2);
  top: 2px;
  width: 18px;
}
.csi-split-pane-frozen > .csi-split-pane-splitter > .csi-split-pane-splitter-thumb {
  display: none;
}
.csi-split-pane-no-overflow > div {
  overflow: hidden;
}
.print .csi-split-pane-splitter {
  width: 1px;
}
.print .csi-split-pane-vertical > .csi-split-pane-splitter {
  height: 1px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/svg.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.attrImageSvg {
  height: 100%;
  overflow: hidden;
}
.print .csi-canvas-print-page {
  border-bottom-width: 0;
}
.print .csi-canvas-print-page .csi-split-pane {
  border: 1px solid var(--DataSheetBorderColor);
  overflow: hidden;
}
.print .csi-canvas-print-page .csi-split-pane-1 > div {
/* Allow for border to show around snapshot image */
  padding: 1px;
}
.print .csi-canvas-print-page .csi-split-pane-splitter {
/* when printing, splitter is just 1px border */
  background-color: var(--DataSheetBorderColor);
}
.print .csi-canvas-print-page .csi-view {
/* Remove margin below views (Titleblock/Property) on TDS page */
  margin-bottom: 0;
}
.print .csi-property-view-with-canvas {
  border-bottom: 1px solid var(--PropertyViewBorderColor);
  overflow: hidden;
}
.print .csi-property-view-with-canvas .csi-property-image {
  border-bottom-width: 0;
  border-top-width: 0;
}
.print .svgCanvasContainer {
  border: none;
}
.csi-canvas-drag-over-inactive {
  outline: 2px dashed var(--Grey700);
  outline-offset: -5px;
}
.htmlHideToolbars .svgCanvasContainer .csiViewToolbar {
/* Show toolbar for canvas always */
  display: block;
}
.dijitTabPane > .svgCanvasContainer {
  padding-bottom: 0;
}
.svgCanvas {
  background-color: var(--SVGCanvasColor);
  height: 100%;
}
.svgCanvas.csi-drop-zone {
  position: inherit;
}
.svgCanvasContainer {
  border: 1px solid var(--DataSheetBorderColor);
/*
		this notification box needs to be above the draw layer in canvas,
		this is the reason for the position and z-index.
	*/
}
.svgCanvasContainer .csiViewToolbar {
  border-bottom: 1px solid var(--DataSheetBorderColor);
  margin: 0px;
}
.svgCanvasContainer .csi-canvas-container {
  background-color: var(--SVGContainerBackgroundColor);
  display: flex;
  height: 100%;
}
.svgCanvasContainer .csi-canvas-container .csi-split-pane-2 {
  overscroll-behavior-x: contain;
}
.svgCanvasContainer .csi-canvas-blank-container {
  display: none;
  align-items: center;
  border: 1px dotted var(--DataSheetBorderColor);
  background: var(--SVGContainerBackgroundColor);
  cursor: pointer;
  font-size: 30px;
  height: 700px;
  text-align: center;
}
.svgCanvasContainer .csi-canvas-blank-container div {
  width: 100%;
}
.svgCanvasContainer.csi-no-canvas .csi-canvas-toolbar,
.svgCanvasContainer.csi-no-canvas .csi-canvas-left-thumbnails,
.svgCanvasContainer.csi-no-canvas .csi-canvas-page .csi-canvas-page-content {
  display: none;
}
.svgCanvasContainer.csi-no-canvas .csi-canvas-blank-container {
  display: flex;
}
.svgCanvasContainer .csi-canvas-notification {
  margin: auto;
  text-align: center;
  position: relative;
  z-index: 350;
  width: 100%;
  height: 50px;
}
.svgCanvasContainer .csi-canvas-notification-window {
  align-items: center;
  position: relative;
  top: 5px;
  display: inline-flex;
  border-radius: 2px;
  text-align: left;
  width: 800px;
  height: 30px;
  border: var(--StandardBorder);
  padding: 2px 2px 2px 5px;
  background-color: var(--WarningYellow);
}
.svgCanvasContainer .csi-canvas-notification-window .csi-impossible-placeholder-warning {
  color: var(--CanvasWarningIcon);
  font-size: 20px;
}
.svgCanvasContainer .csi-canvas-notification-window .csi-impossible-placeholder-text {
  position: relative;
  top: -5px;
  left: 3px;
}
.svgCanvasContainer .csi-placeholder-button {
  margin: 2px;
}
.svgCanvasContainer .csi-canvas-page {
  display: inline-block;
}
.svgCanvasContainer .csi-canvas-page-content {
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.15);
  background-color: var(--SVGViewBackground);
  display: inline-block;
  width: 100%;
}
.svgCanvasContainer .csi-canvas-page-content .htmlView {
/* Titleblock - in some cases, titleblock table does not fully span 100% of width (off by fraction of pixel) */
  background-color: var(--DataSheetTitleBackgroundColor);
}
.svgCanvasContainer .csi-canvas-left {
  overflow-y: scroll;
  position: relative;
  height: 100%;
}
.svgCanvasContainer .csi-canvas-left .csi-canvas-blank-container {
  height: 130px;
  margin-left: 29px;
  width: 154px;
}
.svgCanvasContainer .csi-canvas-center {
  box-sizing: content-box;
  flex-grow: 1;
  overflow: scroll;
  height: 100%;
  z-index: 0;
}
.svgCanvasContainer .csi-canvas-center .csi-split-pane-1 {
  overflow: visible;
}
.svgCanvasContainer .csi-canvas-center .csi-split-pane-2 {
  overflow: visible;
  z-index: 300;
  background: var(--White50);
  position: relative;
}
.svgCanvasContainer .csi-canvas-center .csi-split-pane-2 > .csi-canvas-notes {
/* for some reason overflow-y: visible does not work as expected with overflow-x: hidden on same element, so specify at child container */
  overflow-x: hidden;
}
.svgCanvasContainer .csi-canvas-center .csi-view {
/* override styling for views under htmlViewContent */
  margin-bottom: 0;
}
.svgCanvasContainer .csi-canvas-center.csi-dnd-dragging-over {
  outline: var(--SVGCanvasHighlightBlue);
  outline-offset: -5px;
}
.svgCanvasContainer .csi-canvas-right {
  display: none;
}
.svgCanvasContainer .fa-mouse-pointer {
  transform: scale(0.75);
}
.csi-shaded-toolbar .dijitToolbar {
  padding: 5px;
  position: relative;
  text-align: left;
  white-space: normal;
  background: var(--SVGToolbarBackgroundColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-color-icon .dijitStretch {
  position: relative;
}
.csi-shaded-toolbar .dijitToolbar .csi-color-icon .dijitButtonText.dijitDisplayNone {
  display: block !important;
  position: absolute;
  width: 8px;
  bottom: 0;
}
.csi-shaded-toolbar .dijitToolbar .csi-canvas-full-screen,
.csi-shaded-toolbar .dijitToolbar .csi-canvas-paper-size,
.csi-shaded-toolbar .dijitToolbar .csi-canvas-snap-grid {
  float: right;
}
.csi-shaded-toolbar .dijitToolbar .csi-canvas-zoom {
  float: right;
}
.csi-shaded-toolbar .dijitToolbar .csi-canvas-zoom tr:last-child {
  background-color: var(--BtnToolbarNormalBackgroundColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-canvas-zoom.dijitHover tr:last-child {
  background-color: var(--BtnToolbarHoverBackgroundColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-canvas-paper-size {
  padding: 4px 5px;
  outline: none;
}
.csi-shaded-toolbar .dijitToolbar .csi-text-formatting-select-button {
  padding: 0px;
  background: var(--BtnToolbarNormalBackgroundColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-text-formatting-select-button-no-border {
  padding: 0px;
  border: none;
  background: transparent;
}
.csi-shaded-toolbar .dijitToolbar .csi-text-formatting-select-button-no-border:focus,
.csi-shaded-toolbar .dijitToolbar .csi-text-formatting-select-button:focus {
  outline: none;
}
.csi-shaded-toolbar .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
.csi-shaded-toolbar .dijitToolbar .dijitToggleButton.dijitHover .dijitButtonNode,
.csi-shaded-toolbar .dijitToolbar .dijitButton.dijitHover .dijitButtonNode {
  background-color: var(--SVGBtnToolbarHoverBackgroundColor);
  border-color: var(--SVGBtnToolbarHoverBorderColor);
}
.csi-shaded-toolbar .dijitToolbar .dijitDropDownButton.dijitOpened .dijitButtonNode,
.csi-shaded-toolbar .dijitToolbar .dijitToggleButton.dijitOpened .dijitButtonNode,
.csi-shaded-toolbar .dijitToolbar .dijitButton.dijitOpened .dijitButtonNode,
.csi-shaded-toolbar .dijitToolbar .dijitDropDownButton.dijitActive .dijitButtonNode,
.csi-shaded-toolbar .dijitToolbar .dijitToggleButton.dijitActive .dijitButtonNode,
.csi-shaded-toolbar .dijitToolbar .dijitButton.dijitActive .dijitButtonNode {
  background-color: var(--SVGBtnToolbarActiveBackgroundColor);
}
.csi-shaded-toolbar .dijitToolbar .dijitDropDownButton.dijitOpened .dijitButtonNode,
.csi-shaded-toolbar .dijitToolbar .dijitDropDownButton.dijitActive .dijitButtonNode {
  border-color: var(--SVGBtnToolbarHoverBorderColor);
  box-shadow: var(--InputInsetShadow);
}
.csi-shaded-toolbar .dijitToolbar .csi-3d-browser .dijitButtonNode {
  border-radius: 0px 3px 3px 0px;
}
.csi-shaded-toolbar .dijitToolbar .dijitComboButton .dijitButtonNode,
.csi-shaded-toolbar .dijitToolbar .dijitComboButton.dijitActive .dijitButtonNode,
.csi-shaded-toolbar .dijitToolbar .dijitComboButton.dijitHover .dijitButtonNode {
  background: var(--BtnToolbarNormalBackgroundColor);
}
.csi-shaded-toolbar .dijitToolbar .dijitComboButton.dijitHover .dijitButtonNodeHover,
.csi-shaded-toolbar .dijitToolbar .dijitComboButton.dijitHover .dijitDownArrowButtonHover {
  background-color: var(--SVGBtnToolbarHoverBackgroundColor);
}
.csi-shaded-toolbar .dijitToolbar .dijitComboButton.dijitOpened .dijitDownArrowButton,
.csi-shaded-toolbar .dijitToolbar .dijitComboButton.dijitActive .dijitButtonNodeActive,
.csi-shaded-toolbar .dijitToolbar .dijitComboButton.dijitActive .dijitDownArrowButtonActive {
  background-color: var(--SVGBtnToolbarActiveBackgroundColor) !important;
}
.csi-shaded-toolbar .dijitToolbar .dijitDownArrowButton.dijitSelect.dijitFocused,
.csi-shaded-toolbar .dijitToolbar .dijitDownArrowButton.dijitSelect.dijitHover {
  border-color: var(--SVGBtnToolbarHoverBorderColor);
  background-color: var(--SVGBtnToolbarHoverBackgroundColor);
}
.csi-shaded-toolbar .dijitToolbar .dijitDownArrowButton.dijitSelect.dijitOpened,
.csi-shaded-toolbar .dijitToolbar .dijitDownArrowButton.dijitSelect.dijitActive {
  background-color: var(--SVGBtnToolbarActiveBackgroundColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle {
  margin-left: 0;
  margin-right: 0;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitFocused .dijitButtonNode {
  border-color: var(--BtnToolbarNormalBorderColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitFocused.dijitHover .dijitButtonNode {
  border-color: var(--BtnToolbarHoverBorderColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitComboButton .dijitButtonNode {
  border-radius: 0;
  border-right-width: 0;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitComboButton .dijitDownArrowButton {
  padding: 3px;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitComboButton.dijitChecked .dijitStretch {
  background-color: var(--SVGBtnToolbarActiveBackgroundColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitComboButton.dijitChecked:not(.dijitActive) .dijitDownArrowButton {
  background: transparent;
  box-shadow: none;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitComboButton.dijitChecked:not(.dijitHover):not(.dijitActive):not(.dijitOpened) .dijitDownArrowButton {
  border-top-color: var(--BtnToolbarNormalBorderColor);
  border-right-color: var(--BtnToolbarNormalBorderColor);
  border-bottom-color: var(--BtnToolbarNormalBorderColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitComboButton.dijitActive + .csi-button-toggle .dijitButtonNode:first-child,
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitComboButton.dijitOpened + .csi-button-toggle .dijitButtonNode:first-child {
  border-left-color: var(--SVGBtnToolbarHoverBorderColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitComboButton.dijitFocused .dijitButtonNode {
  border-color: var(--SVGBtnToolbarHoverBorderColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitComboButton.csi-single-toggle {
  margin-right: 4px;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitComboButton.csi-single-toggle .dijitStretch {
  border-radius: 3px 0px 0px 3px;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitComboButton.csi-single-toggle .dijitDownArrowButton {
  border-radius: 0px 3px 3px 0px;
  border-right-width: 1px;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitToggleButton .dijitIcon {
  width: 16px;
  height: 16px;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitToggleButton .dijitButtonNode {
  border-right-width: 0;
  border-radius: 0;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitToggleButton.csi-toggle-singlebutton .dijitButtonNode {
  border-right-width: 1px;
  border-radius: 3px;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitToggleButton.dijitChecked .dijitButtonNode {
  background-color: var(--SVGBtnToolbarActiveBackgroundColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitToggleButton.dijitChecked.dijitFocused .dijitButtonNode {
  border-color: var(--SVGBtnToolbarHoverBorderColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitToggleButton.csi-toggle-group-first .dijitButtonNode {
  border-radius: 3px 0px 0px 3px;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitToggleButton.csi-toggle-group-last {
  margin-right: 4px;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitToggleButton.csi-toggle-group-last .dijitButtonNode {
  border-radius: 0px 3px 3px 0px;
  border-right-width: 1px;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitToggleButton.csi-single-toggle {
  margin-right: 4px;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitToggleButton.csi-single-toggle .dijitButtonNode {
  border-radius: 3px;
  border-right-width: 1px;
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitToggleButton.dijitChecked + .csi-button-toggle .dijitButtonNode:first-child {
  border-left-color: var(--SVGBtnToolbarHoverBorderColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitDropDownButton.dijitOpened .dijitButtonNode,
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitDropDownButton.dijitActive .dijitButtonNode {
  border-color: var(--SVGBtnToolbarHoverBorderColor);
}
.csi-shaded-toolbar .dijitToolbar .csi-button-toggle.dijitHover + .csi-button-toggle .dijitButtonNode:first-child {
  border-left-color: var(--SVGBtnToolbarHoverBorderColor);
}
.csi-shaded-toolbar .dijitButtonNode .dijitInline.dijitIcon {
  height: 16px;
}
.csi-shaded-toolbar .dijitArrowButtonInner {
  margin: 0 3px;
}
.csi-shaded-toolbar .dijitSelect {
  background: transparent;
  margin-right: 4px;
  position: relative;
}
.csi-shaded-toolbar .dijitSelect .csi-svg-select-prefix {
  position: absolute;
  right: 100%;
  padding: 6px 5px;
  width: auto;
}
.csi-shaded-toolbar .dijitSelect .csi-svg-select-prefix td {
  display: block;
  width: 100%;
}
.csi-shaded-toolbar .csi-canvas-toolbar {
/* display only in edit mode and prevent from appearing sooner */
  display: none;
  background-color: var(--SVGToolbarBackgroundColor);
  position: absolute;
  width: 250px;
  right: 0px;
  z-index: 1;
  top: 38px;
  border-left: 1px solid var(--DataSheetBorderColor);
  padding: 0;
  outline: none;
  overflow: auto;
}
.csi-shaded-toolbar .csi-canvas-toolbar .dgrid-scroller {
  background-color: var(--SVGToolbarBackgroundColor);
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  overflow: hidden;
}
.csi-shaded-toolbar .csi-canvas-toolbar .dgrid {
  height: auto;
  border: none;
}
.csi-shaded-toolbar .csi-canvas-toolbar .dgrid .dgrid-scroller {
  border: none;
}
.csi-shaded-toolbar .csi-canvas-toolbar .dgrid-content {
  padding: 10px;
  outline: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-flow: wrap;
}
.csi-shaded-toolbar .csi-canvas-toolbar .dgrid-content .dgrid-no-data {
  color: var(--PrimaryBlack);
  font-size: 12px;
  font-style: normal;
  text-align: center;
}
.csi-shaded-toolbar .csi-canvas-toolbar .dgrid-content .csi-dgrid-more {
  margin: 10px auto;
}
.csi-shaded-toolbar .csi-canvas-toolbar .csi-secondary-btn {
  width: 132px;
  margin: 0px;
  box-shadow: none;
}
.csi-shaded-toolbar .csi-canvas-toolbar .csi-secondary-btn.dijitActive .dijitButtonNode,
.csi-shaded-toolbar .csi-canvas-toolbar .csi-secondary-btn .dijitButtonNode {
  width: 100%;
  box-shadow: none;
}
.csi-shaded-toolbar .csi-canvas-toolbar-active {
  z-index: 2;
}
.csi-shaded-toolbar .svgSelect .label {
  padding-right: 3px;
}
.csi-canvas-right-menu {
  padding: 0px;
  width: 260px;
  margin-top: -1px;
  overflow: hidden;
  justify-content: space-between;
}
.csi-canvas-right-menu .csi-canvas-tabs .csi-canvas-tab-header {
  flex: 1;
  justify-content: center;
  padding: 5px 0;
  border-bottom: 1px solid var(--DataSheetBorderColor);
  user-select: none;
  cursor: pointer;
}
.csi-canvas-right-menu .csi-canvas-tabs .csi-canvas-tab-header.csi-canvas-tab-disabled {
  color: var(--DisabledText);
  cursor: default;
}
.csi-canvas-right-menu .csi-canvas-tabs .csi-canvas-tab-header.csi-canvas-tab-selected {
  border-bottom: none;
  font-weight: 800;
}
.csi-canvas-right-menu .csi-canvas-tabs .csi-canvas-tab-header.csi-canvas-tab-header-reference-data {
  flex: 0.4;
}
.csi-canvas-right-menu .csi-canvas-tabs .csi-canvas-tab-header-divider {
  width: 1px;
  background: var(--DataSheetBorderColor);
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container {
/* need to subtract height of tabs and footer */
  overflow-y: scroll;
/* take up entire remaining space of container with shorthand flex-grow: 1 */
  flex: 1;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-cloud-refresh-banner {
  position: sticky;
  top: 0;
  z-index: 351;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--InfoBlueBackgroundColor);
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  display: flex;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-cloud-refresh-banner.hideFromView {
  display: none;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-cloud-refresh-banner__icon {
  font-size: 20px;
  line-height: 1;
  color: var(--Blue500);
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-cloud-refresh-banner__text {
  flex: 1;
  font-size: 12px;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-cloud-refresh-banner__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-cloud-refresh-banner__button.close-button {
  background: transparent;
  border: none;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-image-preview-tab .ui-state-default {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-width: 92px;
  background: var(--ImageBrowserImageBackgroundColor);
  border-radius: 3px;
  margin-bottom: 8px;
  flex: 1 1 0;
  box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.15);
  padding: 4px;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-image-preview-tab .ui-state-default.ui-state-active {
  border: 1px solid var(--PrimaryBlue);
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-image-preview-tab .ui-state-default.csi-canvas-rightpane-uploadbtn {
  outline: 1px dashed var(--BtnBrowseUploadNormalBorderColor);
  cursor: pointer;
  width: 100px;
  height: 100px;
  flex: auto;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-image-preview-tab .ui-state-default.csi-canvas-rightpane-uploadbtn .dijitButtonNode {
  border: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-image-preview-tab .ui-state-default.csi-canvas-rightpane-uploadbtn .dijitButtonNode:active {
  box-shadow: none;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-image-preview-tab .attrImage img {
  max-width: 98px;
  max-height: 98px;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-image-preview-tab .dojoDndItem:focus {
  outline: none;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-placeholder-list .ui-state-default-slim-card {
  margin: 0 8px 8px 0;
  width: 100%;
  cursor: pointer;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-placeholder-list .ui-state-default-slim-card.dgrid-selected {
  background-color: transparent;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-placeholder-list .ui-state-default-slim-card:hover {
  background-color: var(--StandardBackgroundColor);
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-placeholder-list .csi-attribute-card-slim {
  border: none;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-placeholder-list .csi-attribute-card-slim .attrImage img {
  max-width: 100%;
  max-height: 100%;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-placeholder-item {
  height: 115px;
  border-bottom: 1px solid var(--Grey400);
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-types-back-arrow {
  position: relative;
  left: 13px;
  top: 13px;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-types-name {
  position: relative;
  left: 20px;
  top: 9px;
  font-weight: bold;
  cursor: pointer;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-types-card {
  position: relative;
  top: 10px;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-types-card .ui-state-default-slim-card {
  margin: 0 8px 8px 0;
  width: 100%;
  cursor: pointer;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-types-card .ui-state-default-slim-card.dgrid-selected {
  background-color: transparent;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-types-card .ui-state-default-slim-card:hover {
  background-color: var(--StandardBackgroundColor);
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-types-card .csi-attribute-card-slim {
  border: none;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-placeholder-type-tab .csi-canvas-types-card .csi-attribute-card-slim .attrImage img {
  max-width: 100%;
  max-height: 100%;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-accordion-span {
  align-items: center;
  background: var(--SVGToolbarBackgroundColor);
  cursor: pointer;
  height: 17px;
  outline: none;
  padding: 10px;
  position: sticky;
  top: 0;
  user-select: none;
  z-index: 350;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-attributes-filter {
  background-color: var(--Grey300);
  border-radius: 3px;
  padding: 8px 8px 0 8px;
  margin: 10px;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-attributes-filter .csi-canvas-filter-dropdown {
  margin: 8px 0px;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-attributes-filter .csi-canvas-filter-dropdown .dijitTextBox {
  box-sizing: border-box;
  width: 100%;
  margin-right: 0;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-attributes-filter .csi-canvas-filter-dropdown .dijitButtonNode {
  width: 190px;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-attributes-filter .csi-canvas-filter-dropdown .dijitButtonNode .dijitButtonContents {
  display: flex;
  justify-content: space-between;
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-attributes-filter .csi-canvas-filter-dropdown .dijitButtonNode .dijitButtonContents .dijitButtonText {
  color: var(--Grey800);
}
.csi-canvas-right-menu .csi-canvas-right-menu-tab-container .csi-canvas-attributes-filter .csi-canvas-filter-dropdown .dijitButtonNode .dijitButtonContents .dijitButtonText.csi-canvas-selected-text {
  color: var(--PrimaryBlack);
}
.csi-canvas-right-menu .csi-image-preview-footer {
  justify-content: center;
  font-style: italic;
  padding: 5px 0;
/* eliminate bottom double border using outline */
  outline: 1px solid var(--DataSheetBorderColor);
/* z-index needs to be above 350 for sticky header */
  z-index: 400;
}
.csi-canvas-right-menu .attrImage img {
  max-width: 98px;
  max-height: 98px;
}
.csi-canvas-right-menu .dojoDndItem:focus {
  outline: none;
}
.csi-canvas-right-menu .dojoDndItemAnchor {
  border: 1px solid var(--PrimaryBlue);
}
.dijitMenu .csi-canvas-paragraph {
  color: var(--PrimaryBlack2);
  font-weight: normal;
  line-height: 1.25;
  margin: 0;
}
.dijitMenu .csi-canvas-paragraph-h1 {
  font-size: 24px;
}
.dijitMenu .csi-canvas-paragraph-h2 {
  font-size: 20px;
}
.dijitMenu .csi-canvas-paragraph-h3 {
  font-size: 16px;
}
.dijitMenu .csi-canvas-paragraph-h4 {
  font-size: 14px;
}
/* Add Page Drop Down Button */
.csi-add-page-popup .csi-canvas-menu {
  background: var(--PrimaryWhite);
  border: 1px solid var(--Grey200);
  border-radius: 3px;
  box-shadow: var(--PopupShadow);
  padding: 4px 0;
  position: absolute;
  user-select: none;
  max-height: 322px;
  width: 380px;
}
.csi-add-page-popup .csi-canvas-menu .csi-canvas-menu-item {
  height: 100%;
  min-width: 0;
  padding: 6px 10px;
  cursor: pointer;
}
.csi-add-page-popup .csi-canvas-menu .csi-canvas-menu-item:hover {
  background: var(--Grey200);
}
.csi-add-page-popup .csi-canvas-menu .csi-canvas-menu-item:active {
  background: var(--Blue50);
}
.csi-add-page-popup .csi-canvas-menu .csi-canvas-menu-item:focus {
  outline: none;
}
.csi-add-page-popup .csi-canvas-menu .csi-canvas-menu-item .csi-canvas-menu-item-span {
  justify-content: space-between;
  align-items: center;
}
.csi-add-page-popup .csi-canvas-menu .csi-canvas-menu-item .csi-canvas-menu-item-span .csi-canvas-menu-item-span-label {
  flex-grow: 1;
}
.csi-add-page-popup .csi-canvas-menu .csi-canvas-menu-item-type {
  height: 100%;
  min-width: 0;
  padding: 6px 10px;
  font-weight: 800;
  align-items: center;
}
.csi-add-page-popup .csi-canvas-template-grid-menu {
  background: var(--PrimaryWhite);
  border: 1px solid var(--Grey200);
  box-shadow: var(--PopupShadow);
  border-radius: 3px;
  padding: 0;
  width: 380px;
}
.csi-add-page-popup .csi-canvas-template-grid-menu .csi-canvas-template-grid-menu-header-container {
  padding: 4px 0;
  border-bottom: 1px solid var(--Grey200);
}
.csi-add-page-popup .csi-canvas-template-grid-menu .csi-canvas-template-grid-menu-header-container .csi-canvas-template-grid-menu-header {
  cursor: pointer;
  user-select: none;
}
.csi-add-page-popup .csi-canvas-template-grid-menu .csi-canvas-template-grid-menu-header-container .csi-canvas-template-grid-menu-header .csi-canvas-template-grid-menu-arrow {
  border: none;
  padding: 10px;
}
.csi-add-page-popup .csi-canvas-template-grid-menu .csi-canvas-template-grid-menu-header-container .csi-canvas-template-grid-menu-header .csi-canvas-template-grid-menu-header-span {
  border: none;
  padding: 10px;
}
.csi-add-page-popup .csi-canvas-template-grid-menu .csi-canvas-template-grid-menu-header-container .csi-canvas-template-grid-menu-header:hover {
  background: var(--Grey200);
}
.csi-add-page-popup .csi-canvas-template-grid-menu .csi-canvas-template-grid-menu-header-container .csi-canvas-template-grid-menu-header:active {
  background: var(--Blue50);
}
.csi-add-page-popup .csi-canvas-template-grid-menu .csi-canvas-template-grid-menu-header-container .csi-canvas-template-grid-menu-header:focus {
  outline: none;
}
.csi-add-page-popup .csi-canvas-template-grid-menu .csi-canvas-template-grid-menu-container {
  margin: 0;
  padding: 8px;
  flex-wrap: wrap;
  background: var(--PrimaryWhite);
  height: 100%;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.csi-add-page-popup .csi-canvas-template-grid-menu .csi-canvas-template-grid-menu-container .csi-canvas-template-grid-menu-item {
  outline: 1px solid var(--SVGThumbNormalBorderColor);
  border: none;
  margin: 8px;
  cursor: pointer;
  height: 100%;
  width: 96px;
}
.csi-add-page-popup .csi-canvas-template-grid-menu .csi-canvas-template-grid-menu-container .csi-canvas-template-grid-menu-item.dojoDndItemOver {
  outline: 1px solid var(--SVGThumbHoverBorderColor);
}
.csi-add-page-popup .csi-canvas-template-grid-menu .csi-canvas-template-grid-menu-container .csi-canvas-template-grid-menu-item.dojoDndItemAnchor {
  outline: 1px solid var(--SVGThumbSelectedBorderColor);
}
.csi-add-page-popup .csi-canvas-template-grid-menu .csi-canvas-template-grid-menu-container .csi-canvas-template-grid-menu-item:active {
  outline: 1px solid var(--SVGThumbFocusBorderColor);
}
/* hide border color from all toggle switches in right side menu */
.csi-shaded-toolbar .csi-canvas-plugin-group .csi-button-switch.dijitHover .dijitButtonNode {
  border-color: transparent;
}
.csi-canvas-plugin-container {
  display: none;
  float: none !important;
  margin-bottom: var(--ToolbarMargin);
}
.csi-canvas-plugin-container.csi-canvas-plugin-ToggleAutospace .csi-canvas-plugin-label {
  display: none;
}
.csi-canvas-plugin-container.csi-canvas-plugin-CanvasTextFormat .csi-canvas-plugin-label .csi-canvas-plugin-label-0 {
  display: none;
}
.csi-canvas-plugin-label {
  font-weight: bold;
}
.dijitToolbar .csi-canvas-plugin-label ~ * {
  margin-top: 4px;
}
.csi-canvas-plugin-group-label {
  display: inline-block;
  margin-right: 4px;
  width: 30%;
}
.csi-canvas-plugin-group-label.csi-canvas-plugin-group-PlaceholderTextFormat {
  width: 20px;
}
.csi-canvas-plugin-group-label.csi-canvas-plugin-group-FontFamily + button .dijitButtonText {
  max-width: 100px;
}
.csi-canvas-plugin-group-label.csi-canvas-plugin-group-FontFamily + button .dijitButtonText .dijitSelectLabel {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100px;
}
.csi-canvas-hide-when-disabled.dijitDisabled {
  display: none;
}
.csi-canvas-plugin-CanvasShapeAlignDistribute,
.csi-canvas-plugin-CanvasTransformArrange {
  display: block;
}
.csi-canvas-plugin-CanvasBordersFill .csi-canvas-plugin-label-1 {
  display: none;
}
.csi-canvas-toolbar-picture .csi-canvas-plugin-CanvasImageTools {
  display: block;
}
.csi-canvas-toolbar-path .csi-canvas-plugin-CanvasBordersFill {
  display: block;
}
.csi-canvas-toolbar-path .csi-canvas-plugin-CanvasBordersFill .csi-canvas-plugin-label-0 {
  display: none;
}
.csi-canvas-toolbar-path .csi-canvas-plugin-CanvasBordersFill .csi-canvas-plugin-label-1 {
  display: block;
}
/* hide autosize, placeholder, and toggle switch options */
.csi-canvas-toolbar-other .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-other-text .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-image-other-text .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-attributes-image-other .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-attributes-image-other-text .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-attributes-other-text .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-attributes-other .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-other .csi-canvas-plugin-CanvasTextFormat,
.csi-canvas-toolbar-other-text .csi-canvas-plugin-CanvasTextFormat,
.csi-canvas-toolbar-image-other-text .csi-canvas-plugin-CanvasTextFormat,
.csi-canvas-toolbar-attributes-image-other .csi-canvas-plugin-CanvasTextFormat,
.csi-canvas-toolbar-attributes-image-other-text .csi-canvas-plugin-CanvasTextFormat,
.csi-canvas-toolbar-attributes-other-text .csi-canvas-plugin-CanvasTextFormat,
.csi-canvas-toolbar-attributes-other .csi-canvas-plugin-CanvasTextFormat {
  display: block;
}
.csi-canvas-toolbar-other .csi-canvas-plugin-CanvasTextFormat div:nth-child(2),
.csi-canvas-toolbar-other-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(2),
.csi-canvas-toolbar-image-other-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(2),
.csi-canvas-toolbar-attributes-image-other .csi-canvas-plugin-CanvasTextFormat div:nth-child(2),
.csi-canvas-toolbar-attributes-image-other-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(2),
.csi-canvas-toolbar-attributes-other-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(2),
.csi-canvas-toolbar-attributes-other .csi-canvas-plugin-CanvasTextFormat div:nth-child(2),
.csi-canvas-toolbar-other .csi-canvas-plugin-CanvasTextFormat div:nth-child(3),
.csi-canvas-toolbar-other-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(3),
.csi-canvas-toolbar-image-other-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(3),
.csi-canvas-toolbar-attributes-image-other .csi-canvas-plugin-CanvasTextFormat div:nth-child(3),
.csi-canvas-toolbar-attributes-image-other-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(3),
.csi-canvas-toolbar-attributes-other-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(3),
.csi-canvas-toolbar-attributes-other .csi-canvas-plugin-CanvasTextFormat div:nth-child(3),
.csi-canvas-toolbar-other .csi-canvas-plugin-CanvasTextFormat div:nth-child(10),
.csi-canvas-toolbar-other-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(10),
.csi-canvas-toolbar-image-other-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(10),
.csi-canvas-toolbar-attributes-image-other .csi-canvas-plugin-CanvasTextFormat div:nth-child(10),
.csi-canvas-toolbar-attributes-image-other-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(10),
.csi-canvas-toolbar-attributes-other-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(10),
.csi-canvas-toolbar-attributes-other .csi-canvas-plugin-CanvasTextFormat div:nth-child(10) {
  display: none;
}
/* hide autosize, toggle switch, and text format options */
.csi-canvas-toolbar-image .csi-canvas-plugin-PlaceholderShape {
  display: block;
}
.csi-canvas-toolbar-image .csi-canvas-plugin-CanvasTextFormat div:nth-child(2),
.csi-canvas-toolbar-image .csi-canvas-plugin-CanvasTextFormat div:nth-child(3),
.csi-canvas-toolbar-image .csi-canvas-plugin-CanvasTextFormat div:nth-child(10) {
  display: none;
}
/* hide text format and placeholder options */
.csi-canvas-toolbar-other-path .csi-canvas-plugin-CanvasBordersFill {
  display: block;
}
/* hide placeholder and toggle switch options */
.csi-canvas-toolbar-attributes-image-text .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-image-text .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-text .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-attributes-image-text .csi-canvas-plugin-CanvasTextFormat,
.csi-canvas-toolbar-image-text .csi-canvas-plugin-CanvasTextFormat,
.csi-canvas-toolbar-text .csi-canvas-plugin-CanvasTextFormat {
  display: block;
}
.csi-canvas-toolbar-attributes-image-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(2),
.csi-canvas-toolbar-image-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(2),
.csi-canvas-toolbar-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(2),
.csi-canvas-toolbar-attributes-image-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(3),
.csi-canvas-toolbar-image-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(3),
.csi-canvas-toolbar-text .csi-canvas-plugin-CanvasTextFormat div:nth-child(3) {
  display: none;
}
/* show attribute placeholder options (excluding image placeholder options) */
.csi-canvas-toolbar-attribute .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-attributes .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-attributes-image .csi-canvas-plugin-CanvasBordersFill,
.csi-canvas-toolbar-attribute .csi-canvas-plugin-ToggleAutospace,
.csi-canvas-toolbar-attributes .csi-canvas-plugin-ToggleAutospace,
.csi-canvas-toolbar-attributes-image .csi-canvas-plugin-ToggleAutospace {
  display: block;
}
.csi-canvas-toolbar-attribute .csi-canvas-plugin-PlaceholderShape,
.csi-canvas-toolbar-attributes .csi-canvas-plugin-PlaceholderShape,
.csi-canvas-toolbar-attributes-image .csi-canvas-plugin-PlaceholderShape {
  display: block;
}
.csi-canvas-toolbar-attribute .csi-canvas-plugin-PlaceholderShape > table,
.csi-canvas-toolbar-attributes .csi-canvas-plugin-PlaceholderShape > table,
.csi-canvas-toolbar-attributes-image .csi-canvas-plugin-PlaceholderShape > table,
.csi-canvas-toolbar-attribute .csi-canvas-plugin-PlaceholderShape > span,
.csi-canvas-toolbar-attributes .csi-canvas-plugin-PlaceholderShape > span,
.csi-canvas-toolbar-attributes-image .csi-canvas-plugin-PlaceholderShape > span {
  display: none;
}
.csi-canvas-toolbar-attribute .csi-canvas-plugin-CanvasTextFormat,
.csi-canvas-toolbar-attributes .csi-canvas-plugin-CanvasTextFormat,
.csi-canvas-toolbar-attributes-image .csi-canvas-plugin-CanvasTextFormat {
  display: block;
}
.csi-canvas-toolbar-attribute .csi-canvas-plugin-CanvasTextFormat .csi-canvas-plugin-label .csi-canvas-plugin-label-0,
.csi-canvas-toolbar-attributes .csi-canvas-plugin-CanvasTextFormat .csi-canvas-plugin-label .csi-canvas-plugin-label-0,
.csi-canvas-toolbar-attributes-image .csi-canvas-plugin-CanvasTextFormat .csi-canvas-plugin-label .csi-canvas-plugin-label-0 {
  display: inline;
}
.csi-canvas-plugin-CanvasTransformArrange {
  display: block;
}
.csi-canvas-left-thumbnails {
  min-height: calc(100% - 10px);
  overflow: hidden;
  padding-bottom: 10px;
}
.csi-canvas-left-thumbnails .c8-canvas-hide-in-thumbnail {
  display: none;
}
.csi-canvas-thumbnail.galleryBlock {
  border: none;
  padding: 10px 10px 0 5px;
}
.csi-canvas-thumbnail.galleryBlock.csiHighlight {
  border-color: inherit;
}
.csi-canvas-thumbnail.galleryBlock.csiHighlight .csi-canvas-thumbnail-content {
  border-color: var(--SVGThumbHoverBorderColor);
}
.csi-canvas-thumbnail.galleryBlock.csi-selected .csi-canvas-thumbnail-content {
  border-color: var(--SVGThumbSelectedBorderColor);
}
.csi-canvas-thumbnail.galleryBlock.csi-selected:focus,
.csi-canvas-thumbnail.galleryBlock:focus {
  outline: none;
}
.csi-canvas-thumbnail.galleryBlock.csi-selected:focus .csi-canvas-thumbnail-content,
.csi-canvas-thumbnail.galleryBlock:focus .csi-canvas-thumbnail-content {
  border-color: var(--SVGThumbFocusBorderColor);
}
.csi-canvas-thumbnail.galleryBlock .dojoDndItemAnchor {
  border: none;
}
.csi-canvas-thumbnail.galleryBlock .csi-icon-delete {
  display: none;
}
.csi-canvas-thumbnail-content {
  background-color: var(--PrimaryWhite);
  border: 1px solid var(--SVGThumbNormalBorderColor);
  position: relative;
/* dimensions will be overridden depending on paper size/orientation, but there are needed for splash screen */
  height: 100px;
  width: 150px;
}
.csi-canvas-thumbnail-delete {
  display: none;
  position: absolute;
  right: -10px;
  top: -8px;
}
.csi-canvas-thumbnail-index {
  font-weight: bold;
  padding-right: 5px;
  width: 20px;
  text-align: right;
  vertical-align: top;
}
.csi-canvas-thumbnail-index:hover {
  cursor: pointer;
}
.csi-canvas-thumbnail-slide {
  display: flex;
}
.csi-canvas-thumbnail-svg {
  display: none;
  overflow: hidden;
}
.csi-canvas-thumbnail-svg.csi-show {
  display: block;
}
.csi-canvas-container > .csi-split-pane {
  width: 100%;
}
.csi-svg-edit .csi-canvas-container > .csi-split-pane {
  width: calc(100% - 261px);
}
.csi-svg-edit .csi-canvas-right {
  display: block;
  min-width: 261px;
  width: 261px;
  height: 100%;
}
.csi-svg-edit .csi-canvas-thumbnail-delete,
.csi-svg-edit .csi-canvas-toolbar {
  display: flex;
}
.csi-svg-edit .csi-canvas-thumbnail.dojoDndItemOver .csi-icon-delete {
  background-color: var(--BtnSecondaryNormalBackgroundColor);
  border: 1px solid var(--BtnSecondaryNormalBorderColor);
  border-radius: 10px;
  color: var(--BtnSecondaryNormalTextColor);
  display: block;
  font-size: 16px;
  z-index: 2;
}
.csi-svg-edit .csi-canvas-thumbnail.dojoDndItemOver .csi-icon-delete:hover {
  background-color: var(--BtnSecondaryHoverBackgroundColor);
  border-color: var(--BtnSecondaryHoverBorderColor);
}
.csi-svg-edit .csi-canvas-note-head {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.csi-svg-edit .svgCanvas .fr-view ::selection {
  color: inherit !important;
}
.svgCanvasContainer .svgSelect .dijitValidationIcon,
.csi-svg-menu .dijitMenuItemLabel,
.csi-svg-menu .dijitMenuArrowCell {
  display: none;
}
.svgCanvasContainer .fr-element.fr-view table.canvas-table td {
  height: auto;
  word-break: break-all;
}
.canvasImageResetButton .dijitButtonText {
  width: 150px;
}
.flipIcon {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.flipIconVertical {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.csiActionIcon.svgIconAutosizeFixed {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M23 7V1h-6v2H7V1H1v6h2v10H1v6h6v-2h10v2h6v-6h-2V7h2zM3 3h2v2H3V3zm2 18H3v-2h2v2zm12-2H7v-2H5V7h2V5h10v2h2v10h-2v2zm4 2h-2v-2h2v2zM19 5V3h2v2h-2z' fill='%238e96a3'/%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconAutosizeFixedHeight {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cpath d='M0 0h24v24H0V0zm24 24H0V0h24v24z' fill='none'/%3e%3cpath d='M15 3h-2v2h2V3zm0 16h-2v2h2v-2zm-4 0H9v2h2v-2zm0-16H9v2h2V3zm6 4V1h6v6h-2v10h2v6h-6v-6h2V7h-2zm2-2h2V3h-2v2zm0 16h2v-2h-2v2zM1 7V1h6v6H5v10h2v6H1v-6h2V7H1zm2-2h2V3H3v2zm0 16h2v-2H3v2z' fill='%238e96a3'/%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconAutosizeFixedWidth {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cpath d='M0 0h24v24H0V0zm24 24H0V0h24v24z' fill='none'/%3e%3cpath d='M21 15v-2h-2v2h2zM5 15v-2H3v2h2zm0-4V9H3v2h2zm16 0V9h-2v2h2zm-4 6h6v6h-6v-2H7v2H1v-6h6v2h10v-2zm2 2v2h2v-2h-2zM3 19v2h2v-2H3zM17 1h6v6h-6V5H7v2H1V1h6v2h10V1zm2 2v2h2V3h-2zM3 3v2h2V3H3z' fill='%238e96a3'/%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconLine {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M18.081 4.507a1 1 0 011.426 1.397l-.088.09-15 13.5a1 1 0 01-1.426-1.398l.088-.09 15-13.5z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconRectangle {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M22 5H2v14h20V5zm-2 2v10H4V7h16z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconCurve {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12.77 3.916c.767-.818 1.733-.854 2.71-.311.313.173.626.398 1.03.723l1.001.823c1.06.853 1.86 1.304 2.688 1.43l.192.023-.182 1.992c-1.295-.118-2.377-.662-3.671-1.665l-.447-.357c-.276-.227-.725-.6-.836-.688l-.294-.23a4.72 4.72 0 00-.352-.244l-.11-.065.012.023c.068.119.156.255.263.407l.276.373c.27.35.544.671 1.118 1.301l1.631 1.77c1.307 1.425 2.082 2.373 2.59 3.259.802 1.4.843 2.667-.326 3.446-1.34.914-3.032.246-7.15-2.224l-3.389-2.055c-.969-.579-1.482-.86-2.107-1.168a8.394 8.394 0 00-1.104-.467l-.168-.049.043.091c.072.144.173.311.304.5l.104.144.203.265c.429.543 1.005 1.16 1.867 2.013l2.123 2.07c2.913 2.859 3.398 3.617 2.95 4.896-.62 1.707-2.613 1.673-5.684.792a30.881 30.881 0 01-1.83-.593c-.519-.185-1.03-.38-1.521-.576l-.789-.325c-.14-.059-.26-.11-.358-.154l-.168-.074.822-1.824.624.27.15.062c.607.251 1.254.503 1.912.737.593.212 1.168.399 1.71.554 1.699.488 2.879.566 3.177.496l.027-.008-.066-.126c-.113-.218-.307-.495-.579-.824l-.286-.335c-.405-.462-.817-.885-1.707-1.752l-1.706-1.658c-1.202-1.183-1.924-1.963-2.482-2.72-1.013-1.377-1.322-2.561-.415-3.468.739-.787 1.754-.647 3.298.062l.434.207c1.014.5 1.713.91 4.125 2.383l1.214.737c3.159 1.892 4.968 2.692 5.304 2.463.06-.04.055-.188-.292-.794-.384-.67-1.032-1.476-2.107-2.659l-1.772-1.924c-.812-.887-1.093-1.227-1.493-1.766-.981-1.323-1.326-2.34-.51-3.209z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconEllipse {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M15 5H9a7 7 0 100 14h6a7 7 0 000-14zM9 7h6a5 5 0 010 10H9A5 5 0 019 7z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconFlipVertical {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%23777'%3e%3cpath fill='%234A4A4A' d='M1 11v2h22v-2H1z'/%3e%3cpath d='M3 9V3l9 3 9 3z'/%3e%3cpath fill='%234A4A4A' d='M3 15v6l9-3 9-3z'/%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconFlipHorizontal {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%23777'%3e%3cpath fill='%234A4A4A' d='M11 23h2V1h-2v22z'/%3e%3cpath d='M9 21H3l3-9 3-9z'/%3e%3cpath fill='%234A4A4A' d='M15 21h6l-3-9-3-9z'/%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3c/svg%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconTextEditor {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M23 7V1h-6v2H7V1H1v6h2v10H1v6h6v-2h10v2h6v-6h-2V7h2zM3 3h2v2H3V3zm2 18H3v-2h2v2zm12-2H7v-2H5V7h2V5h10v2h2v10h-2v2zm4 2h-2v-2h2v2zM19 5V3h2v2h-2zm-3.2 2.7H8.2v2.6h2.5v6h2.5v-6h2.5V7.7h.1z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconImagePlaceholder {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M2 13h2v-2H2v2zm2 4v-2H2c0 1.1.9 2 2 2zm6-12h2V3h-2v2zM2 9h2V7H2v2zm0-4h2V3c-1.1 0-2 .9-2 2zm4 0h2V3H6v2zm12 0h2c0-1.1-.9-2-2-2v2zm-4 0h2V3h-2v2z' fill='%23bababa'/%3e%3cpath d='M20.2 9.1v10h-12v-10h12m0-2h-12c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-10c0-1.1-.9-2-2-2zm-8.5 7.7l1.7 2.3 2.5-3.1 3.3 4.2h-10l2.5-3.4z' fill='%23777'/%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconTable {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg stroke='%23DADFE8'%3e%3cpath fill='%2379818F' d='M2 2h20v20H2z'/%3e%3cpath d='M12.5 2v20M2 12.5h20'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconPen {
  background-image: url("data:image/svg+xml,%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M15.54,3.5L20.5,8.47L19.07,9.88L14.12,4.93L15.54,3.5M3.5,19.78L10,13.31C9.9,13 9.97,12.61 10.23,12.35C10.62,11.96 11.26,11.96 11.65,12.35C12.04,12.75 12.04,13.38 11.65,13.77C11.39,14.03 11,14.1 10.69,14L4.22,20.5L14.83,16.95L18.36,10.59L13.42,5.64L7.05,9.17L3.5,19.78Z' fill='%2379818F'/%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconPoints {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M23 7V1h-6v2H7V1H1v6h2v10H1v6h6v-2h10v2h6v-6h-2l-2.5-5L21 7h2zM3 3h2v2H3V3zm2 18H3v-2h2v2zm12-2H7v-2H5V7h2V5h10v2h2l-2.5 5 2.5 5h-2v2zm4 2h-2v-2h2v2zM19 5V3h2v2h-2z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconText {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3 21h18v-2H3v2zm0-4h18v-2H3v2zm9-4h9v-2h-9v2zm0-4h9V7h-9v2zm0-6v2h9V3h-9zm-1.4 0H3v2.6h2.5l.1 7.4h2.5L8 5.6h2.5V3h.1z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconArrowAll {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M14 16H6v2h8v3l4-4-4-4v3zm-4-1v-3h8v-2h-8V7l-4 4 4 4zm8-8.9H6v-2h12v2z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconHighlight {
  background-color: var(--SVGIconHighlightBackgroundColor);
  border: 1px solid var(--SVGIconHighlightBorderColor);
}
.csiActionIcon.svgIconGroup {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M8 8v4h5V8H8M1 1h4v1h14V1h4v4h-1v14h1v4h-4v-1H5v1H1v-4h1V5H1V1m4 18v1h14v-1h1V5h-1V4H5v1H4v14h1M6 6h9v4h3v8H8v-4H6V6m9 8h-5v2h6v-4h-1v2z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconUngroup {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M2 2h4v1h7V2h4v4h-1v3h2V8h4v4h-1v6h1v4h-4v-1h-6v1H8v-4h1v-2H6v1H2v-4h1V6H2V2m16 10v-1h-2v2h1v4h-4v-1h-2v2h1v1h6v-1h1v-6h-1m-5-6V5H6v1H5v7h1v1h3v-2H8V8h4v1h2V6h-1m-1 6h-1v2h2v-1h1v-2h-2v1z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconAlignVCenter {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M20 11h-4V7c0-.5-.5-1-1-1h-1c-.5 0-1 .5-1 1v4h-2V5c0-.5-.5-1-1-1H9c-.5 0-1 .5-1 1v6H4v2h4v6c0 .5.5 1 1 1h1c.5 0 1-.5 1-1v-6h2v4c0 .5.5 1 1 1h1c.5 0 1-.5 1-1v-4h4v-2z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconAlignHCenter {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M13 4v4h5c.5 0 1 .4 1 1v1c0 .6-.5 1-1 1h-5v2h3c.5 0 1 .4 1 1v1c0 .6-.5 1-1 1h-3v4h-2v-4H8c-.6 0-1-.4-1-1v-1c0-.6.4-1 1-1h3v-2H6c-.6 0-1-.4-1-1V9c0-.6.4-1 1-1h5V4h2z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconAlignBottom {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M20 20H4v-2h16v2zm-9-5V5c0-.6-.4-1-1-1H9c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h1c.6 0 1-.4 1-1zm5 0V9c0-.6-.4-1-1-1h-1c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h1c.6 0 1-.4 1-1z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconAlignTop {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M20 6H4V4h16v2zm-9 13V9c0-.6-.4-1-1-1H9c-.6 0-1 .4-1 1v10c0 .5.4 1 1 1h1c.6 0 1-.5 1-1zm5-4V9c0-.6-.4-1-1-1h-1c-.6 0-1 .4-1 1v6c0 .6.4 1 1 1h1c.6 0 1-.4 1-1z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconAlignLeft {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M5 20H3V4h2v16zm16-10V9c0-.6-.5-1-1-1H8c-.6 0-1 .4-1 1v1c0 .6.4 1 1 1h12c.5 0 1-.4 1-1zm-4 5v-1c0-.6-.5-1-1-1H8c-.6 0-1 .4-1 1v1c0 .6.4 1 1 1h8c.5 0 1-.4 1-1z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconAlignRight {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M21 20h-2V4h2v16zm-4-10V9c0-.6-.5-1-1-1H4c-.5 0-1 .4-1 1v1c0 .6.5 1 1 1h12c.5 0 1-.4 1-1zm0 5v-1c0-.6-.5-1-1-1H8c-.6 0-1 .4-1 1v1c0 .6.4 1 1 1h8c.5 0 1-.4 1-1z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconHDistribute {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M20 20h-2V4h2v16zm-6-3V7c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v10c0 .5.4 1 1 1h2c.6 0 1-.5 1-1zm-8 3H4V4h2v16z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconVDistribute {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M20 6H4V4h16v2zm-2 7v-2c0-.6-.5-1-1-1H7c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1h10c.5 0 1-.4 1-1zm2 7H4v-2h16v2z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconShapeTriangle {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 2L1 21h22M12 6l7.53 13H4.47' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconShapeRect {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3 3h18v18H3V3m2 2v14h14V5H5z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconShapeStar {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 15.39l-3.76 2.27.99-4.28-3.32-2.88 4.38-.37L12 6.09l1.71 4.04 4.38.37-3.32 2.88.99 4.28M22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.45 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconShapePentagon {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 5l7.6 5.5-2.9 8.9H7.3l-2.9-8.9L12 5m0-2.5L2 9.8l3.8 11.7h12.3L22 9.8 12 2.5z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconShapeRoundRect {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 18H5c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v14c0 .6-.4 1-1 1z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconShapeCircle {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M12 20a8 8 0 110-16 8 8 0 010 16m0-18C6.477 2 2 6.477 2 12A10 10 0 1012 2z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconShapeTickMark {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M22.414 7L18.1 2.686 9 11.785l-2.7-2.7L1.986 13.4 9 20.414 22.414 7zM18.1 5.515L19.585 7 9 17.585 4.815 13.4 6.3 11.915l2.7 2.7 9.1-9.1z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconShapeCrossMark {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M3 16.74L7.76 12 3 7.26 7.26 3 12 7.76 16.74 3 21 7.26 16.24 12 21 16.74 16.74 21 12 16.24 7.26 21 3 16.74m9-3.33l4.74 4.75 1.42-1.42L13.41 12l4.75-4.74-1.42-1.42L12 10.59 7.26 5.84 5.84 7.26 10.59 12l-4.75 4.74 1.42 1.42L12 13.41z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconShapeCallout {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M2 2v16h4l3 4 3-4h10V2H2zm18 14h-9l-2 3-2-3H4V4h16v12z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csiActionIcon.svgIconShapeArrow {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath d='M11 2.386L10.999 8.5H3.3v7.7h7.699L11 22.214l9.914-9.914L11 2.386zm1.999 4.828l5.086 5.086-5.086 5.085L13 14.2H5.299v-3.7H13l-.001-3.286z' fill='%2379818F'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}
.csi-svg-menu-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAL0EAYAAACXGS8bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAACndJREFUeNrs3dFu4joUhtG8/0tnLlI0pCIFbG/H217r5u+cUVtAfPXAqZRt3/d937fNWptvPRDWCthaK2BrrYCtFbC1VsDWWgFbawVsrYCttQK21grYWgFbawVsrRWwtVbA1grYWitga22GgA+Pj6y1z5skYOAVAYOABQwCFjAIGAQsYBCwgEHAgIBBwAIGAQsYBAwCFjAIWMAgYAGDgEHAAgYBCxgEDAgYBCxgELCAQcAgYAGDgAUMAhYwCBgELGAQsIBBwICAQcACBgELGAQMAh4v4MdH1trnFbC1AvZPaPBPaAGDgEHAAgYBCxgEDAgYBCxgELCAQcAgYAGDgAUMAhYwCBgELGAQsIBBwICAQcACBgELGAQMAhYwCFjAIGABg4BBwAIGAQsYBAwIGAQsYBCwgEHAIGABg4AbBuxK7Na+WgFbK2ABWytgAVs7Y8CAd6FBwAIGAQsYBAwCFjAIWMAgYAGDgEHAAgYBCxgEDAgYBCxgELCAQcAgYAGDgAUMAhYwCBgELGAQsIBBwICAQcACBgELGAQMAhYwCFjAIGBAwCBg1we2dnN9YAFbK2BrBSxgawUsYGsFLGBr5wsY8P+BQcACBgELGAQMAhYwCFjAIGABg4BBwAIGAQsYBAwIGAQsYBCwgEHAIGABg4AFDAIWMAgYBCxgELCAQcCAgEHAAgYBCxgEDAIWMAhYwCDgn5tprXV5UWsFLGBrBSxgawVsrYAFbK2ABWytgAVs7UwBA4l/kQMQMAhYwCBgAYOAQcACBgELGAQsYBAwCFjAIGABg4ABAYOABQwCFjAIGAQsYBCwgEHAAgYBg4AFDAIWMAgYEDAIWMAgYAGDgEHAAgYBCxgEDAgYBOwC39ZuLvDtBAb/hAYBCxgELGAQsIBBwCBgAYOABQwCBgQMAhYwCFjAIGAQsIBBwAIGAQsYBAwCFjAIWMAgYEDAIGABg4AFDAIGAQsYBCxgELCAQcAgYAGDgAUMAgYEDAIWMAhYwCBgEPCoAf/+L/7sz2v/efiArbX91gNhrYCttQK21grYWgFbawVsrRWwtVbA1grYWitga62ArRWwtVbA1loBW2sFbK2ArbUCttYK2ForYGsFbK0VsLVWwNYK2ForYGutgK21ArZWwNZaAVtrBWytFbC1ArbWCthaK2BrBWytXTTgw/+PXvP3/n7Nv08SMCBgELCAQcACBgGDgAUMAhYwCFjAIGAQsIBBwAIGAQMCBgELGAQsYBAwCFjAIGABg4AFDAIGAQsYBCxgEDAgYBCwgEHAAgYBg4AFDAIWMAgYEDAIWMAgYAGDgEHAAgYBBwf8+Ohq399Nn+/zZ/x8JzA4gQUMAhYwCBgELGAQsIBBwICAQcACBgELGAQMAhYwCFjAIGABg4BBwAIGAQsYBAwIGAQsYBCwgEHAIGABg4AFDAIWMAgYBCxgELCAQcCAgEHAAgYBCxgEDAIWMAhYwCDg42aW7fcPh+/j+2T6Pk5gcAILGAQsYBAwCFjAIGABg4ABAYOABQwCFjAIGAQsYBCwgEHAAgYBg4AFDAIWMAgYEDAIWMAgYAGDgEHAAgYBCxgELGAQMAhYwCBgAYOAAQGDgAUMAhYwCBgELGAQsIBBwMfNbLOfPywxnx91u93eVW+vExicwAIGAQsYBAwCFjAIWMAgYEDAIGABg4AFDAIGAQsYBCxgELCAQcAgYAGDgAUMAgYEDAIWMAhYwCBgELCAQcACBgELGAQMAhYwCFjAIGBAwCBgAYOABQwCBgELGAQsYBDwcTP7bv3D6va6vT1urxMYnMACBgELGAQMAhYwCFjAIGBAwCBgAYOABQwCBgELGAQsYBCwgEHAIGABg4AFDAIGBAwCFjAIWMAgYBCwgEHAAgYBCxgEDAIWMAhYwCBgQMAgYAGDgAXMivmdV8AwQcifP/MFDImDFjAkDjpJwFd3wNq11wkMTmABg9fAAkawm3ehIWW4JV9BwJD4R4CAQcACBgELGAQMAhYwCFjAIGBAwCBgAYOABQwCBgELGAQsYBCwgEHAIGABg4AFDAIGBAwCFjAIWMAgYBCwgEHAAgYBCxgEDAJOGXD9tWdAwN0CLr/KGwi4e8CCRcCJAhYsJAz4Klxr114nMDiBvQYGAXsXGlYO+F3QIGC/iQUCFjAIGAQsYBCwgEHAAgYBg4AFDAIWMAgYEDAIWMAgYAGDgEHAAgYBCxgELGAQMAhYwCBgAYOAAQGDgAUMAhYwCBgELGAQsIBBwHV377wwVn61z09XJ4ThQv78eev6wJA46GQBCxZBPz/vkwR8dQesXXudwOAE9hoYvAb2LjSC3RZ6F/rbBwZGDrfkKwwesLW233ogrBWwtVbA1loBWytga62ArbUCttYK2FoBW2sFbK0VsLUCttYK2ForYGutgK0VsLVWwNZaAVtrBWytgK21ArbWCthaAVtrBWytFbC1VsDWCrjTtZEg+upGfz1v46/NJWDoFnD7q2cKGG4P2OVFYcKA34edJOCoB8La3OsEhoCT2AksYJYP2GtgSBBw+9fgAobmAfd7E03AUB1w/+8rYBCwgBGwgAWMgAUMAhYwDP+DQ8AgYAGDgAUMAgYBCxgELGAQMCBgELCAQcACBgGDgAUMAhYwCBgQMAhYwCBgAYOAQcACBgELGAQsYCYKScDBd/+8IOABA46/ShwCFnD1AxB/PVYQcHXA8Vc+BwE3CzgqWGtzrxPYCYwT2GtgBCxg70IjYAGXhw0C9ptYCFjAAkbAAgYBCxgELGAELGAQsIBBwAKG8X5wCBgELGAQMCBgELCAQcACBgGDgAUMAhYwCFjAIGAQsIBBwAIGAQMCBgELGO5/3goYBCxgBCxgASNgAX9z988LLQOOf365OqGA6RZw++ed6wMLmNsDLn8+Jg249oERMBkCfv88TRJw1ANhbe51AjuBcQJ7DYyAvQb2LjTehV75XejasCEy4H7f329iQXXA931/AYOABYyABQwCFjCs8gNEwCBgAYOAAQGDgAUMAhYwCBgELGAQsIBBwAIGAYOABQwCFjAIGBAwCFjAIGABg4BBwAIGAQsYBCxgEDAIWMBQlNd5BQwThOzqhDBRwK4PDBOHfB12koBb3XFr51onMDiBBQxeAwuYJQOu+coChk7hRnwHAUPiHxECBgELGAQsYBAwCFjAIGABg4ABAYOABQwCFjAIGAQsYBCwgEHAAgYBg4AFDAIWMAgYEDAIWMAgYAGDgEHAAgYBCxgELGAQMAh4yoDjr10DAm4eqnAR8IABx12HFQTcLOD2VzoHAYcF3CpYa+daJzA4gb0GBgF7FxoEXB42CNhvYoGABQwCBgELGAQsYBAwIGAQsIBBwAIGAYOABQwCFjAIGBAwCFjAIGABg4BBwAIGAQsYBCxgEDAIWMAgYAGDgAEBg4AFDAIWMAi47u6fF3I9v1ydELqH3O755/rAcHvA5c/LpAGXPiDCJWPI18/bJAG3uuPWzrVOYHACew0MXgN7F5olA675yv4/sJBJ+/waPmBrbb/1QFgrYGutgK21ArZWwNZaAVtrBWytFbC1ArbWCthaK2BrBWytzbj/BgCBy2myKlWK0AAAAABJRU5ErkJggg==);
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  width: 100px !important;
}
.csi-svg-menu .dijitMenuItemIconCell,
.svgSelect .dijitMenuItemIconCell {
  display: inline-block !important;
}
.csi-svg-menu .dijitMenuItemIconCell .material-icons,
.svgSelect .dijitMenuItemIconCell .material-icons {
  visibility: hidden;
  margin-left: -8px;
  margin-bottom: -5px;
}
.csi-svg-menu .csi-svg-menu-item-selected .dijitMenuItemIconCell .material-icons,
.svgSelect .csi-svg-menu-item-selected .dijitMenuItemIconCell .material-icons {
  visibility: visible;
}
.svgIconStrokeWidth0 {
  background-position: -10px -10px;
}
.svgIconStrokeWidth1 {
  background-position: -10px -46px;
}
.svgIconStrokeWidth2 {
  background-position: -10px -82px;
}
.svgIconStrokeWidth3 {
  background-position: -10px -118px;
}
.svgIconStrokeWidth4 {
  background-position: -10px -154px;
}
.svgIconDash0 {
  background-position: -10px -190px;
}
.svgIconDash1 {
  background-position: -10px -226px;
}
.svgIconDash2 {
  background-position: -10px -262px;
}
.svgIconDash3 {
  background-position: -10px -298px;
}
.svgIconDash4 {
  background-position: -10px -334px;
}
.svgIconDash5 {
  background-position: -10px -370px;
}
.svgIconDash6 {
  background-position: -10px -406px;
}
.svgIconArrow0 {
  background-position: -10px -190px;
}
.svgIconArrow1 {
  background-position: -10px -442px;
}
.svgIconArrow2 {
  background-position: -10px -478px;
}
.svgIconArrow3 {
  background-position: -10px -514px;
}
.svgIconArrow4 {
  background-position: -10px -550px;
}
.svgIconArrow5 {
  background-position: -10px -586px;
}
.svgIconArrow6 {
  background-position: -10px -622px;
}
.svgIconArrow7 {
  background-position: -10px -658px;
}
.svgIconArrow8 {
  background-position: -10px -694px;
}
.svgIconArrow9 {
  background-position: -10px -730px;
}
/* remove checkbox on checked radio button */
.svgPlaceholderTextFormat .dijitNoIcon {
  display: none;
}
.svgPlaceholderTextFormat .dijitButtonNode {
  width: 56px;
}
/* DND */
.dojoDndSourceMoved .csi-canvas-thumbnail.dojoDndItemOver .csi-icon-delete,
.csi-dnd-item-in-progress.csi-canvas-thumbnail .csi-canvas-thumbnail-slide {
  display: none;
}
.dojoDndSourceMoved.csi-canvas-left-thumbnails.csi-dnd-dragging-over-none::after,
.dojoDndSourceMoved .csi-canvas-thumbnail.csi-dnd-item-in-progress::after,
.dojoDndSourceMoved .csi-canvas-thumbnail.dojoDndItemBefore::before,
.dojoDndSourceMoved .csi-canvas-thumbnail.dojoDndItemAfter::after {
  border: 2px dashed var(--SVGThumbNormalBorderColor);
  content: " ";
  display: block;
  margin-left: 19px;
  margin-top: 10px;
  height: 100px;
  width: 150px;
}
.dojoDndSourceMoved.csi-canvas-left-thumbnails.csi-dnd-dragging-over-none::after {
  margin-left: 29px;
}
.dojoDndSourceMoved .csi-canvas-thumbnail.csi-dnd-item-in-progress::after {
  margin-top: 0;
}
.dojoDndSourceMoved .csi-canvas-thumbnail.dojoDndItemBefore::before {
  margin-bottom: 10px;
  margin-top: 0;
}
.dojoDndContainerOver .csi-canvas-thumbnail.csi-dnd-item-in-progress {
  display: none;
}
.dojoDndAvatar .dojoDndItem.csi-canvas-thumbnail {
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  width: initial;
}
.dojoDndAvatar .dojoDndItem.csi-canvas-thumbnail .csi-canvas-thumbnail-index,
.dojoDndAvatar .dojoDndItem.csi-canvas-thumbnail .csi-icon-delete {
  display: none;
}
.dojoDndAvatar .dojoDndItem.csi-canvas-thumbnail .iconCellComment {
  background-image: none;
}
/* SPLASH */
.csi-canvas-splash-container {
  position: relative;
  height: 748px;
}
.csi-canvas-splash-container .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--SVGCanvasColor);
  opacity: 0.75;
  display: block;
  z-index: 10;
}
.csi-canvas-splash-container .csi-canvas-page-content {
  height: 699px;
  width: 1073px;
}
.csi-canvas-splash-container .csi-canvas-splash-overlaytext-container {
  position: absolute;
  left: auto;
  right: auto;
  width: 100%;
  height: 100%;
  display: table;
  z-index: 11;
}
.csi-canvas-splash-container .csi-canvas-splash-overlaytext-container .csi-main-text {
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
}
.csi-canvas-splash-container .csi-canvas-splash-overlaytext-container .csi-sub-text {
  font-size: 20px;
  padding-bottom: 10px;
}
.csi-canvas-splash-container .csi-canvas-splash-overlaytext-content {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  padding-left: 35%;
}
.csi-canvas-splash-container .csi-primary-btn {
  margin-right: 10px;
}
.csi-canvas-splash-container .csi-hide {
  display: none;
}
.csi-canvas-no-edit .csi-canvas-splash-container .csi-canvas-splash-overlaytext-container {
  display: none;
}
/* NOTES */
.csi-canvas-notes {
  text-align: left;
}
.csi-canvas-notes .csi-link-btn {
  margin: 3px;
}
.csi-canvas-note {
  border: 1px solid transparent;
  border-bottom-color: var(--DataSheetBorderColor);
  position: relative;
}
.csi-canvas-note h1,
.csi-canvas-note h2,
.csi-canvas-note h3,
.csi-canvas-note h4 {
  font-weight: normal;
}
.csi-canvas-note .fr-view {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 10px;
}
.csi-canvas-note-head {
/* Browsers vary slightly on height, so set line-height explicitly to equal 17px height */
  color: var(--SVGNoteAuthorColor);
  line-height: 1.4167;
  overflow: hidden;
  padding: 0px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csi-canvas-note-author {
  font-weight: var(--SemiBold);
  margin-right: 10px;
}
/*
	This way we can fix the quick insert icon cutting issue for the first line.
	We are extending top for note text but adding padding to compensate negative top margin.
*/
.csi-canvas-note-text {
  margin-top: -15px;
  padding-top: 15px;
}
.csi-canvas-note-active {
  border-color: var(--SVGNoteActiveBorderColor);
  border-radius: 3px;
}
.csi-canvas-note-active .csi-canvas-note-delete {
  display: none !important;
}
.csi-canvas-note-delete {
  position: absolute;
  top: 2px;
  right: 2px;
/* Needs to be on top of froala fr-element z-index (of 2) */
  z-index: 3;
}
.csi-canvas-delete-btn .csi-secondary-btn {
  border-radius: 10px;
}
.csi-canvas-delete-btn .csi-secondary-btn .dijitButtonNode {
  padding: 0 1px 1px;
}
/* SAVE PROGRESS */
.csi-canvas-progress .svgCanvasContainer {
  opacity: 0.3;
}
.csi-canvas-progress .dijitDialogUnderlayWrapper {
  opacity: 0;
}
.csi-canvas-progress .dijitDialog {
  background: transparent;
  border: none;
  box-shadow: none;
}
.csi-canvas-progress .dijitDialog .dijitDialogTitleBar {
  display: none;
}
.csi-canvas-progress .dijitDialog .dijitDialogPaneContent {
  background: transparent;
  color: var(--BlackTextColor);
}
.csi-canvas-progress .dijitDialog .csi-message-txt {
  font-weight: bold;
  font-size: 16px;
}
/* TEXT EDITOR FROALA */
#canvas-editor-root,
#text_measure_div {
  touch-action: none;
}
#canvas-editor-root h1,
#text_measure_div h1,
#canvas-editor-root h2,
#text_measure_div h2,
#canvas-editor-root h3,
#text_measure_div h3,
#canvas-editor-root h4,
#text_measure_div h4 {
  font-weight: 400;
}
#canvas-editor-root a,
#text_measure_div a,
#canvas-editor-root a span,
#text_measure_div a span {
  color: var(--PrimaryBlue) !important;
}
/* TOOLBAR POPUPS*/
.csi-select-menu-item {
  width: calc(100% + 20px);
  margin-left: -10px;
  cursor: pointer;
  background: transparent;
  padding: 2px 2px 0 10px;
  text-align: left;
}
.csi-select-menu-item:focus {
  outline: none;
}
.csi-table-dimensions {
  z-index: 1001;
  cursor: pointer;
  background: #fff;
  padding: 0 15px 15px 15px;
  text-align: center;
  box-shadow: var(--PopupShadow);
}
.csi-table-dimensions:focus {
  outline: none;
}
.csi-table-dimensions-cells {
  text-align: center;
}
.csi-table-dimensions-empty-cell,
.csi-table-dimensions-filled-cell {
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 1px solid var(--Grey400);
  margin-bottom: 1px;
}
.csi-table-dimensions-empty-cell:not(:last-child),
.csi-table-dimensions-filled-cell:not(:last-child) {
  margin-right: 3px;
}
.csi-table-dimensions-filled-cell {
  background-color: var(--Blue1);
}
.csi-table-dimensions-row {
  line-height: 1;
}
.csi-table-dimensions-string {
  color: var(--GreyFive);
  padding-top: 6px;
  padding-bottom: 3px;
}
/* PALETTES */
.dijitPaletteTable {
  background-color: var(--SVGToolbarMenuBackground);
  border: 1px solid var(--BtnToolbarNormalBorderColor);
  border-radius: 3px;
  box-shadow: var(--PopupShadow);
}
.dijitPaletteImg {
  box-shadow: none !important;
}
.dijitColorPalette {
/* border will be applied with dijitPaletteTable */
  border-width: 0;
}
.csi-shapeSelect-palette .dijitPaletteTable {
  padding: 4px 0;
}
.csi-shapeSelect-palette .dijitPaletteCell {
  cursor: pointer;
  padding: 3px 4px 4px;
  outline: none;
}
.csi-shapeSelect-palette .dijitPaletteCell:hover,
.csi-shapeSelect-palette .dijitPaletteCellSelected {
  background-color: var(--DropdownMenuHoverBackgroundColor);
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/styles.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
/*
	Z-Index Rules: 04/2025

	Min: -1

	Max: 99999

	Login and Dragging underlay: -1

	Dragging and Resizing: 0

	Grid Rows, Columns, Toolbars, Splitters, Breadcrumbs, and StateHeader transitions: 1

	Gallery Placeholders: 20

	PageHeader: undefined - uses the natural stacking context to determine the stacking order.
	This fixes an issue where popups opened from the right panel were being overlapped by the header.
	Should be undefined also for PageCenter, breadcrumb and table/gallery placeholders to use natural stacking context order.
	Useful links:
	Stacked content: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
	Understanding CSS z-index: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index

	Calendar Overlay: 100

	Canvas: 10-301

		The Selection, Create, and Edit overlays are set to the max of 301

		Page Objects in the Canvas start at 10 then count up by their ID

		This max also limits the number of Page Objects in Canvas

	React and Dojo Dialogs: 800-850 (Dialogs open on top of each other, only a limited number should be open simultaneously)

	Dijit Popups: 1000

	React AutoComplete: 1000

	Full Screen Headers: 1000

	Froala Tooltip Popups: 1050

	React Popovers: 1300

	Grid Container: 10000 (9999 for underlay and 10001 for overlay)

	Calendar Timeline: 10000

	React Tooltips: 20000

	Progress Bars: 99999

	Any new elements that have a z-index of over 99999 may safely be moved down to 99999.

	When working on issues that are z-index sensitive, please refer to and update this guide as needed.
*/
/* https://centric8.atlassian.net/browse/C8-11641?filter=22858
 * Divs highlighted gray when tapped on mobile device
 * remove tap highlight from all elements
 */
* {
  -webkit-tap-highlight-color: transparent;
}
html.dj_safari span:focus {
  outline: none;
}
th {
/* Added to fix table headers inside rich text; for some reason, default browser styling for 'th' does not override text-align styling of containing elements */
  text-align: center;
}
.dijit,
.dijitContainer,
.dijitContentPane,
.dijitDialog,
.dijitPopup,
.dijitReset {
/* needed to override MUI CssBaseline */
  box-sizing: content-box;
}
/*=======================================icons==================================================*/
.csiActionIcon.iconWarning,
.csiActionIcon.iconSuccess,
.csiActionIcon.iconQuestion,
.csiActionIcon.iconError {
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
}
.iconPhoto {
/* connector arrow for tooltip on icon images will overlap icon and not allow clicking on the icon, so add padding to right to offset tooltip */
  margin-left: 10px;
  padding-right: 10px;
}
/* Scroll bar customization for presentation popups */
.presentationPopupSlideScrollbar::-webkit-scrollbar {
  background-color: var(--Black100);
  border: 1px solid;
  border-color: var(--Black300);
  width: 17px;
}
.presentationPopupSlideScrollbar::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: var(--Black600);
  border-radius: 10px;
  border: 5px solid transparent;
}
.presentationPopupSlideScrollbar::-webkit-scrollbar-button {
  display: none;
}
/* View Toolbar */
.csiViewToolbar {
  margin-bottom: var(--ToolbarMargin);
}
.csiViewToolbar .csi-float-right + .csi-float-right {
  margin-right: var(--ToolbarSpacing);
}
.csiViewToolbar2 {
  background-color: var(--Toolbar2Background);
  border: var(--StandardBorder);
  margin-bottom: 0;
  padding: 6px;
}
.csiToolbarPageSize .dijitComboBox {
  margin-left: 2px;
  width: 55px;
}
.csi-toolbar-spacing {
  margin-right: var(--ToolbarSpacing) !important;
}
.csi-toolbar-find .dijitTextBox,
.csiToolbarFilter .dijitComboBox,
.pluginTags .dijitComboBox {
  width: 12em;
}
.csi-toolbar-find:not(.csi-float-right) {
  margin-right: var(--ToolbarSpacing);
}
.csi-toolbar-find .csi-toolbar-find-inner {
  position: relative;
}
.csi-toolbar-find .csi-toolbar-find-inner .iconSearch {
  position: absolute;
  top: 2px;
  right: var(--ToolbarSpacing);
}
.csi-toolbar-find .csi-toolbar-find-inner .dijitInputContainer {
/* "important" needed to override default styling */
  padding-right: 24px !important;
}
.csi-toolbar-find .csi-toolbar-find-inner .dijitTextBox {
  margin-right: 0;
  width: 250px;
}
.csi-toolbar-warning,
.csi-toolbar-info {
  outline: none;
  border-radius: 3px;
}
.csi-toolbar-info {
  background-color: var(--InfoBlueBackgroundColor);
  padding: 6px 8px 8px;
}
.csi-toolbar-warning {
  color: var(--ToolbarWarningColor);
  background-color: var(--ToolbarWarningBackgroundColor);
  margin-right: 6px;
  padding: 4px 6px;
}
.csi-toolbar-select-200 {
  min-width: 200px;
}
.csi-badge {
  position: absolute;
  min-width: 10px;
  min-height: 13px;
  height: 12px;
  top: -5px;
  right: -5px;
  padding: 1px 3px;
  border-radius: 10px;
  background-color: var(--BadgeBackgroundColor);
  color: var(--BadgeTextColor);
  font-size: 10px;
  text-align: center;
}
.csi-toolbar-btn-Conversations {
  position: relative;
}
.csi-conversation-badge {
  color: var(--PageHeaderToolbarIconColor);
  font-weight: var(--SemiBold);
  opacity: var(--HeaderOpacity);
  padding-left: 4px;
}
.csi-suggested-tag {
  left: 8px;
  position: relative;
}
.csi-suggested-tag span {
  background-color: var(--Green100);
  border-radius: 3px;
  color: var(--Green700);
  display: inline-block;
  font-weight: 600;
  line-height: 9px;
  padding: 4px;
}
.dijitPopup .dijitMenuItemActive td,
.dijitPopup .dijitMenuItemActive {
  color: var(--DropdownMenuActiveTextColor);
  background: var(--DropdownMenuActiveBackgroundColor);
}
.dijitPopup .dijitMenuItemHover.dijitMenuItemSelected td,
.dijitPopup .dijitMenuItemHover.dijitMenuItemSelected {
  background: var(--DropdownMenuHoverBackgroundColor);
}
.csi-button-group-first .dijitButtonNode {
  border-radius: 3px 0 0 3px !important;
}
.csi-group-buttons .csi-button-toggle {
  margin-right: 0;
}
.csi-group-buttons .csi-button-toggle .csiActionIcon {
  display: none;
}
.csi-group-buttons .csi-button-toggle .dijitButtonText {
  fill: #79818f;
  padding: 0;
  width: 16px;
}
.csi-button-group-last .dijitButtonNode {
  border-radius: 0 3px 3px 0 !important;
}
.csi-filter-condition-title ~ .csi-filter-condition {
  padding: 6px 0;
}
.csi-filter-condition-label {
  font-weight: var(--SemiBold);
}
.csi-filter-condition-value > div {
  padding-left: 20px;
}
.csi-filter-container {
  display: none;
  margin-top: var(--ToolbarMargin);
}
.csi-filter-exists .csi-filter-container {
  display: flex;
}
.csi-filter-container-label {
  margin-top: 3px;
  white-space: nowrap;
}
.csi-filter-container-pills > .csi-link-btn {
  padding: 1px;
}
.csi-filter-container-pills > .csi-link-btn,
.csi-filter-container-pills > .csi-name-value-pair {
  margin-bottom: 6px;
  margin-left: 6px;
}
.csi-filter-container-pills .csi-name-value-pair {
  border-color: var(--ToolbarFilterPillBorderColor);
  background-color: var(--ToolbarFilterPillBackgroundColor);
}
.csi-filter-container-pills .csi-name-value-pair.csi-selected,
.csi-filter-container-pills .csi-name-value-pair:hover {
  background-color: var(--ToolbarFilterPillHoverBackgroundColor);
}
.csi-filter-container-pills.csi-mini-filter-pills {
  user-select: none;
  white-space: nowrap;
  padding: 10px 10px 0 0;
}
.csi-filter-container-pills.csi-mini-filter-pills .csi-name-value-pair {
  position: unset;
  min-width: 0;
}
.csi-filter-container-pills.csi-mini-filter-pills .csi-name-value-pair .csi-name-value-pair-value + span {
  line-height: 10px;
}
.csi-header-select-dropdown.dijitSelect {
  border-color: var(--DropdownSelectHeaderBorderColor);
  background: var(--DropdownSelectHeaderBackgroundColor);
}
.csi-header-select-dropdown.dijitSelect .dijitArrowButton {
  padding-right: 8px;
}
.csi-header-tooltip > :first-child {
  font-weight: bold;
}
.csi-header-tooltip > div + div {
  margin-top: 6px;
}
/* Actions */
.csi-action-link {
  cursor: pointer;
  text-decoration: underline;
}
.csi-action-link > * {
  text-decoration: underline;
}
.csi-action-link:hover {
  color: var(--LinkHover);
}
.csi-action-link:active {
  color: var(--LinkActive);
}
/*-----------Input------------------------------------*/
.dijitButton,
.dijitComboButton,
.dijitDropDownButton,
.dijitToggleButton {
  margin: 0;
}
.dijitTextBox,
.dijitComboBox,
.dijitValidationTextBox,
.dijitInputInner,
.dijitInputField,
.dijitInputContainer,
.dijitButtonContents,
.dijitCheckBoxIcon:before,
.dijitCheckBoxChecked:before,
.dijitCheckBoxCheckedDisabled:before,
.dijitSelect .dijitButtonContents,
.dijitSelect .dijitArrowButton,
.dijitComboBox .dijitButtonNode,
.dijitButton .dijitButtonNode,
.dijitDropDownButton .dijitButtonNode,
.dijitComboButton .dijitButtonNode,
.dijitToggleButton .dijitButtonNode {
/*Reset all line height to normal*/
  line-height: 1;
  text-shadow: none;
}
.dijitInputInner[type="password"] {
/* Use browser default for this rather than our own font - does not look good at all with Centric8 font */
  font-family: initial !important;
  font-size: initial !important;
}
.dijitToolbar .dijitDropDownButton .dijitArrowButtonInner,
.dijitDropDownButton .dijitArrowButtonInner {
  margin-left: 0;
  padding-left: 8px;
  vertical-align: middle;
}
.dijitDropDownButton {
  margin-left: 0px;
}
.dijitDropDownButton .dijitButtonNode {
  padding: 4px 5px;
  background: var(--BtnSecondaryNormalBackgroundColor);
  border-color: var(--BtnSecondaryNormalBorderColor);
}
.dijitDropDownButtonHover .dijitButtonNode {
  background: var(--BtnSecondaryHoverBackgroundColor);
  border-color: var(--BtnSecondaryHoverBorderColor);
  box-shadow: none;
}
.dijitDropDownButtonActive .dijitButtonNode {
  background: var(--BtnSecondaryActiveBackgroundColor);
  border-color: var(--BtnSecondaryActiveBorderColor);
  box-shadow: var(--InputInsetShadow);
}
.dijitDropDownButtonDisabled .dijitButtonNode {
  background: var(--BtnSecondaryDisabledBackgroundColor);
  border-color: var(--BtnSecondaryDisabledBorderColor);
  color: var(--BtnSecondaryDisabledTextColor);
}
.dijitButton .dijitButtonNode {
  background: none;
  border: none;
  box-shadow: none;
}
.dijitButton.dijitHover .dijitButtonNode {
  box-shadow: none;
}
.dijitButton.dijitFocused {
  outline: none;
}
.dijitButton.dijitDisabled {
  pointer-events: none;
}
.csi-primary-btn {
  transition: all var(--TransitionDuration);
  background-color: var(--BtnPrimaryNormalBackgroundColor);
  color: var(--BtnPrimaryNormalTextColor);
  border: solid 1px var(--BtnPrimaryNormalBackgroundColor);
  border-radius: 3px;
}
.csi-primary-btn .fa,
.csi-primary-btn .material-icons {
  color: var(--BtnPrimaryNormalTextColor);
}
.csi-primary-btn.dijitHover {
  border-color: var(--BtnPrimaryHoverBorderColor);
}
.csi-primary-btn.dijitHover .dijitDownArrowButton {
  border-left: 1px solid var(--BtnPrimaryDropdownSeparator) !important;
}
.csi-primary-btn.dijitHover .dijitButtonNodeHover,
.csi-primary-btn.dijitHover .dijitDownArrowButtonHover {
  background: var(--BtnPrimaryHoverBackgroundColor) !important;
}
.csi-primary-btn.dijitActive {
  border-color: var(--BtnPrimaryActiveBorderColor);
}
.csi-primary-btn.dijitActive .dijitDownArrowButton {
  border-left: 1px solid var(--BtnPrimaryActiveBorderColor) !important;
}
.csi-primary-btn.dijitActive .dijitButtonNodeActive,
.csi-primary-btn.dijitActive .dijitDownArrowButtonActive {
  background-color: var(--BtnPrimaryActiveBackgroundColor) !important;
  box-shadow: var(--InputInsetShadow);
}
.csi-primary-btn.dijitFocused:not(.dijitDisabled) {
  border-color: var(--BtnPrimaryFocusedBorderColor);
}
.csi-primary-btn.dijitDisabled {
  background: var(--BtnPrimaryDisabledBackgroundColor);
  border-color: var(--BtnPrimaryDisabledBorderColor);
  color: var(--BtnPrimaryDisabledTextColor) !important;
}
.csi-primary-btn .dijitButtonNode {
/* important necessary to easily override toolbar button styling - otherwise would require many more rules */
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px 7px 4px 6px;
}
.csi-primary-btn .dijitDownArrowButton {
  border-left: 1px solid var(--BtnPrimaryDropdownSeparator) !important;
}
.csi-primary-btn.csi-hide-split .dijitDownArrowButton {
  border-left: none !important;
}
.csi-primary-btn.csi-hide-split.dijitActive,
.csi-primary-btn.csi-hide-split.dijitHover {
  background-color: var(--BtnPrimaryActiveBackgroundColor) !important;
}
.csi-primary-btn.csi-hide-split.dijitActive .dijitButtonNodeHover,
.csi-primary-btn.csi-hide-split.dijitHover .dijitButtonNodeHover,
.csi-primary-btn.csi-hide-split.dijitActive .dijitDownArrowButtonHover,
.csi-primary-btn.csi-hide-split.dijitHover .dijitDownArrowButtonHover,
.csi-primary-btn.csi-hide-split.dijitActive .dijitButtonNodeActive,
.csi-primary-btn.csi-hide-split.dijitHover .dijitButtonNodeActive,
.csi-primary-btn.csi-hide-split.dijitActive .dijitDownArrowButtonActive,
.csi-primary-btn.csi-hide-split.dijitHover .dijitDownArrowButtonActive {
  background-color: unset !important;
  box-shadow: unset;
}
.csi-primary-btn.csi-hide-split.dijitActive {
  box-shadow: var(--InputInsetShadow);
}
.csi-primary-btn .dijitArrowButton:before {
  color: var(--DropDownButtonPrimaryArrowDownColor);
}
.csi-secondary-btn {
  transition: all var(--TransitionDuration);
  color: var(--BtnSecondaryNormalTextColor);
  border: solid 1px var(--BtnSecondaryNormalBorderColor);
  border-radius: 3px;
  background: var(--BtnSecondaryNormalBackgroundColor);
}
.csi-secondary-btn:hover:not(.dijitDisabled),
.csi-secondary-btn.dijitHover {
  background-color: var(--BtnSecondaryHoverBackgroundColor);
  border-color: var(--BtnSecondaryHoverBorderColor);
}
.csi-secondary-btn:active:not(.dijitDisabled),
.csi-secondary-btn.dijitActive {
  background-color: var(--BtnSecondaryActiveBackgroundColor);
  border-color: var(--BtnSecondaryActiveBorderColor);
  box-shadow: var(--InputInsetShadow);
}
.csi-secondary-btn:focus:not(.dijitDisabled),
.csi-secondary-btn:focus-visible:not(.dijitDisabled),
.csi-secondary-btn.dijitFocused {
  border-color: var(--BtnSecondaryFocusedBorderColor);
}
.csi-secondary-btn:focus,
.csi-secondary-btn:focus-visible {
  outline: none;
}
.csi-secondary-btn:disabled,
.csi-secondary-btn.dijitDisabled {
  background: var(--BtnSecondaryDisabledBackgroundColor);
  border-color: var(--BtnSecondaryDisabledBorderColor);
  color: var(--BtnSecondaryDisabledTextColor);
}
.csi-secondary-btn .dijitButtonNode {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px 6px 4px 5px;
}
.csi-link-btn {
  color: var(--BtnLinkNormalTextColor);
  border: solid 1px var(--BtnLinkNormalBorderColor);
  background: var(--BtnLinkNormalBackgroundColor);
  border-radius: 3px;
  padding: 3px 0;
}
.csi-link-btn.dijitHover {
  color: var(--BtnLinkHoverTextColor);
}
.csi-link-btn.dijitActive {
  color: var(--BtnLinkActiveTextColor);
}
.csi-link-btn.dijitFocused:not(.dijitDisabled) {
  border-color: var(--BtnLinkFocusedBorderColor);
}
.csi-link-btn.dijitDisabled {
  color: var(--BtnLinkDisabledTextColor);
}
.csi-link-btn .dijitButtonNode {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
}
.csi-link-btn .dijitButtonText {
  padding: 2px;
}
.csi-secondary-cmb-btn {
  transition: all var(--TransitionDuration);
  color: var(--BtnSecondaryNormalTextColor);
  border: solid 1px var(--BtnSecondaryNormalBorderColor);
  border-radius: 3px;
  background: var(--BtnSecondaryNormalBackgroundColor);
}
.csi-secondary-cmb-btn .dijitButtonNode {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 4px 6px 4px 6px;
}
.csi-secondary-cmb-btn .dijitDownArrowButton {
  border-left: 1px solid var(--BtnSecondaryNormalBorderColor) !important;
}
.csi-secondary-cmb-btn .dijitDownArrowButton:focus {
  outline: none;
}
.csi-secondary-cmb-btn.dijitHover {
  border-color: var(--BtnSecondaryHoverBorderColor);
}
.csi-secondary-cmb-btn.dijitHover .dijitDownArrowButton {
  border-left: 1px solid var(--BtnSecondaryHoverBorderColor) !important;
}
.csi-secondary-cmb-btn.dijitHover .dijitButtonNodeHover,
.csi-secondary-cmb-btn.dijitHover .dijitDownArrowButtonHover {
  background: var(--BtnSecondaryHoverBackgroundColor);
}
.csi-secondary-cmb-btn.dijitActive {
  border-color: var(--BtnSecondaryActiveBorderColor);
}
.csi-secondary-cmb-btn.dijitActive .dijitDownArrowButton {
  border-left: 1px solid var(--BtnSecondaryActiveBorderColor) !important;
}
.csi-secondary-cmb-btn .dijitButtonNodeActive,
.csi-secondary-cmb-btn .dijitDownArrowButtonActive {
  box-shadow: var(--InputInsetShadow);
  background: var(--BtnSecondaryActiveBackgroundColor);
}
.csi-secondary-cmb-btn.dijitFocused {
  border-color: var(--BtnSecondaryFocusedBorderColor);
}
.csi-secondary-cmb-btn.dijitDisabled {
  background: var(--BtnSecondaryDisabledBackgroundColor);
  border-color: var(--BtnSecondaryDisabledBorderColor);
  color: var(--BtnSecondaryDisabledTextColor);
}
.csi-secondary-cmb-btn.dijitDisabled .dijitDownArrowButton {
  border-left: 1px solid var(--BtnSecondaryDisabledBorderColor) !important;
}
.csi-more-btn {
  border-radius: 12px;
  padding: 0 10px;
}
.csi-secondary-cmb-btn.csi-rounded-combo-btn {
  border-radius: 12px;
}
.csi-secondary-cmb-btn.csi-rounded-combo-btn .dijitStretch {
  border-radius: 12px 0 0 12px;
}
.csi-secondary-cmb-btn.csi-rounded-combo-btn .dijitArrowButton {
  border-radius: 0 12px 12px 0;
}
.csi-subscribe-btn .dijitButtonNode {
  height: 18px;
  width: 18px;
}
.csi-subscribe-btn .dijitArrowButtonInner {
  display: none;
}
.csi-pill-btn .dijitButtonNode {
  border-radius: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.csi-pill-btn .dijitArrowButtonInner {
  padding-right: 5px;
}
.csi-checkbox-with-label .dijitCheckBox {
  margin-right: 6px;
}
.csi-drop-down-button-hide-arrow .dijitArrowButtonInner {
  display: none;
}
div.dijitArrowButton {
  width: 20%;
  max-width: 13px;
}
.dijitMenu {
  background: var(--DropdownMenuNormalBackgroundColor);
  border-color: var(--DropdownMenuNormalBorderColor);
}
.dijitMenu .dijitMenuItem .dijitMenuItemIconCell {
/* Don't show Icons in popup menus except when explicitly allowed */
  display: none;
}
.dijitMenu .dijitMenuItem.csi-menu-item-with-icon .dijitMenuItemIconCell {
  display: table-cell;
  padding-right: 0 !important;
}
.dijitMenu .dijitMenuItem .csi-menu-item-checkbox {
  padding-right: 0;
}
.dijitMenu .dijitMenuItem .csi-menu-item-checkbox .dijitCheckBox {
  padding: 0;
}
.dijitMenu .dijitMenuLabel {
  outline: none;
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--DropdownMenuLabelColor);
}
.dijitMenu .dijitMenuLabel > td {
  padding: 2px 10px;
}
.csi-popup-wrapper-actions .dijitMenuItem:hover,
.dijitMenuItemHover {
  color: var(--DropdownMenuHoverTextColor);
  background: var(--DropdownMenuHoverBackgroundColor);
}
.csi-popup-wrapper-actions .dijitMenuItem:hover td,
.dijitMenuItemHover td {
  color: var(--DropdownMenuHoverTextColor);
  background: var(--DropdownMenuHoverBackgroundColor);
}
.dijitMenuItemLabel a {
/* override hover and active colors for link in menu */
  color: inherit !important;
}
.dijitMenuItemSelected {
  color: var(--DropdownMenuSelectedTextColor);
  background: var(--DropdownMenuSelectedBackgroundColor);
}
.dijitMenuItemSelected td {
  color: var(--DropdownMenuSelectedTextColor);
  background: var(--DropdownMenuSelectedBackgroundColor);
}
.dijitMenuSeparator {
  outline: none;
}
.dijitMenuSeparator td {
  padding: 3px 0 4px 0;
}
/* PROGRESS BAR */
.dijitProgressBar {
  border-radius: 9px;
}
.dijitProgressBarFull {
  transition-duration: initial;
  transition-property: initial;
}
/* Radio Button */
.dijitRadio {
  background-color: var(--RadioButtonNormalBackgroundColor);
  border-color: var(--RadioButtonNormalBorderColor);
}
.dijitRadio.dijitFocused {
  border-color: var(--RadioButtonFocusedBorderColor);
}
.dijitRadio.dijitRadio:after {
  background-color: var(--RadioButtonNormalSwitchColor);
}
.dijitRadio.dijitRadioDisabled {
  background-color: var(--RadioButtonDisabledBackgroundColor);
  border-color: var(--RadioButtonDisabledBorderColor);
}
.dijitRadio.dijitRadioDisabled.dijitRadio:after {
  background-color: var(--RadioButtonDisabledSwitchColor);
}
.dijitRadio input {
  width: 16px;
  height: 16px;
  margin-left: -1px;
  position: absolute;
  z-index: 100;
}
/* Check Box */
.dijitCheckBox {
  background-color: var(--White50);
  border-color: var(--Grey600);
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  padding: 0;
  vertical-align: top;
  height: 14px;
  width: 14px;
  position: relative;
}
.csi-dojo-checkbox-click-area:hover .dijitCheckBox {
  border-color: var(--Grey900);
}
.csi-dojo-checkbox-click-area:hover .dijitCheckBox.dijitCheckBoxChecked {
  border-color: "transparent";
}
.csi-dojo-checkbox-click-area:active .dijitCheckBox..dijitCheckBox {
  border-color: var(--Blue600);
}
.dijitCheckBox:hover {
  border-color: var(--Grey900);
}
.dijitCheckBox:active {
  border-color: var(--Blue600);
}
.dijitCheckBox.dijitCheckBoxChecked {
  border-color: transparent;
}
.dijitCheckBox.dijitFocused {
  box-shadow: 0 0 0 2px var(--CheckBoxFocusColor);
}
.dijitCheckBox input {
  width: 14px;
  height: 14px;
}
.dijitCheckBoxIcon,
.dijitCheckBoxChecked {
  background-color: var(--Blue600);
}
.dijitCheckBoxIcon:before,
.dijitCheckBoxChecked:before {
  content: "\E5CA";
  font-family: 'Material Icons';
  font-size: 14px;
  color: #fff;
  position: relative;
  left: 0px;
  top: 0px;
  width: 14px;
  height: 14px;
  display: inline-block;
}
.dijitCheckBoxIcon:hover,
.dijitCheckBoxChecked:hover {
  background-color: var(--Blue700);
}
.dijitCheckBoxDisabled {
  background-color: var(--Grey100);
  border: 1px solid var(--Grey400);
  pointer-events: none;
}
.dijitCheckBoxDisabled:hover {
  border: 1px solid var(--Grey400);
}
.dijitCheckBoxCheckedDisabled {
  background-color: var(--Blue300);
  border-color: transparent;
}
.dijitCheckBoxCheckedDisabled:hover {
  background-color: var(--Blue300);
  border: 1px solid transparent;
}
.csi-dojo-lightbox-info-panel-context-card table.csiHeadingColumnTable,
.csi-dojo-lightbox-info-panel-context-card table.propertyViewTable {
  width: 100%;
}
.csi-dojo-lightbox-info-panel-context-card td.csiHeadingColumn,
.csi-dojo-lightbox-info-panel-context-card td.csiHeadingColumnNext.csiHeadingColumn {
  display: block;
  padding-bottom: 0px;
}
.csi-dojo-lightbox-info-panel-context-card td.csiHeadingColumnNext.csiHeadingColumn {
  padding-left: 0px;
}
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell,
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell.odd {
  padding-left: 8px;
  padding-right: 12px;
}
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell > td,
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell.odd > td {
  max-width: 136px;
  min-width: 136px;
  padding: 8px 4px 4px 4px;
  width: 50%;
  word-wrap: break-word;
}
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell > th,
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell.odd > th {
  max-width: 136px;
  min-width: 136px;
  width: 50%;
}
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell > th .csiHeadingCellLabel,
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell.odd > th .csiHeadingCellLabel {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  padding: 8px 4px 0px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  word-wrap: break-word;
}
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell.csiHeadingCellEditable,
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell > th {
  border-bottom: 0px;
}
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell.csiHeadingCellEditable,
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell > td {
  border-bottom: 0px;
}
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell.csiHeadingCellEditable th div.csiHeadingCellLabel {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell.csiHeadingCellEditable.odd,
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell,
.csi-dojo-lightbox-info-panel-context-card tr.csiHeadingCell.odd {
  background-color: inherit;
  color: var(--Black200);
}
.csi-dojo-checkbox-click-area {
  position: absolute;
  left: -4px;
  top: -4px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  pointer-events: all;
}
.csi-dojo-checkbox-click-area-disabled {
  position: absolute;
  left: -4px;
  top: -4px;
  width: 24px;
  height: 24px;
  cursor: not-allowed;
  pointer-events: visible;
}
/* End of Check Box */
.dijitTextBox {
  background: var(--TextfieldNormalBackgroundColor);
  border-radius: 3px;
  box-shadow: none;
  color: var(--TextfieldNormalTextColor);
  text-align: left;
  transition: all var(--TransitionDuration);
}
.dijitTextBox:not(.dijitTextBoxError) {
  border-color: var(--TextfieldNormalBorderColor);
}
.dijitTextBox.dijitHover:not(.dijitTextBoxError) {
  border-color: var(--TextfieldHoverBorderColor);
}
.dijitTextBox.dijitFocused:not(.dijitTextBoxError):not(.dijitDisabled) {
  border-color: var(--TextfieldActiveBorderColor);
}
.dijitTextBox.dijitDisabled {
  border-color: var(--TextfieldDisabledBorderColor);
  background: var(--TextfieldDisabledBackgroundColor);
  color: var(--TextfieldDisabledTextColor);
}
.dijitTextBox .dijitInputField:not(.dijitPlaceHolder) {
  margin: 1px;
  padding: 0 0 0 var(--TextfieldSpacingLeftRight);
}
.dijitTextBox .dijitInputField:not(.dijitPlaceHolder) .dijitPlaceHolder {
  margin: 0 0 0 var(--TextfieldSpacingLeftRight);
  padding: 6px 0 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden !important;
  width: 98%;
  color: var(--DisabledText);
  pointer-events: none;
}
.dijitTextBox .dijitInputInner {
  height: 14px;
}
.dijitTextBox .dijitValidationContainer {
  display: none;
}
.dijitPlaceHolder,
::placeholder {
  color: var(--PlaceholderTextColor);
}
/* TOOLTIP */
.dijitTooltipDialogPopup form {
  min-width: 340px !important;
  padding: 6px !important;
  color: var(--TooltipFormColor);
}
.dijitTooltip {
  max-width: 500px;
}
.dijitTooltip .dijitTooltipContainer {
  background: var(--TooltipBackground);
  border: 1px solid var(--TooltipBorder);
  border-radius: 3px;
  color: var(--TooltipLableColor);
  font-size: inherit;
  padding: var(--TooltipSpacing);
  opacity: 1;
  vertical-align: top;
  box-shadow: var(--PopupShadow);
}
.dijitTooltip .csiActions {
  margin: calc(-1 * var(--TooltipSpacing));
  padding-bottom: 4px;
}
.dijitTooltip .csiActions a {
  border-top: 1px solid var(--TooltipActionBorderColor);
  display: block;
  margin-left: 0 !important;
  padding: 5px var(--TooltipSpacing);
  text-align: left;
}
.dijitTooltip .csiActions a:hover {
  background-color: var(--BtnTooltipHoverBackgroundColor);
}
.dijitTooltip .csiActions a:hover:active {
  background-color: var(--BtnTooltipActiveBackgroundColor);
}
.dijitTooltip .csiActions:first-child a:first-child {
  border-top: none;
}
.dijitTooltip .csiActions:only-child {
  padding-top: 4px;
}
.dijitTooltip .csi-tooltip-content > * + * {
  margin-top: var(--TooltipSpacing);
}
.dijitTooltip .csi-tooltip-content + .csiActions {
  margin-top: var(--TooltipSpacing);
}
.dijitTooltip .csi-tooltip-content .fr-view {
  background-color: transparent;
  border: none;
  max-height: 300px;
  overflow: auto;
  word-wrap: break-word;
}
.dijitTooltip .csi-tooltip-separator {
  border-top: 1px solid var(--TooltipSeparatorBorderColor);
  margin: 5px var(--TooltipSpacing);
}
.dijitTooltipDialog.dijitTooltipBelow {
  padding-top: 4px;
}
.dijitTooltipDialog .dijitTooltipContainer {
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
}
.csi-dojo-to-mui-tooltips .dijitTooltip .dijitTooltipContainer {
  background: var(--Black400);
  border: none;
  border-radius: 3px;
  box-shadow: var(--PopupShadow);
  color: var(--PrimaryWhite);
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  opacity: 1;
  padding: 4px 8px;
  width: max-content;
}
.csi-dojo-to-mui-tooltips .dijitTooltip .dijitTooltipContainer .csi-tooltip-custom-field-title-content {
  padding-bottom: 2px;
}
.csi-dojo-to-mui-tooltips .dijitTooltip .dijitTooltipContainer .csi-tooltip-custom-field-custom-tooltip-content {
  border-top: 1px solid var(--TooltipActionBorderColor);
  padding-top: 2px;
}
.csi-dojo-to-mui-tooltips .dijitTooltip .dijitTooltipConnector {
  display: none;
}
.dijitTooltip.csi-dijit-to-mui-tooltip {
  width: auto !important;
}
.dijitTooltip.csi-dijit-to-mui-tooltip .dijitTooltipConnector {
  display: none;
}
.dijitTooltip.csi-dijit-to-mui-tooltip .dijitTooltipContents {
  background: var(--Black400);
  border-color: var(--Black400);
  color: var(--PrimaryWhite);
  margin-top: 10px;
  padding: 4px 8px;
}
.dijitTooltip.csi-dijit-to-actions-combobutton .dijitTooltipConnector {
  pointer-events: none;
}
.csi-underlay-transparent {
  opacity: 0;
}
/*IMAGE TOOLTIP*/
.csi-tooltip-image > div {
  margin-bottom: 5px;
}
.csi-tooltip-image-intent > .attrString > label {
  color: initial;
  font-weight: bold;
}
.csi-tooltip-image-name {
  vertical-align: top;
  word-wrap: break-word;
}
.csi-tooltip-image-name > .attrString:first-child {
  font-weight: bold;
}
.csi-tooltip-images {
  display: inline-block;
  margin: 5px;
  position: relative;
}
.csi-tooltip-images .material-icons {
  background-color: var(--BtnSecondaryNormalBackgroundColor);
  border: 1px solid var(--BtnSecondaryNormalBorderColor);
  border-radius: 50%;
  color: var(--BtnSecondaryNormalTextColor);
  font-size: 16px;
  left: calc(100% - 10px);
  position: absolute;
  top: -10px;
}
.csi-tooltip-images .material-icons:hover {
  background-color: var(--BtnSecondaryHoverBackgroundColor);
  border-color: var(--BtnSecondaryHoverBorderColor);
}
/* SPLITTER */
.dijitGutterV {
  background-color: var(--GutterBackgroundColor);
}
.dijitSplitterH {
  background: none;
  border-bottom: 1px solid var(--Grey400);
  height: 7px;
}
.dijitSplitterH .dijitSplitterThumb {
  background: none;
  width: 18px;
  top: 2px;
  height: 3px;
  margin: 0;
  background-image: radial-gradient(circle at center, var(--GreyOne) 1px, transparent 2px);
  background-size: 6px 3px;
}
.dijitSplitterV {
  background: none;
  border-right: 1px solid var(--Grey400);
  width: 7px;
  z-index: 1;
}
.dijitSplitterV .dijitSplitterThumb {
  background: none;
  height: 18px;
  left: 2px;
  width: 3px;
  margin: 0;
  background-image: radial-gradient(circle at center, var(--GreyOne) 1px, transparent 2px);
  background-size: 3px 6px;
}
.csi-view .dijitSplitterH {
  background: var(--SplitterBackgroundColor);
  border-bottom: none;
}
.csi-view .dijitSplitterV {
  background: var(--SplitterBackgroundColor);
  border-right: none;
}
/* TABS */
.dijitTabListWrapper {
  color: var(--PrimaryText);
}
.dijitTab {
  background: var(--TabNormal);
  border-color: var(--TabBorder);
  transition: none;
}
.dijitTab,
.dijitTab *:focus {
  outline: 0;
}
.dijitTabContainerTop-tabs {
  border-bottom: 1px solid var(--TabBorder);
}
.dijitTabContainerTop-tabs .dijitTab {
  margin-right: 5px;
  padding: 4px 10px;
  top: 1px;
  vertical-align: inherit;
}
.dijitTabContainerTop-tabs .dijitTabChecked:before,
.dijitTabContainerTop-tabs .dijitTabActive:before,
.dijitTabContainerTop-tabs .dijitTabHover:before {
  height: 2px;
  background: var(--TabHoverBorderTop);
  top: -1px;
  left: -1px;
  right: -1px;
}
.dijitTabChecked {
  background: var(--TabActive);
  color: var(--TabsTextActive);
  font-weight: 600;
  margin-bottom: -1px;
  padding-bottom: 4px;
}
.dijitTabChecked.dijitTabHover {
  background: var(--TabActive);
  border-color: var(--TabBorder);
  border-bottom-color: var(--TabActive);
  color: var(--TabsTextActive);
}
.dijitTabDisabled,
.dijitTabListContainer-top .tabStripButtonDisabled,
.dijitTabListContainer-bottom .tabStripButtonDisabled {
  opacity: 1;
}
.dijitTabListContainer-top .tabStripButton {
  border: 1px solid var(--TabBorder);
  margin: 0;
  padding-right: 7px;
}
.dijitTabListContainer-top .tabStripButton:first-child,
.dijitTabListContainer-top .tabStripButton.dijitDisabled.dijitAlignRight {
  border-left-width: 0;
  padding-right: 8px;
}
.dijitTabListContainer-top .tabStripButton.dijitDisabled.dijitAlignLeft {
  border-right-width: 0;
  padding-right: 8px;
}
.dijitTabStripIcon {
  color: var(--TabIcon);
  margin-top: 3px;
}
.dijitDisabled .dijitTabStripIcon {
  color: var(--DisabledText);
}
.dijitTabPaneWrapper {
  border: none;
}
.dijitTabContainerTop-dijitContentPane,
.dijitTabContainerLeft-dijitContentPane,
.dijitTabContainerBottom-dijitContentPane,
.dijitTabContainerRight-dijitContentPane,
.dijitAccordionContainer-dijitContentPane {
/* unset default padding for tab content since we do not consistently use content panes under tabs */
  padding: 0;
}
.dijitTabPane {
  margin: 8px 0 0;
  overflow: auto;
}
.dijitTabContainerNoLayout .dijitTabPaneWrapper {
  position: relative;
  top: -1px;
  overflow: visible;
}
.dijitTabContainerNoLayout .dijitTabPane {
  overflow: visible;
}
.csi-tabs-toolbar {
  position: absolute;
  right: 0;
  top: -3px;
  z-index: 1;
}
#pageContent .dijitTabContainerNoLayout > .csi-view:first-child:not(.tabsView) {
/* Combines with 8px margin of tabs to get 10px to first view under tab */
  padding-top: 2px;
}
/* TABS END */
/* BUTTON */
.dijitButtonNode *,
.dijitButtonText {
  vertical-align: middle;
}
.dijitButtonText {
  padding: 2px 4px;
  font-size: inherit;
}
.dijitButtonContents {
  outline: none;
  padding: 0;
  margin: 0;
}
/* BUTTON END */
/* TEXTBOX/SELECT/COMBOBOX */
.dijitTextArea {
  line-height: normal;
  padding: 3px var(--TextfieldSpacingLeftRight) 4px;
  transition: none;
}
.dijitToolbar .dijitComboBox .dijitInputInner {
/* override Dojo to put back normal padding for dijitInputInner */
  padding: 4px;
}
.dijitSelect .dijitArrowButton {
  padding: 4px 8px 4px 6px;
  width: 8px;
}
.dijitComboBox .dijitButtonNode {
  margin: 4px 5px;
  padding: 0;
}
.dijitComboBox .dijitButtonNode .dijitArrowButtonInner {
  right: -6px;
  top: -5px;
}
.dijitComboBoxHighlightMatch {
  background-color: var(--DropdownSelectDropdownSelectedBackgroundColor);
}
.csi-dropdown-gotodialog-item .dijitComboBoxHighlightMatch,
.csi-grouped-selection .dijitComboBoxHighlightMatch,
.csi-grouped-selection-empty .dijitComboBoxHighlightMatch {
  background-color: inherit;
}
.csi-title-textbox {
  background-color: inherit;
  width: 25em;
}
.csi-title-textbox.dijitTextBoxFocused {
  background-color: var(--StandardBackgroundColor);
}
.csi-select-plugin-icon {
  margin-right: 8px;
  vertical-align: top;
  min-width: 16px;
}
.csi-select-plugin-favorite-icon {
  display: none;
  font-size: 14px !important;
  margin-left: 8px;
  margin-top: 1px;
  min-width: 16px;
}
.csi-select-plugin-favorite-icon.csi-select-favorite {
  display: unset;
  color: var(--Yellow700);
}
.csi-select-plugin-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dijitMenuItemHover .csi-select-plugin-favorite-icon {
  display: unset;
}
/* TEXTBOX/SELECT/COMBOBOX END */
.dojoDndAvatar .dojoDndAvatarItem {
  background: none;
}
.dojoDndAvatarItem .dojoDndItemOver,
.dojoDndAvatarItem .dojoDndItemAnchor {
  border: solid 1px var(--SlicerClassifierItemBorderColor);
  font-size: 12px;
  padding: 4px 8px;
}
.dojoDndAvatarItem .dojoDndItemOver .dgrid-cell,
.dojoDndAvatarItem .dojoDndItemAnchor .dgrid-cell {
  border: none;
}
.dojoDndAvatarItem .dojoDndItemOver .dgrid-cell + .dgrid-cell,
.dojoDndAvatarItem .dojoDndItemAnchor .dgrid-cell + .dgrid-cell {
  display: none;
}
.dojoDndAvatarItem td {
  padding: 0px;
}
.dojoDndAvatarItem table.csi-table-avatar td > * {
  box-shadow: none;
  background: transparent;
}
.csi-no-scroll {
  overflow: hidden !important;
}
.csi-no-horizontal-scroll {
  overflow-x: hidden !important;
}
.csi-no-vertical-scroll {
  overflow-y: hidden !important;
}
.csi-no-swipe-to-go-back {
  overscroll-behavior-x: none;
}
.csiViewToolbar .dijitToolbar {
  min-height: 26px;
}
/* pluginsRight styling */
.csi-toolbar-btn-bulkEdit:not(.dijitMenuItem),
.csi-toolbar-btn-right:not(.dijitMenuItem),
.csi-toolbar-btn-pdf:not(.dijitMenuItem),
.csi-toolbar-btn-fullScreen:not(.dijitMenuItem),
.csi-toolbar-btn-print:not(.dijitMenuItem),
.csi-toolbar-btn-Export:not(.dijitMenuItem),
.csi-toolbar-btn-SlicerExcel:not(.dijitMenuItem) {
  float: right;
  margin-right: 0;
  margin-left: var(--ToolbarSpacing);
}
.csi-toolbar-btn-bulkEdit:not(.dijitMenuItem) .dijitTextBox,
.csi-toolbar-btn-right:not(.dijitMenuItem) .dijitTextBox,
.csi-toolbar-btn-pdf:not(.dijitMenuItem) .dijitTextBox,
.csi-toolbar-btn-fullScreen:not(.dijitMenuItem) .dijitTextBox,
.csi-toolbar-btn-print:not(.dijitMenuItem) .dijitTextBox,
.csi-toolbar-btn-Export:not(.dijitMenuItem) .dijitTextBox,
.csi-toolbar-btn-SlicerExcel:not(.dijitMenuItem) .dijitTextBox {
  margin-right: 0;
}
.csi-toolbar-btn-toggleTableGallery {
  margin-right: 4px;
}
.csi-toolbar-btn-toggleTableGallery:not(.dijitMenuItem) {
  margin-left: 0;
}
.dojoDndMove .dojoDndAvatarHeader {
  display: none;
}
/* ICONS */
.material-icons,
.svg-inline--fa {
  background: transparent;
  color: var(--IconColor);
  font-size: 16px;
  text-decoration: none;
  text-shadow: none;
}
.material-icons:not(.MuiIcon-root),
.svg-inline--fa:not(.MuiIcon-root) {
  cursor: pointer;
}
.dijitDisabled.svg-inline--fa,
.dijitDisabled .svg-inline--fa,
.dijitDisabled.material-icons,
.dijitDisabled .material-icons,
.dijitDisabled.csiActionIcon,
.dijitDisabled .csiActionIcon,
.dijitDisabled .csi-svg-icon-size40,
.dijitDisabled.csi-svg-icon-size40 {
  cursor: default;
  opacity: var(--DisabledIconOpacity);
}
/* ICONS END */
/* override default stylesheet in browsers that set font styles for specific tags */
button,
optgroup,
option,
select,
table,
textarea {
  font-family: inherit;
  font-size: inherit;
}
optgroup {
  font-style: normal;
}
img {
  border: none;
}
img,
image {
  image-orientation: none;
}
.dj_gecko optgroup {
  padding-left: 3px;
}
.dj_gecko .dijitCalendarDateTemplate:focus {
  outline: 1px dotted var(--TableDottedBorderColor);
}
.dj_gecko .uploaderInsideNode {
  padding-top: 1px;
}
/* Not sure where this gets set to non-zero, but need to reset */
td {
  padding: 0;
}
/* Dijit overrides */
.dijitContentPane {
  background: inherit;
}
.dijitContentPaneLoading {
  display: none;
}
.dj_webkit .dijitTextBoxDisabled input {
/* Need to revert rule in Dijit otherwise cannot read text */
  color: var(--TextBoxDisabledTextColor);
}
.dj_webkit .csiSelectedOption {
/* prevents disabled <option> element to be solid grey */
  color: var(--WhiteTextColor);
}
/* Table Dnd */
.csi-dnd-tableSwitchBoard .csi-dnd-handle {
  left: 6px;
}
.csi-dnd-handle {
  float: left;
  width: 14px;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 0;
}
.csi-dnd-handle .dojoDndHandle {
  display: none;
}
.csi-dnd-table-avatar-container .dojoDndAvatarItem ~ .dojoDndAvatarItem {
  display: none;
}
.dojoDndItem .firstColumn,
.dojoDndItem .csi-dnd-tableSwitchBoard {
  position: relative;
}
.csi-dnd-flatRowColumn.firstColumn {
  padding-left: 16px;
}
.dojoDndItemDisable {
  pointer-events: none !important;
}
.dojoDndItemOver.csiHighlight .csi-dnd-handle,
.csi-dnd-display-handle.csiHighlight .csi-dnd-handle,
.dojoDndItemOver.csiSelected .csi-dnd-handle,
.csi-dnd-display-handle.csiSelected .csi-dnd-handle {
  background-color: var(--GreyOne);
}
.dojoDndItemOver.csiHighlight .csi-dnd-handle .dojoDndHandle,
.csi-dnd-display-handle.csiHighlight .csi-dnd-handle .dojoDndHandle,
.dojoDndItemOver.csiSelected .csi-dnd-handle .dojoDndHandle,
.csi-dnd-display-handle.csiSelected .csi-dnd-handle .dojoDndHandle {
  align-items: center;
  content: "";
  display: inline-flex;
  flex-direction: column;
  font-size: 20px;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.dojoDndSourceMoved.csiHighlight .csi-dnd-handle,
.dojoDndSourceMoved.csiSelected .csi-dnd-handle {
  visibility: hidden;
}
.dojoDndItemOver.csiHighlight.dojoDndItemBefore .csi-dnd-handle,
.dojoDndItemOver.csiHighlight.dojoDndItemAfter .csi-dnd-handle {
  visibility: collapse;
}
.csi-avatar-table-container {
  max-height: var(--DNDAvatarTableContainerMaxHeight);
  overflow: hidden;
}
.csi-avatar-table-container .csi-dnd-handle {
  max-height: var(--DNDAvatarTableContainerMaxHeight);
}
table.dojoDndAvatar {
  padding: 0px;
  pointer-events: none;
}
table.csi-table-avatar {
  cursor: move;
  display: table;
  min-width: 600px;
  border-spacing: 0px;
  background-color: var(--StandardBackgroundColor);
  opacity: 0.9;
}
table.csi-table-avatar td {
  font-size: 12px;
}
table.csi-table-avatar > thead,
table.csi-table-avatar > thead th,
table.csi-table-avatar > thead tr {
  visibility: hidden;
  padding: 0px !important;
  margin: 0px !important;
  height: 0px;
  font-size: 0px;
  border: 0px;
}
.csi-table-dnd .csi-dnd-item-before {
  height: 20px;
  width: 100%;
  display: table-row;
}
.csi-table-dnd .csi-dnd-dragging-over .csiHighlight .csi-Dnd-firstcell-action {
  visibility: hidden;
}
.csi-table-dnd .dojoDndItemOver .dojoDndHandle {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.csi-table-dnd .dojoDndSourceMoved:before {
  position: absolute;
  height: 100%;
  content: "";
  background-color: transparent;
  position: absolute;
  height: 100%;
  width: 13px;
  left: -12px;
  bottom: 0px;
  z-index: 200;
}
.csi-table-dnd .dojoDndSourceMoved .dojoDndItem {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.csi-table-dnd .dojoDndItemBefore .tableRowWidget,
.csi-table-dnd .dojoDndItemAfter .tableRowWidget,
.csi-table-dnd .dojoDndSourceMoved tr[data-csi-result-action="true"] {
  pointer-events: none;
}
.csi-table-dnd .dnd-table-header-disable {
  z-index: 100;
}
.csi-table-dnd .dnd-table-header-disable * {
  pointer-events: none;
  z-index: 101;
}
.csi-table-dnd .dojoDndSourceMoved td:last-child:hover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.csi-table-dnd .dojoDndHorizontal .csi-table-row {
  display: table-row;
}
.csi-table-dnd .csi-table-row > td {
  position: relative;
}
.csi-table-dnd .csi-table-row.dojoDndItemBefore > td:before {
  content: "";
  display: block;
  background: var(--DNDTableDropIndicatorBackground);
  width: 101%;
  height: 1px;
  border: none;
  position: absolute;
  left: -1px;
  z-index: 1;
  top: 0px;
}
.csi-table-dnd .csi-table-row.dojoDndItemAfter:not(.csi-dnd-table-disable-after) + * > td:before {
  content: "";
  display: block;
  background: var(--DNDTableDropIndicatorBackground);
  width: 101%;
  height: 1px;
  border: none;
  position: absolute;
  left: -1px;
  z-index: 1;
  top: 0px;
}
/* STATE COLOR SINCE V7.1 */
.csi-bg-orange {
  background-color: var(--StateOrangeBackgroundColor) !important;
}
.csi-bg-white {
  background-color: var(--StateWhiteBackgroundColor) !important;
}
.csi-bg-changed {
  background-color: var(--StateChangedBackgroundColor) !important;
}
.csi-bg-yellow {
  background-color: var(--StateYellowBackgroundColor) !important;
}
.csi-bg-red {
  background-color: var(--StateRedBackgroundColor) !important;
}
.csi-bg-green {
  background-color: var(--StateGreenBackgroundColor) !important;
}
.csi-bg-transparent {
  background-color: transparent !important;
}
/* COMMON (DATASHEET & SIZE CHART) START */
.csi-state {
  font-weight: var(--SemiBold);
}
.csi-state-other {
  background-color: var(--RevisionOtherBackgroundColor) !important;
  border-color: var(--RevisionOtherBorderColor) !important;
  font-size: 12px;
  color: var(--RevisionOtherFontColor);
}
.csi-state-draft {
  background-color: var(--RevisionDraftBackgroundColor) !important;
  color: var(--RevisionDraftFontColor) !important;
}
.csi-state-obsoleted,
.csi-state-revised {
  background-color: var(--RevisionRevisedBackgroundColor) !important;
  color: var(--RevisionRevisedFontColor) !important;
}
.csi-state-pending {
  background-color: var(--RevisionPendingBackgroundColor) !important;
  color: var(--RevisionPendingFontColor) !important;
}
.csi-state-approved {
  background-color: var(--RevisionApprovedBackgroundColor) !important;
  color: var(--RevisionApprovedFontColor) !important;
}
.csi-state-review {
  background-color: var(--RevisionReviewBackgroundColor) !important;
  color: var(--RevisionReviewFontColor) !important;
}
.csi-state-submitted {
  background-color: var(--RevisionSubmittedBackgroundColor) !important;
  color: var(--RevisionSubmittedFontColor) !important;
}
.csi-state-superseded {
  background-color: var(--StateGreyBackgroundColor) !important;
  color: var(--StateSecondaryTextFontColor) !important;
}
.csi-state-proofing {
  background-color: var(--RevisionProofingBackgroundColor) !important;
  color: var(--RevisionProofingFontColor) !important;
}
.csi-state-linked {
  background-color: var(--White50) !important;
  color: var(--Orange600) !important;
}
/* COMMON (DATASHEET & SIZE CHART) END */
/* STATE FLOW START */
.stateHeader .csi-state-draft,
.stateHeader .csi-state-pending,
.stateHeader .csi-state-approved,
.stateHeader .csi-state-closed,
.stateHeader .csi-state-obsoleted,
.stateHeader .csi-state-failed,
.stateHeader .csi-state-revised,
.stateHeader .csi-state-ec-approved,
.stateHeader .csi-state-ec-canceled,
.stateHeader .csi-state-ec-review,
.stateHeader .csi-state-sr-generating,
.stateHeader .csi-state-sr-complete,
.stateHeader .csi-state-sr-issued,
.stateHeader .csi-state-sr-failed,
.stateHeader .csi-state-po-negotiation,
.stateHeader .csi-state-po-ready,
.stateHeader .csi-state-po-issued,
.stateHeader .csi-state-po-closed,
.stateHeader .csi-state-po-abandoned,
.stateHeader .csi-state-pr-canceled,
.stateHeader .csi-state-pr-complete,
.stateHeader .csi-state-pr-in-progress,
.stateHeader .csi-state-mc-releasetomarkets,
.stateHeader .csi-state-mc-releasetocustomers,
.stateHeader .csi-state-mc-notavailable,
.stateHeader .csi-state-sc-soldout,
.stateHeader .csi-state-sc-availabletosell-blue,
.stateHeader .csi-state-sc-availabletosell-green,
.stateHeader .csi-state-sc-closed,
.stateHeader .csi-state-ps-active,
.stateHeader .csi-state-ps-inactive,
.stateHeader .csi-state-cpo-ready,
.stateHeader .csi-state-cpo-issued {
  font-size: 12px;
  font-weight: bold;
  color: var(--ActiveStateOnFlowFontColor);
  box-shadow: var(--ActiveStateOnFlowShadow);
}
.stateHeader .csi-state-draft {
  background-color: var(--RevisionDraftBackgroundColor) !important;
  border-color: var(--RevisionDraftPillBorderColor) !important;
}
.stateHeader .csi-state-sr-generating,
.stateHeader .csi-state-po-negotiation,
.stateHeader .csi-state-pending,
.stateHeader .csi-state-linked {
  border-color: var(--StateOrangeBorderColor) !important;
}
.stateHeader .csi-state-ec-review,
.stateHeader .csi-state-sr-issued,
.stateHeader .csi-state-po-ready,
.stateHeader .csi-state-pr-in-progress,
.stateHeader .csi-state-sc-availabletosell-blue,
.stateHeader .csi-state-mc-releasetomarkets,
.stateHeader .csi-state-cpo-ready {
  border-color: var(--StateBlueBorderColor) !important;
}
.stateHeader .csi-state-ec-approved,
.stateHeader .csi-state-sr-complete,
.stateHeader .csi-state-po-issued,
.stateHeader .csi-state-pr-complete,
.stateHeader .csi-state-mc-releasetocustomers,
.stateHeader .csi-state-sc-availabletosell-green,
.stateHeader .csi-state-ps-active,
.stateHeader .csi-state-cpo-issued {
  border-color: var(--StateGreenBorderColor) !important;
}
.stateHeader .csi-state-sr-failed,
.stateHeader .csi-state-sc-soldout {
  border-color: var(--StateRedBorderColor) !important;
}
.stateHeader .csi-state-closed,
.stateHeader .csi-state-po-closed,
.stateHeader .csi-state-mc-notavailable,
.stateHeader .csi-state-sc-closed {
  border-color: var(--StateWhiteBorderColor) !important;
}
.stateHeader .csi-state-ps-inactive {
  border-color: var(--StateGreyBorderColor) !important;
}
/* STATE FLOW END */
/* STATE PILL START */
.csi-breadcrumb-left .csi-state-draft {
  border-color: var(--RevisionDraftPillBorderColor) !important;
}
.csi-breadcrumb-left .csi-state-obsoleted,
.csi-breadcrumb-left .csi-state-revised {
  border-color: var(--RevisionRevisedPillBorderColor) !important;
}
.csi-breadcrumb-left .csi-state-pending,
.csi-breadcrumb-left .csi-state-linked {
  border-color: var(--RevisionPendingPillBorderColor) !important;
}
.csi-breadcrumb-left .csi-state-approved {
  border-color: var(--RevisionApprovedPillBorderColor) !important;
}
.csi-breadcrumb-left .csi-state-review {
  border-color: var(--RevisionReviewPillBorderColor) !important;
}
.csi-breadcrumb-left .csi-state-submitted {
  border-color: var(--RevisionSubmittedPillBorderColor) !important;
}
.csi-breadcrumb-left .csi-state-evaluate {
  border-color: var(--RevisionEvaluatePillBorderColor) !important;
}
.csi-breadcrumb-left .csi-state-closed {
  border-color: var(--StateWhiteBorderColor) !important;
}
.csi-breadcrumb-left .csi-state-fi-planned {
  border-color: var(--StateYellowBorderColor) !important;
}
.csi-breadcrumb-left .csi-state-fi-in-progress {
  border-color: var(--StateOrangeBorderColor) !important;
}
.csi-breadcrumb-left .csi-state-fi-failed {
  border-color: var(--StateRedBorderColor) !important;
}
.csi-breadcrumb-left .csi-state-fi-passed {
  border-color: var(--StateGreenBorderColor) !important;
}
.csi-breadcrumb-left .csi-state-fi-waiting-for-approval {
  border-color: var(--StateBlueBorderColor) !important;
}
/* STATE PILL END */
/* STATE CELL START */
.csi-state-ec-review,
.csi-state-sr-generating,
.csi-state-pr-in-progress,
.csi-state-po-negotiation,
.csi-state-fi-in-progress,
.csi-state-so-issued {
  background-color: var(--StateOrangeBackgroundColor) !important;
  color: var(--StateOrangeBackgroundFontColor) !important;
}
.csi-state-calendar-partial-complete {
  background-color: var(--StateWhiteBackgroundColor) !important;
  color: var(--StatePrimaryTextFontColor) !important;
}
.csi-state-calendar-incomplete-not-late,
.csi-state-not-compliant,
.csi-state-wbselement-schedulestatus-predicted-late,
.csi-state-warning {
  background-color: var(--StateYellowBackgroundColor) !important;
  color: var(--StateYellowBackgroundFontColor) !important;
}
.csi-state-ec-review,
.csi-state-mc-releasetomarkets,
.csi-state-sr-issued,
.csi-state-so-accepted,
.csi-state-fi-waiting-for-approval,
.csi-state-po-ready,
.csi-state-pr-in-progress,
.csi-state-sc-availabletosell-blue,
.csi-state-cpo-ready {
  background-color: var(--StateBlueBackgroundColor) !important;
  color: var(--StateBlueBackgroundFontColor) !important;
}
.csi-state-ec-approved,
.csi-state-so-fulfilled,
.csi-state-fi-passed,
.csi-state-sr-complete,
.csi-state-po-issued,
.csi-state-pr-complete,
.csi-state-mc-releasetocustomers,
.csi-state-calendar-complete-late,
.csi-state-wbselement-schedulestatus-complete,
.csi-state-wbselement-schedulestatus-completed-late,
.csi-state-camundaprocessdefinitionrevision-published,
.csi-state-sc-availabletosell-green,
.csi-state-ps-active,
.csi-state-cpo-issued,
.csi-state-success {
  background-color: var(--StateGreenBackgroundColor) !important;
  color: var(--StateGreenBackgroundFontColor) !important;
}
.csi-state-calendar-complete {
  background-color: var(--StateDarkGreenBackgroundColor) !important;
}
.csi-state-ec-canceled,
.csi-state-po-abandoned,
.csi-state-pr-canceled,
.csi-state-ps-inactive,
.csi-state-su-inactive,
.csi-state-secondary {
  background-color: var(--StateGreyBackgroundColor) !important;
  color: var(--StateSecondaryTextFontColor) !important;
}
.csi-created-by-company-host {
  background-color: var(--Grey300) !important;
  color: var(--Black300) !important;
  border: none !important;
  border-radius: 4px !important;
  padding-right: 4px !important;
  padding-left: 4px !important;
}
.csi-created-by-company-supplier {
  background-color: var(--Yellow200) !important;
  color: var(--Yellow900) !important;
  border: none !important;
  border-radius: 4px !important;
  padding-right: 4px !important;
  padding-left: 4px !important;
}
.csi-state-failed,
.csi-state-sr-failed,
.csi-state-fi-failed,
.csi-state-wbselement-schedulestatus-late,
.csi-state-sc-soldout {
  background-color: var(--StateRedBackgroundColor) !important;
  color: var(--StateRedBackgroundFontColor) !important;
}
.csi-state-calendar-incomplete-late,
.csi-state-not-compliant {
  background-color: var(--StateDarkRedBackgroundColor) !important;
  color: var(--StateRedBackgroundFontColor) !important;
}
.csi-state-closed,
.csi-state-po-closed,
.csi-state-mc-notavailable,
.csi-state-so-canceled,
.csi-state-colormaterialstatus-not-applicable,
.csi-state-sc-closed {
  background-color: var(--StateWhiteBackgroundColor) !important;
  color: var(--StateDisabledTextFontColor) !important;
}
.csi-state-camundaprocessdefinitionrevision-draft {
  background-color: var(--TemplateDraftBackgroundColor) !important;
  border-color: var(--TemplateDraftPillBorderColor) !important;
}
.csi-state-camundaprocessdefinitionrevision-published {
  border-color: var(--StateGreenBorderColor) !important;
}
.csi-state-evaluate {
  background-color: var(--RevisionEvaluateBackgroundColor) !important;
  color: var(--RevisionEvaluateFontColor) !important;
}
.csi-state-fi-planned {
  background-color: var(--StateLightYellowBackgroundColor) !important;
  color: var(--StateYellowBackgroundFontColor) !important;
}
/* STATE CELL END */
.csi-state.hideFromView {
  background-color: unset !important;
}
/* STATE COLOR END */
/* Comment colors */
.commentColorBlue {
  background-color: var(--CommentCyan) !important;
}
.commentColorSteelBlue {
  background-color: var(--CommentBlue) !important;
}
.commentColorGreen {
  background-color: var(--CommentGreen) !important;
}
.commentColorYellow {
  background-color: var(--CommentYellow) !important;
}
.commentColorPink {
  background-color: var(--CommentOrange) !important;
}
.commentColorViolet {
  background-color: var(--CommentRed) !important;
}
.commentColorPlum {
  background-color: var(--CommentMagenta) !important;
}
.commentColorGray {
  background-color: var(--CommentGrey) !important;
}
.commentColorDefault {
  background-color: var(--PrimaryWhite) !important;
}
/* Other Colors */
.csi-disabled-background {
  background-color: var(--PrimaryGrey);
}
.csi-disabled-color,
.csi-disabled-selection {
  color: var(--DisabledText);
}
.csi-grouped-selection {
  background-color: var(--DropdownMenuGroupBackgroundColor);
  color: var(--DropdownMenuGroupTextColor);
  font-weight: bold;
  font-size: 12px;
  margin-top: 8px !important;
}
.csi-grouped-selection .dijitCheckBox {
  display: none;
}
.csi-grouped-selection .dijitMenuItemLabel {
/* this is necessary to get label to 16px tall - not sure why */
  vertical-align: inherit;
}
.csi-grouped-selection-empty .dijitCheckBox {
  display: none;
}
.csi-grouped-selection-suggested {
  align-items: center;
  display: flex;
  overflow: auto;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  text-overflow: unset;
}
.csi-grouped-selection-suggested .csi-grouped-selection-suggested-text {
  flex-shrink: 0;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.csi-grouped-selection-suggested .csi-grouped-selection-suggested-chip {
  background-color: var(--DropdownSelectGroupSuggestedBackgroundColor);
  border-radius: 3px;
  color: var(--DropdownSelectGroupSuggestedForegroundColor);
  font-weight: bold;
  height: 1rem;
  line-height: 1rem;
  margin-left: 5px;
  overflow: hidden;
  padding: 4px;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.csi-invalid-selection {
  display: flex;
  overflow: auto;
  text-overflow: unset;
/* do not show "No results found" when there are invalid selections when group is not labeled */
}
.csi-invalid-selection:not(.csi-invalid-selection-multi) {
  align-items: center;
  justify-content: space-between;
}
.csi-invalid-selection:not(.csi-invalid-selection-multi) .dijitMenuItemLabel {
  align-items: center;
}
.csi-invalid-selection .dijitMenuItemLabel {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 30px);
}
.csi-invalid-selection .csi-invalid-selection-text {
  color: var(--InvalidText);
  flex-shrink: 0;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.csi-invalid-selection + .csi-grouped-selection-empty {
  display: none;
}
.csi-invalid-selection-chip {
  color: var(--DropdownSelectInvalidItemForegroundColor);
  font-style: italic;
  margin-left: 5px;
}
/* Common */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
body {
  color: var(--PrimaryText);
  min-width: 850px;
}
h1,
h2,
h3,
h4 {
  margin: 8px 0 4px;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child {
  margin-top: 2px;
}
h1 {
/* height 30px */
  font-size: 24px;
  line-height: 1.25;
}
h2 {
/* height 25px */
  font-size: 20px;
  line-height: 1.25;
}
h3 {
/* height 20px */
  font-size: 16px;
  line-height: 1.25;
}
h4 {
/* height 17px */
  font-size: 14px;
  line-height: 1.2145;
}
p {
/* height 17px with font-size of 12px */
  line-height: 1.4167;
  margin: 0;
}
span {
/* height 16px with font-size of 12px */
  line-height: 16px;
}
/* reset above so that it does not apply to @centricsoftware/design-system */
[data-base-ui-portal] h1,
[data-base-ui-portal] h2,
[data-base-ui-portal] h3,
[data-base-ui-portal] h4 {
  font-size: initial;
  line-height: initial;
}
[data-base-ui-portal] p,
[data-base-ui-portal] span {
  line-height: initial;
}
.csi-secondary-text {
  color: var(--SecondaryText);
}
/*-- Anchors--*/
a {
  text-decoration: none;
}
a:not(.csi-anchor-reset) {
  color: var(--LinkNormal);
}
a:not(.csi-anchor-reset):hover {
  color: var(--LinkHover);
  cursor: pointer;
}
a:not(.csi-anchor-reset).forceHover {
  background: var(--BtnSecondaryHoverBackgroundColor);
  color: var(--LinkHover);
}
a:not(.csi-anchor-reset):active,
a:not(.csi-anchor-reset):hover:active {
  color: var(--LinkActive);
}
form {
  margin-top: 0;
  margin-bottom: 0;
}
.clear {
  clear: both;
  display: block;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}
.placeholder {
  color: var(--PlaceholderTextColor);
  font-style: italic;
}
.csi-full-height-width {
  height: 100%;
  width: 100%;
}
#pageHeader {
  background: var(--SiteHeaderBackground);
  border-bottom: 1px solid var(--PageHeaderBottomBorderColor);
  box-sizing: border-box;
  color: var(--WhiteTextColor);
  flex-shrink: 0;
  height: var(--HeaderHeight);
  text-align: center;
}
.pageBreadcrumb {
  background-color: var(--BreadcrumbBackgroundColor);
  border-bottom: 1px solid var(--BreadcrumbNormalBorderColor);
  flex-shrink: 0;
  height: var(--BreadcrumbHeight);
}
.pageBreadcrumb .csi-breadcrumb-right {
/* when added with 4px margin to right of toolbar widgets comes to 6px */
  margin-right: 2px;
}
.dataSetupBreadcrumb {
  border-bottom: 0;
  flex-grow: 1;
}
.pageBreadcrumb,
.dataSetupBreadcrumb {
  overflow: hidden;
}
#pageBottom {
  background: var(--FooterBackground);
  border-top: 1px solid var(--FooterBorder);
  color: var(--FooterText);
  flex-shrink: 0;
  height: 22px;
}
#pageBottom > * {
  align-items: center;
  display: flex;
  height: 95%;
}
#pageBottom .dijitButtonNode {
  background: inherit;
  border: none;
}
#pageBottom .csi-footer {
  float: right;
  margin-right: 10px;
  white-space: nowrap;
}
#pageBottom .csi-footer .csi-footer-status {
  display: inline-block;
  border: 1px solid var(--FooterStatusBorderColor);
  margin-left: 10px;
  width: 10px;
}
#pageBottom .csi-debug {
  color: var(--PrimaryText);
  margin-left: 10px;
}
#pageBottom .csi-debug .csi-debug-mode-link {
  color: var(--FooterDebugText);
  cursor: pointer;
  display: inline-block;
}
#pageBottom .csi-debug .csiViewToolbar {
  margin-bottom: 0;
}
#pageBottom .csi-debug .csiViewToolbar .dijitToolbar {
  min-height: initial;
}
#pageBottom .csi-debug span {
  line-height: 1;
}
#pageCenter {
  overflow: auto;
  text-align: left;
/* csi-split-pane sets height to 100%, which is probably not good, so need to override here */
  height: auto !important;
}
#pageContent {
  display: var(--PageContentDisplay);
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  position: relative;
}
#pageFocused {
  flex-shrink: 0;
  height: 100%;
  background-color: var(--PrimaryWhite);
}
#splash {
  background-color: var(--PrimaryWhite);
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.csi-full {
  height: 100%;
}
.csi-full > * > * {
  margin: 0;
  padding: 0;
}
/*Header Nav Bar*/
.csi-nav-dropdown td {
  padding: 3px 0;
}
.csi-nav-dropdown:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23FFF' fill-rule='nonzero'%3e%3cpath stroke='%23FFF' d='M1.3 11.3h21.3v2.6H1.3z'/%3e%3cpath stroke='%23DADFE8' stroke-width='1.5' d='M1.2 12.1L11.9.7 22.7 12'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 1;
  height: 24px;
  top: -7px;
  width: 14px;
}
.csi-nav-dropdown-custom-item {
  display: inline-block;
  float: right;
}
.dijitPopup.csi-left-menu .csi-nav-dropdown:before {
  right: 3px;
}
.dijitPopup.csi-right-menu .csi-nav-dropdown:before {
  left: 3px;
}
.csi-toolbar-anchor a,
.csi-toolbar-anchor a:hover {
  color: inherit;
  text-decoration: none;
}
.csi-toolbar-anchor a:hover > * {
  opacity: 1;
}
.csi-view-User-HeaderToolbar {
  align-items: center;
  display: flex;
}
.csi-header-toolbar {
  color: var(--PageHeaderButtonTextColor);
  flex-shrink: 0;
  margin-right: 5px;
}
.csi-header-toolbar .dijitButtonText {
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: none;
  white-space: nowrap;
}
.csi-header-toolbar .dijitArrowButtonInner {
  margin: 0 0 0 4px;
}
.csi-header-toolbar .csiViewToolbar {
  margin-bottom: 0;
  text-align: right;
}
.csi-header-toolbar .csiViewToolbar .dijitToolbar {
  display: flex;
  align-items: center;
}
.csi-header-toolbar .csiViewToolbar .dijitToolbar > span {
  line-height: 0;
}
.csi-header-toolbar .csiViewToolbar .iconLastVisited {
  border-radius: 50%;
  color: var(--LastVisitedIconColor) !important;
  background-color: var(--LastVisitedBackgroundColor);
}
.csi-header-toolbar .csiViewToolbar .iconLastVisited:hover {
  background-color: var(--PageHeaderToolbarHoverColor);
}
.csi-header-toolbar .csiActionIcon,
.csi-header-toolbar .dijitToolbar .dijitButton,
.csi-header-toolbar .dijitToolbar .dijitButtonContents,
.csi-header-toolbar .dijitToolbar .dijitDropDownButton,
.csi-header-toolbar .dijitToolbar .dijitButton .dijitButtonNode {
/*reset margin and padding of the navbar icons before restyling them*/
  padding: 0px;
  margin: 0px;
}
.csi-header-toolbar .dijitToolbar .dijitButton,
.csi-header-toolbar .dijitToolbar .csi-toolbar-anchor {
  margin-left: 6px;
  margin-right: 6px;
}
.csi-header-toolbar .dijitToolbar .dijitDropDownButton {
  margin: 3px;
}
.csi-header-toolbar .dijitToolbar .dijitButtonHover,
.csi-header-toolbar .dijitToolbar .dijitDropDownButtonHover {
  padding: 0px;
}
.csi-header-toolbar .dijitToolbar .dijitToolbarSeparator {
  background: none;
  border-left: 1px solid var(--PageHeaderToolbarSeparatorColor);
  margin: 3px;
}
.csi-header-toolbar .dijitToolbar .dijitButton .dijitButtonNode,
.csi-header-toolbar .dijitToolbar .dijitButton.dijitActive .dijitButtonNode,
.csi-header-toolbar .dijitToolbar .dijitButton.dijitDisabled .dijitButtonNode,
.csi-header-toolbar .dijitToolbar .dijitButton.dijitButtonHover .dijitButtonNode,
.csi-header-toolbar .dijitToolbar .dijitDropDownButton .dijitButtonNode,
.csi-header-toolbar .dijitToolbar .dijitDropDownButton.dijitActive .dijitButtonNode,
.csi-header-toolbar .dijitToolbar .dijitDropDownButton.dijitDisabled .dijitButtonNode,
.csi-header-toolbar .dijitToolbar .dijitDropDownButton.dijitDropDownButtonHover .dijitButtonNode,
.csi-header-toolbar .dijitToolbar .dijitOpened.dijitDropDownButton .dijitButtonNode,
.csi-header-toolbar .dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
.csi-header-toolbar .dijitToolbar .dijitComboButtonHover .dijitButtonNode {
  box-shadow: none;
  transition: all var(--TransitionDuration);
  background: none;
  border: none;
}
.csi-header-toolbar .dijitDropDownButton .dijitArrowButtonInner:before,
.csi-header-toolbar .dijitArrowButton:before {
  content: none;
  width: 10px;
  height: 15px;
}
.csi-header-toolbar .dijitDisabled .csiActionIcon:hover,
.csi-header-toolbar .dijitDisabled .csiActionIcon {
  opacity: var(--DisabledIconOpacity);
}
.csi-header-toolbar .fa,
.csi-header-toolbar .material-icons {
  color: var(--PageHeaderToolbarIconColor);
  height: auto;
  opacity: var(--HeaderOpacity);
  position: relative;
  width: auto;
}
.csi-header-toolbar .fa:hover,
.csi-header-toolbar .material-icons:hover {
  color: var(--PageHeaderToolbarHoverColor);
  opacity: 1;
}
.csi-header-toolbar .csi-assigned-task-count {
  color: var(--PageHeaderToolbarIconColor);
  font-weight: var(--SemiBold);
  opacity: var(--HeaderOpacity);
  padding-left: 4px;
}
.csi-header-toolbar .dijitArrowButtonInner {
  display: none;
}
.csi-user-delegation {
  background-color: var(--AlertRed);
  border-radius: 7px;
  cursor: default;
  display: inline-block;
  left: -8px;
  line-height: 14px;
  position: relative;
  text-align: center;
  top: -4px;
  width: 14px;
}
.dijitDropDownButton .dijitArrowButtonInner:before,
.dijitArrowButton:before {
  vertical-align: middle;
  color: var(--DropDownButtonArrowDownColor);
  font-size: 12px;
}
.csiLogo {
  font-size: var(--CompanyHeaderFontSize);
  font-weight: var(--CompanyHeaderFontWeight);
  background: var(--CompanyHeaderBlue1);
  flex-shrink: 0;
  white-space: nowrap;
}
.csiLogo:hover {
  background: var(--CompanyHeaderBlue2);
}
.csiLogo a {
  color: var(--CompanyLogoTextColor);
  display: inline-block;
  vertical-align: middle;
}
.csiLogo a:visited,
.csiLogo a:hover {
  color: var(--CompanyLogoTextColor);
}
.csiLogo .csiLogoIcon {
  line-height: 0;
}
.csiLogo .csiLogoText {
  padding: 0 8px;
}
/* HEADER SEARCH */
.csi-header-search {
  flex-grow: 1;
  margin-right: 12px;
  text-align: right;
}
.csi-header-search-form {
  width: 540px;
  position: relative;
  text-align: left;
  display: inline-block;
  border: 1px solid var(--TextfieldNormalBorderColor);
  border-radius: 3px;
  background-color: var(--TextfieldNormalBackgroundColor);
  white-space: nowrap;
/* scope select */
/* search textbox */
/* search in label & button */
/* search in dropdown */
/* search button */
}
.csi-header-search-form .csi-header-search-block {
  background: var(--PageHeaderSearchBlockBackgroundColor);
}
.csi-header-search-form .dgrid-row {
  transition: all var(--TransitionDuration);
}
.csi-header-search-form .csi-header-search-select.dijitSelect {
  color: var(--BtnSecondaryNormalTextColor);
  background: var(--PageHeaderSearchScopeBackgroundColor);
  border: none;
  border-radius: 2px 0 0 2px;
}
.csi-header-search-form .csi-header-search-select.dijitSelect.dijitHover {
  background-color: var(--PageHeaderSearchInButtonHoverColor);
}
.csi-header-search-form .csi-header-search-select.dijitSelect.dijitActive,
.csi-header-search-form .csi-header-search-select.dijitSelect.dijitOpened {
  background-color: var(--BtnSecondaryActiveBackgroundColor);
  box-shadow: var(--InputInsetShadow);
}
.csi-header-search-form .csi-header-search-select.dijitSelect .dijitArrowButton {
  padding: 4px 4px 5px 4px;
}
.csi-header-search-form .csi-header-search-text {
  border-radius: 0;
  border: none;
  background: var(--PageHeaderSearchBlockBackgroundColor);
}
.csi-header-search-form .csi-header-search-text > .dijitInputContainer {
  position: relative;
  top: -1px;
}
.csi-header-search-form .csi-header-search-in {
  color: var(--PrimaryText);
  background-color: var(--PageHeaderSearchBlockBackgroundColor);
  border: none;
  position: absolute;
  right: 30px;
}
.csi-header-search-form .csi-header-search-in .csi-header-search-in-label {
  position: relative;
  top: 2px;
}
.csi-header-search-form .csi-header-search-in .csi-header-search-in-button {
  max-width: 200px;
  margin: 1px 0 0 0;
}
.csi-header-search-form .csi-header-search-in .csi-header-search-in-button .dijitButtonNode {
  color: var(--BtnSecondaryNormalTextColor);
  padding: 2px 5px;
  border-radius: 3px;
  border: 1px solid var(--BtnSecondaryNormalBorderColor);
  background: var(--PageHeaderSearchScopeBackgroundColor);
  box-sizing: border-box;
  width: 100%;
}
.csi-header-search-form .csi-header-search-in .csi-header-search-in-button.dijitHover .dijitButtonNode {
  background-color: var(--PageHeaderSearchInButtonHoverColor);
}
.csi-header-search-form .csi-header-search-in .csi-header-search-in-button.dijitToggleButtonHover:not(.dijitChecked) .dijitButtonNode {
  box-shadow: none;
}
.csi-header-search-form .csi-header-search-in .csi-header-search-in-button.dijitActive .dijitButtonNode {
  background-color: var(--BtnSecondaryActiveBackgroundColor);
  box-shadow: var(--InputInsetShadow);
}
.csi-header-search-form .csi-header-search-in .csi-header-search-in-button .dijitButtonText {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.csi-header-search-form .csi-header-search-dropdown {
  width: 540px;
  height: var(--NavDropDownHeight);
  position: absolute;
  padding: 0px;
  top: 24px;
  right: -1px;
  display: none;
  color: var(--DropdownSelectNormalTextColor);
  border: 1pt solid var(--DropdownSelectNormalBorderColor);
  border-radius: 0 0 3px 3px;
  background-color: var(--DropdownSelectNormalBackgroundColor);
/* Search-In drop down must appear on top of search results */
  z-index: 51;
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-cell {
  border: none;
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-selected {
  background-color: var(--Blue2);
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-row {
  border: none;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-row:hover {
  background-color: var(--DropdownSelectDropdownSelectedBackgroundColor);
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-row:hover .iconSearchLight {
/* header search*/
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.104 13.948h-.608l-.244-.183c.73-.852 1.218-2.008 1.218-3.226 0-2.739-2.253-4.991-4.992-4.991s-4.93 2.252-4.93 4.991c0 2.74 2.252 4.991 4.991 4.991 1.218 0 2.374-.426 3.226-1.217l.183.244v.608L17.783 19l1.156-1.157c0-.06-3.835-3.895-3.835-3.895zm-4.565 0a3.468 3.468 0 01-3.47-3.47c0-1.948 1.583-3.408 3.47-3.408a3.468 3.468 0 013.47 3.47c-.061 1.886-1.583 3.408-3.47 3.408z' fill='%23FFF' fill-rule='nonzero'/%3e%3c/svg%3e");
  background-size: contain;
  border-radius: 9px;
  background-color: var(--GreyFive);
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-row:active {
  background-color: var(--DropdownSelectDropdownActiveBackgroundColor);
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-row .csi-header-search-in-title {
  font-weight: bold;
  color: var(--PlaceholderTextColor);
  padding: 7px 10px;
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-row .csi-header-search-in-title-label {
  position: relative;
  top: -5px;
  padding: 0 0 0 8px;
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-row .csi-header-search-in-title-border {
  border-bottom: 1px solid var(--DropdownSelectNormalBorderColor);
  padding: 4px 0 0 0;
  margin: 0 0 4px 0;
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-row.csi-header-search-dropdown-no-hover {
  background-color: var(--DropdownSelectNormalBackgroundColor);
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-row.csi-header-search-dropdown-no-hover:hover {
  background-color: var(--DropdownSelectNormalBackgroundColor);
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-row.csi-header-search-dropdown-hover,
.csi-header-search-form .csi-header-search-dropdown .dgrid-row .csi-header-search-dropdown-hover {
  padding: 5px 10px 1px 10px;
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-row.csi-header-search-dropdown-hover:hover,
.csi-header-search-form .csi-header-search-dropdown .dgrid-row .csi-header-search-dropdown-hover:hover {
  background-color: var(--DropdownSelectDropdownSelectedBackgroundColor);
}
.csi-header-search-form .csi-header-search-dropdown .dgrid-row.csi-header-search-in-data {
  padding: 5px 3px 6px 10px;
}
.csi-header-search-form .csi-header-search-results {
/* Search results must appear below Search-In drop-down */
  z-index: 50;
}
.csi-header-search-form .csi-header-search-results .csi-header-search-container {
  height: inherit;
  overflow: hidden;
}
.csi-header-search-form .csi-header-search-results .csi-header-search-container .dgrid {
  border: none;
  height: inherit;
}
.csi-header-search-form .csi-header-search-results .csi-header-search-container .dgrid-scroller {
  margin-bottom: 25px !important;
}
.csi-header-search-form .csi-header-search-results .dijitContentPane {
  width: 100%;
  position: relative !important;
  height: inherit;
  font-size: 12px;
}
.csi-header-search-form .csi-header-search-results .dgrid-footer {
  display: block;
  padding: 5px;
  width: 100%;
  background-color: var(--FooterBackground);
  font-size: 12px;
}
.csi-header-search-form .csi-header-search-results .dgrid-footer .csi-dgrid-total {
  float: right;
  margin-right: 15px;
}
.csi-header-search-form .csi-header-search-results .dgrid-footer .csi-dgrid-message {
  float: left;
}
.csi-header-search-form .csi-header-search-results .dgrid-row {
  border-bottom: 1px solid var(--DropdownSelectNormalBorderColor);
  padding: var(--CardSpacing);
}
.csi-header-search-form .csi-header-search-results table {
  padding: 0;
  border: none;
}
.csi-header-search-form .csi-header-search-results .attrString {
  font-weight: 600;
}
.csi-header-search-form .header-search-button {
  margin: 0;
  position: absolute;
  right: 0;
}
.csi-header-search-form .header-search-button .dijitButtonNode {
  padding: 4px;
}
/* search form end */
/* scope select dropdown */
#csiHeaderSearchSelect_dropdown.dijitMenuPopup {
  width: 538px;
  border-radius: 0 0 3px 3px;
  border-bottom: 1px solid var(--DropdownSelectNormalBorderColor) !important;
  background-color: var(--DropdownSelectNormalBackgroundColor);
}
#csiHeaderSearchSelect_dropdown.dijitMenuPopup .dijitMenuItem {
  transition: all var(--TransitionDuration);
}
#csiHeaderSearchSelect_dropdown.dijitMenuPopup .dijitMenuItem td {
  padding: 2px 10px;
}
#csiHeaderSearchSelect_dropdown .dijitMenu {
  width: 100%;
}
/* HEDAER SEARCH END */
/* CommentDialog */
.csiCommentDialog {
  width: 772px;
}
.csiCommentDialogGroup {
  margin-bottom: 2px;
}
.csiCommentDialogGroup .csi-form-label {
  margin-top: 5px;
}
.csiCommentDialogSubject {
  width: 450px;
}
/* CommentColors */
.csiCommentColors {
  display: inline-block;
  height: 16px;
  outline: none;
  padding-bottom: 16px;
}
.csiCommentColors span {
  display: inline-block;
  margin: 4px;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  border-radius: 3px;
  border: 1px solid;
}
.csiCommentColors .commentColorBlue {
  border-color: var(--Cyan200);
}
.csiCommentColors .commentColorSteelBlue {
  border-color: var(--Blue200);
}
.csiCommentColors .commentColorGreen {
  border-color: var(--Green200);
}
.csiCommentColors .commentColorYellow {
  border-color: var(--Yellow200);
}
.csiCommentColors .commentColorPink {
  border-color: var(--Orange200);
}
.csiCommentColors .commentColorViolet {
  border-color: var(--Red200);
}
.csiCommentColors .commentColorPlum {
  border-color: var(--Magenta200);
}
.csiCommentColors .commentColorGray {
  border-color: var(--Grey800);
}
.csiCommentColors .commentColorDefault {
  border-color: var(--Grey400);
}
.csiCommentColors .active {
  border-width: 2px;
  border-color: var(--CommentActiveColor);
  margin: 3px;
}
/* TITLEPANE */
.dijitTitlePane,
.dijitTitlePaneTitleFocus {
  outline: none;
}
.dijitTitlePaneTitleActive {
  box-shadow: none;
}
.dijitTitlePaneTitle {
  background: var(--TitlePaneBackgroundColor);
  border-color: var(--TitlePaneBorderColor);
  text-shadow: none;
}
.dijitTitlePaneContentOuter {
  border-color: var(--TitlePaneBorderColor);
}
/* DIALOG */
.csi-view-dialog-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.csi-view-dialog-wrapper .dijitDialog {
  position: relative;
  overflow: visible;
}
.dj_safari .dijitDialog .dijitDialogCloseIcon .material-icons {
  display: block;
}
.dijitDialog {
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  z-index: 800;
}
.dijitDialog .dijitDialogCloseIcon {
  top: 14px;
}
.dijitDialog .dijitDialogCloseIcon:before {
  content: "";
}
.dijitDialog .dijitDialogCloseIconFocused {
  outline: none;
}
.dijitDialog .dijitDialogTitleBar {
  background-color: var(--DialogTitleBackground);
  border-color: var(--DialogBorderColor);
  color: var(--DialogTitleTextColor);
  padding: var(--DialogSpacing);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dijitDialog .dijitDialogTitleBar .dijitDialogTitle {
  font-size: 14px;
  padding-right: 20px; /* Space for close button */
}
.dijitDialog .dijitDialogPaneContent {
  border-radius: 0;
  padding: var(--DialogSpacing);
}
.dijitDialog .csiDialogScroll {
  min-height: 100px;
  overflow: hidden;
}
.dijitDialog .csiFormView .csiDialogScroll {
  background: none;
  border: none;
  margin-top: 10px;
  overflow: auto;
/* Give enough room for scrollbar when needed - must use border-box as this element is frozen with
			   current width which must include padding or else you get extra 30 padding on top of width */
  box-sizing: border-box;
  padding-right: 30px;
  min-height: auto;
}
.dijitDialog .csiFormView .csiActionsNode {
  margin-top: 18px; /* 2 x DialogSpacing */
}
.dijitDialog .csiFormView .csi-popup-form-table {
  vertical-align: top;
}
.dijitDialog .propertyView .csiDialogScroll {
  overflow: auto;
/* Give enough room for scrollbar when needed */
  box-sizing: border-box;
  padding-right: 30px;
  min-height: auto;
}
.dijitDialog .csi-invalid-message {
/* 100% width */
  display: flex;
  margin-top: 3px;
  margin-right: 10px;
}
.dijitDialog .csi-invalid-message.csi-noicon {
  border: none;
}
.dijitDialog .csi-view-dialog-wrapperIntro + .tableViewRoot {
  padding-top: 15px;
}
.dijitDialog .csi-view-dialog-wrapperIntro + .wizardView .csi-view .csi-invalid-message {
  margin-top: 0;
  margin-bottom: 10px;
}
.dijitDialog .tableViewRoot .csi-invalid-message {
  margin-bottom: 12px;
}
.dijitDialog .csi-labeled-image {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-top: 6px;
  width: 100%;
}
.dijitDialog .csi-labeled-image img {
  padding: 20px;
  max-width: 400px;
  max-height: 600px;
  object-fit: contain;
}
.dijitDialog .csi-labeled-image label {
  font-weight: bold;
  text-align: left;
}
.dijitDialog .htmlView .infoMessageContent {
  flex-direction: row;
  margin-bottom: 12px;
  margin-right: 0 !important;
  max-width: 940px !important;
}
.dijitDialog .csiActionsNode,
.csi-form-view-standalone .csiActionsNode {
  border-top: 1px solid var(--DialogBorderColor);
  box-sizing: content-box;
  clear: both;
  height: 26px;
  margin-left: calc(-1 * var(--DialogSpacing));
  margin-right: calc(-1 * var(--DialogSpacing));
  overflow: hidden;
  padding: var(--DialogSpacing) var(--DialogSpacing) 0;
  text-align: right;
/* 18px because form fields by default have 6px, and 24px is too much for table */
  margin-top: 18px;
}
.dijitDialog .csiActionsNode .csi-secondary-btn[data-csi-act="PrevPage"],
.csi-form-view-standalone .csiActionsNode .csi-secondary-btn[data-csi-act="PrevPage"] {
  float: left;
}
.dijitDialog .dijitDownArrowButton input[type="text"],
.dijitDownArrowButton input[type="text"] {
  border: none;
}
.csi-form-label {
/* use in conjunction with dijitInline */
  font-weight: bold;
  margin-right: var(--LabelSpacing);
}
/* MESSAGE */
.csiMessage .dijitRadio {
  margin: 3px 3px 6px 3px;
}
.csiMessage a.browse {
  display: block;
  float: right;
}
.csiMessage .csi-message-exception {
  margin: 10px 10px 0;
  text-align: center;
  max-width: 630px;
}
.csiMessage .csi-message-exception pre {
  background-color: var(--MessageExceptionBackgroundColor);
  border: 1px solid var(--MessageExceptionBorderColor);
  height: 200px;
  overflow: auto;
  padding: 3px;
  text-align: left;
}
.csiMessage .csi-message-exception-link {
  padding: 8px 12px 12px 12px;
}
.csiMessage .csi-message-icon {
  font-size: 26px;
  cursor: default;
  vertical-align: middle;
}
.csiMessage .csi-message-progress {
  margin: 10px 12px;
  text-align: center;
}
.csiMessage .csi-message-progress .dijitProgressBar {
  display: inline-block;
  max-width: 300px;
  width: 100%;
}
.csiMessage .csi-message-progress-determinate {
  background: var(--ProgressBarDeterminateBackgroundColor);
}
.csiMessage .csi-message-progress-determinate .dijitProgressBarTile {
  background: var(--ProgressBarDeterminateProgressColor);
}
.csiMessage .csi-message-txt {
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px;
  min-width: 250px;
  max-width: 600px;
}
.csiMessage .dijitDialogCloseIcon {
  outline: none;
}
.csi-agreement-checkbox-area {
  margin-top: 12px;
  margin-left: 12px;
}
.csi-agreement-checkbox {
  margin-right: 5px;
}
.csi-message-checkbox {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.dijitDialogUnderlayWrapper {
  opacity: 0.4;
}
.csi-material-icon-error {
  color: var(--MessageIconErrorColor);
}
.csi-material-icon-warning {
  color: var(--MessageIconAlertColor);
}
.csi-material-icon-check_circle {
  color: var(--MessageIconCompletedColor);
}
.csi-material-icon-help {
  color: var(--MessageIconQuestionColor);
}
.csi-material-icon-info {
  color: var(--IconBlue);
}
.csi-material-icon-cancel {
  color: var(--IconRed);
}
/* ICONS */
.csi-icon-bg-color-red {
  background-color: var(--IconRed);
}
.csi-icon-bg-color-grey {
  background-color: var(--IconGrey);
}
.csi-icon-bg-color-green {
  background-color: var(--IconGreen);
}
.csi-icon-bg-color-orange {
  background-color: var(--IconOrange);
}
.csi-icon-bg-color-lightgreen {
  background-color: var(--IconLightGreen);
}
.csi-icon-color-red {
  color: var(--IconRed);
}
.csi-icon-color-grey {
  color: var(--IconGrey);
}
.csi-icon-color-green {
  color: var(--IconGreen);
}
.csi-icon-color-orange {
  color: var(--IconOrange);
}
.csi-icon-color-lightgreen {
  color: var(--IconLightGreen);
}
.csi-icon-with-label-label {
  margin-left: var(--MarginBetweenLabelAndIcon);
  line-height: 16px;
}
.csi-icon-with-label-icon {
  font-size: var(--IconSize16);
  height: var(--IconSize16);
  min-width: var(--IconSize16);
  width: var(--IconSize16);
}
.csi-icon-block {
  display: inline-block;
  width: var(--IconSize16);
  height: var(--IconSize16);
  vertical-align: middle;
}
/* NAME-VALUE PAIR */
.csi-name-value-pair {
  align-items: center;
  background-color: var(--NameValuePairBackgroundColor);
  border: 1px solid var(--NameValuePairBorderColor);
  border-radius: 10px;
  color: var(--NameValuePairTextColor);
  display: inline-flex;
  height: 20px;
  padding: 0 10px;
  white-space: nowrap;
  max-width: 500px;
  position: relative;
}
.csi-name-value-pair .csi-name-value-pair-icon {
  margin-left: 4px;
  vertical-align: text-top;
}
.csi-name-value-pair .csi-name-value-pair-name {
  font-weight: bold;
  margin-right: 4px;
}
.csi-name-value-pair .csi-name-value-pair-value {
  height: 18px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.csi-name-value-pair-transparent {
  background-color: inherit;
  border-color: transparent;
}
.csi-name-value-pair + .csi-name-value-pair {
  margin-left: 6px;
}
/* NodeBadge */
.csiNodeBadgeHeadings > div {
  margin-top: 2px;
}
/* CustomViewSelect */
.csiCustomViewSelectDirty .dijitValidationContainer {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h24v24H0z'/%3e%3cpath fill='%23D14030' d='M17.3 5.8l-4.2 5.5v.1l6.6-.9v3l-6.6-.8v.1l4.2 5.3-2.8 1.6-2.5-6.2h-.1L9 19.7l-2.5-1.6 4.2-5.4v-.1l-6.5.8v-3l6.5.8v-.1L6.5 5.9l2.7-1.5 2.7 6.1h.1l2.7-6.2z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  display: inline-block;
  height: 10px;
  width: 10px;
  padding: 0;
  margin-top: 7px;
}
.csiCustomViewSelectDirty .dijitValidationContainer:before,
.csiCustomViewSelectDirty .dijitValidationContainer input {
  display: none;
}
.csiCustomViewSelectDirty.dijitDisabled .dijitValidationContainer {
  display: none;
}
html.dj_edge .dgrid *:focus,
html.has-mozilla .dgrid *:focus {
/* override outline so textarea does not look different from other widgets */
  outline: none;
}
html.dj_edge option:checked,
html.has-mozilla option:checked {
  background: linear-gradient(var(--CustomViewOptionCheckedBackgroundColorMoz), var(--CustomViewOptionCheckedBackgroundColorMoz));
}
.csi-preference-summary > div {
  word-break: break-word;
}
.csi-preference-summary .csi-preference-summary-description {
  margin-top: 10px;
  white-space: normal;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.csi-preference-summary #csi-preference-summary-more-filters {
  text-decoration: underline;
  cursor: default;
}
.csi-preference-summary label {
  display: block;
  font-weight: bold;
  margin-top: 10px;
  font-size: 12px;
}
.csi-preference-summary .error {
  color: var(--AlertRed);
  margin-top: 10px;
}
.csi-custom-view-popup {
  display: flex;
  height: 330px !important; /* need to override default styling */
  width: 532px;
}
.csi-custom-view-popup > * {
  flex: 1;
}
.csi-custom-view-popup .csi-popup-wrapper-preview {
  background-color: var(--DropdownMenuPreviewBackgroundColor);
  color: var(--DropdownMenuPreviewTextColor);
  border-left: 1px solid var(--DropdownMenuPreviewBorderColor);
  overflow: hidden;
  padding: 5px 10px;
}
/* EditQueryDialog */
.csi-edit-query-dialog .csi-edit-query-dialog-content {
  min-width: 900px;
}
.csi-edit-query-dialog .csi-edit-query-filter-name {
  margin-bottom: var(--DialogSpacing);
}
.csi-edit-query-dialog .csi-edit-query-filter-name label {
  font-weight: bold;
  margin-right: 6px;
}
.csi-edit-query-dialog .csi-edit-query-dialog-filters {
  border: 1px solid var(--TableBorderColor);
  height: 350px;
  overflow: auto;
}
.csi-edit-query-dialog .csi-edit-query-filter-row > th {
  background: var(--TableHeaderBackgroundColor);
  border-bottom: 1px solid var(--TableBorderColor);
  padding: var(--GridHeaderPadding);
}
.csi-edit-query-dialog .csi-edit-query-filter-row > th:not(:last-child) {
  border-right: 1px solid var(--TableBorderColor);
}
.csi-edit-query-dialog .csi-edit-query-filter-row > td {
  padding: var(--GridHeaderPadding);
}
.csi-edit-query-dialog .occupy100 {
  border-collapse: collapse;
  width: 100%;
}
.csi-edit-query-filter-no-rel .csi-edit-query-filter-rel-col {
  display: none;
}
/* Disabled items in the grouped drop-down represent class name, so make them bold */
.groupedDropDown .dijitMenuItem {
  padding-left: 10px;
}
.groupedDropDown .csi-color-disabled {
  background-color: var(--DropdownSelectGroupBackgroundColor);
  font-weight: bold;
  padding-left: 3px;
}
.favoritesMenu .dijitMenuItemLabel {
  display: block;
  padding: 3px;
  border-color: var(--TableBorderColor);
  border-image: none;
  border-right: 1px solid var(--TableBorderColor);
  border-style: none solid solid;
  border-width: 1px;
  overflow: hidden;
  text-align: left;
  vertical-align: top;
  position: relative;
}
.favorite-actions-divider {
  margin: 0px 2px;
}
/* Attribute Styles */
.attrContainerBlocks .attrPrimary > span {
  display: block;
  margin: 2px 0;
}
.attrContainerBlocks .iconEditable {
  background-image: none;
}
.attrError {
  color: var(--AlertRed);
}
.attrImage {
/* Remove extra space below image */
  line-height: 0;
}
.attrImage img {
  height: auto;
  width: auto;
  min-width: 16px;
}
.attrImage.attrSeparator {
  display: inline-block;
}
.attrImage.attrSeparator img {
  border: 1px solid var(--AttribueImgBorderColor);
}
.csi-attrImage-text {
  line-height: normal;
}
.csi-image-care-label-header {
  font-weight: bold;
  text-decoration: underline;
}
/* Images sizes - adjusted so 4x6 landscape and portrait images show as same height with max resolution */
.attrImageSmallest {
/* 64px x 96px */
  max-height: 5.33em;
  max-width: 8em;
}
.attrImageSmall {
/* 128px x 192px */
  max-height: 10.67em;
  max-width: 16em;
}
.attrImageMedium {
/* 256px x 384px */
  max-height: 21.33em;
  max-width: 32em;
}
.attrImageLarge {
/* 384px x 512px */
  max-height: 32em;
  max-width: 42.67em;
}
.attrImageLargest {
/* 512px x 768px */
  max-height: 42.67em;
  max-width: 64em;
}
.attrLabel {
  color: var(--HeadingLabelColor);
  margin-right: 3px;
}
.attrNumber {
  white-space: nowrap;
}
.attrSeparator {
  margin-right: 3px;
}
.attrString:not(.attrStringRich),
.attrRef,
.attrReflist,
.attrRefset,
.attrStringTextarea,
.attrRefvector {
  white-space-collapse: preserve;
}
.attrStringComment,
.attrTimeWithTimeZone {
  white-space: normal !important;
}
.attrStringEmail {
  word-wrap: break-word;
}
.attrStringURL {
  max-width: 300px;
  word-wrap: break-word;
}
.csi-localized-string-tooltip label {
  font-weight: var(--SemiBold);
}
.csi-string-comment-popup {
  border: var(--StandardBorder);
  width: 400px;
  max-height: 500px;
  overflow: auto;
}
.attrUrl .dijitProgressBar {
  margin: 0;
}
.attrUrl .dijitProgressBarLabel {
  line-height: 12px;
}
.csiNodeImages.attrImage {
  line-height: inherit;
}
.csiNodeImages .attrImage {
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 3px;
  vertical-align: top;
}
.csiNodeImages .attrImage > * {
  vertical-align: top;
}
.csiNodeImages .attrLabel {
  display: block;
  margin-bottom: 3px;
}
.csiNodeImageMissing {
  border: var(--StandardBorder);
  display: inline-block;
  line-height: normal;
  margin-right: 3px;
  margin-top: 3px;
  padding: 3px;
  vertical-align: top;
}
.csiNodeImagesTiny img {
  max-height: 32px;
  max-width: 32px;
}
.csi-heading-table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center;
}
.csi-heading-table th {
  background-color: var(--GreyNine);
  border: 1px solid var(--TableBorderColor);
  font-weight: bold;
  padding: 0.25em 0.75em;
}
.csi-heading-table td {
  background-color: var(--PrimaryWhite);
  border: 1px solid var(--TableBorderColor);
  padding: 0.25em;
  text-align: left;
}
.csi-simple-table {
  border-collapse: collapse;
}
.csi-simple-table th,
.csi-simple-table td {
  border: 1px solid var(--TableBorderColor);
  padding: var(--TableCellPaddingV) var(--TableCellPaddingH);
  text-align: left;
}
.csi-simple-table th {
  background-color: var(--TableHeaderBackgroundColor);
}
/* Actions */
.csiAction {
  cursor: pointer;
}
.csiActions .dijitButton,
.csiActions .csiAction {
  vertical-align: middle;
  white-space: nowrap;
}
.csiActions .dijitButton:not(:first-child),
.csiActions .csiAction:not(:first-child) {
  margin-left: 10px;
}
.csiActions .dijitButton.csi-link-btn:not(:first-child),
.csiActions .csiAction.csi-link-btn:not(:first-child) {
  margin-left: 8px;
}
.csiActions .csi-action-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.galleryBlock .csiActions .csiAction:not(:first-child),
.tableView .csiActions .csiAction:not(:first-child) {
  margin-left: 5px;
}
.csi-os-Mac .galleryBlock .dijitCheckBoxChecked:before {
  margin-left: -1px;
}
/* Edit icons - cannot be part of sprite since not applied to own DOM element */
.iconEditable {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgMyAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMS44NTM1NSAxLjg1MzU1TDIuNSAxLjIwNzExVjIuNUgxLjIwNzExTDEuODUzNTUgMS44NTM1NVoiIGZpbGw9IiNBM0FCQjgiIHN0cm9rZT0iI0EzQUJCOCIvPgo8L3N2Zz4K);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 4px;
}
.iconEditable.csi-large-editable-icons {
  background-size: 6px;
}
.dijitDisabled a.csiAction {
  cursor: inherit;
}
/* Inline Editing */
.actionEdit,
.actionEdit a {
  color: var(--DisabledText);
}
/* View Content */
.csiActionsNode {
  padding-top: 10px;
  padding-bottom: 3px;
  overflow: auto;
}
.csiDialogScroll {
  clear: left;
}
.hideFromView {
  display: none;
}
.csiViewContentMessage {
  color: var(--ViewMessageTextColor);
  font-size: 14px;
  font-style: italic;
  margin-bottom: 5px;
  margin-left: 3px;
}
.csiViewErrorMessage {
  color: var(--AlertRed);
  font-size: 14px;
}
.csiViewHeaderText {
  font-size: 14px;
}
.csi-invalid-message-empty {
  display: none;
}
.csi-invalid-message {
  align-items: stretch;
  background: var(--PrimaryWhite);
  border: 1px solid var(--AlertRed);
  border-radius: 3px;
  display: inline-flex;
  min-height: 28px;
}
.csi-invalid-message .csi-invalid-message-icon {
  align-items: center;
  background: var(--AlertRed);
  border-right: 1px solid var(--AlertRed);
  display: flex;
  width: 28px;
}
.csi-invalid-message .csi-invalid-message-icon .svg-inline--fa {
  color: var(--WhiteTextColor);
  cursor: default;
  font-size: 18px;
  margin: auto;
}
.csi-invalid-message.csi-noicon .csi-invalid-message-icon {
  border: none;
  width: 0;
}
.csi-invalid-message .csi-invalid-message-text {
  padding: 0 8px;
  align-self: center;
  overflow-wrap: anywhere;
}
.csi-invalid-message.info-circle {
  border-color: var(--InfoBlue);
}
.csi-invalid-message.info-circle .csi-invalid-message-icon {
  background: var(--InfoBlue);
  border-right-color: var(--InfoBlue);
}
.csi-invalid-message.info-circle .svg-inline--fa {
  font-size: 20px;
}
.csi-invalid-message.exclamation-circle .svg-inline--fa {
  font-size: 20px;
}
.csi-invalid-message.exclamation-triangle,
.csi-invalid-message.sync {
  border-color: var(--AlertYellow);
}
.csi-invalid-message.exclamation-triangle .csi-invalid-message-icon,
.csi-invalid-message.sync .csi-invalid-message-icon {
  background: var(--AlertYellow);
  border-right-color: var(--AlertYellow);
}
.csi-invalid-message + .csi-view-toolbar-container {
  margin-top: var(--ToolbarMargin);
}
/* BREADCRUMB */
.csi-breadcrumb-view {
  display: flex;
  align-items: center;
  position: relative;
}
.csi-breadcrumb-left {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
}
.csi-breadcrumb-center {
  flex-shrink: 0;
  text-align: center;
}
.csi-breadcrumb-right {
  text-align: right;
}
.csi-breadcrumb-right .csiViewToolbar {
  margin-bottom: 0;
}
.csi-breadcrumb-right .dijitValidationIcon {
  display: none;
}
.csi-breadcrumb-right .dijitInputField input {
  color: var(--HintText);
}
.csi-breadcrumb-right .dijitFocused .dijitInputField input {
  color: inherit;
}
.csi-breadcrumb-right .dijitComboBox {
  width: 130px;
}
.csi-breadcrumb-trail {
  display: flex;
  flex-shrink: 1;
  font-weight: var(--SemiBold);
  overflow: hidden;
}
.csi-breadcrumb-revision {
  flex-shrink: 0;
  font-weight: bold;
  padding-right: 5px;
}
.csi-breadcrumb-revision > * {
  margin-left: 5px;
}
.csi-breadcrumb-view-simple-revision .csi-breadcrumb-left,
.csi-breadcrumb-view-simple-revision .csi-breadcrumb-right {
  flex: 1 1 49%;
}
.csi-breadcrumb-simple-revision-control-left.csi-button-toggle .dijitButtonNode {
  border-radius: 3px 0px 0px 3px;
}
.csi-breadcrumb-simple-revision-control-left.dijitToggleButtonCheckedHover .dijitCheckedHover {
  background-color: var(--BtnToggleCheckedBackgroundColor);
}
.csi-breadcrumb-simple-revision-control-right {
  margin-left: 0px;
}
.csi-breadcrumb-simple-revision-control-right.csi-button-toggle .dijitButtonNode {
  border-radius: 0px 3px 3px 0px;
}
.csi-shadow-bottom {
  box-shadow: 0 1px 10px 1px var(--ShadowColor);
}
.csi-name-value-status,
.csi-card-type-section {
  background-color: var(--StateOfNodeOnBreadcrumbBackgroundColor);
  border-color: var(--StateOfNodeOnBreadcrumbBorderColor);
  color: var(--StateOfNodeOnBreadcrumbFontColor);
}
.csi-breadcrumb-dashboard-btn {
  align-items: center;
  background-color: var(--BreadcrumbNavigationButtonBackgroundColor);
  display: flex;
  justify-content: center;
  line-height: 0;
  height: var(--BreadcrumbHeight);
  min-width: var(--BreadcrumbHeight);
}
.csi-breadcrumb-dashboard-btn:hover {
  background-color: var(--BreadcrumbHoverBackgroundColor);
}
.csi-breadcrumb-dashboard-btn a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.crumb {
  align-items: center;
  display: flex;
  flex-shrink: 10;
  min-width: 80px;
  overflow: hidden;
}
.crumb .dijitArrowButton {
  display: none;
}
.crumb .dijitButton.dijitActive,
.crumb .dijitButton.dijitHover {
  background-color: var(--BreadcrumbHoverBackgroundColor);
}
.crumb .dijitButton .dijitButtonNode {
  padding: 9px 8px 10px;
}
.crumb .search {
  display: none;
  font-weight: normal;
}
.crumb .text {
  color: var(--BreadcrumbNormalTextColor);
  flex-shrink: 1;
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
/* this is needed so that the status pill does not overlap the text when collapsed */
  min-width: 25px;
}
.crumb .browse {
  color: var(--BreadcrumbNormalLinkColor);
}
.crumb .browse:hover {
  background-color: var(--BreadcrumbHoverBackgroundColor);
}
.crumb .csi-name-value-status {
  margin-right: 5px;
}
.crumb:not(.csi-crumb-with-status) .csi-name-value-status {
  display: none;
}
.crumb:hover {
  background-color: var(--BreadcrumbHoverBackgroundSecondaryColor);
}
.crumb.csi-crumb-hover-link {
  background-color: var(--BreadcrumbHoverBackgroundColor);
}
.crumb.crumbActive {
  flex-shrink: 0;
}
.crumb.crumbActive .search {
  display: inline-block;
}
.crumb.crumbActive .text,
.crumb.crumbActive .csi-name-value-status,
.crumb.crumbActive + .csi-crumb-current-revision .csi-breadcrumb-revision {
  display: none;
}
.csi-crumb-current-revision {
  align-items: center;
  display: flex;
}
.csi-crumb-with-status {
  flex-shrink: 1;
}
.csi-breadcrumb-hide-status .csi-name-value-status {
  display: none;
}
.csi-crumb-current {
  display: flex;
  flex-shrink: 5;
/* width of search button and box - we need to reserve this much space so that when search box appears the content doesn't shift left */
  min-width: 214px;
}
.csi-crumb-current .text {
  color: var(--BreadcrumbText);
}
.crumbSearchOff {
  min-width: 45px;
}
.crumbSearchOff .dijitButton {
  display: none;
}
.crumbSearchOff .text {
  position: relative;
  padding: 9px 10px;
}
.home {
  display: flex;
  height: 100%;
  overflow: hidden;
}
/* ====================================================================================================== */
/* Breadcrumb toolbar last visited dropdown button */
.dijitPopup .csi-nav-dropdown-list.dijitMenu {
  border-collapse: collapse;
  border-color: var(--DropdownMenuNormalBorderColor);
  display: block;
  height: auto;
  max-height: var(--NavDropDownHeight);
  overflow: visible scroll;
  padding: 0px;
}
.dijitPopup .csi-nav-dropdown-list .dijitMenuItem {
  border-top: 1px solid var(--DropdownMenuNormalBorderColor);
}
.dijitPopup .csi-nav-dropdown-list .dijitMenuItem.hide,
.dijitPopup .csi-nav-dropdown-list .dijitMenuItem .dijitMenuItemIconCell,
.dijitPopup .csi-nav-dropdown-list .dijitMenuItem .dijitMenuArrowCell {
  display: none;
}
.dijitPopup .csi-nav-dropdown-list .dijitMenuItem .dijitMenuItemLabel {
  padding: var(--CardSpacing);
  line-height: normal;
  width: var(--HeaderCardWidth);
}
.dijitPopup .csi-nav-dropdown-list .csi-nav-dropdown-empty-item .dijitMenuItemLabel {
  background-color: var(--DropdownMenuActiveBackgroundColor);
  cursor: default;
  padding-bottom: 10px;
  padding-top: 10px;
}
.dijitPopup .csi-nav-dropdown-list .csi-nav-dropdown-first-item {
  border-top: none;
}
.dijitPopup .csi-nav-dropdown-list .csi-nav-dropdown-first-item.dijitMenuItem a {
  font-weight: normal;
}
.dijitPopup .csi-nav-dropdown-list .csi-nav-dropdown-first-item.dijitMenuItemSelected,
.dijitPopup .csi-nav-dropdown-list .csi-nav-dropdown-first-item.dijitMenuItemHover {
  cursor: default;
  background: none;
}
.dijitPopup .csi-nav-dropdown-list .csi-nav-dropdown-first-item.dijitMenuItemSelected td,
.dijitPopup .csi-nav-dropdown-list .csi-nav-dropdown-first-item.dijitMenuItemHover td {
  background: none;
}
.csi-nav-dropdown-label {
  font-weight: 600;
  color: var(--DropdownMenuTitleTextColor);
}
/* Form View */
.csiFormView {
  text-align: left;
}
.csiFormView table,
.csiFormView input,
.csiFormView select,
.csiFormView textarea {
  font-family: inherit;
  font-size: inherit;
}
.csiFormViewAlignTop {
  padding-top: 12px;
  vertical-align: top;
}
.csiFormViewRow > th {
  max-width: 140px;
  overflow: hidden;
  padding-top: 6px;
  text-align: right;
  text-overflow: ellipsis;
  vertical-align: top;
}
.csiFormViewValue {
  padding: 2px 0;
  vertical-align: top;
  white-space: nowrap;
  width: 350px;
}
.csiFormViewValue .csiFormViewValueInput > input:only-child,
.csiFormViewValue .csiFormViewValueInput > .dijitTextBox:not(.dijitDateTextBox):not(.dijitTimeTextBox):only-child {
  width: 100%;
  outline: none;
}
.csiFormViewValue .csiFormViewValueInput > .dijitCheckBox {
  margin-top: 5px;
}
.csiFormViewValue .csiFormViewValueInput .dijitTree {
  margin-top: 1px;
}
.csiFormViewValue .csiFormViewValueInput .dijitTreeRow,
.csiFormViewValue .csiFormViewValueInput .dijitTreeNode .dojoDndItemBefore,
.csiFormViewValue .csiFormViewValueInput .dijitTreeNode .dojoDndItemAfter {
  padding: 1px 0;
}
.csiFormViewValue .csiFormViewValueInput .dijitTreeExpando {
  margin-left: 0;
}
.csiFormViewValue .csiFormViewValueInput .dijitTreeExpandoClosed {
  margin-top: 1px;
}
.csi-error-message {
  color: var(--ErrorTextColor);
  word-wrap: break-word;
  padding: 1px 0px 2px;
  min-height: 20px;
  white-space: normal;
}
.csi-info-message {
  color: var(--PrimaryBlack);
  font-size: 10px;
}
.csi-info-message .material-icons {
  color: var(--InfoBlue);
  margin-right: 3px;
  font-size: 16px;
}
/* Update Config Form */
.csi-form-radio-label {
  padding-left: 8px;
}
.csi-form-radio-gap {
  min-height: 18px;
}
.csi-form-radio-top {
  padding-top: 10px;
}
.csi-form-radio-bottom {
  padding-bottom: 4px;
}
.csi-form-radio-label-comment {
  padding-left: 30px;
  display: block;
  margin-top: -5px;
}
.csi-form-reserve-for-field-noerror {
  padding: 1px 0px 2px;
  min-height: 17px;
}
.csiFormViewValueExtra {
  width: auto;
}
.csiFormViewValueFile {
  padding-top: 6px;
}
.csi-form-view-long-values .csiFormViewRow:not(.csi-form-view-row-combined) .csiFormViewValue {
  width: var(--FormFieldMaxWidth);
}
.csi-form-view-comment > td {
  padding-bottom: 6px;
}
.csi-form-view-comment > td:not(:first-child) {
  padding-top: 6px;
}
.csiFormViewSeparator {
  color: var(--AlertRed);
  font-weight: bold;
  min-width: 9px;
  padding: 5px 0 0 2px;
  vertical-align: top;
}
.csi-form-view-spacer {
  height: 16px;
}
.csi-form-view-standalone {
  background-color: var(--GreyThree);
  border: 1px solid var(--Grey400);
  display: inline-block;
  padding: var(--DialogSpacing);
}
.csi-form-view-standalone > table {
  margin: 6px 0;
}
.csi-form-view-block.csi-form-view-long-values .csiDialogScroll {
  min-width: 668px;
}
.csi-form-view-block .csiDialogScroll {
  min-width: 518px;
}
.csi-form-view-block .csiFormViewRow:not(.hideFromView) {
  display: block;
  white-space: nowrap;
}
.csi-form-view-block .csiFormViewRow:not(.hideFromView) > th:not(.hideFromView),
.csi-form-view-block .csiFormViewRow:not(.hideFromView) > td:not(.hideFromView) {
  display: inline-block;
}
.csi-form-view-block .csiFormViewRow > th {
  white-space: normal;
  width: 140px;
}
.csi-form-view-block .csiFormViewRow.csi-form-view-row-combined td + th {
  max-width: initial;
  padding-left: 20px;
  white-space: nowrap;
  width: auto;
}
.csi-form-view-block .csiFormViewRow.csi-form-view-row-combined .csiFormViewValue {
  width: auto;
}
.csi-form-view-block .csiFormViewRow.csi-form-view-row-combined .csiFormViewValue:not(:last-child) {
  padding-right: 8px;
}
.csi-form-view-block .csiFormViewRow.csi-form-view-row-combined.csi-form-view-row-collapse td + th,
.csi-form-view-block .csiFormViewRow.csi-form-view-row-combined.csi-form-view-row-collapse td + th + td {
  display: none;
}
.csi-form-view-block-reverse .csiDialogScroll {
  min-width: 501px;
}
.csi-form-view-block-reverse .csiFormViewRow {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.csi-form-view-block-reverse .csiFormViewRow > th,
.csi-form-view-block-reverse .csiFormViewRow > td {
  display: inline-block;
  max-width: 450px;
}
.csi-form-view-block-reverse .csiFormViewRow .csiFormViewValue {
  text-align: right;
  width: 50px;
  padding-right: 8px;
}
.csi-form-comment-separator {
  border-bottom: var(--StandardBorder);
  display: block;
  height: 10px;
  margin-bottom: 15px;
}
.csi-comment-section-separator {
  display: table-row;
  height: 10px;
  margin-bottom: 15px;
}
.csi-comment-section-separator > td {
  border-top: var(--StandardBorder);
  padding-bottom: 0px;
}
.csi-form-right-widget-text-title {
  font-weight: bold;
  padding-bottom: 20px;
}
.csi-form-right-widget-value {
  float: right;
  margin: 0 10px 0 50px;
}
.csi-form-right-widget-text {
  padding: 10px;
}
.csi-form-right-widget-container {
  margin: -12px -12px -18px 20px;
  width: 280px;
  height: calc(100% + 30px);
  background-color: var(--GreyEleven);
}
/* Chart View */
.chartView .chart {
  clear: left;
  z-index: 0;
}
/* Chart styles */
.csi-fusion-chart {
  border: 1px solid var(--TitlePaneBorderColor);
  border-radius: 3px;
  display: inline-block;
  margin: 0 10px 10px 0;
  position: relative;
  vertical-align: top;
  min-width: 300px;
  max-width: 1000px;
}
.csi-fusion-chart .csi-title-toolbar {
  border-radius: 3px 3px 0 0;
}
.csi-fusion-chart-node {
/* Need to prevent chart overlapping pane borders */
  padding: 1px;
}
.csi-fusion-chart-placeholder {
  background-image: var(--FusionChartPlaceholder);
  background-size: contain;
  height: 72px;
  width: 72px;
}
/* Html View */
.htmlViewContent {
  overflow: visible;
}
.htmlViewContent .csi-view {
  margin-bottom: var(--CompositeViewSpacing);
}
.dijitDialogPaneContent > .htmlView > .htmlViewContent {
  overflow: auto;
}
.htmlViewSeparator:not(:first-child) {
  padding-top: var(--CompositeViewSpacing);
}
.csi-html-attribute {
  border-bottom: 1px solid var(--PropertyViewLastBorderColor);
}
.csi-html-attribute.iconEditable:hover {
  border-bottom-color: var(--StandardBorderColor);
}
.csi-html-view-detail {
  border-left: var(--StandardBorder);
  width: 300px;
}
.csi-html-view-full-height,
.csi-html-view-full-height > .htmlViewContent {
  height: 100%;
}
.csi-view-hide-editable .iconEditable {
  background-image: none;
}
.csi-view-hide-editable .iconEditable.csi-large-editable-icons {
  background-image: none;
}
.csi-view-message {
  color: var(--ViewMessageTextColor);
  text-align: left;
}
.csi-view-title {
  border-bottom: 2px solid var(--CompositeViewBorderColor);
  font-size: 16px;
  font-weight: bold;
  margin-bottom: var(--CompositeViewSpacing);
  padding-bottom: 4px;
}
.htmlHideToolbars .csiViewToolbar {
  display: none;
}
/* Switchboard Styling */
.switchboardContent {
  margin-top: 15px;
}
.pluginSwitchboard10 .dijitTextBox {
  width: 10em;
}
/* TABS VIEW */
.tabsHeaderView {
  margin: 0 0 8px;
}
/* WIZARD VIEW */
.wizardView .dijitTabController,
.wizardView .dijitTabSpacer {
  display: none;
}
.wizardView .dijitTabPaneWrapper {
  border-width: 0;
}
.wizardView .dijitTabContainerTopChildWrapper.dijitHidden {
/* width is required for views on other pages of wizard to size properly when being created and not yet shown */
  display: block !important;
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.wizardView .dijitTabPane {
  margin: 0;
}
.csi-wizard-view-dialog .dijitDialogPaneContent {
/* this is important to use now that inactive pages of wizard are still visible to keep scrollbar from appearing around whole dialog */
  overflow: hidden !important;
}
.csi-wizard-view-dialog .dijitDialogPaneContent [role="tabpanel"].dijitHidden {
/* Needed so form tabbing doesn't include input elements found in hidden panels.
			   Using this instead of "display: none" preserves the dialog resizing calculations. */
  visibility: hidden;
}
.csi-wizard-intro > div {
  margin-bottom: 10px;
}
/* WIZARD VIEW END */
/* PROPERTY VIEW */
.propertyView .tableView {
  width: 100%;
}
.propertyView .tableView tfoot {
  display: none;
}
.propertyViewHeadings {
  padding-right: 3px;
  text-align: left;
  vertical-align: top;
}
.propertyViewHeadings .csiHeadingCellLabel {
  display: inline-block;
}
.propertyViewActions {
  margin-bottom: 10px;
}
.propertyViewImage {
  vertical-align: top;
  padding-right: 10px;
}
.csi-property-image {
  align-items: center;
  border: 1px solid var(--PropertyViewBorderColor);
  box-sizing: border-box;
  display: flex;
  text-align: center;
}
.csi-property-image[data-csi-act] {
  cursor: pointer;
  overflow: hidden;
}
.csi-property-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  line-height: 0;
  width: 100%;
}
.csi-property-image-wrapper img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.csi-property-thumbnails {
  overflow-x: auto;
  overflow-y: visible;
  padding-top: 12px;
  white-space: nowrap;
}
.csi-property-thumbnails > div {
  background-color: var(--PropertyViewImageLabelBackgroundColor);
  border: 1px solid var(--PropertyViewImageThumbnailBorderColor);
  box-sizing: border-box;
  display: inline-block;
  height: 130px;
  margin-right: 1px;
  position: relative;
  vertical-align: top;
}
.csi-property-thumbnails > div:hover,
.csi-property-thumbnails > div:hover .csi-property-thumbnail-title {
  border-color: var(--PropertyViewImageThumbnailHoverBorderColor);
}
.csi-property-thumbnails > div:active,
.csi-property-thumbnails > div.active {
  border-color: var(--PropertyViewImageThumbnailActiveBorderColor);
}
.csi-property-thumbnails > div:not(:last-child) {
  margin-right: 6px;
}
.csi-property-thumbnails > div img {
  max-height: 128px;
}
.csi-property-thumbnails > div .iconDefaultImage {
  position: absolute;
  left: 0;
  top: 0;
}
.csi-property-thumbnail-container {
  align-items: center;
  background-color: var(--PrimaryWhite);
  display: flex;
  height: 128px;
}
.csi-property-thumbnail-title {
  display: none;
  border-radius: 0px 0px 5px 5px;
/* place it absolute to prevent the text from pushing the container beyond the image width */
  position: absolute;
  bottom: 0px;
}
.csi-property-thumbnail-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.csi-property-thumbnail-label-count {
  background-color: var(--GreyTwelve);
  border-radius: 9px;
  padding: 0px 5px;
  min-width: 8px;
  text-align: center;
}
.csi-property-thumbnail-show-label > div {
  border-radius: 0px 0px 5px 5px;
  height: 151px;
}
.csi-property-thumbnail-show-label .csi-property-thumbnail-title {
  border-top: 1px solid var(--PropertyViewImageThumbnailBorderColor);
  display: flex;
  overflow: hidden;
  padding: 2px 5px;
  width: calc(100% - 10px);
}
.csi-property-image-label {
  background-color: var(--PropertyViewImageLabelBackgroundColor);
  border-color: var(--PropertyViewBorderColor);
  border-style: solid;
  border-width: 0 1px 1px;
  border-radius: 0 0 3px 3px;
  padding: 6px 10px;
}
.csi-property-label-count-active .csi-property-thumbnail-label {
  width: calc(100% - 20px);
}
.csi-property-where-used {
  position: absolute;
  top: 5px;
  right: 20px;
  z-index: 1;
}
.csi-property-where-used .dijitIcon {
  padding: 6px;
}
.csiHeadingCell > th {
  border-bottom: 1px solid transparent;
  text-align: left;
  vertical-align: top;
}
.csiHeadingCell > td {
/* use min/max width rather than width so it is honored - width is just a guide for table tds */
  border-bottom: 1px solid transparent;
  min-width: 18em;
  max-width: 18em;
  overflow: hidden;
  padding: 4px;
  text-overflow: ellipsis;
}
.csiHeadingCell > td .attrImageSmall {
  max-width: 100%;
}
.csiHeadingCell > td.attrImage {
  display: flex;
  justify-content: center;
}
.csiHeadingCell.odd {
  background-color: var(--PropertyViewAlternateBackgroundColor);
}
.csiHeadingCell:not(.odd):last-child > th,
.csiHeadingCell:not(.odd):last-child > td {
  border-bottom-color: var(--PropertyViewLastBorderColor);
}
.csiHeadingCell.csiHeadingCellEditable:hover > th,
.csiHeadingCell.csiHeadingCellEditable:hover > td {
  border-bottom-color: var(--PropertyViewAttributeHoverBorderColor) !important;
}
.csiHeadingCellLabel {
  padding: 4px 8px;
  width: 14em;
  word-wrap: break-word;
}
.propertyViewFullWidth .csiHeadingCellLabel {
  white-space: nowrap;
  width: auto;
}
.csiHeadingColumn {
  padding-bottom: 10px;
  vertical-align: top;
}
.csiHeadingGroupSplit .csiHeadingColumn {
  padding-bottom: 3px;
}
.csiHeadingColumnNext {
  padding-left: 15px;
}
.csiHeadingCellSeparator {
  border-bottom: none !important;
  max-width: 5px !important;
  min-width: 5px !important;
}
.csiHeadingColumnSpan .csiHeadingColumnTable {
  width: 100%;
}
.csiHeadingColumnSpan .odd > th {
  background-color: var(--PropertyViewNormalBackgroundColor);
}
.csiHeadingColumnSpan .odd .csiHeadingCellLabel {
  background-color: var(--PropertyViewAlternateBackgroundColor);
  width: auto;
}
.csiHeadingColumnSpan .csiHeadingCellEditable > th:hover {
  border-bottom-color: transparent !important;
}
.csiHeadingColumnSpan .csiHeadingCell > td {
/* add important so it overrides print styling for widths */
  max-width: initial !important;
}
.csiHeadingColumnSpan .csiHeadingCell > td.iconEditable:hover {
  border-bottom-color: var(--PropertyViewAttributeHoverBorderColor) !important;
}
.csiHeadingGroup > table:not(:first-child) .csi-view-title {
  padding-top: 10px;
}
.csiHeadingGroup .attrIcon {
  padding-bottom: 0;
  padding-top: 4px;
}
.csiHeadingGroup td.kpi {
  padding-bottom: 0;
}
.csiHeadingGroup .iconEditableExp {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgMyAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iI0EzQUJCOCIgc3Ryb2tlPSIjQTNBQkI4Ii8+Cjwvc3ZnPgo=);
  background-size: 4px;
}
.csiHeadingGroup .iconEditableOver {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNCA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNCAxSDFWNCIgc3Ryb2tlPSIjQTNBQkI4Ii8+Cjwvc3ZnPgo=);
  background-size: 4px;
}
.csiHeadingGroup .iconEditableOver.csi-large-editable-icons {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iI0EzQUJCOCIvPgo8L3N2Zz4K);
}
.csiHeadingGroup .iconCellComment.iconEditableExp,
.csiHeadingGroup .iconCellComment.iconEditableOver {
  background-size: 10px, 4px;
}
.csiHeadingGroup .iconCellComment.iconEditableExp.csi-large-editable-icons,
.csiHeadingGroup .iconCellComment.iconEditableOver.csi-large-editable-icons {
  background-size: 10px, 6px;
}
.csiHeadingGroupBlocks .csiHeadingColumnTable {
  width: 100% !important;
}
.csiHeadingGroupBlocks .csiHeadingCell {
  background-color: inherit;
}
.csiHeadingGroupBlocks .csiHeadingCell > th {
  display: none;
}
.csiHeadingGroupBlocks .csiHeadingCell > td {
  border: none;
  padding-left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.csiHeadingGroupBlocks .attrPrimary span {
  display: inline-block;
  vertical-align: top;
}
.csiHeadingGroupBlocks .separator {
  margin-right: 10px;
}
.csiHeadingGroupEdit .csiHeadingColumnSpan .csiHeadingCell > td {
  padding-bottom: 2px;
  padding-top: 2px;
}
.csiHeadingImageSpan td.attrImage {
  max-width: inherit;
  min-width: 10em;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  text-align: center;
}
.csiHeadingImageSpan .csiHeadingColumnSpan .csiHeadingColumnTable {
  width: auto;
}
.csiHeadingImageSpan .csiHeadingColumnSpan .csiHeadingCellLabel {
  display: block;
  width: auto;
}
.csiHeadingColumnSpanTest .csiHeadingCell > th {
  display: none;
}
.csiHeadingColumnSpanTest .csiHeadingCell > td {
  width: auto !important;
}
/* PROPERTY VIEW END */
/* MISC */
.csiCursorPointer {
  cursor: pointer;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.left,
td.left,
th.left,
table.left {
  text-align: left;
}
.right,
td.right,
th.right,
table.right {
  text-align: right;
}
.center {
  text-align: center;
}
.top {
  vertical-align: top;
}
.middle {
  vertical-align: middle;
}
.bottom {
  vertical-align: bottom;
}
.csi-ellipsis-nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csi-ellipsis-wrap {
  white-space: normal;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.csi-float-left {
  float: left;
}
.csi-float-right {
  float: right;
}
.csi-offscreen {
/* make sure to use negative value here so that it does not introduce hidden scrollwidth within the containing element */
  position: absolute;
  left: -200000px;
  top: 0;
}
.widthAuto {
  width: auto !important;
}
.hidden {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.nodisplay {
  display: none !important;
}
.nowrap {
  white-space: nowrap;
}
.border {
  border: var(--StandardBorder);
}
.border-top {
  border-top: var(--StandardBorder);
}
.border-bottom {
  border-bottom: var(--StandardBorder);
}
.border-right {
  border-right: var(--StandardBorder);
}
.border-left {
  border-left: var(--StandardBorder);
}
.noborder {
  border: none;
}
.background-gray {
  background: var(--GreyThree);
}
.csiExport {
  position: absolute;
  left: -10000px;
  top: -10000px;
}
.csiPreserveSpaces {
  white-space: pre;
}
.w7p {
  width: 7%;
}
.w10p {
  width: 10%;
}
.w15p {
  width: 15%;
}
.w20p {
  width: 20%;
}
.w25p {
  width: 25%;
}
.w30p {
  width: 30%;
}
.w40p {
  width: 40%;
}
.w50p {
  width: 50%;
}
.w100p {
  width: 100%;
}
.h100p {
  height: 100%;
}
.csi-no-pointer-events {
  pointer-events: none !important;
}
.csi-no-transition {
  transition: all 0s !important;
}
.csi-overflow-hidden {
  overflow: hidden !important;
}
.csi-transform-rotate90 {
  transform: rotate(90deg);
}
/* MISC END */
/* Inline editing dialog */
.csiInlineDialog .dijitTooltipContainer {
  background: var(--TextfieldNormalBackgroundColor);
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15);
  padding: 3px;
}
.csiInlineDialog .dijitTooltipContents {
  padding: 0;
}
.csiInlineDialog.dijitTooltipBelow {
  padding-top: 0 !important;
}
.csiInlineDialog .dijitTooltipConnector {
  display: none !important;
}
.csiInlineDialog .dijitTextArea {
  padding: 2px var(--TextfieldSpacingLeftRight) 3px var(--TextfieldSpacingLeftRight);
  max-width: 700px;
}
.csiInlineDialog .dijitDateTextBox {
  width: 10em;
}
.csi-inline-editor-popup {
  margin-top: -3px;
  margin-left: -6px;
}
/* Debugging */
.debugView {
  background-color: var(--DebugXmlBackgroundColor);
  border: 1px solid var(--DebugXmlBorderColor);
  margin-bottom: 1em;
  max-height: 400px;
  overflow: scroll;
  padding: 1em;
  text-align: left;
}
.debugView pre {
  font-size: 13px;
}
.debugView .debugViewTitle span {
  color: var(--AlertRed);
  margin-right: 1em;
}
.debug-view-highlight {
  outline: 2px solid var(--DebugXmlHighlightBorderColor);
}
.debugViewTitle {
  font-weight: bold;
}
.dijitDialog .debugView {
  max-width: 1000px;
}
/* 2/3Columns.html */
.htmlColumnLayout .column {
  vertical-align: top;
  padding-right: 2em;
}
/* State header views */
.stateHeader {
  display: inline-block;
}
.stateHeader .view {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.stateHeader .stateWrapper {
  border: 1px solid var(--StateBorderColor);
  padding: 4.5px 20px;
  height: 15px;
  border-radius: 13px;
  display: flex;
  align-items: center;
}
.stateHeader .stateWrapper .csiActionIcon {
  margin-left: 3px;
}
.stateHeader .stateWrapper .dijitProgressBar {
  border-radius: initial;
  margin-left: 3px;
  width: 16px;
}
.stateHeader .actionWrapper {
  border-bottom: 1px dashed var(--StateActionBorderColor);
  height: 12px;
  width: 84px;
}
.stateHeader .actionWrapper .csiAction {
  background-color: var(--StateActionBackgroundColor);
  position: relative;
}
.stateHeader .timestamp {
  margin: 8px 0 8px;
  color: var(--TimestampOnFlowFontColor);
  font-size: 10px;
  text-align: left;
}
.stateHeader .closeAction {
  visibility: hidden;
}
/* show circle/rounded rectangle as background to attribute value - Class="kpi" */
.kpi .attrPrimary {
  background-color: var(--KpiBackgroundColor);
  border: 1px solid var(--KpiBorderColor);
  border-radius: 16px;
  color: var(--KpiTextColor);
  display: inline-block;
  font-weight: bold;
  height: 14px;
  text-align: center;
  width: 30px;
}
/* -----------------------------------------
		Attributes browser dialog
   ----------------------------------------- */
.iconEditableExp {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgMyAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iI0EzQUJCOCIgc3Ryb2tlPSIjQTNBQkI4Ii8+Cjwvc3ZnPgo=);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 4px;
}
.iconEditableOver {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNCA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNCAxSDFWNCIgc3Ryb2tlPSIjQTNBQkI4Ii8+Cjwvc3ZnPgo=);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 4px;
}
.iconEditableOver.csi-large-editable-icons {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iI0EzQUJCOCIvPgo8L3N2Zz4K);
}
.csi-large-editable-icons {
  background-size: 6px;
}
.iconCellComment {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMkMwIDAuODk1NDMgMC44OTU0MzEgMCAyIDBIOEM5LjEwNDU3IDAgMTAgMC44OTU0MzEgMTAgMlYxMEw3LjEyODY4IDcuMTI4NjhDNi41NjYwNyA2LjU2NjA3IDUuODAzMDEgNi4yNSA1LjAwNzM2IDYuMjVIMkMwLjg5NTQzIDYuMjUgMCA1LjM1NDU3IDAgNC4yNVYyWiIgZmlsbD0iI0U3NUU0RiIvPgo8L3N2Zz4K);
  background-size: 10px, 4px;
  background-position: right top, right bottom;
  background-repeat: no-repeat, no-repeat;
}
.iconCellComment.csi-large-editable-icons {
  background-size: 10px, 6px;
}
.iconCellComment.csi-canvas-thumbnail-content {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMC41SDEwQzEwLjgyODQgMC41IDExLjUgMS4xNzE1NyAxMS41IDJWMTAuNzkyOUw4LjczMjIzIDguMDI1MTNDOC4wNzU4NSA3LjM2ODc1IDcuMTg1NjIgNyA2LjI1NzM2IDdIMkMxLjE3MTU3IDcgMC41IDYuMzI4NDMgMC41IDUuNVYyQzAuNSAxLjE3MTU3IDEuMTcxNTcgMC41IDIgMC41WiIgZmlsbD0iI0U3NUU0RiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  background-size: 12px;
}
.iconCellComment.iconEditable {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMkMwIDAuODk1NDMgMC44OTU0MzEgMCAyIDBIOEM5LjEwNDU3IDAgMTAgMC44OTU0MzEgMTAgMlYxMEw3LjEyODY4IDcuMTI4NjhDNi41NjYwNyA2LjU2NjA3IDUuODAzMDEgNi4yNSA1LjAwNzM2IDYuMjVIMkMwLjg5NTQzIDYuMjUgMCA1LjM1NDU3IDAgNC4yNVYyWiIgZmlsbD0iI0U3NUU0RiIvPgo8L3N2Zz4K), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgMyAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMS44NTM1NSAxLjg1MzU1TDIuNSAxLjIwNzExVjIuNUgxLjIwNzExTDEuODUzNTUgMS44NTM1NVoiIGZpbGw9IiNBM0FCQjgiIHN0cm9rZT0iI0EzQUJCOCIvPgo8L3N2Zz4K);
}
.iconCellComment.iconEditableExp {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMkMwIDAuODk1NDMgMC44OTU0MzEgMCAyIDBIOEM5LjEwNDU3IDAgMTAgMC44OTU0MzEgMTAgMlYxMEw3LjEyODY4IDcuMTI4NjhDNi41NjYwNyA2LjU2NjA3IDUuODAzMDEgNi4yNSA1LjAwNzM2IDYuMjVIMkMwLjg5NTQzIDYuMjUgMCA1LjM1NDU3IDAgNC4yNVYyWiIgZmlsbD0iI0U3NUU0RiIvPgo8L3N2Zz4K), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgMyAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iI0EzQUJCOCIgc3Ryb2tlPSIjQTNBQkI4Ii8+Cjwvc3ZnPgo=);
}
.iconCellComment.iconEditableOver {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMkMwIDAuODk1NDMgMC44OTU0MzEgMCAyIDBIOEM5LjEwNDU3IDAgMTAgMC44OTU0MzEgMTAgMlYxMEw3LjEyODY4IDcuMTI4NjhDNi41NjYwNyA2LjU2NjA3IDUuODAzMDEgNi4yNSA1LjAwNzM2IDYuMjVIMkMwLjg5NTQzIDYuMjUgMCA1LjM1NDU3IDAgNC4yNVYyWiIgZmlsbD0iI0U3NUU0RiIvPgo8L3N2Zz4K), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNCA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNCAxSDFWNCIgc3Ryb2tlPSIjQTNBQkI4Ii8+Cjwvc3ZnPgo=);
}
.iconCellComment.iconEditableOver.csi-large-editable-icons {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMkMwIDAuODk1NDMgMC44OTU0MzEgMCAyIDBIOEM5LjEwNDU3IDAgMTAgMC44OTU0MzEgMTAgMlYxMEw3LjEyODY4IDcuMTI4NjhDNi41NjYwNyA2LjU2NjA3IDUuODAzMDEgNi4yNSA1LjAwNzM2IDYuMjVIMkMwLjg5NTQzIDYuMjUgMCA1LjM1NDU3IDAgNC4yNVYyWiIgZmlsbD0iI0U3NUU0RiIvPgo8L3N2Zz4K), url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iI0EzQUJCOCIvPgo8L3N2Zz4K);
}
.csiGalleryProperties .iconEditable {
  padding-right: 4px;
}
.csiGalleryProperties .csi-large-editable-icons,
.csiGalleryProperties .iconCellComment {
  padding-right: 12px;
}
/* DATA SHEET */
.csi-datasheet .csiPageBlock:not(:last-child) .csi-view {
  margin-bottom: 20px;
}
/* PhantomJS does not seem to support justify-content, so switch to table implementation

<div class="htmlDataSheetHeader csi-flex-row"
	><div class="company" data-csi-template-key="ThisCompany"></div
	><div class="item" data-csi-template-key="Item"></div
	><div class="datasheet" data-csi-template-key="DataSheet"></div
	><div class="state" data-csi-template-key="State"></div
></div>

*/
.htmlDataSheetHeader {
  background-color: var(--DataSheetTitleBackgroundColor);
  font-size: 14px;
  font-weight: bold;
  justify-content: space-between;
  width: 100%;
/* Firefox line height differs from others, so set explicitly so PDF output is consistent */
  line-height: 20px;
/* Even though we don't have any borders here, this sets cellspacing/border-spacing to 0 */
  border-collapse: collapse;
}
.htmlDataSheetHeader .attrLabel {
  color: inherit;
}
.htmlDataSheetHeader > div,
.htmlDataSheetHeader > tbody > tr > td {
  padding: 3px 10px;
  vertical-align: top;
}
.htmlDataSheetHeader > div:last-child,
.htmlDataSheetHeader > tbody > tr > td:last-child {
  white-space: nowrap;
}
.htmlDataSheetHeader > tbody > tr > td:last-child {
  width: 1%;
}
.dijitColorPalette .dijitPaletteCell:focus {
  outline: none;
}
/* TOOL BAR */
.dijitToolbar {
  background: none;
  outline: none;
  padding: 0;
  white-space: nowrap;
}
.dijitToolbar .dijitDisabled {
  pointer-events: none;
}
.dijitToolbar .dijitButton .dijitButtonNode,
.dijitToolbar .dijitDropDownButton .dijitButtonNode {
  transition: all var(--TransitionDuration);
}
.dijitToolbar .dijitDownArrowButton.dijitSelect.dijitHover {
  background: var(--BtnToolbarHoverBackgroundColor);
  border-color: var(--BtnToolbarHoverBorderColor);
  box-shadow: none;
}
.dijitToolbar .dijitDownArrowButton.dijitSelect.dijitOpened,
.dijitToolbar .dijitDownArrowButton.dijitSelect.dijitActive {
  background-color: var(--BtnToolbarActiveBackgroundColor);
  border-color: var(--BtnToolbarActiveBorderColor);
  box-shadow: var(--InputInsetShadow);
}
.dijitToolbar .dijitDownArrowButton.dijitSelect.dijitFocused {
  border-color: var(--BtnToolbarFocusedBorderColor);
}
.dijitToolbar .dijitComboButton .dijitButtonNode {
  border-color: var(--BtnToolbarNormalBorderColor);
  border-radius: 3px 0 0 3px;
  padding: 3px 2px;
}
.dijitToolbar .dijitComboButton .dijitStretch {
  border-right-width: 0;
  padding-right: 3px;
}
.dijitToolbar .dijitComboButton .dijitDownArrowButton {
  border-radius: 0 3px 3px 0;
  outline: none;
  padding-left: 6px;
  padding-right: 6px;
  vertical-align: middle;
}
.dijitToolbar .dijitComboButton.dijitHover .dijitButtonNode {
  background: var(--BtnToolbarNormalBackgroundColor);
  border-color: var(--BtnToolbarNormalBorderColor);
  box-shadow: none;
}
.dijitToolbar .dijitComboButton.dijitHover .dijitButtonNode.dijitDownArrowButton {
  border-left-color: var(--BtnToolbarHoverBorderColor);
}
.dijitToolbar .dijitComboButton.dijitHover .dijitButtonNodeHover,
.dijitToolbar .dijitComboButton.dijitHover .dijitDownArrowButtonHover {
  background: var(--BtnToolbarHoverBackgroundColor);
  border-color: var(--BtnToolbarHoverBorderColor);
}
.dijitToolbar .dijitComboButton.dijitActive .dijitButtonNode.dijitDownArrowButton {
  border-left-color: var(--BtnToolbarActiveBorderColor);
}
.dijitToolbar .dijitComboButton.dijitActive .dijitButtonNodeActive,
.dijitToolbar .dijitComboButton.dijitActive .dijitDownArrowButtonActive {
  background: var(--BtnToolbarActiveBackgroundColor);
  border-color: var(--BtnToolbarActiveBorderColor);
  box-shadow: var(--InputInsetShadow);
}
.dijitToolbar .dijitComboButton.dijitFocused .dijitButtonNode.dijitButtonNodeFocused + .dijitDownArrowButton {
  border-left-color: var(--BtnToolbarFocusedBorderColor);
}
.dijitToolbar .dijitComboButton.dijitFocused .dijitButtonNode.dijitButtonNodeFocused,
.dijitToolbar .dijitComboButton.dijitFocused .dijitButtonNode.dijitDownArrowButtonFocused {
  border-color: var(--BtnToolbarFocusedBorderColor);
}
.dijitToolbar .dijitComboButton.dijitDisabled {
  color: var(--BtnToolbarDisabledTextColor);
}
.dijitToolbar .dijitComboButton.dijitDisabled .dijitButtonNode {
  background: var(--BtnToolbarDisabledBackgroundColor);
  border-color: var(--BtnToolbarDisabledBorderColor);
}
.dijitToolbar .dijitButton .dijitButtonNode,
.dijitToolbar .dijitDropDownButton .dijitButtonNode {
  border: 1px solid var(--BtnToolbarNormalBorderColor);
  background-color: var(--BtnToolbarNormalBackgroundColor);
  border-radius: 3px;
}
.dijitToolbar .dijitButton.dijitButtonHover .dijitButtonNode,
.dijitToolbar .dijitDropDownButton.dijitButtonHover .dijitButtonNode,
.dijitToolbar .dijitButton.dijitDropDownButtonHover .dijitButtonNode,
.dijitToolbar .dijitDropDownButton.dijitDropDownButtonHover .dijitButtonNode {
  background: var(--BtnToolbarHoverBackgroundColor);
  border-color: var(--BtnToolbarHoverBorderColor);
  box-shadow: none;
}
.dijitToolbar .dijitButton.dijitOpened .dijitButtonNode,
.dijitToolbar .dijitDropDownButton.dijitOpened .dijitButtonNode,
.dijitToolbar .dijitButton.dijitActive .dijitButtonNode,
.dijitToolbar .dijitDropDownButton.dijitActive .dijitButtonNode {
  background: var(--BtnToolbarActiveBackgroundColor);
  border-color: var(--BtnToolbarActiveBorderColor);
  box-shadow: var(--InputInsetShadow);
}
.dijitToolbar .dijitButton.dijitFocused .dijitButtonNode,
.dijitToolbar .dijitDropDownButton.dijitFocused .dijitButtonNode {
  border-color: var(--BtnToolbarFocusedBorderColor);
}
.dijitToolbar .dijitButton.dijitDisabled,
.dijitToolbar .dijitDropDownButton.dijitDisabled {
  color: var(--BtnToolbarDisabledTextColor);
}
.dijitToolbar .dijitButton.dijitDisabled .dijitButtonNode,
.dijitToolbar .dijitDropDownButton.dijitDisabled .dijitButtonNode {
  background: var(--BtnToolbarDisabledBackgroundColor);
  border-color: var(--BtnToolbarDisabledBorderColor);
}
.dijitToolbar .dijitComboBox .dijitButtonNode {
  background: var(--BtnToolbarNormalBackgroundColor);
}
.dijitToolbar .dijitButton .dijitButtonNode,
.dijitToolbar .dijitToggleButton .dijitButtonNode {
  padding: 3px 2px;
}
.dijitToolbar .csi-toolbar-radio-button.dijitToggleButton {
  margin: 0px;
  border: none;
}
.dijitToolbar .csi-toolbar-radio-button.dijitToggleButton .dijitIcon:not(.dijitNoIcon) {
  width: 16px;
  height: 16px;
}
.dijitToolbar .csi-toolbar-radio-button.dijitToggleButton .dijitButtonNode {
  top: 0px;
  border: solid var(--BtnToolbarNormalBorderColor) 1px;
  padding: 3px 2px;
}
.dijitToolbar .csi-toolbar-radio-button.dijitToggleButtonChecked .dijitButtonNode {
  background: initial;
  background-color: var(--BtnToggleCheckedBackgroundColor);
  box-shadow: var(--InputInsetShadow);
}
.dijitToolbar .csi-toolbar-radio-button.csi-toggle-group-first .dijitButtonNode {
  border-left: solid var(--BtnToolbarNormalBorderColor) 1px;
  border-radius: 3px 0px 0px 3px;
}
.dijitToolbar .csi-toolbar-radio-button.csi-toggle-group-last .dijitButtonNode {
  border-radius: 0px 3px 3px 0px;
}
.dijitToolbar .dijitDropDownButton .dijitButtonNode,
.dijitToolbar .dijitComboBox .dijitButtonNode {
  padding: 2px;
}
.dijitToolbar .dijitValidationTextBox .dijitButtonNode {
  padding-top: 4px;
}
.dijitToolbar .dijitButton.csi-link-btn {
/* For some reason, on toolbar height goes to 19px when .dijitButtonNode is only 18px */
  height: 18px;
}
.dijitToolbar .dijitButton.csi-link-btn .dijitButtonNode {
  padding: 0;
}
.dijitToolbar .dijitButton.csi-toolbar-btn-image .dijitButtonNode {
  padding: 2px 1px;
}
.dijitToolbar .dijitButton.csi-toolbar-btn-image .csiActionIcon {
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.dijitToolbar .dijitButton.csi-toolbar-btn-slicerColumns .dijitButtonNode,
.dijitToolbar .dijitButton.csi-toolbar-btn-slicerRows .dijitButtonNode,
.dijitToolbar .dijitButton.csi-toolbar-btn-slicerMetrics .dijitButtonNode,
.dijitToolbar .dijitButton.csi-toolbar-btn-imageDefault .dijitButtonNode,
.dijitToolbar .dijitButton.csi-toolbar-btn-imageLeft .dijitButtonNode,
.dijitToolbar .dijitButton.csi-toolbar-btn-imageRight .dijitButtonNode,
.dijitToolbar .dijitButton.csi-toolbar-btn-imageRemove .dijitButtonNode {
  padding: 1px 0;
}
.dijitToolbar .dijitButton.csi-toolbar-btn-slicerColumns .csiActionIcon,
.dijitToolbar .dijitButton.csi-toolbar-btn-slicerRows .csiActionIcon,
.dijitToolbar .dijitButton.csi-toolbar-btn-slicerMetrics .csiActionIcon,
.dijitToolbar .dijitButton.csi-toolbar-btn-imageDefault .csiActionIcon,
.dijitToolbar .dijitButton.csi-toolbar-btn-imageLeft .csiActionIcon,
.dijitToolbar .dijitButton.csi-toolbar-btn-imageRight .csiActionIcon,
.dijitToolbar .dijitButton.csi-toolbar-btn-imageRemove .csiActionIcon {
  height: 20px;
  width: 20px;
}
.dijitToolbar .dijitTextBox {
  margin-right: var(--ToolbarSpacing);
  box-shadow: none;
}
.dijitToolbar .dijitComboBox .dijitButtonNode {
  margin: 4px 5px;
  padding: 0;
}
.dijitToolbar .dijitDropDownButton .dijitButtonNode {
  padding: 3px;
}
.dijitToolbar .dijitArrowButton {
  height: 16px;
}
.dijitToolbar .pluginComposite {
  outline: none;
  white-space: nowrap;
}
.dijitToolbar label {
  padding: 0 6px 1px 0;
  margin-left: var(--LabelSpacing);
}
.dijitToolbar > label:first-child,
.dijitToolbar .pluginComposite:first-child label {
  margin-left: 0;
}
.dijitToolbar .dijitToolbarSeparator + label,
.dijitToolbar .dijitToolbarSeparator + .pluginComposite > label {
  margin-left: 0;
}
.dijitToolbar .dijitToolbarSeparator + .csi-button-switch .dijitButtonNode {
  padding-left: 0;
}
.dijitToolbar.csi-action-icon-toolbar .dijitButton .dijitButtonNode {
  border: 1px solid transparent;
  background: none;
  padding-left: 0;
  padding-right: 0;
}
.dijitToolbar.csi-action-icon-toolbar .dijitButtonHover .dijitButtonNode {
  background-color: none;
  background: var(--BtnActionIconHoverBackground);
}
.dijitToolbar.csi-action-icon-toolbar .dijitButtonHover .material-icons {
  color: var(--BtnActionIconHoverTextColor);
}
.dijitToolbar.csi-action-icon-toolbar .dijitButtonActive .dijitButtonNode {
  background-color: none;
  background: var(--BtnActionIconActiveBackground);
  box-shadow: none;
}
.dijitToolbar.csi-action-icon-toolbar .dijitButtonActive .material-icons {
  color: var(--BtnActionIconActiveTextColor);
}
.dijitToolbar.csi-action-icon-toolbar .dijitButtonFocused:not(.dijitDisabled) .dijitButtonNode {
  border-color: var(--BtnActionIconFocusedBorderColor);
}
.dijitToolbar.csi-action-icon-toolbar .dijitButtonDisabled .material-icons {
  color: var(--BtnActionIconDisabledTextColor);
}
.dijitToolbar .csi-toolbar-btn-backgroundColor .dijitButtonContents {
  position: relative;
  line-height: 10px;
}
.dijitToolbar .csi-toolbar-btn-backgroundColor .dijitButtonText {
  display: block !important;
  position: absolute;
  width: 9px;
  bottom: 0;
}
.dijitToolbarSeparator {
  margin-left: 8px;
  margin-right: 12px;
  outline: none;
}
/* TOOL BAR END */
/*Cross widget styles*/
.csiCrossOut,
.crossLeft,
.crossRight {
  position: relative;
}
.csiCrossOutLeft:before,
.csiCrossOutRight:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0;
  right: 0;
  border-top: 3px solid;
  border-color: var(--CrossOutBorderColor);
  width: 90%;
  left: 5%;
}
.csiCrossOutLeft:before {
  transform: rotate(-45deg);
}
.csiCrossOutRight:before {
  transform: rotate(45deg);
}
/* Dropdown, filtering select, multiselect */
.dijitSelect {
  outline: none;
  color: var(--DropdownSelectNormalTextColor);
  background-color: var(--DropdownSelectNormalBackgroundColor);
  border: 1px solid var(--DropdownSelectNormalBorderColor);
  border-radius: 3px;
  background-image: none;
}
.dijitSelect.dijitHover {
  border-color: var(--DropdownSelectHoverBorderColor);
  box-shadow: none;
  background-image: none;
}
.dijitSelect.dijitFocused,
.dijitSelect.dijitActive {
  border-color: var(--DropdownSelectActiveBorderColor);
  box-shadow: none;
  background-image: none;
}
.dijitSelect.dijitDisabled {
  background: var(--DropdownSelectDisabledBackgroundColor);
  border-color: var(--DropdownSelectDisabledBorderColor);
  color: var(--DropdownSelectDisabledTextColor);
}
.dijitSelect .dijitButtonText {
  height: 14px;
  padding: 6px 4px 4px 6px;
  text-align: left;
}
.csi-checkbox-label {
  position: absolute;
  left: 25px;
  top: 2px;
  display: inline;
  cursor: default;
  pointer-events: none;
}
.csi-dropdown-backdrop {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: transparent;
}
.csi-select-removable-widget .dijitComboBox {
  margin-right: -1px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 179px;
  height: 24px;
}
.csi-select-removable-widget .dijitComboBox .dijitArrowButtonInner {
  border: none;
}
.csi-select-removable-widget .csi-select-close-btn .dijitButtonNode {
  margin-right: 4px;
  padding: 3px 2px;
  border: 1px solid var(--DropdownSelectNormalBorderColor);
  background-color: var(--DropdownSelectNormalBackgroundColor);
  border-radius: 3px;
  transition: all 0.1s;
  background: transparent;
  box-shadow: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.csi-select-removable-widget .csi-select-close-btn.dijitButtonHover .dijitButtonNode {
  background: var(--DropdownSelectBtnHoverBackgroundColor);
  border-color: var(--DropdownSelectHoverBorderColor);
  box-shadow: none;
}
.csi-select-removable-widget .csi-select-close-btn.dijitActive .dijitButtonNode {
  background-color: var(--DropdownSelectBtnActiveBackgroundColor);
  border-color: var(--DropdownSelectActiveBorderColor);
  box-shadow: var(--InputInsetShadow);
  position: relative;
  z-index: 1;
}
.csi-select-removable-widget .dijitButtonContents {
  padding: 1px 2px;
}
.csi-select-removable-widget .dijitTextBox {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  position: relative;
}
.csi-select-prefix-removable .dijitComboBox {
  margin-right: -1px;
  margin-left: -1px;
  border-radius: 0px;
  width: 128px;
  max-width: 128px;
}
.csi-select-prefix-removable .csi-select-prefix-text {
  position: relative;
}
.csi-select-prefix-removable .csi-select-prefix-text .csi-text-suffix {
  position: absolute;
  left: 39px;
  top: 5px;
  z-index: 2;
}
.csi-select-prefix-removable .csi-select-prefix-text .dijitTextBox {
  max-width: 50px;
}
.csi-select-prefix-removable .csi-select-prefix-text .dijitTextBox.dijitFocused:not(.dijitTextBoxError) {
  z-index: 1;
  position: relative;
}
.csi-select-prefix-removable .csi-select-prefix-text .dijitTextBox > .dijitInputField {
  padding: 0px 0px 0px 5px;
}
.dijitComboBox .dijitButtonNode {
  border: none;
  background: var(--DropdownSelectNormalBackgroundColor);
  position: relative;
}
.dijitComboBox.dijitDisabled .dijitButtonNode {
  background: var(--DropdownSelectDisabledBackgroundColor);
}
.dijitComboBox.dijitTextBox .dijitInputInner {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dijitComboBox .dijitArrowButtonInner {
  width: 22px;
  position: absolute;
  right: 0px;
  color: transparent;
  height: 24px !important;
  top: 0px;
}
.dijitPopup .dijitMenu,
.dijitComboBoxMenuPopup .dijitMenu,
.dijitMenuPopup .dijitMenu {
  padding: 4px 0;
}
.dijitPopup div.dijitMenuItem,
.dijitComboBoxMenuPopup div.dijitMenuItem,
.dijitMenuPopup div.dijitMenuItem,
.dijitPopup .dijitMenuItem > td,
.dijitComboBoxMenuPopup .dijitMenuItem > td,
.dijitMenuPopup .dijitMenuItem > td {
  padding: 2px 10px;
}
.dijitPopup,
.dijitMenuPopup {
  border: none;
}
.dijitPopup .dijitMenu,
.dijitMenuPopup .dijitMenu {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
  border-color: var(--DropdownSelectNormalBorderColor);
  max-height: 320px;
  border-radius: 3px;
}
.dijitPopup.dijitComboBoxMenuPopup {
  background-color: var(--PrimaryWhite);
  max-height: 320px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
  border: 1px solid var(--DropdownSelectNormalBorderColor) !important;
  border-radius: 3px;
  overflow-y: auto !important;
  overflow-x: hidden;
/* MUI Dialog set the index to 1300 */
  z-index: 1301 !important;
/* csiExclusiveCheckbox already has the separator styling */
}
.dijitPopup.dijitComboBoxMenuPopup .csi-menu-item-separator {
  border-top: var(--StandardBorder);
  margin-top: 4px;
  padding-bottom: 4px;
}
.dijitPopup.dijitComboBoxMenuPopup .csiExclusiveCheckbox + .csi-menu-item-separator {
  display: none;
}
.dijitPopup.dijitComboBoxMenuPopup .dijitMenuItem {
  max-width: var(--FormFieldMaxWidth);
  overflow: hidden;
  text-overflow: ellipsis;
/* override Dijit 20px line height and our 2px padding (just above) */
  line-height: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.dijitPopup.dijitComboBoxMenuPopup .dijitMenuItem.csi-dropdown-action-item,
.dijitPopup.dijitComboBoxMenuPopup .dijitMenuItem.csi-dropdown-gotodialog-item {
  color: var(--Blue600);
}
.dijitPopup.dijitComboBoxMenuPopup .dijitMenu.dijitComboBoxMenu {
  box-shadow: none;
  border: none;
  max-height: none;
  border-radius: 0px;
}
.csi-popup-menu-selected {
  background-color: var(--DropdownMenuSelectedBackgroundColor);
}
.csi-menu-group-label {
  pointer-events: none;
  cursor: default;
}
.csi-menu-group-label .dijitMenuItemLabel {
  font-weight: bold;
  opacity: 1;
  pointer-events: none;
  cursor: default;
}
.csi-menu-italic {
  font-style: italic;
  color: var(--DropdownMenuSuffixColor);
}
/* MULTI-SELECT */
.multiSelectMenu {
  max-width: 400px;
}
.multiSelectMenu .dijitMenuItem {
  padding: 0;
}
.multiSelectMenu .dijitMenuItem.csi-result-selection {
  display: flex;
}
.multiSelectMenu .dijitMenuItem.csi-result-selection > :first-child {
  flex-shrink: 0;
}
.multiSelectMenu .dijitMenuItem .dijitCheckBox {
  margin-right: 8px;
}
.multiSelectMenu .dijitMenuItem.dijitMenuPreviousButton,
.multiSelectMenu .dijitMenuItem.dijitMenuNextButton {
  padding-left: 12px;
}
.multiSelectMenu .dijitMenuItem.csiExclusiveCheckbox {
  border-bottom: 1px solid var(--DropdownSelectDropdownBorderColor);
  padding: 0px;
  margin-bottom: 4px;
}
.multiSelectMenu .dijitMenuItem.csiExclusiveCheckbox > :first-child {
  left: 0;
  top: 0;
  margin-left: 9px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.multiSelectMenu .dijitMenuItem.csiExclusiveCheckbox > :last-child {
  top: 4px;
  margin-right: 10px;
}
.multiSelectMenu .dijitMenuItem.csiExclusiveCheckbox::after {
  content: "";
  display: block;
  background-color: var(--PrimaryWhite);
  height: 4px;
}
.multiSelectMenu .dijitMenuItem.csiExclusiveCheckbox .dijitMenuItemLabel {
  display: initial;
}
.multiSelectMenu .dijitMenuItem.csiExclusiveCheckboxNoSeparator {
  border-bottom: none;
  margin-bottom: 0;
}
.multiSelectMenu .dijitMenuItem.csiExclusiveCheckboxNoSeparator::after {
  height: 2px;
}
.multiSelectMenu .dijitMenuItemLabel {
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiSelectMenu .dijitMenuItemHover {
  color: var(--DropdownMenuHoverTextColor);
  background: var(--DropdownMenuHoverBackgroundColor);
}
.csi-multiselect-value-selected .dijitPlaceHolder {
  color: var(--DropdownSelectNormalTextColor);
}
@media screen and (max-height: 650px) {
  .dijitComboBoxMenu.multiSelectMenu {
    max-height: 250px;
  }
}
@media screen and (max-height: 480px) {
  .dijitComboBoxMenu.multiSelectMenu {
    max-height: 150px;
  }
}
/* Title Toolbar */
.csi-title-toolbar {
  background: var(--TitlePaneBackgroundColor);
  border: solid var(--TitlePaneBorderColor);
  border-width: 0 0 1px;
  display: block;
  outline: none;
  padding: 0;
/* IE for some reason needs margin to show border */
  margin-bottom: 1px;
}
.csi-title-toolbar-title {
  box-sizing: border-box;
  overflow: hidden;
  padding: 3px 0 3px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
}
.csi-title-toolbar-actions {
  text-align: right;
  width: 30%;
}
/* HELP PANE */
.csi-help-pane-top {
  height: 36px;
}
.csi-help-pane-center {
  padding: 0 10px 10px 10px;
}
/* HEADER */
@media only screen and (max-width: 1500px) {
  .csi-header-toolbar .dijitButtonText {
    max-width: 200px;
  }
}
@media only screen and (max-width: 1250px) {
  .csi-header-toolbar .dijitButtonText {
    max-width: 100px;
  }
}
@media only screen and (max-width: 1074px) {
  .csi-header-toolbar .dijitButtonText {
    max-width: 60px;
  }
  .csi-header-search,
  .csi-header-search-form,
  .csi-header-search-form .csi-header-search-dropdown,
  .csi-header-search-text {
    width: 445px;
  }
  #csiHeaderSearchSelect_dropdown.dijitMenuPopup {
    width: 443px;
  }
  #csiSearchFieldContainer {
    width: 440px;
  }
}
@media only screen and (max-width: 1024px) {
  .csi-header-toolbar .dijitButtonText {
    display: none;
  }
  .csi-header-search,
  .csi-header-search-form,
  .csi-header-search-form .csi-header-search-dropdown,
  .csi-header-search-text {
    width: 345px;
  }
  #csiHeaderSearchSelect_dropdown.dijitMenuPopup {
    width: 343px;
  }
  #csiSearchFieldContainer {
    width: 340px;
  }
  .csiHeaderSearchBox .dijitTextBox {
    width: auto !important;
  }
}
@media only screen and (max-width: 900px) {
  .csi-header-toolbar .dijitButtonText {
    display: none;
  }
  .csi-header-search,
  .csi-header-search-form,
  .csi-header-search-form .csi-header-search-dropdown,
  .csi-header-search-text {
    width: 300px;
  }
  #csiHeaderSearchSelect_dropdown.dijitMenuPopup {
    width: 298px;
  }
  #csiSearchFieldContainer {
    width: 295px;
  }
  .csiHeaderSearchBox .dijitTextBox {
    width: auto !important;
  }
}
/* TOGGLE BUTTON */
.csi-button-toggle .dijitButtonNode,
.dijitToolbar .csi-button-toggle .dijitButtonNode {
  border-color: var(--BtnToolbarNormalBorderColor);
  background: var(--BtnToolbarNormalBackgroundColor);
  border-radius: 3px;
  transition: all var(--TransitionDuration);
}
.csi-button-toggle.dijitActive .dijitButtonNode,
.dijitToolbar .csi-button-toggle.dijitActive .dijitButtonNode {
  background-color: var(--BtnToggleCheckedBackgroundColor);
  border-color: var(--BtnToolbarHoverBorderColor);
}
.csi-button-toggle.dijitHover .dijitButtonNode,
.dijitToolbar .csi-button-toggle.dijitHover .dijitButtonNode {
  background-color: var(--BtnToolbarHoverBackgroundColor);
  border-color: var(--BtnToolbarHoverBorderColor);
  box-shadow: none;
}
.csi-button-toggle.dijitChecked .dijitButtonNode,
.dijitToolbar .csi-button-toggle.dijitChecked .dijitButtonNode {
  background-color: var(--BtnToggleCheckedBackgroundColor);
  border-color: var(--BtnToolbarHoverBorderColor);
  box-shadow: var(--InputInsetShadow);
}
.csi-button-toggle.dijitChecked.dijitHover .dijitButtonNode,
.dijitToolbar .csi-button-toggle.dijitChecked.dijitHover .dijitButtonNode {
  background-color: var(--BtnToggleCheckedBackgroundColor);
}
.csi-button-toggle.dijitDisabled,
.dijitToolbar .csi-button-toggle.dijitDisabled {
  color: var(--BtnToolbarDisabledTextColor);
}
.csi-button-toggle.dijitDisabled .dijitButtonNode,
.dijitToolbar .csi-button-toggle.dijitDisabled .dijitButtonNode {
  background: var(--BtnToolbarDisabledBackgroundColor);
  border-color: var(--BtnToolbarDisabledBorderColor);
}
.csi-button-toggle.dijitFocused .dijitButtonNode,
.dijitToolbar .csi-button-toggle.dijitFocused .dijitButtonNode {
  border-color: var(--BtnToolbarFocusedBorderColor);
}
.csi-button-toggle .dijitButtonNode {
  padding: 4px;
}
.dijitToolbar .csi-button-toggle .dijitButtonNode {
  padding: 3px 2px;
}
/* TOGGLE BUTTON - SWITCH */
.csi-button-switch,
.dijitToolbar .csi-button-switch {
  color: var(--ButtonSwitchNormalTextColor);
  margin-right: 0; /* dijitButtonNode already has 4px padding */
}
.csi-button-switch:not(.dijitDisabled) .dijitButtonNode:hover,
.dijitToolbar .csi-button-switch:not(.dijitDisabled) .dijitButtonNode:hover {
  color: var(--ButtonSwitchHoverTextColor);
}
.csi-button-switch:not(.dijitDisabled) .dijitButtonNode:active,
.dijitToolbar .csi-button-switch:not(.dijitDisabled) .dijitButtonNode:active {
  color: var(--ButtonSwitchActiveTextColor);
}
.csi-button-switch .dijitNoIcon,
.dijitToolbar .csi-button-switch .dijitNoIcon {
  display: block;
}
.csi-button-switch .dijitButtonNode,
.dijitToolbar .csi-button-switch .dijitButtonNode {
  background: none;
  border-color: transparent;
  box-shadow: none;
  padding: 4px;
}
.csi-button-switch .dijitButtonNode .dijitIcon,
.dijitToolbar .csi-button-switch .dijitButtonNode .dijitIcon {
  width: 38px;
  height: 16px;
  border-radius: 8px;
  position: relative;
  overflow: visible;
  margin-top: 0px;
}
.csi-button-switch .dijitButtonNode .dijitIcon:after,
.dijitToolbar .csi-button-switch .dijitButtonNode .dijitIcon:after {
  content: " ";
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--ButtonSwitchNormalIconToggleColor);
  width: 14px;
  height: 14px;
  margin: 1px;
  opacity: 1;
  filter: none;
  transition: all 0.15s ease-in-out;
}
.csi-button-switch .dijitButtonNode .dijitIcon:before,
.dijitToolbar .csi-button-switch .dijitButtonNode .dijitIcon:before {
  content: "";
  position: absolute;
  color: var(--ButtonSwitchNormalIconToggleColor);
  top: -2px;
  right: 3px;
  text-shadow: none;
}
.csi-button-switch.dijitToggleButton .dijitButtonNode .dijitIcon,
.dijitToolbar .csi-button-switch.dijitToggleButton .dijitButtonNode .dijitIcon {
  background-color: var(--ButtonSwitchNormalIconStateOffBackgroundColor);
}
.csi-button-switch.dijitToggleButtonDisabled,
.dijitToolbar .csi-button-switch.dijitToggleButtonDisabled {
/* Disabled and Checked state */
  color: var(--ButtonSwitchDisabledTextColor);
}
.csi-button-switch.dijitToggleButtonDisabled .dijitButtonNode,
.dijitToolbar .csi-button-switch.dijitToggleButtonDisabled .dijitButtonNode {
  opacity: 1;
}
.csi-button-switch.dijitToggleButtonDisabled .dijitButtonNode .dijitIcon,
.dijitToolbar .csi-button-switch.dijitToggleButtonDisabled .dijitButtonNode .dijitIcon {
  background-color: var(--ButtonSwitchDisabledIconStateOffBackgroundColor);
}
.csi-button-switch.dijitToggleButtonDisabled .dijitButtonNode .dijitIcon:after,
.dijitToolbar .csi-button-switch.dijitToggleButtonDisabled .dijitButtonNode .dijitIcon:after {
  background: var(--ButtonSwitchDisabledIconToggleColor);
}
.csi-button-switch.dijitActive .dijitButtonNode,
.dijitToolbar .csi-button-switch.dijitActive .dijitButtonNode,
.csi-button-switch.dijitChecked .dijitButtonNode,
.dijitToolbar .csi-button-switch.dijitChecked .dijitButtonNode,
.csi-button-switch.dijitHover .dijitButtonNode,
.dijitToolbar .csi-button-switch.dijitHover .dijitButtonNode {
  background: none;
  border-color: transparent;
  box-shadow: none;
}
.csi-button-switch.dijitChecked .dijitButtonNode .dijitIcon,
.dijitToolbar .csi-button-switch.dijitChecked .dijitButtonNode .dijitIcon {
  background-color: var(--ButtonSwitchNormalIconStateOnBackgroundColor);
}
.csi-button-switch.dijitChecked .dijitButtonNode .dijitIcon:before,
.dijitToolbar .csi-button-switch.dijitChecked .dijitButtonNode .dijitIcon:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 17px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='24' width='24'%3e%3csvg fill='%23fff'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
.csi-button-switch.dijitChecked .dijitButtonNode .dijitIcon:after,
.dijitToolbar .csi-button-switch.dijitChecked .dijitButtonNode .dijitIcon:after {
  background: var(--ButtonSwitchNormalIconToggleColor);
  width: 14px;
  height: 14px;
  margin: 1px;
  opacity: 1;
  filter: none;
  margin-left: 23px;
  color: var(--ButtonSwitchNormalIconToggleColor);
  text-shadow: none;
}
.csi-button-switch.dijitChecked.dijitToggleButtonDisabled .dijitButtonNode .dijitIcon,
.dijitToolbar .csi-button-switch.dijitChecked.dijitToggleButtonDisabled .dijitButtonNode .dijitIcon {
  background-color: var(--ButtonSwitchDisabledIconStateOnBackgroundColor);
}
.csi-button-switch.dijitChecked.dijitToggleButtonDisabled .dijitButtonNode .dijitIcon:after,
.dijitToolbar .csi-button-switch.dijitChecked.dijitToggleButtonDisabled .dijitButtonNode .dijitIcon:after {
  background: var(--ButtonSwitchDisabledIconToggleColor);
}
.csi-button-switch .dijitButtonContents {
  display: inline-flex;
  flex-direction: row-reverse;
  padding: 0;
}
.csi-button-switch .dijitButtonText {
  padding: 2px 7px 2px 0;
}
.csi-button-switch-reverse .dijitButtonContents {
  flex-direction: row;
}
.csi-button-switch-reverse .dijitButtonText {
  padding-left: 4px;
  padding-right: 0;
}
/* End of Toggle Button - Switch */
/* Remove pdf icon from drop down button export */
.dijitMenuPopup .dijitMenuItem.csi-toolbar-btn-pdf .dijitMenuItemIcon {
  display: none;
}
/* PRINT */
.printBody {
  position: relative;
  overflow: hidden;
}
.printBody .printInnerBody {
  position: absolute;
  left: 10000px;
  top: 0;
}
.printBody.debug {
  background-color: #ff0;
  height: 800px;
  position: fixed;
  overflow: auto;
  top: 0;
}
.printBody.debug .printInnerBody {
  position: unset;
}
.print {
  --TableCellPaddingH: 5px;
  --TableCellPaddingV: 3px;
  --TableHeaderPadding: 5px;
  color: var(--PrintPageColor);
}
.print table {
/* To override "user agent stylesheet" we have to turn them off for browser specific.
		One way to fix it is to override it here on table tag. */
  color: var(--PrintPageColor);
}
.print .dijitCheckBoxInput {
  visibility: hidden;
}
.print .csi-print-page {
  margin-left: auto;
  margin-right: auto;
}
.print .csi-no-print,
.print .csi-view-toolbar-container,
.print .csiActions,
.print .csiViewToolbar {
  display: none;
}
.print .material-icons {
  font-size: 1.25em;
  height: 1em;
  width: 1em;
}
.print .attrLabel {
  color: inherit;
}
.print .csi-datasheet .csiPageBlock:last-child > .csi-view {
  margin-bottom: 0;
}
.print .csiPageBlock:not(:last-child) .csi-view {
  margin-bottom: 10px;
}
.print .tableHierarchy {
/* We don't want the height or width of the icon, but we still want the margin for hierarchy level */
  height: 0;
  width: 0;
}
.print .fr-view {
  font-weight: normal;
  overflow: hidden !important;
}
.print .csiHeadingCellLabel {
  width: 11.5em;
  padding: 1px 2px;
}
.print .csiHeadingCell > td {
  padding: 1px 2px;
  min-width: 16.5em;
  max-width: 16.5em;
}
.print .printLetterLandscape .csiHeadingCell > td,
.print .printTabloidPortrait .csiHeadingCell > td {
  min-width: 14.5em;
  max-width: 14.5em;
}
.print .csiHeadingColumn {
  padding-bottom: 0.5em;
}
.print .csiHeadingColumnNext {
  padding-left: 12px;
}
.print .csiHeadingImageSpan td.attrImage {
  border-bottom: none;
/* Repeated from original definition to override ".csiHeadingCell > td"  rule above */
  min-width: 10em;
  max-width: inherit;
}
.print .propertyViewTable tbody > tr,
.print .tableView tbody {
  font-weight: var(--SemiBold);
}
.print .csi-view-title {
  border-bottom-color: var(--PrintPageColor);
}
.galleryView .csi-print-checkbox,
.propertyView .csi-print-checkbox {
  display: inline-block;
  position: relative;
  top: 0.2em;
  vertical-align: middle;
}
.csi-print-comments-header {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 3px 5px;
}
.csi-print-comments-list {
  margin: 0;
  padding-left: 20px;
}
.csi-print-comment-number {
  color: var(--PrintPageCommentNumberColor);
  font-size: 9px;
  margin-left: 3px;
  vertical-align: top;
}
.csi-print-header {
/* Use border-box so that calculations in printUtil incorporate border */
  border-bottom: 1px solid var(--PrintPageHeaderBorderColor);
  box-sizing: border-box;
  display: flex;
  text-align: left;
}
.csi-print-header-logo {
  align-items: center;
  background: var(--PrintPageLogoBackgroundColor);
  display: inline-flex;
  flex-shrink: 0;
  font-size: var(--CompanyHeaderFontSize);
  font-weight: var(--CompanyHeaderFontWeight);
  height: 100%;
  margin-right: 10px;
  padding: 0 10px;
}
.csi-print-header-context {
  flex-grow: 1;
  font-weight: var(--SemiBold);
  overflow: hidden;
  vertical-align: top;
}
.csi-print-header-breadcrumb {
  line-height: 15px;
}
.csi-print-header-view {
  font-size: 14px;
}
.csi-print-page-number {
  font-size: 11px;
  text-align: center;
  vertical-align: top;
}
.csi-view-SupplierItem-SetAsMaterialDefaultQuote table,
.csi-view-SupplierItem-SetAsStyleProductionQuote table {
  overflow: hidden;
}
.csi-view-SupplierItem-SetAsMaterialDefaultQuote .csiFormViewRow > th,
.csi-view-SupplierItem-SetAsStyleProductionQuote .csiFormViewRow > th,
.csi-view-SupplierItem-SetAsMaterialDefaultQuote .csiFormViewRow > td,
.csi-view-SupplierItem-SetAsStyleProductionQuote .csiFormViewRow > td {
  display: inline;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.csi-view-SupplierItem-SetAsMaterialDefaultQuote .csiFormViewRow > th .dijitCheckBox,
.csi-view-SupplierItem-SetAsStyleProductionQuote .csiFormViewRow > th .dijitCheckBox,
.csi-view-SupplierItem-SetAsMaterialDefaultQuote .csiFormViewRow > td .dijitCheckBox,
.csi-view-SupplierItem-SetAsStyleProductionQuote .csiFormViewRow > td .dijitCheckBox {
  margin: -2px 0 0 0;
  padding: 0;
}
/* SELECT LIST */
.csi-selectlist {
  border: 1px solid var(--DialogBorderColor);
  border-radius: 3px;
  display: flex;
  flex-direction: column;
}
.csi-selectlist-filter .csi-selectlist-all,
.csi-selectlist-filter .csi-selectlist-all-separator {
  display: none;
}
.csi-selectlist-all-separator {
  border-bottom: var(--StandardBorder);
  margin: 5px 0;
}
.csi-selectlist-editor-container {
  padding: 10px 10px 5px;
}
.csi-select-list-editor {
  box-sizing: border-box;
  width: 100%;
}
.csi-selectlist-label {
  font-weight: bold;
  padding: 10px 10px 0;
}
.csi-selectlist-label-with-editor {
  padding-top: 5px;
}
.csi-selectlist-items-container {
  flex-grow: 1;
  overflow: auto;
  padding: 5px 0;
}
.csi-selectlist-items-container-with-sibling {
  border-top: var(--StandardBorder);
  margin-top: 5px;
}
.csi-selectlist-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 5px 10px;
  position: relative;
}
.csi-selectlist-item:hover {
  color: var(--DropdownMenuHoverTextColor);
  background: var(--DropdownMenuHoverBackgroundColor);
}
.csi-selectlist-item.csi-selected {
  color: var(--DropdownMenuSelectedTextColor);
  background: var(--DropdownMenuSelectedBackgroundColor);
}
.csi-selectlist-child-checkbox {
  margin-left: 22px;
}
.csi-selectlist-item-checkbox {
  margin-right: 6px;
/* ensure label does not take away space from checkbox */
  min-width: 14px;
}
.csi-selectlist-item-label {
  cursor: pointer;
  flex-grow: 1;
  min-width: 100px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csi-selectlistPopup {
  background: var(--PrimaryWhite);
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
/* csi-selectlist-items-container will overflow, not popup as a whole */
  overflow: hidden !important;
}
.csi-selectlistPopup > .csi-selectlist {
  height: 100%;
}
.csi-cb-checkmark .dijitCheckBox {
  background: transparent;
  border: none;
}
.csi-cb-checkmark .dijitCheckBoxChecked:before {
  color: var(--GreyFive);
}
/* SELECT LIST END */
/* NEW SLICER */
.csi-slicer-widget.csi-flex-view {
  flex-direction: column;
}
.csi-slicer-container {
  width: 100%;
}
.csi-slicer-graphs {
/* Put all charts in one row with scroller */
  overflow: auto;
  white-space: nowrap;
  margin-bottom: 10px;
}
.csi-slicer-graphs .csi-fusion-chart {
  margin: 0 10px 0px 0;
}
.dijitToolbar .csi-toolbar-btn-slicerEditor .dijitButtonNode {
  padding: 1px 0;
}
.dijitToolbar .csi-toolbar-btn-slicerEditor .csiActionIcon {
  height: 20px;
  width: 20px;
}
.dijitToolbar .csi-toolbar-btn-newDocument label {
  padding: 0;
  margin: 0;
}
.csi-slicer-grid-container {
  overflow: hidden;
  width: 100%;
}
.csi-slicer-grid-container .dgrid-summary-row {
  font-weight: bold;
  background-color: var(--SlicerTotalRowBackgroundColor);
  width: 100%;
}
.csi-slicer-grid-container .csi-slicer-expand-all-div {
  text-align: left;
  margin-top: 5px;
  font-weight: normal;
}
.csi-slicer-grid-container .csi-slicer-expand-all-div .dijitToolbarSeparator {
  margin: 4px 0;
}
.csi-slicer-grid-container th.dgrid-column-set-0 .field-rowCls {
  vertical-align: bottom;
}
.csi-slicer-subtotals {
  font-weight: bold;
  background-color: var(--SlicerSubTotalRowBackgroundColor);
}
.csi-slicer-rowcls-pill-container {
  vertical-align: bottom;
  min-height: 20px;
}
.csi-slicer-rowcls-pill-container .csi-slicer-cb-expand-all {
  margin: 6px 6px 2px 1px;
}
.csi-slicer-rowcls-pill-container .dropIndicator {
  box-sizing: border-box;
  border-width: 1px;
  padding: 0 !important;
  border-color: var(--SlicerDropIndicatorBorderColor);
  margin: 1px !important;
  display: inline-block;
  position: relative;
  vertical-align: top;
  top: 0;
}
.csi-slicer-colcls-pill-container {
  height: 35px;
  position: relative;
}
.dgrid-column-set-1 .dgrid-column-set {
  position: static;
}
.csi-slicer-tree .csi-slicer-float-container {
  position: absolute;
  top: -3px;
  left: 41px;
  z-index: 1;
}
.dndCover,
.csi-slicer-rowcls-pill-container {
  text-align: left !important;
}
.dndCover .csi-slicer-pill,
.csi-slicer-rowcls-pill-container .csi-slicer-pill {
  min-width: 20px;
  max-width: 166px;
  display: inline-block;
  margin: 1px !important;
  border: 1px solid var(--DialogBorderColor);
  border-radius: 3px;
  vertical-align: top;
}
.dndCover .csi-slicer-pill .dijitTitlePaneTitle,
.csi-slicer-rowcls-pill-container .csi-slicer-pill .dijitTitlePaneTitle {
  padding: 1px;
  border: none;
}
.dndCover .csi-slicer-pill .dijitTitlePaneTitle .dijitTitlePaneTitleFocus,
.csi-slicer-rowcls-pill-container .csi-slicer-pill .dijitTitlePaneTitle .dijitTitlePaneTitleFocus {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csi-slicer-pill {
  margin: 0;
  padding: 0;
  border-radius: 3px;
  border: none;
  font-size: 12px;
  font-weight: normal;
}
.csi-slicer-pill.dijitActive {
  box-shadow: none;
}
.dgrid-footer,
.dgrid-header,
.dgrid-header-row {
  overflow: hidden;
  background-color: var(--GridScrollBarBackgroundColor);
}
.csi-slicer-dgrid .dgrid-header {
  z-index: 2;
}
.csi-slicer-dgrid .dgrid-header th {
  overflow: visible; /* for column resize handle */
}
.csi-slicer-dgrid .dgrid-header-row {
  border-bottom: 2px solid var(--StandardBorderColor);
}
.csi-slicer-dgrid .dgrid-header-row.csi-slicer-scroll {
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
}
.csi-slicer-dgrid .dgrid-column-set-0 {
  width: var(--SlicerFirstColumnWidth);
}
.csi-slicer-dgrid .dgrid-column-set-1 td.dgrid-cell {
  text-align: right;
}
.csi-slicer-dgrid.dgrid {
  border-color: var(--TableBorderColor);
  border-bottom: none;
  background-color: var(--SlicerFooterBackgroundColor);
}
.csi-slicer-dgrid .dgrid-scroller {
  background-color: var(--SlicerGridBackgroundColor);
  overflow-x: hidden;
}
.csi-slicer-dgrid .dgrid-cell {
  border-left-style: none;
  border-bottom-style: none;
  padding: 3px 10px;
}
.csi-slicer-dgrid td.dgrid-cell:not(:last-child),
.csi-slicer-dgrid th.dgrid-cell:not(:last-child) {
  width: 120px;
}
.csi-slicer-dgrid td.dgrid-cell:last-child,
.csi-slicer-dgrid th.dgrid-cell:last-child {
  width: auto;
}
.csi-slicer-dgrid td.dgrid-cell:last-child .dgrid-resize-header-container,
.csi-slicer-dgrid th.dgrid-cell:last-child .dgrid-resize-header-container {
  display: none;
}
.csi-slicer-dgrid th.dgrid-column-set-cell {
  padding: 0;
}
.csi-slicer-dgrid th.dgrid-column-set-cell .dgrid-column-set tr:not(:last-child):not(.dgrid-spacer-row) {
  border-bottom: var(--StandardBorder);
}
.csi-slicer-dgrid .dgrid-column-set-cell:not(th) {
  border-bottom: var(--StandardBorder);
}
.csi-slicer-dgrid .dgrid-column-set-cell.dgrid-column-set-0 {
  border-right: var(--StandardBorder);
  position: relative;
}
.csi-slicer-dgrid .dgrid-column-set-cell.dgrid-column-set-0.csi-slicer-scroll:after {
  box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.15);
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 5px;
  right: 0px;
  top: 0px;
  z-index: 1;
}
.csi-slicer-dgrid .dgrid-column-set-cell.dgrid-column-set-1 th {
  background: var(--SlicerHeadBackgroundColor);
}
.csi-slicer-dgrid .dgrid-spacer-row th:not(:last-child) {
  border-right: transparent;
}
.csi-slicer-dgrid .dgrid-spacer-row th .dgrid-resize-header-container {
  display: none;
}
.csi-slicer-dgrid .dgrid-footer {
  position: absolute;
  left: 0;
  width: inherit;
  background-color: var(--SlicerFooterBackgroundColor);
  border-top: var(--StandardBorder);
}
.csi-slicer-dgrid .dgrid-footer.csi-slicer-scroll {
  box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.15);
}
.csi-slicer-dgrid .dgrid-column-set-scroller-container {
  position: static;
}
.csi-slicer-dgrid .dgrid-column-set-scroller-1 {
  position: absolute;
  left: var(--SlicerSecondColumnScrollerPos);
}
.csi-slicer-dgrid .dgrid-resize-handle {
  right: -9px;
  z-index: 0;
  top: -150px;
  height: 250px;
}
.csi-slicer-dgrid .csi-slicer-header-cell {
  overflow: hidden;
  text-overflow: ellipsis;
}
.csi-slicer-dgrid.csi-slicer-flat th.field-rowCls {
  background: var(--Grey300);
}
.csi-slicer-dgrid.csi-slicer-flat .dgrid-spacer-row th.field-rowCls {
  background: unset;
}
.csi-slicer-dgrid.csi-slicer-flat .dgrid-row-table .dgrid-spacer-row th {
  padding: 0;
}
.csi-slicer-dgrid.csi-slicer-flat .dgrid-row-table tr:nth-child(2) {
  border-bottom: none !important;
}
.csi-slicer-dgrid.csi-slicer-flat .dgrid-row-table tr:nth-child(2) th {
  padding: 0;
}
.csi-slicer-dgrid .csi-slicer-rowCls-cell:not(.csi-slicer-subtotals) {
  background: var(--Grey50);
}
.csi-slicer-dgrid .csi-slicer-rowCls-cell.csi-slicer-rowCls-subtotal {
  background: unset;
}
.csi-slicer-dgrid .csi-slicer-rowCls-cell.csi-slicer-rowCls-subtotal:not(.csi-slicer-rowCls-cell-last) {
  border-right: none;
}
html.has-touch .csi-slicer-dgrid .dgrid-resize-handle {
  right: -16px;
}
.dndCover .dijitArrowNode,
.dndCover .dijitArrowNodeInner,
.dndCover .csi-slicer-metrics-menu,
.dndCover .csi-slicer-metric-cross,
.dndCover .csi-slicer-classifier-cross {
  display: none;
}
.csi-slicer-dnd-container {
  min-height: 12px;
}
.csi-slicer-metrics {
  background: var(--SlicerMetricsBackgroundColor);
  color: var(--SlicerClassifierFontColor);
}
.csi-slicer-metrics.dijitHover,
.csi-slicer-metrics.dijitActive {
  background: var(--SlicerMetricsBackgroundColor);
  border: var(--StandardBorder);
  border-color: var(--SlicerMetricsBackgroundColor);
}
.csi-slicer-metrics .dijitTitlePaneTitle {
  background: var(--SlicerMetricsBackgroundColor) !important;
}
.csi-slicer-metrics .csi-row-actions-menu .dijitIcon {
  font-size: 16px;
  position: relative;
  top: 2px;
  left: 2px;
}
.csi-slicer-classifier {
  background: var(--SlicerClassifierBackgroundColor);
  color: var(--SlicerClassifierFontColor);
}
.csi-slicer-classifier.dijitActive,
.csi-slicer-classifier.dijitHover {
  background: var(--SlicerClassifierBackgroundColor);
  border: var(--StandardBorder);
  border-color: var(--SlicerClassifierBackgroundColor);
}
.csi-slicer-classifier .dijitTitlePaneTitle {
  background: var(--SlicerClassifierBackgroundColor) !important;
}
.csi-slicer-classifier-pane {
  border-radius: 3px;
  border: 1px solid var(--DialogBorderColor);
  width: 205px !important;
/* for drag and drop */
  font-size: 12px;
}
.csi-slicer-classifier-pane .dijitTitlePaneTitle {
  color: var(--SlicerClassifierFontColor);
  border-style: none;
}
.csi-slicer-classifier-pane .dijitTitlePaneContentOuter {
  color: var(--PrimaryBlack);
  border-style: none;
}
.csi-slicer-classifier-pane .dijitTitlePaneTitleFixedClosed {
  display: inline-block;
}
.csi-slicer-classifier-pane .csi-slicer-metrics-num {
  border: 1px solid var(--SlicerMetricsBorderColor);
  display: inline-block;
  padding: 0px 4px;
  font-size: 9px;
  color: var(--SlicerMetricsBorderColor);
  margin-left: -16px;
  border-radius: 3px;
  vertical-align: middle;
}
.csi-slicer-classifier-pane.csi-slicer-classifier .csi-button-switch .dijitButtonText,
.csi-slicer-classifier-pane.csi-slicer-metrics .csi-button-switch .dijitButtonText {
  width: 132px;
  text-align: left;
}
.csi-slicer-compare {
  background: var(--SlicerCompareBackgroundColor);
}
.csi-slicer-compare .bold {
  color: var(--SlicerTextGray);
}
.csi-slicer-editor-container {
  width: 245px;
  border: var(--StandardBorder);
  overflow-x: hidden;
  overflow-y: auto;
}
.csi-slicer-editor-container .csi-slicer-title-bar {
  background-color: var(--DialogTitleBackground);
  border-bottom: 1px solid var(--DialogBorderColor);
  color: var(--DialogTitleTextColor);
  padding: var(--DialogSpacing);
}
.csi-slicer-editor-container .csi-slicer-title-bar .csi-slicer-title {
  font-size: 14px;
}
.csi-slicer-editor-container .csi-slicer-classifiers-container {
  overflow: hidden;
  position: relative;
}
.csi-slicer-editor-container .csi-slicer-classifiers-container:not(:last-child) {
  border-bottom: 1px solid var(--DialogBorderColor);
}
.csi-slicer-editor-container .csi-slicer-classifier-title-bar {
  border-color: var(--DialogBorderColor);
  color: var(--DialogTitleTextColor);
  padding: var(--DialogSpacing) var(--DialogSpacing) 10px;
}
.csi-slicer-editor-container .csi-slicer-classifier-title-bar .csi-slicer-classifier-title {
  font-size: 14px;
}
.csi-slicer-editor-container .csi-slicer-classifier-title-bar .csiActionIcon {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  margin-right: 5px;
}
.csi-slicer-editor-container .csi-slicer-classifier-pane {
  margin: 0 14px 7px !important;
  position: relative;
}
.csi-slicer-editor-container .csi-slicer-classifier-pane:last-child {
  margin-bottom: var(--DialogSpacing);
}
.csi-slicer-editor-container .csi-slicer-editor-cross {
  position: absolute;
  top: 10px;
  right: 0;
}
.csi-slicer-editor-container .csi-slicer-metrics-menu {
  position: absolute;
  top: 4px;
  right: 25px;
}
.csi-slicer-editor-container .csi-slicer-metrics-menu .material-icons {
  color: var(--SlicerMetricsBorderColor);
}
.csi-slicer-editor-container .csi-slicer-metrics-menu .dijitButtonNode {
  padding: 0;
  box-shadow: none;
}
.csi-slicer-editor-container .csi-slicer-compare-cross,
.csi-slicer-editor-container .csi-slicer-metric-cross,
.csi-slicer-editor-container .csi-slicer-classifier-cross {
  position: absolute;
  top: 4px;
  right: 5px;
}
.csi-slicer-editor-container .csi-slicer-compare-cross .dijitButtonNode,
.csi-slicer-editor-container .csi-slicer-metric-cross .dijitButtonNode,
.csi-slicer-editor-container .csi-slicer-classifier-cross .dijitButtonNode {
  padding: 0;
}
.csi-slicer-editor-container .csi-slicer-compare-edit {
  position: absolute;
  top: 2px;
  right: 12px;
}
.csi-slicer-editor-container .csi-slicer-compare-edit .material-icons,
.csi-slicer-editor-container .csi-slicer-compare-cross .material-icons {
  color: var(--SlicerCompareIconColor);
}
.csi-slicer-editor-container .csi-slicer-metric-cross .material-icons {
  color: var(--SlicerMetricsBorderColor);
}
.csi-slicer-editor-container .csi-slicer-classifier-cross .material-icons {
  color: var(--SlicerCliassifierBorderColor);
}
.csi-slicer-editor-container .csi-slicer-icon-btn {
  position: absolute;
  right: 15px;
  top: 14px;
}
.csi-slicer-editor-container .csi-slicer-icon-btn .material-icons {
  color: var(--IconColor);
}
.csi-slicer-editor-container .csi-slicer-icon-btn .dijitButtonNode {
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  vertical-align: top;
}
.csi-slicer-editor-container .csi-slicer-icon-btn.csi-row-actions-menu .dijitIcon {
  font-size: 16px;
}
.csi-slicer-editor-container .csi-slicer-icon-btn .dijitArrowButtonInner {
  display: none;
}
.csi-slicer-editor-container .csi-slicer-rowcls-menu-btn {
  right: 37px;
}
.csi-slicer-editor-container .csi-slicer-rows-pane {
  margin: 0 !important;
  position: relative;
}
.csi-slicer-editor-container .dijitContentPane {
  outline: none;
}
.csi-slicer-editor-container .dropIndicator {
  box-sizing: border-box;
  border-color: var(--SlicerDropIndicatorBorderColor);
  border-width: 1px;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 7px !important;
  left: 4px;
  width: 207px;
}
.csi-slicer-editor-container .dijitTitlePane .dijitArrowNode:before {
  content: "\E5CF";
  font-family: 'Material Icons';
  font-size: 14px;
  font-weight: bold;
  color: var(--SlicerMetricsBorderColor);
  position: relative;
  left: 0px;
  top: 0px;
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 2px;
  background: none;
}
.csi-slicer-editor-container .dijitTitlePane .dijitClosed .dijitArrowNode:before {
  transform: rotate(-90deg);
  top: 1px;
  left: -4px;
}
.csi-slicer-editor-container .dijitTitlePane.csi-slicer-compare .dijitArrowNode:before {
  color: var(--SlicerCompareIconColor);
}
.csi-slicer-editor-container .dijitTitlePane.csi-slicer-classifier .dijitArrowNode:before {
  color: var(--SlicerCliassifierBorderColor);
}
.csi-slicer-dlg .dijitDialog {
  width: 600px !important;
}
.csi-slicer-dlg .csi-invalid-message {
  margin: var(--DialogSpacing) var(--DialogSpacing) 0 var(--DialogSpacing);
}
.csi-slicer-dlg .csi-slicer-table {
  margin: auto;
  margin-top: var(--DialogSpacing);
}
.csi-slicer-dlg .csi-slicer-cell {
  padding: var(--DialogSpacing) var(--DialogSpacing) 0;
}
.csi-slicer-dlg .csi-slicer-cell label {
  padding: 0 6px;
  cursor: pointer;
}
.csi-slicer-dlg .csi-slicer-cell label.csi-disabled {
  cursor: default;
  color: var(--DisabledText);
}
.csi-slicer-dlg .csi-slicer-cell span {
  width: 100%;
  display: inline-block;
  text-align: right;
  font-weight: bold;
}
.csi-slicer-dlg .csi-slicer-cell .dijitRadio {
  position: relative;
  top: -1px;
}
.csi-slicer-color-hl-label {
  margin: var(--DialogSpacing) var(--DialogSpacing) 0 var(--DialogSpacing);
}
.csi-slicer-color-rule >div {
  border: none;
}
.csi-slicer-color-rule label {
  vertical-align: middle;
}
.csi-slicer-color-hl-colors .dijitButtonText {
  padding: 2px 4px 0px 10px;
}
.csi-slicer-color-hl-colors .dijitButtonContents {
  vertical-align: top;
}
.csi-slicer-color-hl-value,
.csi-slicer-color-hl-value2 {
  width: 45%;
}
.csi-slicer-hl-rule-cross {
  text-align: center;
  width: 100%;
}
.csi-slicer-color-hl {
  border-radius: 3px;
  border: 1px solid var(--DropdownMenuNormalBorderColor);
  text-align: center;
  padding: 4px !important;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}
.csi-slicer-color-hl-1 {
  background: var(--SlicerColorHighlight1);
}
.csi-slicer-color-hl-2 {
  background: var(--SlicerColorHighlight2);
}
.csi-slicer-color-hl-3 {
  background: var(--SlicerColorHighlight3);
}
.csi-slicer-color-hl-4 {
  background: var(--SlicerColorHighlight4);
}
.csi-slicer-color-hl-grid-container {
  padding: var(--DialogSpacing);
  width: 100%;
  box-sizing: border-box;
}
.csi-slicer-color-hl-grid {
  width: 100%;
  border: 1px solid var(--SlicerColorBorderColor);
}
.csi-slicer-color-hl-col-header {
  width: 100%;
  background: var(--SlicerShadedHeadBackgroundColor);
  box-sizing: border-box;
  border-bottom: 1px solid var(--SlicerColorBorderColor);
  font-weight: bold;
  margin-bottom: 6px;
}
.csi-slicer-color-hl-col {
  display: inline-block;
  padding: 6px var(--DialogSpacing);
  box-sizing: border-box;
}
.csi-slicer-color-hl-col1 {
  border-right: 1px solid var(--DialogBorderColor);
  width: 20%;
}
.csi-slicer-color-hl-col2 {
  border-right: 1px solid var(--DialogBorderColor);
  width: 25%;
}
.csi-slicer-color-hl-col3 {
  border-right: 1px solid var(--DialogBorderColor);
  width: 45%;
}
.csi-slicer-color-hl-col4 {
  width: 10%;
}
.csi-slicer-btn-new-rule {
  background-color: var(--PrimaryWhite) !important;
  margin: 6px var(--DialogSpacing) var(--DialogSpacing) var(--DialogSpacing);
}
.csi-slicer-label-expand-all {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding-top: 3px;
  font-weight: normal;
  margin-left: 6px;
  position: relative;
  top: -1px;
}
.csi-clicer-metric-info {
  margin: 0 0 0px 6px;
  display: inline-block;
  vertical-align: top;
}
.csi-slicer-special-char {
  font-size: 12px;
  font-family: Arial, Helvetica, Courier;
}
.csi-sticky-container {
  position: fixed;
  z-index: 1;
  background: var(--SlicerSubTotalRowBackgroundColor);
  pointer-events: none;
  touch-action: none;
}
.csi-sticky-container .dgrid-column-set-0 {
  pointer-events: auto;
  touch-action: auto;
}
.csi-slicer-compare-positive {
  color: var(--SlicerComparePositive);
}
.csi-slicer-compare-negative {
  color: var(--SlicerCompareNegative);
}
.csi-slicer-table {
  display: table;
}
.csi-slicer-row {
  display: table-row;
}
.csi-slicer-cell {
  display: table-cell;
}
.csi-slicer-metrics-dlg .dijitDialog {
  width: 600px !important;
}
.csi-slicer-metrics-dlg .csi-slicer-cell {
  width: 150px;
  padding: var(--DialogSpacing) 0 0 0;
}
.csi-slicer-metrics-dlg .csi-slicer-cell:first-child {
  text-align: right;
}
.csi-slicer-metrics-dlg .csi-slicer-cell label {
  font-weight: bold;
}
.csi-slicer-metrics-dlg .csi-slicer-cell label:not(:first-child) {
  margin-left: 9px;
  font-weight: normal;
  cursor: pointer;
}
.csi-slicer-metrics-dlg .csi-slicer-cell .dijitTextBox,
.csi-slicer-metrics-dlg .csi-slicer-cell .dijitValidationTextBox {
/* Set width for second column: Select, TextBox, MultiSelect etc, not radio */
  width: 300px;
}
.csi-slicer-metrics-dlg .csi-slicer-display {
  height: 70px;
  background: var(--DialogTitleBackground);
  margin-top: var(--DialogSpacing);
  margin-left: calc(-1 * var(--DialogSpacing));
  margin-right: calc(-1 * var(--DialogSpacing));
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.csi-slicer-metrics-dlg .dijitDropDownButton .dijitButtonNode {
  background: #fff;
}
.csi-slicer-metrics-dlg .dijitDropDownButton .dijitButtonText {
  width: 264px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}
.csi-slicer-metrics-dlg .dijitDropDownButton .dijitArrowButtonInner {
  padding-right: 0px;
}
#slicerCalcForSingle_dropdown .dijitMenuSeparator,
#slicerMetricA_dropdown .dijitMenuSeparator,
#slicerMetricB_dropdown .dijitMenuSeparator,
#slicerCostMetric_dropdown .dijitMenuSeparator,
#slicerRevenueMetric_dropdown .dijitMenuSeparator {
  display: none;
}
.csi-slicer-format {
/* format popup from .csi-slicer-metrics-dlg */
  width: 298px;
  height: 188px;
  background: var(--PrimaryWhite);
  border: var(--StandardBorder);
  border-radius: 3px;
}
.csi-slicer-format .csi-slicer-format-sample {
  background: var(--DialogTitleBackground);
  margin: 4px;
  padding: 6px 12px;
  width: 160px;
}
.csi-slicer-format .dgrid {
  border: none;
  border-right: var(--StandardBorder);
  height: 188px;
}
.csi-slicer-format .dgrid .dgrid-scroller {
  overflow: hidden;
  margin-top: 4px !important;
  height: 184px;
}
.csi-slicer-format .dgrid .dgrid-cell {
  border: none;
  padding: 6px 12px;
}
.csi-slicer-format .dgrid .dgrid-row:hover,
.csi-slicer-format .dgrid .dgrid-selected {
  background: var(--SelectedBackgroundColor);
}
.csi-slicer-format .csi-slicer-format-prop {
  padding: 0 12px 4px 12px;
}
.csi-slicer-format .dijitTextBox,
.csi-slicer-format .dijitSelect {
  width: 168px;
  box-sizing: border-box;
}
.csi-slicer-format .dijitToggleButton .dijitButtonNode {
  padding: 0;
}
.csi-slicer-manage-dlg .csi-dgrid-manager {
  width: 800px;
}
.csi-slicer-manage-dlg .csi-dgrid-manager .dgrid-column-0 {
  width: 300px;
}
.csi-slicer-manage-dlg .csi-dgrid-manager .dgrid-column-1 {
  width: 425px;
}
.csi-slicer-manage-dlg .csi-dgrid-manager .dijitToolbar .dijitButtonNode {
  padding: 0;
  border-style: none;
  background: transparent !important;
  box-shadow: none !important;
}
.csi-slicer-manage-dlg .csi-dgrid-manager .dgrid-content {
  padding-top: 0;
}
.csi-slicer-manage-dlg .csi-dgrid-manager .dgrid-content .dgrid-cell {
  border-color: var(--StandardBorderColor);
}
.csi-slicer-manage-dlg .csi-invalid-message {
  margin-bottom: 12px;
}
/* use preudo content and place absolute on csi-group-btn inorder to display active and focused border*/
.csi-group-btn.dijitButton {
  margin-right: 0px;
}
.csi-group-btn.dijitButton .dijitButtonNode {
  border-left: none;
  border-right: none;
  border-radius: 0px;
  position: relative;
}
.csi-group-btn.dijitButton.dijitFocused .dijitButtonNode::before,
.csi-group-btn.dijitButton.dijitActive .dijitButtonNode::before {
  content: "";
  border: solid var(--BtnToolbarFocusedBorderColor) 1px;
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  left: -1px;
  top: -1px;
}
.csi-group-btn-left.dijitButton {
  margin-right: 0px;
/* add csi-group-btn to csi-group-btn-left.dijitButton only when there are left and right butotons only to fix the border issue*/
}
.csi-group-btn-left.dijitButton .dijitButtonNode {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.csi-group-btn-left.dijitButton.csi-group-btn .dijitButtonNode {
  border-right-width: 0px;
  border-left: solid var(--BtnSecondaryNormalBorderColor) 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.csi-group-btn-right.dijitButton .dijitButtonNode {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* NEW SLICER END */
/* Empty cell, with no value, or background for "not applicable", "no drawing". But don't use for disabled areas */
.csi-bg-not-applicable {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='none' stroke='%23dadfe8' stroke-width='2' d='M0 10h0L10 0'/%3e%3c/svg%3e") !important;
  background-size: 5px !important;
}
.csi-wait {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  background: rgba(255,255,255,0.7);
  animation: fadeInFromNone 0.3s ease-out;
}
.csi-wait .csi-loading-circles {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 40%;
}
.csi-wait .csi-loading-circles > div {
  width: 18px;
  height: 18px;
  background-color: var(--WaitDotBackgroundColor);
  display: inline-block;
  border-radius: 100%;
  animation: stretchDelay 1.2s infinite ease-in-out;
}
.csi-wait .csi-loading-circles .csi-loading-circle2 {
  animation-delay: -1.1s;
}
.csi-wait .csi-loading-circles .csi-loading-circle3 {
  animation-delay: -1s;
}
.csi-wait .csi-loading-circles .csi-loading-circle4 {
  animation-delay: -0.9s;
}
.csi-wait.csi-wait-transparent {
  background: none;
}
@-moz-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-o-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-moz-keyframes stretchDelay {
  0%, 40%, 100% {
    transform: scale(0.4);
  }
  20% {
    transform: scale(1);
  }
}
@-webkit-keyframes stretchDelay {
  0%, 40%, 100% {
    transform: scale(0.4);
  }
  20% {
    transform: scale(1);
  }
}
@-o-keyframes stretchDelay {
  0%, 40%, 100% {
    transform: scale(0.4);
  }
  20% {
    transform: scale(1);
  }
}
@keyframes stretchDelay {
  0%, 40%, 100% {
    transform: scale(0.4);
  }
  20% {
    transform: scale(1);
  }
}
/* Change Log */
.csi-log-toolbar {
  padding-right: 8px;
}
.csi-log-slim-pane {
  background: var(--PrimaryWhite);
}
.csi-log-slim-pane .csi-title-toolbar-actions {
  position: absolute;
  right: 8px;
  top: 0px;
  width: auto;
}
.csi-log-slim-pane .csi-log-slim-search-text {
  float: right;
  margin: 2px 12px;
  width: calc(100% - 24px);
  max-width: 500px;
}
.csi-log-slim-pane .csi-log-slim-search-button {
  position: absolute;
  right: 11px;
  margin: 3px 0;
}
.csi-log-slim-pane .csi-log-slim-search-button .dijitButtonNode {
  padding: 4px;
}
.csi-log-slim-pane .csi-title-toolbar-actions .material-icons {
  position: relative;
  top: 6px;
}
.csi-log-detailed {
  height: 100%;
  position: relative;
}
.csi-log-detailed .csi-log-moreinfo {
  position: absolute;
  top: 49px;
  right: 172px;
  background: #fff;
  border-radius: 14px;
  border: var(--StandardBorder);
  z-index: 99;
  font-size: 24px;
}
.csi-log-detailed .csi-log-detailed-title {
  margin: 6px 12px 0 12px;
}
.csi-log-detailed .csi-log-detailed-title .material-icons {
  margin-right: 6px;
  margin-top: 2px;
  font-size: 20px;
}
.csi-log-detailed .csi-log-detailed-right {
  background: var(--TableFadedBackgroundColor);
  border-right: 1px solid var(--PropertyViewBorderColor);
  flex-shrink: 0;
  overflow-y: auto;
  padding: 6px var(--DialogSpacing);
  padding-left: 24px;
  width: 190px;
}
.csi-log-detailed .csi-log-detailed-right table {
  border-spacing: 0 2px;
}
.csi-log-detailed .csi-log-detailed-right .csi-log-detailed-row-value {
  padding-bottom: var(--DialogSpacing);
}
.csi-log-detailed .csi-log-detailed-right .csi-log-detailed-row-title {
  color: var(--SecondaryText);
}
.csi-log-detailed .csi-log-detailed-right .csi-view-title {
  border-bottom: none;
}
.csi-log-detailed .csi-log-detailed-right .csi-log-detailed-avatar {
  margin: 6px 6px 6px 0;
}
.csi-log-detailed.csi-log-detailed-right-hidden .csi-log-moreinfo {
  right: -3px;
}
.csi-log-detailed.csi-log-detailed-right-hidden .csi-log-detailed-right {
  padding-left: 6px;
  width: 0;
}
.csi-log-detailed.csi-log-detailed-right-hidden .csi-log-detailed-right > div {
  display: none;
}
.csi-log-detailed .csi-log-detailed-left {
  padding: 6px var(--DialogSpacing);
  position: relative;
  padding-right: 16px;
}
.csi-log-detailed .csi-log-detailed-left .csi-view-title {
  padding-left: var(--DialogSpacing);
}
.csi-log-detailed .csi-log-detailed-close {
  position: absolute;
  right: 10px;
  top: 3px;
}
.csi-log-detailed .csi-log-detailed-close .dijitButtonText {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csi-log-context-crumb {
  color: var(--GreyOne);
  margin-left: 4px;
  float: right;
}
.csi-log-crumb-separator {
  vertical-align: -4px;
}
.csi-log-pill {
  border: 1px solid var(--ToolbarFilterPillBorderColor);
  background-color: var(--ToolbarFilterPillHoverBackgroundColor);
  border-radius: 10px;
  padding: 0 5px;
  margin-left: 5px;
  white-space: nowrap;
}
/* Flex Containers */
.csi-flex-column {
  display: flex;
  flex-direction: column;
}
.csi-flex-align-center {
  align-items: center;
}
.csi-flex-center {
  align-items: center;
  justify-content: center;
}
.csi-flex-row {
  display: flex;
  flex-direction: row;
}
.csi-flex-clear {
  display: initial;
}
.csi-flex-container-wrap {
  display: flex;
  flex-wrap: wrap;
}
.csi-flex-grow {
  flex-grow: 1;
}
.csi-flex-grow-no-overflow {
  flex-grow: 1;
/* this is needed to constrain the element to available space rather than grow without bounds */
  overflow: hidden;
}
.csi-flex-dialog .dijitDialogPaneContent,
.csi-flex-dialog .dijitDialogPaneContent > * {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.csi-flex-inline {
  display: inline-flex;
}
.csi-flex-view {
  box-sizing: border-box;
  display: flex;
  height: 100%;
}
.csi-flex-view.chartView {
  flex-direction: column;
}
.csi-flex-view.galleryView {
  flex-direction: column;
}
.csi-flex-view.galleryView > .csiDialogScroll {
  flex-grow: 1;
  overflow: auto;
}
.csi-flex-view.svgCanvasContainer {
  height: calc(100% - 10px);
}
.csi-flex-view.svgCanvasContainer .csi-canvas-splash-container {
  height: 748px;
}
.csi-flex-view.svgCanvasContainer > .csi-canvas-container {
  flex-grow: 1;
  overflow: hidden;
}
.csi-flex-view.htmlView {
  flex-direction: column;
}
.csi-flex-view.htmlView > .csiDialogScroll {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;
  padding-right: 10px;
}
.csi-flex-view.htmlView > .csiDialogScroll > .csi-datasheet {
  height: 100%;
}
.csi-flex-view.propertyView {
  flex-direction: column;
}
.csi-flex-view.propertyView > .csiDialogScroll {
  flex-grow: 1;
  overflow: auto;
}
.csi-flex-view.propertyView > .csiDialogScroll > .propertyViewTable {
  padding-bottom: 10px;
  padding-right: 10px;
}
.csi-flex-view.tabsView {
  flex-direction: column;
}
.csi-flex-view.tabsView > .dijitTabContainer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
.csi-flex-view.tabsView > .dijitTabContainer > .dijitTabListContainer-top {
  flex-shrink: 0;
}
.csi-flex-view.tabsView > .dijitTabContainer > .dijitTabPaneWrapper {
  flex-grow: 1;
  overflow: hidden;
  padding-top: 8px;
}
.csi-flex-view.tabsView > .dijitTabContainer > .dijitTabPaneWrapper > .dijitTabContainerTopChildWrapper {
  height: 100%;
}
.csi-flex-view.tabsView > .dijitTabContainer > .dijitTabPaneWrapper > .dijitTabContainerTopChildWrapper > .dijitTabPane {
  box-sizing: border-box;
  height: 100%;
  margin: 0;
}
#pageContent .csi-flex-view.csi-film-strip {
  padding-bottom: 10px;
}
/* Do this to make sure scroll bar work on Safari */
.dj_safari .csi-fullscreen .tabsView > .dijitTabContainer {
  flex-direction: row;
}
/* Table needs padding when below another flex-height view; if top view (i.e. data setup), then padding determined by container */
.csi-flex-view .csi-flex-view.tableViewRoot {
  padding-bottom: 10px;
}
.csi-flex-view.tableViewRoot {
  overflow-x: auto;
}
/* CARD */
.csi-card > div {
  display: inline-block;
  vertical-align: top;
}
.csi-card-pill {
  border-radius: 10px;
  display: inline-block;
  font-size: 9px;
  font-weight: var(--SemiBold);
  line-height: 17px;
  margin-left: var(--CardSpacing);
  padding: 0px 5px;
  text-transform: uppercase;
}
.csi-card-anchor {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.csi-card-img-box {
  margin-right: var(--CardSpacing);
  width: var(--CardImageSize);
}
.csi-card-img-box .attrImageSmallest {
  max-height: var(--CardImageSize);
  max-width: var(--CardImageSize);
}
.csi-card-attr-box {
/* subtract CardImageSize and CardSpacing (for margin-right above) */
  max-width: 400px;
  width: calc(100% - 48px - 6px);
}
.csi-card-flex-box {
  align-items: center;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  width: 100%;
}
.csi-card-flex-box > :first-child {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csi-card-flex-box .csi-card-type-section {
  background-color: var(--Grey400);
  color: var(--SecondaryText);
}
.csi-card-name-section {
  color: var(--CardNameSectionColor);
  font-weight: bold;
}
.csi-card-config-box {
  color: var(--DropdownMenuItemSubTextColor);
}
.csi-card-config-box > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csi-card-config-box .csi-card-configured-info > label {
  color: var(--DisabledText);
}
/* CARD END */
/* FAVORITES */
.csi-favorite-table-card {
  border-right-width: 0 !important;
}
.csi-favorite-table-card .csi-card {
  margin-bottom: 3px;
  margin-left: 5px;
  margin-top: 1px;
}
.csi-favorite-table-card .csi-card-anchor {
  display: none;
}
/* FULLL SCREEN */
.csi-fullscreen #pageHeader {
/* jQuery will set node to display: none, but we need to reserve the space so keep it displayed but invisible */
  opacity: 0;
  visibility: hidden;
}
.csi-fullscreen #pageContent .htmlView .htmlViewContent {
  overflow: hidden;
  padding-right: 0;
}
.csi-fullscreen #pageContent .htmlView .htmlViewContent .csi-view {
  margin-bottom: 0;
}
.csi-fullscreen #pageContent .tabsView .dijitTabPaneWrapper {
  padding-top: 1px;
}
.csi-fullscreen .csi-toolbar-btn-fullScreen {
  display: none;
}
.csi-fullscreen-container {
  height: 100%;
}
.csi-fullscreen-first #pageHeader {
  display: block !important;
}
.csi-fullscreen-first .dijitTabPaneWrapper {
  border: none;
}
.csi-fullscreen-first .htmlViewSeparator {
  padding-top: 0;
}
.csi-fullscreen-first #pageCenter .csi-view-title {
  display: none;
}
.csi-fullscreen-first .csiHeadingGroupEdit .csi-view-title {
  display: block;
}
.csi-fullscreen-header {
  align-items: center;
  background-color: var(--FullScreenHeaderBackgroundColor);
  border-bottom: 1px solid var(--PageHeaderBottomBorderColor);
  justify-content: flex-start;
  position: absolute;
  width: 100%;
}
.csi-fullscreen-header-title {
  color: var(--CompanyLogoTextColor);
  font-size: 12px;
  padding-left: 8px;
}
.csi-fullscreen-header-btn {
  padding-right: 10px;
}
.csi-fullscreen-header-btn .csiActionIcon {
  vertical-align: top;
}
.csi-fullscreen-header-logo {
  background-color: var(--FullScreenLogoBackgroundColor);
  position: relative;
}
.csi-fullscreen-header-logo a.csiLogoText {
  display: none;
}
.csi-fullscreen-hide {
  display: none;
}
/* FULL SCREEN */
/* NO RESULTS PLACEHOLDER */
.csi-placeholder-container {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  justify-content: center;
  text-align: center;
  min-height: 125px;
}
.csi-placeholder-NoResult {
  background-color: var(--PlaceholderBackgroundColor);
}
.csi-placeholder-Suspend {
  background-color: var(--PrimaryWhite);
}
.csi-placeholder-img-box {
  margin-left: 0;
  margin-right: 0;
  max-height: 124px;
  overflow: hidden;
  display: flex;
  align-items: start;
  justify-content: center;
}
.csi-placeholder-title {
  font-size: 24px;
  color: var(--NoResultPlaceHolderTitleColor);
  position: relative;
  padding-top: 10px;
  z-index: 20;
  text-align: center;
}
.csi-placeholder-description {
  font-size: 12px;
  color: var(--GreyFive);
  z-index: 20;
  position: relative;
  text-align: center;
}
.csi-placeholder-additionalText {
  font-size: 14px;
  color: var(--GreyTwenty);
  z-index: 20;
  position: relative;
  text-align: center;
}
.csi-placeholder-actions {
  display: inline-block;
  margin: 6px;
}
.csi-placeholder-actions .csi-secondary-btn .dijitDownArrowButton:focus {
  outline: none;
}
/* NO RESULTS PLACEHOLDER END*/
/* LINKED IMAGE REPLACE */
.csi-imgr-select {
  margin-top: 12px;
}
.csi-imgr-select img {
  max-width: 240px;
  max-height: 240px;
}
.csi-imgr-select .csi-flex-column {
  width: 260px;
}
.csi-imgr-select .csi-flex-column > div {
  padding: 6px;
}
.csi-imgr-select .attrImage,
.csi-imgr-select .csi-imgr-height {
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.csi-imgr-select .csi-imgr-height {
  position: relative;
}
.csi-imgr-select .csi-imgr-name {
  width: 44%;
  margin: 6px;
  padding: 3px 0 4px;
  line-height: 1px;
}
.csi-imgr-select .csi-imgr-icon {
  font-size: 22px;
  margin-top: 7px;
  cursor: default;
}
.csi-imgr-select .csi-drop-msg .material-icons {
  cursor: default;
}
.csi-imgr-select .dijitButtonNode {
  padding: 4px;
}
.csi-imgr-select .csi-imgr-new-span {
  padding-right: 43px;
  max-width: 169px;
  white-space: nowrap;
  display: inline-block;
  cursor: pointer;
}
.csi-imgr-select .csi-imgr-old-span {
  max-width: 212px;
  white-space: nowrap;
  display: inline-block;
}
.csi-imgr-select .csi-float-right {
  position: relative;
}
.csi-imgr-select .dijitComboButton {
  position: absolute;
  right: -1px;
  top: -1px;
}
.csi-wizard-ImageReplace .csi-wizard-intro-detail {
  max-width: 700px;
}
/* LINKED IMAGE REVIEW */
.csi-imgrv {
  margin: -12px;
}
.csi-imgrv .csiActionsNode {
  margin: 0 0 var(--DialogSpacing) 0;
}
.csi-imgrv-select {
  border: none;
}
.csi-imgrv-message {
  max-width: 600px;
  padding: var(--DialogSpacing);
}
.csi-imgrv-nav .dijitButton {
  border-radius: 13px;
}
.csi-imgrv-num {
  margin: var(--DialogSpacing);
  width: 40px;
  display: inline-block;
}
.csi-imgrv-images {
  margin: var(--DialogSpacing);
}
.csi-imgrv-images .csi-flex-column {
  width: 324px;
}
.csi-imgrv-images .csiDialogScroll {
  min-height: 40px;
}
.csi-imgrv-old-label {
  background: var(--HeaderRed);
  padding: var(--DialogSpacing);
}
.csi-imgrv-new-gap,
.csi-imgrv-new-label {
  background: var(--HeaderGreen);
  padding: var(--DialogSpacing);
}
.csi-imgrv-image {
  height: 324px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.csi-imgrv-image img {
  max-width: 90%;
  max-height: 90%;
  margin: var(--DialogSpacing);
}
.csi-rv-changed {
  background: var(--StateYellowBackgroundColor);
}
.csi-rv-field-string {
  padding: var(--DialogSpacing);
}
.csi-rv-fields.csiDialogScroll {
  overflow-y: auto;
}
.csi-action-icon-btn {
  display: inline-block;
  height: 22px;
  width: 22px;
  vertical-align: middle;
  margin-left: 6px;
}
.csi-action-icon-btn-inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  box-sizing: border-box;
}
.csi-table-group-secondary-btn {
  background-color: var(--BtnSecondaryOnTableGroupBackgroundColor);
  border: 1px solid var(--BtnSecondaryOnTableGroupBorderColor);
}
.csi-table-group-secondary-btn:hover {
  background-color: var(--GreyThree);
  border-color: var(--GreySeven);
}
.csi-table-group-primary-btn {
  background-color: var(--PrimaryBlue);
  color: var(--WhiteTextColor);
}
.csi-table-group-primary-btn:hover {
  background-color: var(--PrimaryColor2);
  border: 1px solid var(--PrimaryBlue);
}
.csi-table-group-primary-btn * {
  background-color: var(--PrimaryBlue);
  color: var(--WhiteTextColor);
  border-width: 0px;
}
.csi-table-group-primary-btn:hover * {
  background-color: var(--PrimaryColor2);
}
/* DRAG AND DROP HTML5 */
.csi-drop-msg >span {
  vertical-align: text-top;
}
.csi-drop-zone,
.csi-dialog-drop-zone {
  height: 100%;
  min-width: 65px;
  position: relative;
}
.csi-drop-zone> *,
.csi-dialog-drop-zone> * {
  transition: opacity var(--TransitionDuration);
  opacity: 1;
}
.csi-view-Image-SelectNewImage .csi-dialog-drop-zone img {
  image-orientation: from-image;
}
.csi-imgr-select .csi-dialog-drop-zone {
  width: auto;
}
.csi-paste-focus {
  z-index: 99;
  position: absolute;
  left: 3px;
  top: 3px;
  font-size: 21px;
  background: #fff;
  opacity: 0;
  color: var(--PasteFocusColor);
  outline: var(--PasteFocusOutline);
}
.csi-paste-focus:focus {
  opacity: 0.5;
  color: var(--PasteFocusColorFocused);
  outline: var(--PasteFocusOutlineFocused);
}
.csi-drop-zone:hover .csi-paste-focus,
.csi-dialog-drop-zone:hover .csi-paste-focus {
  opacity: 1;
}
.csi-drag:not(.csi-dialog) .csi-drop-zone> *,
.csi-drag.csi-dialog .csi-dialog-drop-zone> * {
  transition: opacity var(--TransitionDuration);
  opacity: 0.3;
}
.csi-drag:not(.csi-dialog) .csi-drop-zone:after,
.csi-drag.csi-dialog .csi-dialog-drop-zone:after {
/* IE does not support outline-offset, using calc() to change ":after" size instead */
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  content: '';
  position: absolute;
  outline: var(--DropZoneOutline);
  z-index: 2;
}
.csi-drag:not(.csi-dialog) .csi-drop-zone *,
.csi-drag.csi-dialog .csi-dialog-drop-zone * {
  pointer-events: none !important;
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.propertyViewImageCell:after,
.csi-drag.csi-dialog .csi-dialog-drop-zone.propertyViewImageCell:after {
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.csi-toolbar-btn-ToolbarNewActions,
.csi-drag.csi-dialog .csi-dialog-drop-zone.csi-toolbar-btn-ToolbarNewActions {
  background: var(--PrimaryWhite);
  border: 1px dashed var(--BtnBrowseUploadNormalBorderColor);
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.csi-toolbar-btn-ToolbarNewActions:after,
.csi-drag.csi-dialog .csi-dialog-drop-zone.csi-toolbar-btn-ToolbarNewActions:after {
  color: var(--GreyTextColor);
  content: "note_add";
  font-family: 'Material Icons';
  font-size: 16px;
  left: 14px;
  outline: none;
  top: 3px;
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.csi-toolbar-btn-ToolbarNewActions .dijitArrowButton,
.csi-drag.csi-dialog .csi-dialog-drop-zone.csi-toolbar-btn-ToolbarNewActions .dijitArrowButton {
  display: none;
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.csi-toolbar-btn-ToolbarNewActions .dijitButtonText,
.csi-drag.csi-dialog .csi-dialog-drop-zone.csi-toolbar-btn-ToolbarNewActions .dijitButtonText {
  color: var(--GreyTextColor);
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.csi-toolbar-btn-ToolbarNewActions .dijitButtonNode,
.csi-drag.csi-dialog .csi-dialog-drop-zone.csi-toolbar-btn-ToolbarNewActions .dijitButtonNode {
  padding-left: 14px;
  padding-right: 12px;
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.csi-toolbar-btn-ToolbarNewActions> *,
.csi-drag.csi-dialog .csi-dialog-drop-zone.csi-toolbar-btn-ToolbarNewActions> * {
  opacity: 1;
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.csi-drag-over:after,
.csi-drag.csi-dialog .csi-dialog-drop-zone.csi-drag-over:after {
  content: "";
  display: inline-block;
  outline: var(--DropZoneHoverOutline);
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.csi-drag-over .csi-drop-msg,
.csi-drag.csi-dialog .csi-dialog-drop-zone.csi-drag-over .csi-drop-msg {
  color: var(--DropZoneHoverColor);
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.csi-drag-over .csi-drop-msg .material-icons,
.csi-drag.csi-dialog .csi-dialog-drop-zone.csi-drag-over .csi-drop-msg .material-icons {
  color: var(--DropZoneHoverColor);
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.csi-drag-over.csi-toolbar-btn-ToolbarNewActions,
.csi-drag.csi-dialog .csi-dialog-drop-zone.csi-drag-over.csi-toolbar-btn-ToolbarNewActions {
/* drag-over outline is on button rather than :after pseudo-element */
  border-color: transparent;
  outline: var(--DropZoneHoverOutline);
  outline-offset: -1px;
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.csi-drag-over.csi-toolbar-btn-ToolbarNewActions:after,
.csi-drag.csi-dialog .csi-dialog-drop-zone.csi-drag-over.csi-toolbar-btn-ToolbarNewActions:after {
  color: var(--PrimaryBlue);
  content: "note_add";
  outline: none;
}
.csi-drag:not(.csi-dialog) .csi-drop-zone.csi-drag-over.csi-toolbar-btn-ToolbarNewActions .dijitButtonText,
.csi-drag.csi-dialog .csi-dialog-drop-zone.csi-drag-over.csi-toolbar-btn-ToolbarNewActions .dijitButtonText {
  color: var(--PrimaryBlue);
}
/* Always make the browse image icon align to the center */
td.attrImage.csi-drop-zone .csi-drop-msg {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Drop zone for Labeled Image */
.csiHeadingImageSpan td.attrImage.csi-drop-zone .csi-drop-msg {
/* IE has problem aligning items vertically when height is not set */
  height: 100%;
  min-height: 10em;
}
/* Drop Zone for gallery */
.galleryBlock .csi-drop-zone,
.galleryBlock .csi-dialog-drop-zone {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.csi-bold-key-label {
  color: var(--FieldGroupLabelColor);
  font-weight: var(--SemiBold);
}
.csi-bold-key-label::after {
  content: ": ";
  color: var(--FieldGroupLabelColor);
  font-weight: var(--SemiBold);
}
.csi-bold-key-label-value {
  color: var(--GreySeventeen);
}
/* ValidationTextBox */
.csi-validation-textbox .csi-textbox-counter {
  color: var(--CounterFontColor);
  padding: 5px 6px 4px 0;
  margin-left: auto;
}
.csi-validation-textbox .dijitInputField {
  width: 100%;
  box-sizing: border-box;
}
.csi-validation-textbox .csi-flex-row {
  align-items: center;
}
/* FormGroupProperties */
.csi-field-group-container {
  background-color: var(--FieldGroupBackgroundColor);
  border-radius: 3px;
  border: 1px solid var(--FieldGroupBorderColor);
}
.csi-form-group-properties-container {
  margin: 14px 0px;
  padding: 10px 8px;
}
.csi-form-group-properties-header {
  padding-bottom: 4px;
  font-weight: bold;
  color: var(--GreyFive);
}
/*FormGroupSelection */
.csi-form-group-selection-container {
  padding: 10px 8px;
}
.csi-form-group-selection-header {
  margin: 0 16px 14px 0;
}
.csi-form-group-selection-header label {
  margin-left: 8px;
}
.csi-form-group-selection-content {
  margin-left: var(--DialogSpacing);
  align-items: center;
}
.csi-form-group-selection-content-current,
.csi-form-group-selection-content-dropdown {
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.csi-form-group-selection-content-current label,
.csi-form-group-selection-content-dropdown label {
  margin-right: 6px;
  text-align: right;
  font-weight: bold;
}
.csi-form-group-selection-content-current div,
.csi-form-group-selection-content-dropdown div {
  flex: 1 1;
  margin-left: 6px;
}
.csi-form-group-selection-content-separator {
  vertical-align: middle;
  line-height: 1;
}
.csi-form-group-arrow-forward {
  font-size: 20px;
  color: var(--GreyOne);
  margin: 0px 16px;
}
.csi-form-group-selection-additional-text {
  padding-left: 18px;
  color: var(--GreyOne);
  font-style: italic;
  position: absolute;
}
/* FormGroupContainer */
.csi-form-group-container {
  border: 1px solid var(--Grey400);
}
.csi-form-group-container-selection-container,
.csi-form-group-container-properties-container,
.csi-form-group-container-additional-container {
  padding: 0px 15px;
}
.csi-form-group-container-additional-container {
  border-top: 1px solid var(--Grey400);
}
/** Mock Table */
.csi-mock-table {
  border: 1px solid var(--Grey400);
  border-radius: 3px;
  border-spacing: 0;
}
.csi-mock-table th,
.csi-mock-table td {
  border-right: 1px solid var(--Grey400);
  border-bottom: 1px solid var(--Grey400);
}
.csi-mock-table th {
  padding: 12px 10px;
  font-weight: normal;
}
.csi-mock-table td {
  padding: 8px;
}
.csi-mock-table tr:last-child td {
  border-bottom-width: 0;
}
.csi-mock-table th:last-child,
.csi-mock-table td:last-child {
  border-right-width: 0;
}
.csi-mock-table td:last-child {
  font-weight: bold;
  color: var(--PrimaryGrey);
}
.csi-mock-table-header .csi-mock-table-row {
  background-color: var(--PrimaryGrey);
}
/** RadioButtonGroup */
.csi-radio-button-group-header {
  color: var(--PrimaryBlack);
  font-weight: bold;
  margin: 8px 0px;
}
.csi-radio-button-group-item {
  align-items: center;
  border: 1px solid var(--PrimaryGrey);
  border-radius: 3px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  margin: 0px 0px 6px 0px;
  padding: 12px 10px;
}
.csi-radio-button-group-item .dijitRadio {
  min-width: 14px;
  min-height: 14px;
}
.csi-radio-button-group-label-box {
  margin-left: 7px;
}
.csi-radio-button-group-item:hover {
  background-color: var(--BlueFour);
}
.csi-radio-button-group-item-label-bold,
.csi-radio-button-group-item-label {
  cursor: pointer;
}
.csi-toolbar-message {
  font-weight: bold;
  margin-top: 4px;
}
.csi-view-CanvasTemplate-AttributePlaceholder .csi-form-view-comment td {
  width: 350px;
  padding-top: var(--DialogSpacing);
}
.csi-view-CanvasTemplate-AttributePlaceholder .csi-form-view-comment td .csi-form-reserve-for-field-noerror {
  display: none;
}
/** _dndHTML5ListMixin - List Drag and Drop */
.csi-drag-indicator:after {
  content: 'drag_indicator';
  font-family: 'Material Icons';
  position: absolute;
  right: 0;
  font-size: 14px;
}
.csi-drag-placeholder:before {
  position: absolute;
  content: "";
  padding: 0;
  margin-left: 25px;
  width: calc(100% - 45px);
  height: 15px;
  outline: 1px dashed var(--DNDPlaceholderBorderColor);
  outline-offset: 4px;
}
.csi-drag-placeholder.csi-drag-full-width:before {
  margin-left: -5px;
  width: calc(100% - 10px);
}
.csi-drag-placeholder>* {
  visibility: hidden;
}
.csi-drag-image {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.csi-list-drag-active input {
  pointer-events: none;
}
.csi-fix-display-safari {
  display: block !important;
}
select:empty {
  pointer-events: none;
}
/* Dropdown Text Field */
/* Applys to table filters, forms, toolbars, etc. */
.csi-multiselect-value-selected .dijitInputField:not(.dijitPlaceHolder) .dijitPlaceHolder {
  color: var(--PrimaryText);
}
.csi-rounded-combo-pill-info {
  font-weight: normal !important;
  text-transform: unset !important;
}
/* Scroll Shadow */
.csi-scroll-shadow {
  height: 2px;
  position: sticky;
  z-index: 1;
}
.csi-scroll-shadow-bottom {
  box-shadow: 0 -2px 3px 0 rgba(0,0,0,0.15);
  bottom: -2px;
}
.csi-scroll-shadow-top {
  box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15);
  top: -2px;
}
/** MUI Date Picker */
.MuiPickersModal-dialogRoot .MuiPickersToolbarButton-toolbarBtn,
.MuiPickersModal-dialogRoot .MuiButtonBase-root {
  border-width: 0;
}
.csi-heading-wrap-all {
  word-break: break-all;
}
.csi-hide-mui-dialog .MuiPaper-root {
  visibility: hidden;
}
.csi-popup-wrapper-actions {
  background: var(--DropdownMenuNormalBackgroundColor);
  padding-bottom: 4px;
  position: sticky;
  pointer-events: none;
/** supposed to be 0, but used 0.1 to fix sticky action shifting at bottom in CheckedMultiselect. Change to 0 when reimplement CheckedMultiselect */
  bottom: 0.1px;
}
.csi-popup-wrapper-actions .csi-sticky-actions-separator {
  border-top: var(--StandardBorder);
  padding-bottom: 4px;
}
.csi-popup-wrapper-actions .csi-dropdown-gotodialog-item,
.csi-popup-wrapper-actions .csi-dropdown-action-item {
  pointer-events: auto;
}
/* cms and filtering select in dropdown */
.csi-filter-in-dropdown {
  width: 0px;
  margin: 0 !important;
  border: none;
}
.csi-filter-in-dropdown .dijitArrowButton {
  display: none;
}
.csi-filter-in-dropdown-container {
  border-bottom: 1px solid var(--DropdownSelectDropdownBorderColor) !important;
  padding: 4px 5px 4px 3px;
  background: var(--DropdownSelectNormalBackgroundColor);
  position: sticky;
  top: 0;
  z-index: 99;
}
.csi-filter-in-dropdown-container .csi-filter-in-dropdown-textbox {
  padding: 0px;
  width: 100%;
}
.csi-filter-in-dropdown-container.csi-dropdown-up {
  top: unset;
  bottom: 0;
  border-bottom: none;
  border-top: 1px solid var(--DropdownSelectDropdownBorderColor) !important;
}
/* batch filtering */
.csi-batch-filter-button .dijitButtonText {
  padding: 0;
}
.csi-batch-filter-button.csi-dropdown-open .dijitButtonNode {
  box-shadow: var(--InputInsetShadow) !important;
  background-color: var(--BtnToggleCheckedBackgroundColor) !important;
}
.csi-name-value-pair.csi-dropdown-open {
  box-shadow: var(--InputInsetShadow) !important;
  background-color: var(--BtnToggleCheckedBackgroundColor) false;
}
.csi-batch-filter-active {
  color: var(--PrimaryBlue);
}
.csi-batch-filter-container {
  display: none;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 8px;
  margin-bottom: 10px;
  align-items: center;
  background: var(--Grey100);
  border-radius: 3px;
}
.csi-batch-filter-container .csi-batch-filter-container-label {
  display: none;
}
.csi-batch-filter-container .csi-name-value-pair {
  margin-left: 0;
  margin-right: 6px;
  border-radius: 3px;
  border-color: var(--Grey400);
  box-sizing: border-box;
  height: 26px;
  background-color: var(--White50);
  cursor: pointer;
}
.csi-batch-filter-container .csi-name-value-pair .csi-name-value-pair-value {
  height: unset;
  line-height: 16px;
}
.csi-batch-filter-container .csi-batch-filter-count {
  border: 1px solid var(--Grey400);
  margin-left: 6px;
  padding: 0px 6px;
  border-radius: 8px;
  background: var(--Grey100);
  color: var(--Black600);
}
.csi-batch-filter-container .csi-batch-filter-count span {
  margin-right: 3px;
  font-size: 18px;
  vertical-align: text-top;
}
.csi-batch-filter-container .csi-show-results-btn {
  border: 1px solid var(--FilterButtonBorder);
  background: var(--NavListItemSelectedBG);
  color: var(--PrimaryDefault);
}
.csi-batch-filter-container .csi-show-results-btn.dijitHover {
  background: var(--FilterButtonHover);
}
.csi-batch-filter-container .csi-show-results-btn.dijitActive {
  border: 1px solid var(--PrimaryDefault);
  background: var(--NavListItemSelectedBG);
  box-shadow: var(--InputInsetShadow);
}
.csi-batch-filter-container .csi-show-results-btn.dijitFocused {
  border: 1px solid var(--PrimaryPressedBorder);
  background: var(--NavListItemSelectedBG);
}
.csi-batch-filter-container .csi-show-results-btn.dijitDisabled {
  background: var(--PrimaryDisabledBG);
  border: none;
  color: rgba(255,255,255,0.65);
}
.csi-batch-filter-container .csi-date-range {
  width: 0;
  z-index: -1;
}
.csi-batch-filter-btn-count-pill {
  padding: 0px 6px;
  border-radius: 8px;
  background: var(--PrimaryDefault);
  color: var(--White50);
}
.csi-button-toggle .csi-batch-filter-btn-count-pill {
  position: relative;
  top: 1px;
}
.csi-batch-filter-visible .csi-batch-filter-container {
  display: flex;
}
.htmlHideToolbars .csi-batch-filter-container {
  display: none;
}
.csi-combo-box-filtering-hint-placeholder {
  background-color: var(--Grey100);
  box-sizing: border-box;
  color: var(--Grey1000);
  display: flex;
  flex-direction: column;
  height: 64px;
  justify-content: center;
  align-items: center;
}
.csi-batch-filter-container-pills {
  display: flex;
  flex-wrap: wrap;
  row-gap: 6px;
}
.csi-batch-filter-container-pills .dijitToolbarSeparator {
  margin-top: 3px;
}
.csi-batch-filter-container-buttons {
  display: flex;
}
.csi-hide-focus.csi-batch-filter-button .dijitButtonNode {
  border-color: var(--BtnToolbarNormalBorderColor) !important;
}
.csi-hide-focus.csi-batch-filter-button.csi-dropdown-open .dijitButtonNode {
  border-color: var(--BtnToolbarHoverBorderColor) !important;
}
/* end of batch filtering */
.csi-modal-dialog-z-index-800 {
  z-index: 800;
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/wizard.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
/* WIZARD */
.csi-wizard-dialog .csiActionsNode {
  border-top: unset;
  padding: 12px;
  margin-top: unset;
  margin-left: unset;
  margin-right: unset;
}
.csi-wizard-dialog .csi-wizard-content-container {
  flex-grow: 1;
  padding: 20px;
  border-bottom: 1px solid var(--WizardBorderColor);
}
.csi-wizard-dialog {
  padding: unset !important;
}
.csi-wizard-step-container {
  min-width: 246px;
  max-width: 246px;
  padding-top: 10px;
  border-style: solid;
  border-bottom-color: var(--WizardBorderColor);
  border-right-color: var(--Grey400);
  border-width: 0 1px 1px 0;
  overflow: hidden;
}
.csi-wizard-step-card {
  padding: 10px 20px;
  color: var(--WizardStepTextColor);
  font-weight: normal;
}
.csi-wizard-step-card.stepHover {
  --WizardStepTextColor: var(--Black100);
  background-color: var(--WizardStepCardHoverBackgroundColor);
}
.csi-wizard-step-card.stepHover .csi-wizard-more-result {
  color: var(--Blue600);
}
.csi-wizard-step-card.stepHover .moreResultHover {
  color: var(--Blue800);
}
.csi-wizard-step-card.stepInactive {
  --WizardStepTextColor: var(--Grey800);
  background-color: unset;
}
.csi-wizard-step-card.stepSelected {
  --WizardStepTextColor: var(--Black100);
  background-color: var(--WizardStepCardSelectedBackgroundColor);
}
.csi-wizard-intro {
  padding-bottom: 20px;
}
.csi-wizard-step-sub-title {
  margin-top: 4px;
}
.csi-wizard-step-summary-name {
  flex-grow: 1;
}
.csi-wizard-step-action-container {
  flex-shrink: 0;
  margin-right: 20px;
}
.csi-wizard-step-action {
  color: var(--BtnLinkNormalTextColor);
  cursor: pointer;
}
.csi-wizard-step-item-action-container {
  display: flex;
  margin-top: 5px;
  align-items: center;
  justify-content: flex-end;
}
.csi-wizard-step-summary-container {
  padding-left: 20px;
  margin: 10px 0 12px;
}
.csi-wizard-step-progress-container,
.csi-wizard-step-title {
  font-weight: bold;
}
.csi-wizard-entered-item {
  padding: 4px;
}
.csi-wizard-step-pill {
  margin: 8px 0;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/imageEditor.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.dijitDialogUnderlayWrapper.csi-image-editor-wrapper {
  opacity: 1;
}
.csi-show-image-editor .dijitTooltipContainer div {
  max-width: 300px;
}
.csi-show-image-editor-save-replace .csiMessage.dijitDialog {
  width: 100% !important;
  left: 0px !important;
  top: 0px !important;
  height: 46px !important;
}
.csi-show-image-editor-save-replace .csiMessage.dijitDialog .dijitDialogTitleBar {
  width: 100% !important;
  display: inline-block;
  padding: 13px !important;
  background-color: transparent;
  border: none;
}
.csi-show-image-editor-save-replace .csiMessage.dijitDialog .dijitDialogTitle {
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.csi-show-image-editor-save-replace .csiMessage.dijitDialog .dijitDialogPaneContent {
  display: inline-block;
  padding: 0px !important;
  width: auto !important;
  left: auto !important;
  top: 0px !important;
  height: 47px !important;
  right: 0px !important;
}
.csi-show-image-editor-save-replace .csiMessage.dijitDialog .dijitDialogPaneContent div {
  display: inline-block;
  vertical-align: middle;
}
.csi-show-image-editor-save-replace .csiMessage.dijitDialog .dijitDialogPaneContent .csi-message-txt {
  padding-top: 7px;
}
.csi-show-image-editor-save-replace .csiMessage.dijitDialog .dijitDialogPaneContent .csiActionsNode {
  margin: 0px;
  border: none;
  padding-top: 10px;
}
.csi-show-image-editor-save-replace .csiMessage.dijitDialog .dijitDialogCloseIcon {
  display: none;
}
.csi-where-used-list {
  margin-bottom: 30px;
}
.galleryBlock.csi-whereused-list-root {
  border-left: solid var(--Blue600) 5px;
}
.galleryBlock.csi-whereused-list-secondary {
  border-left: solid rgba(0,0,0,0) 5px;
}
.cropper-wrap-box {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMTkvMTRxK26fAAAALklEQVQ4jWP8//8/Az7w4MEDvAqY8OomAowaMBgMYCEUzwoKCow0dcGoAYPBAACrqAq+b/1B8AAAAABJRU5ErkJggg==);
  background-color: var(--White50);
}
.csi-lightBoxEditor {
  position: fixed !important;
  top: 0px !important;
  left: 0px !important;
}
.csi-lightBoxEditor .material-icons {
  color: var(--PrimaryWhite);
}
.csi-lightBoxEditor .material-icons.material-info-icon {
  transform: rotate(180deg);
  padding-left: 10px;
  padding-right: 0px;
  line-height: 19px;
}
.csi-lightBoxEditor .csi-image-editor-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  transform: translate(-50%, -50%);
}
.csi-lightBoxEditor .csi-image-editor-loader.hide {
  display: none;
}
.csi-lightBoxEditor .csi-image-editor-loader >span {
  background: url(data:image/gif;base64,R0lGODlhIAAgAPUAADExMf///zQ0NF9fX0JCQjw8PFZWVpiYmIGBgTc3N0RERDIyMoiIiJGRkUdHR2lpaXx8fD8/P3FxcUxMTMvLy7i4uLCwsJmZmXZ2dj09PcLCwqampvT09P///1dXV1xcXE9PT9ra2rKysuXl5cDAwG9vbwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkECQoAAAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkECQoAAAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat;
  height: 50px;
  width: 50px;
  display: inline-block;
}
.csi-lightBoxEditor .dijitCheckBox {
  border: 1px solid var(--PrimaryWhite);
  background-color: var(--Black50);
}
.csi-lightBoxEditor .dijitDialog {
  background-color: rgba(0,0,0,0.25);
  border: none;
}
.csi-lightBoxEditor .dijitDialogTitleBar {
  background-color: #000;
  border: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  color: var(--PrimaryWhite);
  cursor: default;
}
.csi-lightBoxEditor .dijitDialogTitle {
  max-width: 50%;
  display: inline-block;
  padding-right: 10px;
  vertical-align: top;
}
.csi-lightBoxEditor .dijitDialogPaneContent {
  background-color: rgba(0,0,0,0.25);
  padding: 0px;
  overflow: visible !important;
  margin-top: 93px;
  height: calc(100% - 81px);
  width: 100%;
}
.csi-lightBoxEditor .dijitTitlePaneTitle {
  background: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-color: var(--Black200);
}
.csi-lightBoxEditor .dijitTitlePaneContentOuter {
  background: none;
  border: none;
}
.csi-lightBoxEditor .csi-image-editor-where-used .dijitTitlePaneContentInner {
  padding-left: 23px;
  padding-right: 23px;
}
.csi-lightBoxEditor .csi-image-editor-where-used .csi-toolbar-btn-refreshWithLabel {
  right: 20px;
  position: absolute;
}
.csi-lightBoxEditor .csi-image-editor-where-used .dijitToolbar .dijitTextBox {
  border: solid var(--DarkThemeInputBorderColor) 1px !important;
}
.csi-lightBoxEditor .csi-image-editor-where-used .dijitToolbar .dijitTextBox input {
  background: transparent !important;
}
.csi-lightBoxEditor .csi-image-editor-where-used .dijitToolbar .dijitTextBox .dijitArrowButton:before {
  color: var(--DarkThemeInputArrowColor);
}
.csi-lightBoxEditor .csi-image-editor-where-used .dijitToolbar .dijitComboBox .dijitButtonNode {
  padding: 3px 4px;
  background: var(--BtnDarkThemeHoverBackground);
  border-radius: 0px;
  margin: 0px;
}
.csi-lightBoxEditor .csi-image-editor-where-used .dijitToolbar .dijitComboBox .dijitInputContainer {
  border-radius: 0px !important;
}
.csi-lightBoxEditor .csi-image-editor-where-used .csi-toolbar-btn-CustomViewSelect,
.csi-lightBoxEditor .csi-image-editor-where-used .csi-toolbar-btn-CustomViewActions {
  display: none;
}
.csi-lightBoxEditor .csi-image-editor-where-used .csi-placeholder-container {
  background-color: unset;
  color: var(--PrimaryWhite);
  min-width: 100px;
}
.csi-lightBoxEditor .csi-image-editor-where-used .csi-placeholder-container .csi-placeholder-img-box {
  display: none;
}
.csi-lightBoxEditor .csi-image-editor-where-used .csi-placeholder-container .csi-placeholder-description {
  display: none;
}
.csi-lightBoxEditor.csi-save-replace-lightBoxEditor .dijitDialogPaneContent {
  margin-top: 42px;
}
.csi-lightBoxEditor .galleryBlock .csi-where-used-text {
  width: 70%;
  display: inline-block;
  vertical-align: top;
}
.csi-lightBoxEditor .galleryBlock .csi-where-used-right {
  display: inline-block;
  width: 30%;
  text-align: right;
}
.csi-lightBoxEditor .galleryBlock .attrStringType {
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
}
.csi-lightBoxEditor .csi-where-used-container {
  border-radius: 5px;
  background: var(--Black100);
  padding: 10px;
  margin-bottom: 5px;
}
.csi-lightBoxEditor .csi-where-used-container.csi-image-editor-warning-message {
  background: transparent;
  padding: 0px 0px 0px 10px;
}
.csi-lightBoxEditor .csi-where-used-container.csi-image-unlink {
  background: none;
}
.csi-lightBoxEditor .csi-where-used-container .csiAction {
  width: 6px;
  transform: rotate(145deg);
}
.csi-lightBoxEditor .csi-where-used-container span {
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  cursor: default;
}
.csi-lightBoxEditor .csi-where-used-container .csi-image-editor-img-save-msg {
  width: 84%;
  font-size: 10px;
}
.csi-lightBoxEditor .csi-where-used-container .csi-whereused-link a {
  color: var(--Blue3);
}
.csi-lightBoxEditor .csi-where-used-container .csi-where-used-link-btn,
.csi-lightBoxEditor .csi-where-used-container .csi-where-used-link-btn span {
  padding: 0px;
}
.csi-lightBoxEditor .csi-where-used-container a {
  color: var(--Blue500);
  font-size: 10px;
}
.csi-lightBoxEditor .dijitToolbar {
  padding: 10px 20px 0px 20px;
}
.csi-lightBoxEditor .dijitToolbar .csi-toolbar-btn-pageSize label {
  margin-left: 0px;
}
.csi-lightBoxEditor .dijitToolbar .dijitButton .dijitButtonNode {
  background: transparent;
  border: solid transparent 1px;
}
.csi-lightBoxEditor .dijitToolbar .dijitButton.dijitButtonHover .dijitButtonNode {
  background: var(--BtnDarkThemeHoverBackground);
  border: solid var(--BtnDarkThemeHoverBorder) 1px;
}
.csi-lightBoxEditor .dijitToolbar .dijitButton.dijitActive .dijitButtonNode {
  background: var(--BtnDarkThemeBackground);
  border: solid var(--BtnDarkThemeBorder) 1px;
}
.csi-lightBoxEditor .dijitToolbar .dijitButton .material-icons {
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.csi-lightBoxEditor .dijitToolbar .dijitButton .material-icons.csi-toolbar-btn-icon-imagezoomout,
.csi-lightBoxEditor .dijitToolbar .dijitButton .material-icons.csi-toolbar-btn-icon-imagezoomin {
  font-size: 22px;
  height: 20px;
  width: 20px;
}
.csi-lightBoxEditor .dijitToolbar .dijitIcon {
  color: var(--PrimaryWhite);
}
.csi-lightBoxEditor .dijitToolbar .dijitTextBox .dijitInputField:not(.dijitPlaceHolder) {
  margin: -1px;
  background: var(--BtnDarkThemeHoverBackground);
  color: #fff;
  border-radius: 2px;
  margin: 0px;
  border-color: var(--BtnDarkThemeHoverBorder);
}
.csi-lightBoxEditor .dijitToolbar .dijitTextBox:not(.dijitTextBoxError) {
  border: none;
}
.csi-lightBoxEditor .csiActionsNode .csiActions {
  position: fixed;
  top: 7px;
  right: 50px;
}
.csi-lightBoxEditor .csiActionsNode {
  border: none;
  background-color: var(--PrimaryBlack2);
  padding: 12px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 20px;
  overflow: visible;
}
.csi-lightBoxEditor .csi-image-editor-main-panel {
  height: 100%;
  width: calc(100% - 301px);
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.csi-lightBoxEditor .csi-image-editor-right-panel {
  height: calc(100% - 91px);
  width: 300px;
  background-color: #000;
  display: inline-block;
  position: fixed;
  right: 0px;
  border-left: solid 1px var(--Black200);
  top: 42px;
  overflow-y: auto;
}
.csi-lightBoxEditor .csi-image-editor-right-panel .material-icons.material-info-icon {
  cursor: default;
}
.csi-lightBoxEditor .csi-image-editor-right-info-panel {
  border-radius: 5px;
  background: var(--Black100);
  padding: 10px;
  margin: 20px;
}
.csi-lightBoxEditor .csi-image-editor-img-container {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.csi-lightBoxEditor .csi-image-editor-img-container .csi-editor-image {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.csi-lightBoxEditor .dijitDialogCloseIcon {
  right: 40px;
  opacity: 0.8;
}
.csi-lightBoxEditor .dijitDialogCloseIcon.dijitDialogCloseIconHover {
  opacity: 1;
}
.csi-lightBoxEditor .dijitDialogCloseIcon .material-icons {
  color: var(--PrimaryWhite);
  transform: scale3d(1, 1, 1);
  max-width: 100%;
  max-height: 100%;
  font-size: 24px;
  line-height: 18px;
  display: block;
}
.csi-lightBoxEditor .dijitSliderDecrementIconH,
.csi-lightBoxEditor .dijitSliderIncrementIconH {
  display: none;
}
.csi-lightBoxEditor .dijitSliderImageHandleH {
  margin-top: -4px;
}
.csi-lightBoxEditor .dijitSliderLeftBumper,
.csi-lightBoxEditor .dijitSliderRightBumper,
.csi-lightBoxEditor .dijitSliderRemainingBarH,
.csi-lightBoxEditor .dijitSliderProgressBarH {
  height: 1px;
}
.csi-lightBoxEditor .csi-toolbar-btn-setaction,
.csi-lightBoxEditor .csi-toolbar-btn-cancelcrop {
  display: none;
}
.csi-lightBoxEditor .csi-toolbar-btn-setaction {
  margin-left: 60px;
}
.csi-lightBoxEditor .csi-toolbar-btn-imagereset {
  position: absolute;
  right: 15px;
  color: var(--BtnDarkThemeBtnTextColor);
  top: 2px;
}
.csi-lightBoxEditor .csi-toolbar-btn-imagezoomin {
  position: absolute;
  top: -40px;
  right: 164px;
}
.csi-lightBoxEditor .csi-toolbar-btn-imagezoomout {
  position: absolute;
  top: -40px;
  right: 213px;
}
.csi-lightBoxEditor.csi-save-replace-lightBoxEditor .csi-toolbar-btn-imagezoomin {
  right: 276px;
}
.csi-lightBoxEditor.csi-save-replace-lightBoxEditor .csi-toolbar-btn-imagezoomout {
  right: 323px;
}
.csi-lightBoxEditor .csi-crop-on .csi-primary-btn,
.csi-lightBoxEditor .csi-crop-on .csi-secondary-btn,
.csi-lightBoxEditor .csi-crop-on .csi-toolbar-btn-rotateleft,
.csi-lightBoxEditor .csi-crop-on .csi-toolbar-btn-fliphorizontal,
.csi-lightBoxEditor .csi-crop-on .csi-toolbar-btn-flipvertical {
  pointer-events: none;
}
.csi-lightBoxEditor .csi-crop-on .csi-primary-btn .dijitIcon,
.csi-lightBoxEditor .csi-crop-on .csi-secondary-btn .dijitIcon,
.csi-lightBoxEditor .csi-crop-on .csi-toolbar-btn-rotateleft .dijitIcon,
.csi-lightBoxEditor .csi-crop-on .csi-toolbar-btn-fliphorizontal .dijitIcon,
.csi-lightBoxEditor .csi-crop-on .csi-toolbar-btn-flipvertical .dijitIcon {
  color: var(--BtnDarkThemeDisabledTextColor);
}
.csi-lightBoxEditor .csi-crop-on .csi-toolbar-btn-crop .dijitButtonNode {
  background-color: var(--BtnDarkThemeDisabledBackground);
}
.csi-lightBoxEditor .csi-crop-on .csi-toolbar-btn-setaction,
.csi-lightBoxEditor .csi-crop-on .csi-toolbar-btn-cancelcrop {
  display: inline-block;
}
.csi-lightBoxEditor .csi-cropper-init {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMTkvMTRxK26fAAAALklEQVQ4jWP8//8/Az7w4MEDvAqY8OomAowaMBgMYCEUzwoKCow0dcGoAYPBAACrqAq+b/1B8AAAAABJRU5ErkJggg==);
  background-color: var(--White50);
}
.csi-lightBoxEditor .csi-cropper-init .cropper-crop-box,
.csi-lightBoxEditor .csi-cropper-init .cropper-modal {
  display: none;
}
.csi-lightBoxEditor .csi-toolbar-btn-flipvertical .dijitButtonContents {
  transform: rotate(90deg);
}
.csi-lightBoxEditor .cropper-bg {
  background: none !important;
  width: 100% !important;
  height: 100% !important;
}
.csi-lightBoxEditor .dijitTitlePaneTitleFocus {
  text-transform: uppercase;
}
.csi-lightBoxEditor .csi-image-editor-tools-heading {
  color: var(--PrimaryWhite);
  padding-bottom: 10px;
  position: relative;
}
.csi-lightBoxEditor .csi-image-editor-tools-heading .dijitTitlePaneTextNode {
  margin-right: 0px;
}
.csi-lightBoxEditor .csi-view-Image-ImageWhereUsedGallery .dijitToolbar {
  padding-left: 0px;
}
.csi-lightBoxEditor .csi-view-Image-ImageWhereUsedGallery .csi-gallery-view-content-overflow {
  max-width: 300px !important;
  max-height: 100% !important;
}
.csi-lightBoxEditor .csi-image-editor-info-message {
  color: var(--PrimaryWhite);
  margin: -20px 0px 0px 30px;
  font-size: 10px;
}
.csi-lightBoxEditor .csi-image-editor-info-icon {
  padding-top: 5px;
  padding-left: 5px;
  cursor: default;
}
.csi-lightBoxEditor .csi-image-editor-dismiss-button {
  margin: 10px 0px 5px 30px;
}
.csi-lightBoxEditor .csiActionsNode .csi-primary-btn .dijitButtonNode {
  border: inherit !important;
  border-color: var(--Blue600) !important;
}
.csi-lightBoxEditor .csiActionsNode .csi-secondary-btn .dijitButtonNode {
  border: inherit !important;
  border-color: var(--BtnSecondaryNormalBorderColor) !important;
}
.csi-lightBoxEditor .dijitDialogTitleBar {
  padding: 8px 12px;
  height: 26px;
}
.csi-lightBoxEditor .dijitDialogTitleBar .dijitDialogTitle {
  line-height: 15px;
  vertical-align: text-top;
  font-weight: 600;
}
.csi-lightBoxEditor .dijitDialogTitleBar .material-info-icon {
  flex-grow: 1;
  padding-left: 0;
  position: relative;
  top: 2px;
  transform: none;
}
.csi-lightBoxEditor .dijitDialogTitleBar .dijitDialogCloseIcon .material-icons {
  font-size: 20px;
  line-height: 14px;
}
.csi-view-LightBoxEditor {
/** stay away from inherit from UI theme in 7.1 */
  --CheckBoxFocusedBorderColor: var(--Blue600);
  max-width: 100%;
  max-height: 100%;
}
.csi-view-LightBoxEditor .dijitCheckBoxChecked:before {
  --PrimaryBlue: var(--Blue600);
}
.csi-view-LightBoxEditor .csi-primary-btn {
  --BtnPrimaryNormalBackgroundColor: var(--Blue600);
  --BtnPrimaryFocusedBorderColor: var(--Blue900);
  --BtnPrimaryHoverBorderColor: var(--Blue700);
  --BtnPrimaryHoverBackgroundColor: var(--Blue700);
  --BtnPrimaryDisabledBackgroundColor: var(--Blue200);
  --BtnPrimaryDisabledBorderColor: var(--Blue200);
}
.csi-view-LightBoxEditor .csi-secondary-btn {
  --BtnSecondaryFocusedBorderColor: var(--Blue600);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/css/threeDViewer.styl ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.csi-dark-theme-popup {
  position: fixed !important;
  top: 0px !important;
  left: 0px !important;
  display: block;
  background: var(--Black50);
  color: var(--Grey600);
}
.csi-dark-theme-popup .material-icons {
  color: var(--Grey200);
}
.csi-dark-theme-popup .csi-invalid-message {
  max-width: 100% !important;
}
.csi-dark-theme-popup .dijitReset {
  color: var(--Grey600);
}
.csi-dark-theme-popup .dijitReset.dijitButtonText {
  color: var(--Grey200);
}
.csi-dark-theme-popup .dijitDialog {
  background: var(--Black50);
  border: none;
}
.csi-dark-theme-popup .dijitDialog .csiActionsNode {
  margin-top: 0px;
  margin-bottom: 20px;
}
.csi-dark-theme-popup .dijitDialogPaneContent {
  background: transparent;
  width: 100% !important;
  padding: 0px;
}
.csi-dark-theme-popup .dijitDialogTitleBar,
.csi-dark-theme-popup .dijitTabPaneWrapper {
  background: var(--Black50);
  color: var(--Grey600);
  border-color: var(--Black200);
}
.csi-dark-theme-popup .dijitToolbar .dijitButton .dijitButtonNode,
.csi-dark-theme-popup .dijitToolbar .dijitDropDownButton .dijitButtonNode {
  border: 1px solid var(--Black200);
  background-color: var(--Black200);
}
.csi-dark-theme-popup .dijitToolbar .dijitButton.csi-toolbar-plugin-image-browser {
  margin-right: 0px;
  max-width: 242px;
}
.csi-dark-theme-popup .dijitToolbar .dijitButton.csi-toolbar-plugin-image-browser.dijitActive .dijitButtonNode,
.csi-dark-theme-popup .dijitToolbar .dijitButton.csi-toolbar-plugin-image-browser.dijitHover .dijitButtonNode {
  background: transparent;
}
.csi-dark-theme-popup .dijitToolbar .dijitButton.csi-toolbar-plugin-image-browser .dijitButtonNode {
  border: none;
  background-color: transparent;
}
.csi-dark-theme-popup .dijitToolbar .dijitButton.csi-toolbar-plugin-image-browser .dijitButtonContents {
  width: 176px;
  text-align: left;
}
.csi-dark-theme-popup .dijitTreeRowHover {
  background: var(--Black200);
}
.csi-dark-theme-popup .dijitCheckBox.dijitChecked {
  background: var(--Grey50);
}
.csi-dark-theme-popup .dijitInputField.dijitInputContainer {
  background: var(--Black200);
  color: var(--Grey600);
}
.csi-dark-theme-popup .dijitTextBox {
  border: none;
  background: var(--Black300);
}
.csi-dark-theme-popup .dijitTextBox .dijitInputInner {
  height: 10px;
}
.csi-dark-theme-popup .dijitTabContainerTop-tabs .dijitTabChecked:before,
.csi-dark-theme-popup .dijitTabContainerTop-tabs .dijitTabActive:before,
.csi-dark-theme-popup .dijitTabContainerTop-tabs .dijitTabHover:before {
  background: var(--DarkThemeTabHoverBorderTop);
}
.csi-dark-theme-popup .dijitDialogCloseIcon {
  top: 12px;
}
.csi-dark-theme-popup .dijitDialogCloseIcon .material-icons {
  font-size: 24px;
  display: block;
}
.csi-dark-theme-popup .dijitComboBox .dijitButtonNode {
  background: transparent;
}
.csi-dark-theme-popup .dijitComboBox .dijitInputInner {
  color: var(--Black50);
  height: 14px;
}
.csi-dark-theme-popup .dijitSliderImageHandle {
  outline: none;
}
.csi-dark-theme-popup .dijitSliderImageHandle.dijitSliderThumbHover.dijitSliderThumbFocused {
  box-shadow: 0 0 3pt 1pt var(--Grey50);
}
.csi-dark-theme-popup .csi-shaded-toolbar .dijitToolbar {
  background-color: transparent;
}
/* 3DViewer */
.csi-3Dform-info {
  padding-top: 12px;
}
.csi-3Dform-fileIndex-container {
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 15px;
}
.csi-view-Document-3DForm .csi-popup-field-container {
  display: block;
}
.csi-3Dform-fileIndex-left,
.csi-3Dform-check-message {
  display: inline-block;
  margin: 5px 10px 0px 0px;
  vertical-align: top;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.csi-3Dform-check-message {
  padding-top: 2px;
}
.csi-3Dform-fileIndex-left {
  font-size: 22px;
  color: var(--GreyFour);
  margin-left: 42px;
  width: 22px;
  height: 22px;
}
.csi-3Dform-fileIndex-left.csi-status-ok {
  color: var(--PrimaryBlue);
  cursor: default;
}
/* For gallery views of Default 3D View */
.galleryView .csi-3D-placeholder {
  display: flex;
}
.galleryView .csi-3D-placeholder .csi-flex-row {
  flex-grow: 1;
  justify-content: space-between;
}
.galleryView .csi-3D-placeholder .csi-material-icon-3d_rotation {
  flex-shrink: 0;
  margin-left: 5px;
}
/* For table views of Default 3D View */
td.csi-3D-placeholder {
  max-width: 100%;
}
td.csi-3D-placeholder .csi-flex-row {
  justify-content: space-between;
}
td.csi-3D-placeholder a.browse {
  overflow: hidden;
  display: inline;
  text-overflow: ellipsis;
  line-height: 12px;
  margin-right: 8px;
}
td.csi-3D-placeholder .attrImage {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
td.csi-3D-placeholder .csi-material-icon-3d_rotation {
  flex-shrink: 0;
}
td.iconEditable .csi-material-icon-3d_rotation {
  flex-shrink: 0;
}
.csi-3D-placeholder {
  max-width: 100%;
  justify-content: space-between;
}
.csi-3D-placeholder .csi-material-icon-3d_rotation {
  flex-shrink: 0;
}
td.csi-3D-documents .attrPrimary {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.csi-toolbar-plugin-image-label {
  width: 69px;
  line-height: 26px;
  vertical-align: bottom;
}
.csi-toolbar-plugin-image-browser {
  padding: 5px 5px 5px 0px;
  display: block;
}
.csi-toolbar-plugin-image-browser .dijitButtonText {
  display: none;
}
.csi-toolbar-plugin-image-browser .dijitButtonContents {
  padding: 0px;
  margin: -1px;
}
.csi-toolbar-plugin-image-browser .material-icons {
  font-size: 20px;
}
.csi-toolbar-plugin-image-browser .dijitButton .dijitButtonNode {
  background-color: var(--Black50);
}
.csi-toolbar-plugin-file-btn-container {
  position: relative;
}
.csi-plugin-image-name {
  width: 115px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.csi-plugin-image-label-container {
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
}
.csi-image-browse-preview {
  padding: 0px;
  margin: 0px;
  height: 26px;
  width: 26px;
  margin-right: 5px;
}
.csi-image-browse-preview img {
  max-width: 26px;
  height: 26px;
  width: 26px;
  padding: 0px;
  margin: 0px;
  border-radius: 3px;
}
.csi-toolbar-plugin-file-btn {
  position: absolute;
  top: 5px;
  left: 74px;
  z-index: 1;
  height: 25px;
}
.csi-preview-exists .csi-toolbar-plugin-file-btn {
  opacity: 0.001;
}
.csi-3DMaterial-popup .dijitDialog {
  height: 100%;
}
.csi-3DMaterial-popup .dijitDialogPaneContent {
  height: calc(100% - 50px) !important;
}
.csi-3DMaterial-popup .dijitButtonDisabled {
  opacity: 50%;
}
.dijitPaletteCell .csiActionIcon.iconFaceBack {
  width: 19px;
}
.csi-combo-box-image-card {
  display: flex;
  gap: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  max-width: 400px;
}
.csi-combo-box-image-card > :first-child {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  max-height: 75px;
  width: 75px;
}
.csi-combo-box-image-card > :first-child > img {
  max-height: 100%;
  max-width: 100%;
}
.csi-3D-gallery-icon {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/notification/notification.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.csi-notification-card .csi-read-unread-inner {
  background-color: transparent;
}
.csi-notification-card .csi-read-unread-outer {
  border-color: transparent;
}
.csi-notification-card:hover .csi-read-unread-outer {
  border-color: var(--Grey400);
}
.csi-notification-card .csi-read-unread-btn:hover .csi-read-unread-inner {
  background-color: var(--Grey600);
}
.csi-notification-card .csi-read-unread-btn:hover .csi-unread .csi-read-unread-outer {
  border-color: var(--Grey600);
}
.csi-notification-card .csi-read-unread-btn:active .csi-read-unread-outer {
  border-color: var(--Blue100);
  background-color: var(--Blue100);
}
.csi-notification-card .csi-read-unread-btn:active .csi-read-unread-inner {
  background-color: var(--Blue600);
}
.csi-notification-card .csi-unread .csi-read-unread-inner {
  background-color: var(--Blue600);
}
.csi-notification-card .csi-unread.csi-read-unread-btn:hover .csi-read-unread-inner {
  background-color: var(--Blue600);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/view/ToolbarAttributesDropDown.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.csi-view-toolbar-attributesPopup {
  overflow: hidden !important;
}
.csi-view-toolbar-attributes {
  background-color: var(--PrimaryWhite);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.csi-view-toolbar-attributes .csi-selectlist {
  overflow: hidden;
}
.csi-view-toolbar-attributes-actions {
  border: 1px solid var(--DialogBorderColor);
  border-top: none;
  padding: 10px;
}
.csi-view-toolbar-attributes-actions .browse {
  align-items: center;
  display: flex;
}
.csi-view-toolbar-attributes-actions .material-icons {
  color: unset;
  margin-right: 3px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/widget/ComboBox.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.csi-combo-box-slim-card .csi-combo-box-slim-card-label {
  display: flex;
  flex-direction: column;
  gap: 4px;
/* 3px + 5px from menu item gets to 8px */
  padding-top: 3px;
  padding-bottom: 3px;
}
.csi-combo-box-slim-card .csi-combo-box-slim-card-label > :first-child {
  color: var(--Black100);
}
.csi-combo-box-slim-card .csi-combo-box-slim-card-label > :last-child {
  color: var(--Grey1000);
}
.csi-combo-box-slim-card.multiSelectMenu .csi-result-selection {
/* for multi-select, label needs to line up with checkbox, so put all padding on outside and remove from label */
  padding-top: 8px;
  padding-bottom: 8px;
}
.csi-combo-box-slim-card.multiSelectMenu .csi-result-selection .csi-combo-box-slim-card-label {
  padding: 0;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/widget/ComboBoxPlaceholder.styl ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.csi-combo-box-no-results {
  padding: 0 !important;
}
.csi-combo-box-placeholder {
  background-color: var(--Grey100);
  box-sizing: border-box;
  color: var(--Grey1000);
  display: flex;
  flex-direction: column;
  height: 150px;
  min-width: 200px;
}
.csi-combo-box-placeholder.searching {
  background-color: var(--White50);
}
.csi-combo-box-placeholder.searching .csi-combo-box-placeholder-spinner {
  display: initial;
}
.csi-combo-box-placeholder.searching .csi-combo-box-placeholder-go-to-dialog {
  display: none;
}
.csi-combo-box-placeholder-top {
/* reserve space equal to hint at bottom */
  height: 26px;
}
.csi-combo-box-placeholder-middle {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 0 16px;
}
.csi-combo-box-placeholder-content {
  display: flex;
  gap: 8px;
}
.csi-combo-box-placeholder-hint {
  background-color: var(--Grey400);
  box-sizing: border-box;
  color: var(--Black100);
  height: 26px;
  padding: 4px 8px;
  white-space: nowrap;
}
.csi-combo-box-placeholder-hint label {
  font-weight: bold;
  margin-right: 3px;
}
.csi-combo-box-placeholder-go-to-dialog {
  margin-top: 8px;
}
.csi-combo-box-placeholder-spinner {
  animation: animation-spinner-outer 1.4s linear infinite;
  color: var(--Blue600);
  display: none;
  height: 16px;
  width: 16px;
}
.csi-combo-box-placeholder-spinner circle {
  animation: animation-spinner-inner 1.4s ease-in-out infinite;
  stroke: currentColor;
  stroke-dasharray: 80px, 200px;
  stroke-dashoffset: 0;
}
@-moz-keyframes animation-spinner-outer {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes animation-spinner-outer {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-o-keyframes animation-spinner-outer {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes animation-spinner-outer {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-moz-keyframes animation-spinner-inner {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
}
@-webkit-keyframes animation-spinner-inner {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
}
@-o-keyframes animation-spinner-inner {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
}
@keyframes animation-spinner-inner {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/widget/Container.styl ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.csi-container.csi-container-disabled .csi-container-delete,
.csi-container.csi-container-disabled .csi-container-new {
  display: none;
}
.csi-container.deleteOnHover .csi-container-delete {
  display: none;
}
.csi-container.deleteOnHover .csi-container-item:hover .csi-container-delete {
  display: block;
}
.csi-container.deleteOnHover.csi-container-disabled .csi-container-item:hover .csi-container-delete {
  display: none;
}
.csi-containerPopup {
  background-color: var(--PrimaryWhite);
  border: var(--StandardBorder) !important;
  max-height: 350px;
  overflow: auto;
  padding-right: 20px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/widget/CountToggle.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.csi-count-toggle {
  border-radius: 3px;
  padding: 3px 6px;
}
.csi-count-toggle:hover {
  background-color: var(--CountToggleHoverBackgroundColor);
}
.csi-count-toggle + .csi-count-toggle {
  margin-left: 3px;
}
.csi-count-toggle > :first-child {
  border-radius: 50%;
  font-weight: bold;
  margin-right: 4px;
  min-width: 22px;
  padding: 3px 0;
  text-align: center;
}
.csi-count-toggle-checked {
  background-color: var(--CountToggleCheckedBackgroundColor);
}
.csiSelected .csi-count-toggle:hover,
.csiHighlight .csi-count-toggle:hover,
.csiSelected .csi-count-toggle-checked,
.csiHighlight .csi-count-toggle-checked {
  background-color: var(--CountToggleCheckedSelectedBackgroundColor);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/widget/LabeledWidget.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.csi-labeled-widget-separator {
  margin-right: 4px;
}
.csi-labeled-widget-to-right {
  display: flex;
}
.csi-labeled-widget-to-right .csi-labeled-widget-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.csi-labeled-widget-to-right .csi-labeled-widget-widget {
  flex-grow: 1;
  text-align: right;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/widget/GridSelect.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.csi-grid-select-grid {
  height: 300px;
}
.csi-grid-select-grid :focus {
  outline: none;
}
.csi-grid-select-grid .dgrid-cell {
  border-color: transparent;
  height: 22px;
  padding: 2px;
}
.csi-grid-select-text {
  background-color: var(--GutterBackgroundColor);
  border: 1px solid var(--TextfieldNormalBorderColor);
  padding: 4px;
}
.csi-grid-select-text .dijitTextBox {
  width: 100%;
}
.csi-grid-select-checkmark {
  width: 26px;
}
.csi-grid-select-checkmark input {
  display: none;
}
.csi-grid-select .dgrid-row:hover {
  background-color: var(--GridSelectRowHoverBackgroundColor);
}
.csi-grid-select .dgrid-row:hover .csi-grid-select-checkmark:before {
  color: var(--GridSelectCheckRowHoverColor);
}
.csi-grid-select .dgrid-row:hover .csi-grid-select-checkmark:hover:before {
  color: var(--GridSelectCheckHoverColor);
}
.csi-grid-select .dgrid-row:hover .dgrid-cell:hover {
  background-color: var(--GridSelectHoverBackgroundColor);
}
.csi-grid-select .dgrid-selected {
  background-color: var(--GridSelectSelectedBackgroundColor);
}
.csi-grid-select .dgrid-selected .csi-grid-select-checkmark:before {
  color: var(--GridSelectCheckSelectedColor) !important;
}
.csi-grid-select-checkmark:before {
  color: var(--PrimaryWhite);
  content: "\E5CA";
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 14px;
  height: 14px;
  left: 3px;
  position: relative;
  top: 1px;
  width: 14px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/widget/ImageContainer.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.csi-turntable-image-container-root {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.csiGalleryProperties .csi-turntable-image-container-root {
  display: inline-block;
  width: unset;
  height: unset;
}
.csi-turntable-image-container-image {
  max-width: 100%;
  max-height: 100%;
}
.csi-turntable-image-container-icon {
  pointer-events: none;
  position: absolute;
  display: none;
  right: 2px;
  bottom: 2px;
  width: 20px;
  height: 20px;
}
.csi-turntable-icon {
  position: absolute;
  bottom: 0;
  right: 0;
}
.csi-turntable-image-icon {
  width: 20px;
  height: 20px;
}
.csi-turntable-image-icon svg {
  width: 20px;
  height: 20px;
}
.csi-turntable-image-container-hover {
  display: none;
  pointer-events: none;
}
.csi-attribute-card-slim .csi-turntable-image-container-icon,
.csi-turntable-attrImageSmallest .csi-turntable-image-container-icon {
  display: none !important;
}
.csi-attribute-card-slim:hover .csi-turntable-image-container-hover,
.csi-turntable-attrImageSmallest:hover .csi-turntable-image-container-hover {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  opacity: 80%;
  display: block !important;
}
.csi-attribute-card-slim:hover .csi-turntable-image-container-icon,
.csi-turntable-attrImageSmallest:hover .csi-turntable-image-container-icon {
  top: calc(50% - 10px);
  right: calc(50% - 10px);
  display: block !important;
}
.csi-attribute-card-slim:hover .csi-svg-background,
.csi-turntable-attrImageSmallest:hover .csi-svg-background {
  display: none;
}
.csi-turntable-image-cache {
  height: 0;
  width: 0;
}
.csi-turntable-image-cache img {
  width: 0;
  height: 0;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/widget/SortIndicator.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.csi-sort-indicator {
  display: inline-block;
  position: relative;
  width: 7px;
}
.csi-sort-indicator > * {
  height: 6px;
}
.csi-sort-indicator .material-icons {
  color: var(--SortIndicatorInactiveColor);
  font-size: 17px;
  position: relative;
  top: -5px;
  left: -5px;
}
.csi-sort-indicator-with-level {
  width: 15px;
}
.csi-sort-indicator-active .material-icons {
  color: var(--SortIndicatorActiveColor);
}
.csi-sort-indicator-level {
  color: var(--SortIndicatorLevelColor);
  font-size: 10px;
  font-weight: normal;
  position: absolute;
  top: -2px;
  right: 0;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/widget/TextWithMaterialIcon.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.csi-text-with-material-icon-icon {
  margin-left: 5px;
  flex-shrink: 0;
}
.csi-text-with-icon-left.csi-flex-row {
  flex-direction: row-reverse;
}
.csi-text-with-icon-left .csi-text-with-material-icon-icon {
  margin-left: 0;
  margin-right: 5px;
}
.csi-text-with-icon-icon-only {
  vertical-align: bottom;
}
.csi-text-with-icon-icon-only .csi-text-with-material-icon-text {
  display: none;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/widget/UserCollection.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.csi-user-collection > * + * {
  margin-left: -7px;
}
.csi-user-collection .csi-user-icon-image {
  background-color: var(--PrimaryWhite);
  border-radius: 50%;
  padding: 2px;
}
.csi-user-collection-button {
  height: 28px;
  position: relative;
  vertical-align: top;
  width: 28px;
}
.csi-user-collection-button .dijitButtonNode {
  align-items: center;
  background-color: var(--UserIconBackgroundColor);
  border-color: var(--PrimaryWhite);
  border-radius: 50%;
  border-width: 2px;
  color: var(--PrimaryWhite);
  display: flex;
  font-size: 11px;
  height: 24px;
  padding: 0;
  width: 24px;
}
.csi-user-collection-button .dijitButtonContents {
  margin: auto;
}
.csi-user-collection-button .dijitButtonText {
  padding: 0;
}
.csi-user-collection-button.dijitOpened .dijitButtonNode {
  border-color: var(--BtnToolbarFocusedBorderColor);
}
.csi-user-collection-drop-down .csi-container-item {
  display: flex;
  margin: 6px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/csi/widget/UserIcon.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.csi-user-icon {
  align-items: center;
  display: inline-flex;
}
.csi-user-icon-image {
  height: var(--UserIconSize);
  width: var(--UserIconSize);
}
.csi-user-icon-image > * {
  border-radius: 50%;
}
.csi-user-icon-image .iconUser {
  cursor: initial;
  height: var(--UserIconSize);
  width: var(--UserIconSize);
}
.csi-user-icon-image img {
  max-height: var(--UserIconSize);
  max-width: var(--UserIconSize);
}
.csi-user-icon-name {
  margin-left: 6px;
}
.attrRef .csi-user-icon {
  margin-right: 6px;
  vertical-align: middle;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/Apparel/Apparel.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/* Apparel module styling */
.treeNodeLabelGroup {
  font-size: 10pt;
}
/* Theme */
.styleInactiveSizes {
  float: right;
  margin-left: 10px;
}
/* ApparelBOM */
.csi-ownership-type {
  font-style: italic;
  justify-content: space-between;
  align-items: center;
}
.csi-ownership-type .csi-linked {
  color: var(--Orange600);
}
.csi-ownership-type .csi-owned {
  color: var(--Green700);
}
.csi-ownership-type .csi-referenced {
  color: var(--Purple600);
}
/* SIZES */
.csi-size-ranges {
  padding-right: 5px;
/* prevent overlap with comment bubble icon */
}
.csi-size-ranges .csi-text-with-material-icon-text > span {
  display: inline-block;
  margin-right: 3px;
  white-space: nowrap;
}
.csi-size-ranges .material-icons {
  height: 14px;
  width: 14px;
  min-width: 14px;
}
.csi-size-ranges .csi-material-icon-open_in_new {
  margin-right: 5px;
}
.galleryView .csi-size-ranges {
  display: flex;
}
.galleryView .csi-size-ranges .csi-flex-row {
  flex-grow: 1;
}
.galleryView .csi-size-ranges .csi-material-icon-open_in_new {
  margin-right: 0px;
}
.galleryView .csi-size-ranges .csi-text-with-material-icon-text {
  line-height: 18px;
}
/* SIZE MATRIX */
.csi-sizes-table {
  --TableCellPaddingV: 10px;
}
.csi-sizes-table .csiDialogScroll {
  min-height: unset;
}
.csi-sizes-table .csi-table-row:first-child > [data-csi-table-header-matrix] .csi-table-header-container {
  justify-content: left;
}
.csi-sizes-table .material-icons {
  color: var(--BlueCheckmark);
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/AQL/AQL.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/*  Inspections – Batch – Section tests styling*/
.csi-view-FinalInspectionBatchSection-BatchSectionTestSpecs th.columns {
  white-space: nowrap;
}
.tableSizeChart tbody td.OutOfTolerance {
  background-color: var(--Blue1);
}
.tableSizeChart tbody td.OutOfToleranceBold {
  font-weight: bold;
}
.tableDimensions tbody td.dimension {
  font-size: 1.1em;
  font-weight: bold;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/SpecificationDataSheet/SpecificationDataSheet.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
/* add styling specific to this module */
.csi-spec-section-edit[data-csi-table-state="+"] .actionsColumn .csiActions {
  display: none;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/Calendar/Calendar.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.tableView .csi-table-row:first-child th.milestone {
  --TableHeaderBackgroundColor: var(--CalendarTableHeaderColorMilestone);
}
.timelineActivities {
  position: relative;
  height: 20px;
  margin: 1px;
}
.timelineActivity {
  display: inline-block;
  height: 22px;
  margin: 2px 0;
  overflow: hidden;
  padding: 1px 3px;
  width: 22px;
/* Necessary to override .csi-table-show-extra-column tr styling */
  white-space: normal;
}
.timelineExpanded {
  background-color: var(--CalendarTimeLineExpBackgroundColor);
  border: 1px solid var(--CalendarTimeLineExpBorderColor);
  margin: 1px 0;
  padding: 1px 2px;
  z-index: 10000;
}
.csi-toolbar-btn-Timespan .dijitButton {
  margin-left: 4px;
}
.csi-toolbar-btn-Timespan .dijitButton .dijitButtonNode {
  padding: 5px 2px 4px;
}
/* Timeline Icons */
.timelineActivities .csiActionIcon {
  background-image: url(data:image/png;base64,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);
}
.iconActivityIconCircle {
  background-position: -2px -2px;
}
.iconActivityIconCircleGreen {
  background-position: -23px -2px;
}
.iconActivityIconCircleLime {
  background-position: -44px -2px;
}
.iconActivityIconCircleYellow {
  background-position: -65px -2px;
}
.iconActivityIconCircleRed {
  background-position: -86px -2px;
}
.iconActivityIconDiamond {
  background-position: -2px -23px;
}
.iconActivityIconDiamondGreen {
  background-position: -23px -23px;
}
.iconActivityIconDiamondLime {
  background-position: -44px -23px;
}
.iconActivityIconDiamondYellow {
  background-position: -65px -23px;
}
.iconActivityIconDiamondRed {
  background-position: -86px -23px;
}
.iconActivityIconTriangleDown {
  background-position: -2px -44px;
}
.iconActivityIconTriangleDownGreen {
  background-position: -23px -44px;
}
.iconActivityIconTriangleDownLime {
  background-position: -44px -44px;
}
.iconActivityIconTriangleDownYellow {
  background-position: -65px -44px;
}
.iconActivityIconTriangleDownRed {
  background-position: -86px -44px;
}
.iconActivityIconSquare {
  background-position: -2px -65px;
}
.iconActivityIconSquareGreen {
  background-position: -23px -65px;
}
.iconActivityIconSquareLime {
  background-position: -44px -65px;
}
.iconActivityIconSquareYellow {
  background-position: -65px -65px;
}
.iconActivityIconSquareRed {
  background-position: -86px -65px;
}
.iconActivityIconStar {
  background-position: -2px -86px;
}
.iconActivityIconStarGreen {
  background-position: -23px -86px;
}
.iconActivityIconStarLime {
  background-position: -44px -86px;
}
.iconActivityIconStarYellow {
  background-position: -65px -86px;
}
.iconActivityIconStarRed {
  background-position: -86px -86px;
}
.iconActivityIconTriangle {
  background-position: -2px -107px;
}
.iconActivityIconTriangleGreen {
  background-position: -23px -107px;
}
.iconActivityIconTriangleLime {
  background-position: -44px -107px;
}
.iconActivityIconTriangleYellow {
  background-position: -65px -107px;
}
.iconActivityIconTriangleRed {
  background-position: -86px -107px;
}
.iconActivityIconMultiple {
  background-position: -2px -128px;
}
.iconActivityIconMultipleGreen {
  background-position: -23px -128px;
}
.iconActivityIconMultipleLime {
  background-position: -44px -128px;
}
.iconActivityIconMultipleYellow {
  background-position: -65px -128px;
}
.iconActivityIconMultipleRed {
  background-position: -86px -128px;
}
.iconActivityIconRightArrow {
  background-position: -2px -149px;
}
.iconActivityIconRightArrowGreen {
  background-position: -23px -149px;
}
.iconActivityIconRightArrowLime {
  background-position: -44px -149px;
}
.iconActivityIconRightArrowYellow {
  background-position: -65px -149px;
}
.iconActivityIconRightArrowRed {
  background-position: -86px -149px;
}
.iconActivityIconLeftArrow {
  background-position: -2px -170px;
}
.iconActivityIconLeftArrowGreen {
  background-position: -23px -170px;
}
.iconActivityIconLeftArrowLime {
  background-position: -44px -170px;
}
.iconActivityIconLeftArrowYellow {
  background-position: -65px -170px;
}
.iconActivityIconLeftArrowRed {
  background-position: -86px -170px;
}
.iconActivityIconDownArrow {
  background-position: -2px -191px;
}
.iconActivityIconDownArrowGreen {
  background-position: -23px -191px;
}
.iconActivityIconDownArrowLime {
  background-position: -44px -191px;
}
.iconActivityIconDownArrowYellow {
  background-position: -65px -191px;
}
.iconActivityIconDownArrowRed {
  background-position: -86px -191px;
}
.iconActivityIconUpArrow {
  background-position: -2px -212px;
}
.iconActivityIconUpArrowGreen {
  background-position: -23px -212px;
}
.iconActivityIconUpArrowLime {
  background-position: -44px -212px;
}
.iconActivityIconUpArrowYellow {
  background-position: -65px -212px;
}
.iconActivityIconUpArrowRed {
  background-position: -86px -212px;
}
.iconActivityIconStyle {
  background-position: -2px -233px;
}
.iconActivityIconStyleGreen {
  background-position: -23px -233px;
}
.iconActivityIconStyleLime {
  background-position: -44px -233px;
}
.iconActivityIconStyleYellow {
  background-position: -65px -233px;
}
.iconActivityIconStyleRed {
  background-position: -86px -233px;
}
.iconActivityIconBuilding {
  background-position: -2px -254px;
}
.iconActivityIconBuildingGreen {
  background-position: -23px -254px;
}
.iconActivityIconBuildingLime {
  background-position: -44px -254px;
}
.iconActivityIconBuildingYellow {
  background-position: -65px -254px;
}
.iconActivityIconBuildingRed {
  background-position: -86px -254px;
}
.iconActivityIconRuler {
  background-position: -2px -275px;
}
.iconActivityIconRulerGreen {
  background-position: -23px -275px;
}
.iconActivityIconRulerLime {
  background-position: -44px -275px;
}
.iconActivityIconRulerYellow {
  background-position: -65px -275px;
}
.iconActivityIconRulerRed {
  background-position: -86px -275px;
}
.iconActivityIconTag {
  background-position: -2px -296px;
}
.iconActivityIconTagGreen {
  background-position: -23px -296px;
}
.iconActivityIconTagLime {
  background-position: -44px -296px;
}
.iconActivityIconTagYellow {
  background-position: -65px -296px;
}
.iconActivityIconTagRed {
  background-position: -86px -296px;
}
.iconActivityIconPen {
  background-position: -2px -317px;
}
.iconActivityIconPenGreen {
  background-position: -23px -317px;
}
.iconActivityIconPenLime {
  background-position: -44px -317px;
}
.iconActivityIconPenYellow {
  background-position: -65px -317px;
}
.iconActivityIconPenRed {
  background-position: -86px -317px;
}
.iconActivityIconTruckLeft {
  background-position: -2px -338px;
}
.iconActivityIconTruckLeftGreen {
  background-position: -23px -338px;
}
.iconActivityIconTruckLeftLime {
  background-position: -44px -338px;
}
.iconActivityIconTruckLeftYellow {
  background-position: -65px -338px;
}
.iconActivityIconTruckLeftRed {
  background-position: -86px -338px;
}
.iconActivityIconTruckRight {
  background-position: -2px -359px;
}
.iconActivityIconTruckRightGreen {
  background-position: -23px -359px;
}
.iconActivityIconTruckRightLime {
  background-position: -44px -359px;
}
.iconActivityIconTruckRightYellow {
  background-position: -65px -359px;
}
.iconActivityIconTruckRightRed {
  background-position: -86px -359px;
}
.iconActivityIconHouse {
  background-position: -2px -380px;
}
.iconActivityIconHouseGreen {
  background-position: -23px -380px;
}
.iconActivityIconHouseLime {
  background-position: -44px -380px;
}
.iconActivityIconHouseYellow {
  background-position: -65px -380px;
}
.iconActivityIconHouseRed {
  background-position: -86px -380px;
}
.iconActivityIconPicture {
  background-position: -2px -401px;
}
.iconActivityIconPictureGreen {
  background-position: -23px -401px;
}
.iconActivityIconPictureLime {
  background-position: -44px -401px;
}
.iconActivityIconPictureYellow {
  background-position: -65px -401px;
}
.iconActivityIconPictureRed {
  background-position: -86px -401px;
}
.iconActivityIconBag {
  background-position: -2px -422px;
}
.iconActivityIconBagGreen {
  background-position: -23px -422px;
}
.iconActivityIconBagLime {
  background-position: -44px -422px;
}
.iconActivityIconBagYellow {
  background-position: -65px -422px;
}
.iconActivityIconBagRed {
  background-position: -86px -422px;
}
.iconActivityIconMeeting {
  background-position: -2px -443px;
}
.iconActivityIconMeetingGreen {
  background-position: -23px -443px;
}
.iconActivityIconMeetingLime {
  background-position: -44px -443px;
}
.iconActivityIconMeetingYellow {
  background-position: -65px -443px;
}
.iconActivityIconMeetingRed {
  background-position: -86px -443px;
}
.iconActivityIconFactory {
  background-position: -2px -464px;
}
.iconActivityIconFactoryGreen {
  background-position: -23px -464px;
}
.iconActivityIconFactoryLime {
  background-position: -44px -464px;
}
.iconActivityIconFactoryYellow {
  background-position: -65px -464px;
}
.iconActivityIconFactoryRed {
  background-position: -86px -464px;
}
.iconActivityIconIron {
  background-position: -2px -485px;
}
.iconActivityIconIronGreen {
  background-position: -23px -485px;
}
.iconActivityIconIronLime {
  background-position: -44px -485px;
}
.iconActivityIconIronYellow {
  background-position: -65px -485px;
}
.iconActivityIconIronRed {
  background-position: -86px -485px;
}
.iconActivityIconScissor {
  background-position: -2px -506px;
}
.iconActivityIconScissorGreen {
  background-position: -23px -506px;
}
.iconActivityIconScissorLime {
  background-position: -44px -506px;
}
.iconActivityIconScissorYellow {
  background-position: -65px -506px;
}
.iconActivityIconScissorRed {
  background-position: -86px -506px;
}
.iconActivityIconSample {
  background-position: -2px -527px;
}
.iconActivityIconSampleGreen {
  background-position: -23px -527px;
}
.iconActivityIconSampleLime {
  background-position: -44px -527px;
}
.iconActivityIconSampleYellow {
  background-position: -65px -527px;
}
.iconActivityIconSampleRed {
  background-position: -86px -527px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/Camunda/Camunda.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.attrEnumCamundaPriority {
  white-space: nowrap;
}
.csi-camunda-action-icon {
  color: var(--IconColor) !important;
}
.csi-toolbar-btn-icon-PageTasks {
  top: 1px;
}
.csi-view-CamundaGlobal-CamundaProcessDefinitions .csi-table-row[data-csi-table-state="-"] .csi-name-value-pair {
  visibility: hidden;
}
.csi-view-CamundaGlobal-CamundaProcessDefinitions .csi-table-row[data-csi-table-state="-"] .attrNumber {
  font-weight: bold;
}
.csi-camunda-process-legend {
  background: var(--PrimaryWhite);
  padding: 4px;
  position: absolute;
  right: 0;
  top: 0;
}
.csi-camunda-process-legend > div {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.csi-camunda-process-legend > div > :first-child {
  border: var(--StandardBorder);
  height: 20px;
  margin-right: 8px;
  width: 20px;
}
.csi-camunda-process-viewer {
  background-color: var(--StandardBackgroundColor);
  position: relative;
  width: 100%;
  flex-grow: 1;
/* Remove top margin from the action node to make the vertical diagram/detail separator and the action separator touch each other */
}
.csi-camunda-process-viewer .csi-view-toolbar-container {
  position: absolute;
  left: 12px;
  top: 12px;
  width: calc(100% - 24px);
  z-index: 1;
}
.csi-camunda-process-viewer .djs-element.hover > :last-child {
  stroke: none;
}
.csi-camunda-process-viewer .djs-element.selected > :last-child {
  stroke: none;
}
.csi-camunda-process-viewer svg {
  display: block;
}
.csi-camunda-process-viewer .csiActionsNode {
  margin-top: 0px;
}
.csi-camunda-process-viewer .bjs-container .bjs-breadcrumbs {
  position: absolute;
  top: 40px;
  gap: 5px;
  display: inline-flex;
  list-style: none;
  padding-inline-start: 15px;
}
.csi-camunda-process-viewer .bjs-container .bjs-breadcrumbs li::before {
  content: "";
}
.csi-camunda-process-viewer .bjs-container .bjs-breadcrumbs li + li::before {
  content: ">";
  margin-right: 6px;
  font-weight: bolder;
}
.csi-camunda-process-viewer .bjs-container .bjs-breadcrumbs li:last-child a {
  pointer-events: none;
  color: #000;
  cursor: default;
}
.csi-camunda-completed-background {
  background-color: var(--CamundaTaskCompletedColor);
}
.csi-camunda-canceled-background {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='none' stroke='%23dadfe8' stroke-width='2' d='M0 10h0L10 0'/%3e%3c/svg%3e") !important;
  background-size: 5px !important;
}
.csi-camunda-suspended-background {
  background-color: var(--CamundaTaskSuspendedColor);
}
.csi-camunda-not-started-background {
  background-color: var(--CamundaTaskNotStartedColor);
}
.csi-camunda-running-background {
  background-color: var(--CamundaTaskRunningColor);
}
.csi-camunda-service-background {
  background-color: var(--CamundaTaskServiceColor);
}
.csi-camunda-canceled-task > .djs-visual > :nth-child(1) {
  fill: url("#csi-pattern-not-applicable") !important;
}
.csi-camunda-completed-task > .djs-visual > :nth-child(1) {
  fill: var(--CamundaTaskCompletedColor) !important;
}
.csi-camunda-not-started-task > .djs-visual > :nth-child(1) {
  fill: var(--CamundaTaskNotStartedColor) !important;
}
.csi-camunda-running-task > .djs-visual > :nth-child(1) {
  fill: var(--CamundaTaskRunningColor) !important;
}
.csi-camunda-suspended-task > .djs-visual > :nth-child(1) {
  fill: var(--CamundaTaskSuspendedColor) !important;
}
.csi-camunda-service-task > .djs-visual > :nth-child(1) {
  fill: var(--CamundaTaskServiceColor) !important;
}
.csi-view-CamundaProcessDefinitionRevision-Host .csi-camunda-service-task.hover > .djs-visual > :nth-child(1),
.csi-camunda-user-task.hover > .djs-visual > :nth-child(1) {
  fill: var(--TableRowHoverBackgroundColor) !important;
}
.csi-view-CamundaProcessDefinitionRevision-Host .csi-camunda-service-task.selected .djs-visual > :nth-child(1),
.csi-camunda-user-task.selected .djs-visual > :nth-child(1) {
  fill: var(--TableRowSelectedBackgroundColor) !important;
}
.csi-view-Site-CamundaProcessOnInstance {
  overflow-x: hidden;
}
.csi-view-Site-CamundaProcessOnInstance .csi-view-header > .csi-flex-row {
  padding: var(--CompositeViewSpacing);
}
.csi-view-Site-CamundaProcessOnInstance .csi-fs-toolbar {
  display: none;
}
.csi-view-Site-CamundaProcessOnInstance .csi-placeholder-box {
  margin: 0 16px;
}
.csi-view-Site-CamundaProcessOnInstance .csi-table-placeholder + .csiActionsNode {
  display: none;
}
.csi-view-Site-CamundaProcessOnInstance .csi-fs-table .csi-placeholder-img {
  width: 100%;
}
.csi-view-Site-CamundaProcessOnInstance .csi-fs-table .csi-table-row > td {
  padding-bottom: 10px;
  padding-top: 8px;
}
.csi-view-Site-CamundaProcessOnInstance .csi-fs-table .tableViewGroup {
  background-color: var(--CamundaProcessBackgroundColor);
}
.csi-view-Site-CamundaProcessOnInstance .csi-fs-table .tableViewGroup .csi-attribute-card-anchor {
  font-weight: bold;
  white-space: normal;
}
.csi-view-Site-CamundaProcessOnInstance .csi-fs-slide-pane .csi-container-item {
  box-sizing: border-box;
  width: 275px;
}
.csi-view-Site-CamundaProcessOnInstance:not(.csi-fs-on) .csi-view-header .csi-fs-label,
.csi-view-Site-CamundaProcessOnInstance:not(.csi-fs-on) .csi-view-header .csi-fs-pane-close {
  display: inherit;
}
.csi-view-Site-CamundaProcessOnInstance:not(.csi-fs-on) .csi-view-header .csi-fs-pane-close > span {
  top: 0;
}
.csi-container-select-list {
  background-color: var(--GutterBackgroundColor);
  height: 100%;
}
.csi-container-select-list .csi-container-list {
  padding: var(--GallerySpacing);
}
.csi-container-select-list .csi-container-item {
  align-items: center;
  background-color: var(--StandardBackgroundColor);
  border: var(--StandardBorder);
  border-radius: 3px;
  padding: 6px;
}
.csi-container-select-list .csi-container-item + .csi-container-item {
  margin-top: var(--CompositeViewSpacing);
}
.csi-toolbar-btn-CamundaCompleteSetup {
  margin-left: var(--CamundaTaskSpacing);
}
.csi-toolbar-btn-CamundaBatchCompleteInfo {
  margin-right: var(--CamundaTaskSpacing);
}
.csi-toolbar-btn-Notifications {
  position: relative;
}
.csi-camunda-example-action {
  margin-top: 2px;
}
.csi-camunda-table-group-content {
  display: inline-block;
  margin-left: 18px;
}
.csi-camunda-task-no-example .csi-camunda-example-action {
  display: none;
}
.csi-focused-view-and-action {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.csi-focused-view-and-action > .csi-view-header {
  border-bottom: 1px solid var(--BreadcrumbNormalBorderColor);
  font-size: 14px;
}
.csi-focused-view-and-action > .csi-view-header .csi-focused-view-title {
  font-weight: bold;
  margin-right: 5px;
  padding: var(--CompositeViewSpacing) var(--CompositeViewSpacing) var(--CompositeViewSpacing) 0;
}
.csi-focused-view-and-action > .csi-view-header .csi-invalid-message {
  display: flex;
  margin-top: 8px;
}
.csi-focused-view-and-action > .csi-view-scroll {
  flex-grow: 1;
  overflow: auto;
}
.csi-focused-view-and-action > .csiActionsNode {
  border-top: 1px solid var(--BreadcrumbNormalBorderColor);
  overflow: visible;
  padding: 0;
}
.csi-focused-view-and-action > .csiActionsNode .csiActions {
  display: flex;
  padding: var(--CompositeViewSpacing);
  text-align: center;
}
.csi-focused-view-and-action > .csiActionsNode .csiActions > * {
  flex-grow: 1;
}
.csi-title-pane-white .dijitTitlePaneTextNode {
  font-weight: bold;
}
.csi-title-pane-white .dijitArrowNode {
  vertical-align: top;
}
.csi-title-pane-white .dijitTitlePaneTitle {
  background-color: var(--PrimaryWhite);
  padding-left: 6px;
}
.csi-title-pane-white .dijitTitlePaneTitle.dijitOpen {
  border-bottom-color: var(--PrimaryWhite);
}
.csi-title-pane-white .dijitTitlePaneContentInner {
  padding: 0 25px 10px;
}
.csi-title-pane-white .csi-property-where-used {
  display: none;
}
.csi-title-pane-white .csiHeadingColumnTable > tbody:last-child .csiHeadingColumn {
  padding-bottom: 0;
}
.csi-camunda-tasks-filmstrip-content .csi-fs-content {
  background-color: var(--GutterBackgroundColor);
}
.csi-camunda-tasks-filmstrip-content .csi-fs-content .htmlViewContent {
  display: flex;
  flex-direction: column;
}
.csi-camunda-tasks-filmstrip-content .csi-title-pane-white {
  margin: var(--CompositeViewSpacing) 0 0 var(--CompositeViewSpacing);
}
.csi-camunda-tasks-filmstrip.csi-fs-on .csi-fs-column-left .csi-view-header {
  margin-top: 7px;
}
.csi-camunda-tasks-filmstrip:not(.csi-fs-on) .csi-attribute-card .csi-attribute-card-bottom-right,
.csi-camunda-tasks-filmstrip:not(.csi-fs-on) .csi-attribute-card .csi-attribute-card-upper-right {
  display: none;
}
.csi-camunda-tasks-filmstrip:not(.csi-fs-on) .csi-camunda-tasks-batch {
  display: none;
}
.csi-camunda-tasks-filmstrip .tableViewGroup[data-csi-table-state="+"] .csi-camunda-tasks-batch-report {
  display: none;
}
.csi-camunda-tasks-filmstrip .tableViewGroup.csiSelected {
  background-color: var(--TableRowBackgroundColorGroup) !important;
}
.csi-camunda-tasks-filmstrip .tableViewGroup.csiSelected .csi-camunda-tasks-batch-report {
  background-color: var(--TableRowSelectedBackgroundColor);
}
.csi-view-BatchTasks {
  margin-bottom: 0 !important;
}
.csi-view-BatchTasks .csiViewToolbar {
/* hide reset filter button */
  display: none;
}
.csi-camunda-tasks-batch {
  line-height: 1px;
}
.csi-camunda-tasks-batch .dijitButtonNode {
  border: none;
  padding-right: 0;
}
.csi-camunda-tasks-batch-report {
  align-items: center;
  background-color: var(--PrimaryWhite);
  border-top: 1px solid var(--TableBorderColor);
  cursor: pointer;
  display: none;
  font-weight: bold;
  height: 58px;
  margin-top: var(--TableCellPaddingV);
  margin-bottom: calc(-1 * var(--TableCellPaddingV));
  margin-left: calc(-1 * var(--TableCellPaddingH));
}
.csi-camunda-tasks-batch-report:not(.csiSelected):hover {
  background-color: var(--TableRowHoverBackgroundColor);
}
.csi-camunda-tasks-batch-report > .material-icons {
  margin-left: var(--CamundaTaskSpacing);
  margin-right: 10px;
}
.csi-camunda-tasks-batch-enable {
  padding-right: 0;
}
.csi-camunda-tasks-batch-enable .csi-camunda-tasks-batch-report {
  display: flex;
}
.csi-camunda-task-view-context .csi-view {
  margin-bottom: 0;
}
.csi-camunda-task-view-context .csiHeadingCell.odd {
  background-color: inherit;
}
.csi-camunda-task-view-context .csiHeadingCell:not(.odd):last-child > th,
.csi-camunda-task-view-context .csiHeadingCell:not(.odd):last-child > td {
  border-bottom-color: var(--PrimaryWhite);
}
.csi-camunda-task-view-context .csiHeadingCellLabel,
.csi-camunda-task-view-context .csiHeadingCell > td {
  padding-bottom: 2px;
  padding-top: 2px;
}
.csi-camunda-task-view-context .csi-property-image-label {
  display: none;
}
.csi-camunda-task-view-custom {
  background-color: var(--PrimaryWhite);
  margin-top: var(--CompositeViewSpacing);
  padding: var(--CompositeViewSpacing) var(--CompositeViewSpacing) 0 var(--CompositeViewSpacing);
}
.csi-camunda-task-view-custom .csi-flex-view.tabsView > .dijitTabContainer > .dijitTabPaneWrapper {
  overflow: auto;
}
.csi-camunda-task-view-custom .csi-flex-view.tabsView > .dijitTabContainer > .dijitTabPaneWrapper > .dijitTabContainerTopChildWrapper {
  height: fit-content;
}
.csi-camunda-task-view-custom-title {
  margin-bottom: var(--CompositeViewSpacing);
}
.csi-camunda-task-view-custom-title > :first-child {
  font-weight: bold;
  margin-right: 6px;
}
.csi-camunda-task-view-custom-title > :last-child {
  font-weight: var(--SemiBold);
}
.csi-camunda-task-view-custom-view > .csi-view {
  margin-bottom: 0;
}
.csi-camunda-task-view-placeholder {
  background-color: var(--GutterBackgroundColor);
}
.csi-camunda-task-view-placeholder .csi-camunda-task-view-custom-title {
  display: none;
}
.csi-camunda-task-view-placeholder .csi-camunda-task-view-custom-view {
  height: 100%;
}
.csi-camunda-task-view-placeholder .csi-placeholder-container {
  background-color: var(--GutterBackgroundColor);
}
.csi-camunda-task-due-Next {
  color: var(--CamundaTaskNextColor);
}
.csi-camunda-task-due-Overdue {
  color: var(--CamundaTaskOverdueColor);
}
.csi-camunda-task-due-Today,
.csi-camunda-task-due-Upcoming {
  color: var(--CamundaTaskUpcomingColor);
}
.csi-filmstrip-view-header {
  align-items: center;
}
.csi-filmstrip-view-header > .dijitContentPane {
  flex-grow: 1;
}
.csi-filmstrip-view-header-batch-icon {
  margin-left: 8px;
  margin-right: var(--CamundaTaskSpacing);
}
.csi-filmstrip-view-header-name {
  max-width: 400px;
}
.csi-filmstrip-view-header-properties {
  flex-grow: 1;
}
.csi-filmstrip-view-header-properties > div {
  margin-right: var(--CamundaTaskSpacing);
}
.csi-filmstrip-view-header-properties > div > div {
  overflow: hidden;
}
.csi-filmstrip-view-header-properties > div > :first-child {
  color: var(--DisabledText);
  font-weight: bold;
  margin-bottom: 6px;
  white-space: nowrap;
}
.csi-filmstrip-view-header-properties .csi-filmstrip-view-header-name > :first-child {
  color: inherit;
  white-space: normal;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.csi-filmstrip-view-header-properties-multiline > div > :last-child {
  height: 34px;
}
.csi-filmstrip-view-header-actions .csiViewToolbar {
  margin: 0;
}
.csi-filmstrip-view-header-actions .csiViewToolbar .csi-secondary-btn + .csi-secondary-btn {
/* 6px left margin + 4px default right margin makes 10px */
  margin-left: 6px;
}
.csi-camunda-complete-task-dialog {
  width: 300px;
/* this should probably apply to all dialogs */
}
.csi-camunda-complete-task-dialog .dijitTooltipContainer {
  padding: var(--DialogSpacing);
}
.csi-camunda-complete-task-dialog .dijitComboBox {
  width: 100%;
}
.csi-camunda-complete-task-dialog .dijitComboBox ~ .dijitTextArea {
  margin-top: 6px;
}
.csi-camunda-complete-task-dialog .dijitTextArea {
  height: 100px;
}
.csi-camunda-complete-task-dialog .csiActionsNode {
  text-align: right;
}
.csi-camunda-complete {
  background-color: var(--CamundaProcessCompleteColor);
}
.csi-camunda-canceled {
  background-color: var(--CamundaProcessCancelColor);
}
.csi-camunda-running {
  background-color: var(--CamundaProcessRunningColor);
}
.csi-camunda-suspended {
  background-color: var(--CamundaProcessSuspendedColor);
}
.csi-camunda-setting-borderless .csi-view-title {
  border-bottom: none;
  font-size: 16px;
  margin-top: var(--CamundaTaskSpacing);
  margin-bottom: 0;
}
.csi-camunda-setting-instance-id {
  color: var(--CamundaInstanceId);
}
.csi-view-title-CamundaTaskSettings-DueDateSettings {
  margin-top: 10px;
}
.csi-settings-value {
  display: inline-block;
  text-align: right;
  min-width: 125px;
}
.csi-settings-attribute {
  margin-bottom: 10px;
}
.csi-settings-label {
  margin-right: var(--CamundaTaskSpacing);
  display: inline-block;
  width: 250px;
}
.csi-camunda-priority-setting-label {
  margin-bottom: 8px;
}
.csi-form-view-flat .csi-task-info-field .csiFormViewValueInput,
.csi-form-view-flat .csi-task-info-field textarea {
  min-height: 52px;
}
/* Task Action Group */
.csi-task-action-group-text .dijitValidationTextBox {
  width: 100%;
  box-sizing: border-box;
}
.csi-task-action-group-actions .csi-camunda-action {
  margin-top: 6px;
}
.csi-task-action-group-actions .csi-camunda-action .dijitTitlePaneTextNode {
  font-weight: bold;
}
.csi-task-action-group-actions .csi-camunda-action label {
  margin-left: 6px;
  margin-right: 12px;
}
.csi-camunda-action-setting {
  margin-top: 6px;
  margin-bottom: 3px;
}
.csi-camunda-process-placeholder .csi-placeholder-img {
  height: 90px;
}
/* ImportBPMNDialog */
.csiImportBPMNDialog {
  width: 772px;
}
.csiImportBPMNDialog .dijitTitlePaneTitle {
  cursor: initial;
  padding: 5px 12px 5px 0;
  min-height: 49px;
}
.csiImportBPMNDialog .dijitTitlePaneContentOuter {
  border-bottom: none;
  border-radius: 0;
}
.csiImportBPMNDialog .csi-dialog-import-pane-title-label {
  flex-grow: 1;
  font-weight: bold;
  padding-left: 8px;
}
.csiImportBPMNDialog .csi-dialog-import-tempate-name {
  font-weight: bold;
}
.csiImportBPMNDialog .csi-dialog-import-filename-label {
  padding: 4px 0px;
  min-height: 17px; /* make sure it occupy space in the case of migration */
}
.csiImportBPMNDialog .originalSectionNode,
.csiImportBPMNDialog .newSectionNode {
  flex: 0 0 378px;
  overflow: auto;
}
.csiImportBPMNDialog .originalSectionNode .dijitTitlePaneTitle:first-child,
.csiImportBPMNDialog .newSectionNode .dijitTitlePaneTitle:first-child {
  border-radius: 2px 2px 0 0;
}
.csiImportBPMNDialog .originalSectionNode .dijitTitlePaneTitle:last-child,
.csiImportBPMNDialog .newSectionNode .dijitTitlePaneTitle:last-child {
  border-radius: 0 0 2px 2px;
}
.csiImportBPMNDialog .originalSectionNode {
  flex: 1 0 378px;
}
.csiImportBPMNDialog .separatorSectionNode {
  flex: 0 0 10px;
  text-align: center;
  align-self: center;
}
.csiImportBPMNDialog .csi-error-message {
  white-space: nowrap;
}
.csiImportBPMNDialog .csi-dialog-import-intro-container {
  padding: 0 0 8px 0;
}
.csiImportBPMNDialog .csi-dialog-import-intro-container .csi-name-value-pair {
  width: 43px;
  height: 26px;
  border-radius: 15px;
  justify-content: center;
  color: var(--PrimaryWhite);
}
.csiImportBPMNDialog .csi-dialog-import-intro-container .csi-dialog-import-process-new {
  background-color: var(--ImportBPMNDialogProcessNewBackgroudColor);
}
.csiImportBPMNDialog .csi-dialog-import-intro-container .csi-dialog-import-process-existing {
  background-color: var(--ImportBPMNDialogProcessModifyBackgroudColor);
}
.csiImportBPMNDialog .csi-dialog-import-intro-container .csi-dialog-import-intro {
  margin-bottom: 10px;
}
.csiImportBPMNDialog .csi-dialog-import-title-pane-container {
  text-overflow: ellipsis;
  align-items: center;
}
.csiImportBPMNDialog .csi-dialog-import-process-id {
  max-width: 50%;
}
.csiImportBPMNDialog .csiFormViewRow {
  align-items: baseline;
}
.csiImportBPMNDialog .csiFormViewRow label {
  font-weight: bold;
  min-width: 63px;
  text-align: center;
}
.csiImportBPMNDialog .csiFormViewRow .csiFormViewSeparator {
  display: inline-block;
}
.csiImportBPMNDialog .csiFormViewRow .csiFormViewValue {
  width: 40%;
}
.csi-camunda-notification-item-title {
  padding-bottom: 6px;
}
.csi-camunda-process-activity-header {
  width: 100%;
}
.csi-camunda-process-activity-actions {
  margin-left: auto;
}
.csi-camunda-process-activity-sort {
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--BreadcrumbNormalBorderColor);
  border-radius: 4px;
  color: var(--Grey800);
  cursor: pointer;
  display: inline-flex;
  padding: 4px;
}
.csi-camunda-process-activity-sort:hover {
  background-color: var(--TableRowHoverBackgroundColor);
}
.csi-camunda-process-activity-sort > .material-icons {
  font-size: 18px;
}
.csi-camunda-process-activity {
  position: relative;
  --csi-camunda-activity-time-height: 16px;
  --csi-camunda-activity-text-line-height: 20px;
  --csi-camunda-activity-gap: 4px;
  --csi-camunda-activity-dot-size: 8px;
  --csi-camunda-activity-dot-center-y: calc(6px + var(--csi-camunda-activity-time-height) + var(--csi-camunda-activity-gap) + (var(--csi-camunda-activity-text-line-height) / 2));
  --csi-camunda-activity-line-left: calc(6px + (var(--csi-camunda-activity-dot-size) / 2));
  --csi-camunda-activity-line-color: var(--Grey400);
}
.csi-camunda-process-activity::before {
  background-color: var(--csi-camunda-activity-line-color);
  content: "";
  left: var(--csi-camunda-activity-line-left);
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
}
.csi-camunda-process-activity .csi-container-item {
  display: flex;
  flex-direction: column;
  gap: var(--csi-camunda-activity-gap);
  margin-left: 0;
  padding: 6px 8px 10px 18px;
  position: relative;
}
.csi-camunda-process-activity .csi-container-item::after {
  background-color: var(--PrimaryBlack);
  border-radius: 50%;
  content: "";
  height: var(--csi-camunda-activity-dot-size);
  left: calc(var(--csi-camunda-activity-line-left) - (var(--csi-camunda-activity-dot-size) / 2));
  position: absolute;
  top: calc(var(--csi-camunda-activity-dot-center-y) - (var(--csi-camunda-activity-dot-size) / 2));
  width: var(--csi-camunda-activity-dot-size);
}
.csi-camunda-process-activity .csi-container-item:first-child::before {
  background-color: var(--PrimaryWhite);
  content: "";
  left: var(--csi-camunda-activity-line-left);
  position: absolute;
  top: 0;
  bottom: var(--csi-camunda-activity-dot-center-y);
  width: 1px;
}
.csi-camunda-process-activity .csi-container-item:last-child::before {
  background-color: var(--PrimaryWhite);
  content: "";
  left: var(--csi-camunda-activity-line-left);
  position: absolute;
  top: var(--csi-camunda-activity-dot-center-y);
  bottom: 0;
  width: 1px;
}
.csi-camunda-process-activity .csi-container-item > [data-dojo-attach-point="timeNode"] {
  color: var(--Grey800);
  font-size: 12px;
  line-height: var(--csi-camunda-activity-time-height);
}
.csi-camunda-process-activity .csi-container-item > [data-dojo-attach-point="textNode"] {
  line-height: var(--csi-camunda-activity-text-line-height);
}
.csi-camunda-process-activity .csi-container-item > [data-dojo-attach-point="timeNode"],
.csi-camunda-process-activity .csi-container-item > [data-dojo-attach-point="textNode"],
.csi-camunda-process-activity .csi-container-item > [data-dojo-attach-point="commentContainerNode"] {
  padding-left: 6px;
}
.csi-camunda-process-activity .csi-container-item > [data-dojo-attach-point="commentContainerNode"] {
  border: solid 1px transparent;
  border-radius: 3px;
  padding: 4px 6px;
}
.csi-camunda-process-activity-highlight {
  background-color: var(--Grey100);
  border-radius: 4px;
/* highlight the comment itself differently */
}
.csi-camunda-process-activity-highlight > [data-dojo-attach-point="commentContainerNode"] {
  background-color: var(--Blue30);
  border-color: var(--Blue50);
}
.csi-view.csi-camunda-process-instance-full-view {
/* 3 'div'-s inside:
		  - first contains all views
		  - second is for view tooltips and must be hidden
		  - third is for actions, like 'Close' button
	*/
  display: grid;
  grid-template-rows: auto 0 max-content;
  height: 100%;
/* tag containing 2 views: header and content with diagram */
}
.csi-view.csi-camunda-process-instance-full-view > [class~="htmlViewContent"] {
  height: 100%;
/* parent element for both views */
}
.csi-view.csi-camunda-process-instance-full-view > [class~="htmlViewContent"] > div {
  display: grid;
  grid-template-rows: max-content minmax(300px, auto);
  height: 100%;
  width: 100%;
  border-collapse: collapse;
/* first child is a header view */
}
.csi-view.csi-camunda-process-instance-full-view > [class~="htmlViewContent"] > div > :first-child {
  border-bottom: var(--StandardBorder);
}
.csi-view.csi-camunda-process-instance-full-view .htmlViewContent .csi-view {
  margin-bottom: 0;
}
.csi-view.csi-camunda-process-instance-full-view .csiActionsNode {
  margin-top: 0;
  padding-bottom: 2px;
}
.csi-camunda-state-error {
  color: var(--MessageIconErrorColor) !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/Certificate/Certificate.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
/* Module specific CSS styling */
.csi-certificate-status {
  align-items: center;
  gap: 2px;
  height: 20px;
  border-radius: 4px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
}
.green {
  background: var(--Green200);
  color: var(--Green900);
}
.yellow {
  background: var(--Yellow200);
  color: var(--Yellow900);
}
.red {
  background: var(--Red200);
  color: var(--Red900);
}
.orange {
  background: var(--Orange200);
  color: var(--Orange900);
}
.grey {
  background: var(--Grey300);
  color: var(--Black300);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/DocumentGenerator/DGaaS.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.csi-state-dgaastemplaterevision-draft {
  background-color: var(--TemplateDraftBackgroundColor) !important;
  border-color: var(--TemplateDraftPillBorderColor) !important;
}
.csi-state-dgaastemplaterevision-approved {
  background-color: var(--StateGreenBackgroundColor) !important;
  border-color: var(--StateGreenBorderColor) !important;
}
.csi-view-Site-DocumentGeneratorTemplates .csi-table-row[data-csi-table-state="-"] .csi-name-value-pair,
.csi-view-Site-DocumentGeneratorTemplates .csi-table-row[data-csi-table-state="-"] .csi-text-with-material-icon,
.csi-view-Site-DocumentGeneratorTemplates .csi-table-row[data-csi-table-state="-"] .csi-name-value-pair-transparent,
.csi-view-Site-DocumentGeneratorTemplates .csi-table-row[data-csi-table-state="-"] .csi-dgaas-grouped-file-names,
.csi-view-Site-DocumentGeneratorTemplates .csi-table-row[data-csi-table-state="-"] .dijitProgressBar {
  visibility: hidden;
}
.csi-view-Site-DocumentGeneratorTemplates .csi-table-row[data-csi-table-state="-"] .attrNumber {
  font-weight: bold;
}
.csi-view-Site-DocumentGeneratorTemplates .csi-table-row[data-csi-table-state="+"] .csi-dgaas-grouped-file-names {
  display: block;
}
.csi-file-state-error {
  color: var(--MessageIconErrorColor) !important;
  justify-content: space-between;
  width: 100%;
}
.csi-name-value-pair-transparent {
  display: block;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/CollectionBook/CollectionBook.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* Module specific CSS styling */
.csiCatalogMarkets .csiItemCard {
  padding: 5px;
  text-align: center;
  width: 242px;
}
.csiCatalogCard {
  float: left;
  margin: 0 10px 10px 0;
  text-align: center;
  width: 234px;
}
.csiCatalogCard h3 {
  margin: 0;
  padding: 3px 0;
}
.csiCatalogCard img {
  box-shadow: 3px 3px 5px var(--PrimaryGrey);
  height: auto;
  max-height: inherit;
  max-width: inherit;
  width: 100%;
}
/* Catalog */
.csiCatalogSoldOut .csiCrossOut {
  display: block;
}
.switchboardContent .csiCatalogProduct {
  margin-top: 5px;
}
.csiCatalogProduct .propertyViewHeadings {
  width: 450px;
}
.csiCatalogProduct .csiHeadingCell > td {
  min-width: 300px;
  max-width: 300px;
}
.csiCatalogColor img {
  max-height: 32px;
  padding: 4px;
}
.csiCatalogColor .csiHighlight {
  background-color: var(--TableRowHoverBackgroundColor);
  border: 2px solid var(--TableBorderColor);
  padding: 2px;
}
.csiCatalogColor .csiSelected {
  border: 2px solid var(--CatalogColorSelectedBorderColor);
  padding: 2px;
}
.csiCatalogColor .csiCatalogSoldOut {
  height: 39px;
  position: relative;
  width: 40px;
}
.csiCatalogSizes {
  padding-top: 5px;
}
.csiCatalogSizes .attrPrimary span {
  background-color: var(--CatalogSizesBackgroundColor);
  border: 1px solid var(--CatalogSizesBorderColor);
  margin: 0 3px 3px 0;
  padding: 1px 5px;
}
/* Catalog PDF */
.csiCatalogPdf {
  text-align: center;
}
.csiCatalogPdf .section {
  border: 1px solid var(--CalatogPdfBorderColor);
  display: inline-block;
  padding: 5px;
}
.csiCatalogPdf .attrImage img {
  max-width: 700px;
}
.print .csiCatalogPdf,
.print .csiCatalogPdf .section,
.print .csiSMProductPdf {
  border: none;
}
/* SMProduct PDF */
.csiSMProductPdf .propertyViewHeadings {
  padding: 0;
}
.csiSMProductPdf .csiHeadingCellLabel {
  width: 140px;
}
.csiSMProductPdf .csiHeadingCell > th {
  width: 5%;
}
.csiSMProductPdf .csiHeadingCell > td {
  min-width: inherit;
  max-width: inherit;
}
.csiSMProductPdf .csiHeadingGroup {
  font-size: 10pt;
}
.csiSMProductPdf .csiNodeImages .attrImage {
  margin-right: 10px;
  margin-bottom: 10px;
}
.csi-view-MCProductToCustomer-PDFProductSymbols .csi-flex-row > div + div {
  padding-left: 20px;
}
.csiSMProductPdf .csiHeadingColumn table,
.csiSMProductPdf .csiHeadingGroup table,
.csiSMProductPdf .propertyViewTable {
  width: 100%;
}
.csiSMProductPdfImage img {
  max-height: none;
  max-width: 100%;
}
.csiSMProductPdfColor {
  display: inline-block;
  margin: 0 10px 10px 0;
  vertical-align: top;
}
.csiSMProductPdfColorImage {
  display: inline-block;
  vertical-align: top;
  width: 64px;
}
.csiSMProductPdfColorImage img {
  max-width: 100%;
}
.csiSMProductPdfColorProps {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin-left: 5px;
  vertical-align: top;
  width: 165px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/FormulatedProduct/FormulatedProduct.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
/* CSS styling for FormulatedProduct Module */
.htmlFoodSettings label {
  display: inline-block;
  font-weight: bold;
  padding: 3px 0;
  margin-right: 5px;
}
.htmlFoodSettings .attr {
  margin: 20px 0 5px;
  overflow: auto;
}
.htmlFoodSettings .text {
  clear: left;
  margin-bottom: 3px;
}
.htmlFoodSettings .value {
  border-bottom: 1px solid var(--TableBorderColor);
  display: inline-block;
  padding: 3px;
  text-align: right;
  min-width: 75px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/Operations/Operations.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/* Module specific CSS styling */
.csiOperationsReview tr.root {
  background-color: var(--TableHeaderBackgroundColor);
  font-weight: bold;
}
.csiOperationsReview tr[data-csi-table-level="1"]:not(.noexport) {
  background-color: var(--TableRowBackgroundColorGroup);
  font-weight: bold;
}
.csiOperationsReview .firstColumn {
  min-width: 33em;
}
.htmlOperationsReview .htmlDataSheetHeader img {
  margin: 1px 10px 1px 1px;
  max-height: 18px;
  vertical-align: top;
}
.htmlOperationsReview .csi-left-right-container {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.htmlOperationsReview .csi-left-right-container > :first-child {
  flex-grow: 1;
}
.htmlOperationsReview .csi-left-right-container > :last-child {
  flex-shrink: 0;
}
.htmlOperationsReview .csi-operations-review-scores .attrPrimary {
  min-width: 150px;
  max-width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.htmlOperationsReview .csi-operations-review-scores .tableRowWidget {
  display: none;
}
.htmlOperationsReview .csi-operations-review-scores tr.root {
  font-weight: bold;
}
.htmlOperationsReview .csi-view-OperationsReview-ORConclusionFlagged .galleryViewContent {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.htmlOperationsReview .csi-view-OperationsReview-ORConclusionScores {
  margin-bottom: 0 !important;
}
.htmlOperationsReview .csiListTable {
  font-size: 13px;
}
.htmlOperationsReview .csiListTable .tableView,
.htmlOperationsReview .csiListTable td {
  border: none;
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/MLWU/MLWU.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/* MLWU specific CSS styling */
/* Query Select Toolbar Plugin*/
.mlwu-query-select-wrapper {
  position: relative;
}
.mlwu-query-select-buttons {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  z-index: 10;
  pointer-events: auto;
}
.mlwu-query-select-buttons.mlwu-query-select-buttons-hidden {
  display: none;
}
.mlwu-query-select-button .dijitButtonNode {
  margin: 0 !important;
  padding: 0 !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/ProductPresentation/ProductPresentation.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.presentation-set-violation-tag {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  left: 0;
  top: 12px;
  background-color: var(--Red100);
  padding-right: 4px;
  height: 20px;
  line-height: 16px;
  z-index: 1;
  color: var(--Red900);
  font-weight: var(--SemiBold);
}
.presentation-set-violation-tag .material-icons {
  color: var(--Red500);
  margin: 2px 4px;
}
.presentation-set-invalid .presentation-set-violation-tag {
/* need to override the inline style to make it visible */
  display: flex !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/ProductSpec/ProductSpec.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
/* CSS styling for Product Specification Module */
/* BOM Composition */
.csiBomCompositionItem {
/* 1px transparent border is added to work with DnD */
  border: 1px solid transparent;
  border-bottom-color: var(--GalleryBorderColor);
  margin-bottom: 8px;
  max-width: 300px;
  min-height: 19px;
  overflow: hidden;
}
.csiBomCompositionItem .actions {
  float: right;
  margin-left: 2em;
}
.csiBomCompositionItem .headingName {
  display: inline;
  font-size: 10pt;
  font-weight: bold;
}
/* Size Chart Admin*/
.csiBomCompositionLanguage {
  border: 1px dashed var(--GalleryBorderColor);
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 5px;
}
.csiBomCompositionLanguage .csiBomCompositionItem {
  max-width: 500px;
  width: auto;
}
.csiBomCompositionLanguage .csiBomCompositionItem .actions {
  display: none;
}
.print .csiBomCompositionItem {
  border: none;
}
.htmlSizeChartSettings label {
  display: inline-block;
  font-weight: bold;
  padding: 3px 0;
  margin-right: 5px;
}
.htmlSizeChartSettings .attr {
  margin: 20px 0 5px;
  overflow: auto;
}
.htmlSizeChartSettings .text {
  clear: left;
  margin-bottom: 3px;
}
.htmlSizeChartSettings .title {
  font-weight: bold;
}
.htmlSizeChartSettings .value {
  border-bottom: 1px solid var(--TableBorderColor);
  display: inline-block;
  padding: 3px;
  text-align: right;
  min-width: 75px;
}
.htmlSizeChartSettings .novalue {
  color: var(--DisabledText);
}
/* Size Chart Views */
.propertyView td.base {
  background-color: var(--SizeChartBaseBackgroundColor);
}
.pluginSizeChartSize .dijitComboBox {
  width: 8em;
}
.tableSizeChart th.csi-size-base {
  background-color: var(--SizeChartSizeBaseBackgroundColor);
  border-color: var(--SizeChartSizeBaseBorderColor);
}
.tableSizeChart td.attrNumber {
  font-size: 1.1em;
  min-width: 30px;
}
.tableSizeChart td.base {
  background-color: var(--SizeChartBaseBackgroundColor);
}
.tableSizeChart td.dimension {
  font-size: 1.1em;
  font-weight: bold;
}
.tableSizeChart td.offBase {
  background-color: var(--SizeChartOffbaseBackgroundColor);
}
.tableSizeChart td.value span {
  display: block;
  text-align: center;
}
.tableSizeChart td.value span.tolerance {
  border-top: 1px dashed var(--TableDottedBorderColor);
  color: var(--MatrixCompareTextColor);
  margin-top: 4px;
  padding: 4px 0 0;
  text-align: right;
}
.tableSizeChart td.descUpper span {
  display: block;
  padding: 0 0 3px;
}
.tableSizeChart td.descUpper span.descLower {
  border-top: 1px dashed var(--TableDottedBorderColor);
  padding: 3px 0 0;
}
.tableSizeChart tbody td.PatternBase {
  background-color: var(--SizeChartBaseBackgroundColor);
}
.tableSizeChart tbody td.PatternOffBase {
  background-color: var(--SizeChartOffbaseBackgroundColor);
}
.tableSizeChart tbody td.PatternBlank {
  background-color: var(--SizeChartPatternBlankBackgroundColor);
}
.tableSizeChart tbody td.PatternWithShrinkageBase {
  background-color: var(--SizeChartBaseBackgroundColor);
}
.tableSizeChart tbody td.PatternWithShrinkageOffBase {
  background-color: var(--SizeChartOffbaseBackgroundColor);
}
.tableSizeChart tbody td.TargetBase {
  background-color: var(--SizeChartBaseBackgroundColor);
}
.tableSizeChart tbody td.TargetOffBase {
  background-color: var(--SizeChartOffbaseBackgroundColor);
}
.tableSizeChart tr.noexport td {
  background-color: inherit;
}
.tableSizeChartActualOut {
  color: var(--SizeChartOutsideTolerance);
  font-weight: bold;
}
.tableSizeChartRevised {
  font-weight: bold;
}
.tableSizeChartRevisedBase {
  font-style: italic;
  font-weight: bold;
}
.tableSizeChartPatternRevised {
  font-weight: bold;
}
.tableSizeChartPatternRevisedBase {
  font-style: italic;
  font-weight: bold;
}
.tableSizeChartPatternWithShrinkageRevised {
  font-weight: bold;
}
.tableSizeChartPatternWithShrinkageRevisedBase {
  font-style: italic;
  font-weight: bold;
}
.tableSizeChartCompare td.value {
  text-align: left;
}
.tableSizeChartCompare td.csi-tolerance-value span,
.tableSizeChartCompare td.value span {
  display: inline;
  text-align: center;
}
.tableSizeChartCompare td.csi-tolerance-value .diff,
.tableSizeChartCompare td.value .diff {
  color: var(--SizeChartCompareDiff);
}
/* Size Label */
.csi-view-DataSheetSizeLabelRevision-SizeLabelSizeGallery .galleryBlock {
  display: inline-block;
  padding: 0 5px 5px 0;
}
.csi-view-DataSheetSizeLabelRevision-SizeLabelSizeGallery .galleryBlock img {
  height: 100%;
  max-height: initial;
  max-width: initial;
}
/** SizeChartMockTable*/
.csi-size-chart-mock-table-left-content {
  padding-right: 15px;
  border-right: 1px solid var(--Grey400);
}
.csi-size-chart-mock-table-right-content {
  padding: 0px 0px 0px 15px;
  margin-top: 35px;
}
.csi-size-chart-mock-table th:nth-child(6) {
  font-weight: bold;
}
.csi-size-chart-mock-table-body td:last-child {
  text-align: right;
}
.csi-size-chart-mock-table-body .csi-mock-cell-content {
  border-radius: 10px;
  background-color: var(--PrimaryGrey);
  height: 8px;
  min-width: 12px;
  max-width: 80%;
  margin: 0 auto;
}
.csi-size-chart-mock-table-body .csi-mock-cell-content-icon {
  display: none;
  height: 100%;
  vertical-align: middle;
  line-height: 1;
  padding-left: 3px;
}
.csi-size-chart-mock-table-footer-label {
  font-weight: bold;
  font-style: italic;
  color: var(--GreyFive);
  display: inline-block;
  visibility: hidden;
  margin-left: 15px;
}
.csi-base-size-maintain tbody td:nth-child(6) {
  background-color: var(--BlueFour);
}
.csi-base-size-maintain tbody td:nth-child(6) .csi-mock-cell-content {
  background-color: var(--GreyOne);
}
.csi-base-size-discard tbody td:nth-child(6) {
  background-color: var(--BlueFour);
}
.csi-base-size-discard tbody td:nth-child(6) .csi-mock-cell-content {
  visibility: hidden;
}
.csi-increment-values-maintain tbody td:nth-child(5),
.csi-increment-values-maintain tbody td:nth-child(7) {
  background-color: var(--BlueFour);
}
.csi-increment-values-maintain tbody td:nth-child(5) .csi-mock-cell-content,
.csi-increment-values-maintain tbody td:nth-child(7) .csi-mock-cell-content {
  background-color: var(--GreyOne);
}
.csi-increment-values-reset tbody td:nth-child(5),
.csi-increment-values-reset tbody td:nth-child(7) {
  background-color: var(--BlueFour);
}
.csi-increment-values-reset tbody td:nth-child(5) .csi-mock-cell-content,
.csi-increment-values-reset tbody td:nth-child(7) .csi-mock-cell-content {
  background-color: var(--PrimaryBlue);
}
.csi-tolerances-maintain tbody td:nth-child(3),
.csi-tolerances-maintain tbody td:nth-child(4) {
  background-color: var(--BlueFour);
}
.csi-tolerances-maintain tbody td:nth-child(3) .csi-mock-cell-content,
.csi-tolerances-maintain tbody td:nth-child(4) .csi-mock-cell-content {
  background-color: var(--GreyOne);
}
.csi-tolerances-reset tbody td:nth-child(3),
.csi-tolerances-reset tbody td:nth-child(4) {
  background-color: var(--BlueFour);
}
.csi-tolerances-reset tbody td:nth-child(3) .csi-mock-cell-content,
.csi-tolerances-reset tbody td:nth-child(4) .csi-mock-cell-content {
  background-color: var(--PrimaryBlue);
}
.csi-added-dimension-maintain tbody tr:nth-child(2),
.csi-added-dimension-maintain tbody tr:nth-child(4),
.csi-added-dimension-maintain tbody tr:nth-child(7) {
  background-color: var(--BlueFour);
}
.csi-added-dimension-maintain tbody tr:nth-child(2) .csi-mock-cell-content-icon,
.csi-added-dimension-maintain tbody tr:nth-child(4) .csi-mock-cell-content-icon,
.csi-added-dimension-maintain tbody tr:nth-child(7) .csi-mock-cell-content-icon {
  display: block;
}
.csi-added-dimension-maintain + .csi-size-chart-mock-table-footer-label {
  visibility: visible;
}
.csi-added-dimension-discard tbody tr:nth-child(5),
.csi-added-dimension-discard tbody tr:nth-child(6),
.csi-added-dimension-discard tbody tr:nth-child(7) {
  visibility: hidden;
}
.csi-added-dimension-discard tbody tr:nth-child(4) td {
  border-bottom: 1px solid var(--Grey400);
}
/* End of SizeChartMockTable*/
/* Size Chart */
.csi-view-SizeChartRevision-SizeRange .csi-form-group-container,
.csi-view-SizeChartSubSizeRange-Increment .csi-form-group-container,
.csi-view-SizeChartRevision-ProductGroup .csi-form-group-container {
  border-left: none;
  border-right: none;
}
.csi-view-SizeChartRevision-SizeRange .csi-form-group-container-additional-container,
.csi-view-SizeChartSubSizeRange-Increment .csi-form-group-container-additional-container,
.csi-view-SizeChartRevision-ProductGroup .csi-form-group-container-additional-container {
  border-top: none;
}
.csi-view-SizeChartRevision-SizeRange .csi-view-title,
.csi-view-SizeChartSubSizeRange-Increment .csi-view-title,
.csi-view-SizeChartRevision-ProductGroup .csi-view-title {
  border-bottom: none;
}
.csi-view-SizeChartRevision-SizeRange .htmlViewContent,
.csi-view-SizeChartSubSizeRange-Increment .htmlViewContent,
.csi-view-SizeChartRevision-ProductGroup .htmlViewContent {
  border: 1px solid var(--Grey400);
  border-bottom: none;
}
.csi-view-SizeChartRevision-SizeRange .csi-product-group-attr,
.csi-view-SizeChartSubSizeRange-Increment .csi-product-group-attr,
.csi-view-SizeChartRevision-ProductGroup .csi-product-group-attr {
  background: var(--FieldGroupBackgroundColor);
  border: 1px solid var(--FieldGroupBorderColor);
  margin: 12px;
  border-radius: 3px;
  padding: var(--DialogSpacing);
}
.csi-view-SizeChartRevision-SizeRange .csi-product-group-attr .csiHeadingColumn,
.csi-view-SizeChartSubSizeRange-Increment .csi-product-group-attr .csiHeadingColumn,
.csi-view-SizeChartRevision-ProductGroup .csi-product-group-attr .csiHeadingColumn {
  padding-bottom: 0px;
}
.csi-view-SizeChartRevision-SizeRange .csi-product-group-attr .csiHeadingCellLabel,
.csi-view-SizeChartSubSizeRange-Increment .csi-product-group-attr .csiHeadingCellLabel,
.csi-view-SizeChartRevision-ProductGroup .csi-product-group-attr .csiHeadingCellLabel {
  padding: 4px 0 4px 8px;
  font-weight: bold;
}
.csi-view-SizeChartRevision-SizeRange .csiFormView,
.csi-view-SizeChartSubSizeRange-Increment .csiFormView,
.csi-view-SizeChartRevision-ProductGroup .csiFormView {
  margin: 0 var(--DialogSpacing);
}
.csi-view-SizeChartRevision-SizeRange .csi-form-group-selection-header label,
.csi-view-SizeChartSubSizeRange-Increment .csi-form-group-selection-header label,
.csi-view-SizeChartRevision-ProductGroup .csi-form-group-selection-header label {
  cursor: pointer;
}
.csi-view-SizeChartRevision-ProductGroup .csi-view-SizeChartRevision-ProductGroupSelect .csi-form-group-selection-header {
  display: none;
}
.csi-view-SizeChartSubSizeRange-Increment .csi-view-SizeChartSubSizeRange-SubrangeIncrementSelect .csi-form-group-selection-header {
  display: none;
}
.csi-view-SizeChartSubSizeRange-Increment .csi-view-SizeChartRevision-ProductGroupSelect {
  background-color: var(--FieldGroupBackgroundColor);
  border-radius: 3px;
  border: 1px solid var(--FieldGroupBorderColor);
}
.csi-view-SizeChartRevision-SizeRange .csi-view-SizeChartRevision-SizeRangeSelect .csi-form-group-selection-header {
  display: none;
}
.csi-view-SizeChartRevision-SizeRange .csi-view-SizeChartSubSizeRange-SubrangeIncrementSelect,
.csi-view-SizeChartRevision-SizeRange .csi-view-SizeChartRevision-ProductGroupSelect {
  background-color: var(--FieldGroupBackgroundColor);
  border-radius: 3px;
  border: 1px solid var(--FieldGroupBorderColor);
}
.csi-size-unselected {
  color: var(--DisabledText);
  background-color: var(--GutterBackgroundColor) !important;
}
/* Size Chart END */

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/Proofing/Proofing.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/* Module specific CSS styling */
.csiProofProgress tr[data-csi-table-level="0"]:not(.noexport) {
  background-color: var(--TableRowBackgroundColorGroup);
  font-weight: bold;
}
.csi-proofing-status-late {
  background: var(--Red200);
  border-radius: 10px;
  border: 1px solid var(--Red300);
  margin: 0 6px;
  padding: 0 10px;
}
.csi-proof-task-view .csiDialogScroll {
  background-color: var(--PrimaryWhite);
  margin-top: var(--CompositeViewSpacing);
  padding: var(--CompositeViewSpacing) var(--CompositeViewSpacing) 0 var(--CompositeViewSpacing);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/RegulatoryManagement/RegulatoryManagement.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/* Module specific CSS styling */
.csi-regulatory-status {
  align-items: center;
  gap: 2px;
  height: 20px;
  border-radius: 4px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
}
.csi-regulatory-status.blue {
  background: var(--Blue200);
  color: var(--Blue900);
}
.csi-regulatory-status.cyan {
  background: var(--Cyan200);
  color: var(--Cyan900);
}
.csi-regulatory-status.green {
  background: var(--Green200);
  color: var(--Green900);
}
.csi-regulatory-status.grey {
  background: var(--Grey500);
  color: var(--Black300);
}
.csi-regulatory-status.magenta {
  background: var(--Magenta200);
  color: var(--Magenta900);
}
.csi-regulatory-status.orange {
  background: var(--Orange200);
  color: var(--Orange900);
}
.csi-regulatory-status.purple {
  background: var(--Purple200);
  color: var(--Purple900);
}
.csi-regulatory-status.purple-muted {
  background: var(--MutedPurple200);
  color: var(--MutedPurple900);
}
.csi-regulatory-status.red {
  background: var(--Red200);
  color: var(--Red900);
}
.csi-regulatory-status.yellow {
  background: var(--Yellow200);
  color: var(--Yellow900);
}
.htmlRegulatoryFolderCreationSettings label {
  display: inline-block;
  font-weight: bold;
  padding: 3px 0;
  margin-right: 5px;
}
.htmlRegulatoryFolderCreationSettings .attr {
  margin: 20px 0 5px;
  overflow: auto;
}
.htmlRegulatoryFolderCreationSettings .text {
  clear: left;
  margin-bottom: 3px;
}
.htmlRegulatoryFolderCreationSettings .value {
  border-bottom: 1px solid var(--TableBorderColor);
  display: inline-block;
  padding: 3px;
  text-align: right;
  min-width: 75px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/SiteAdmin/SiteAdmin.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/* Module specific CSS styling */
.csi-grid-views {
  height: 400px;
  width: 800px;
}
.csi-grid-views.search-options-grid {
  width: 300px;
}
.csi-grid-views.search-options-grid .csi-grid-checkbox {
  width: 30%;
}
.csi-grid-adobe-permissions {
  height: 135px;
  width: 800px;
}
/* CHART WIZARD */
.csi-view-PreferenceView-ChartForm .csiFormViewRow th {
  width: 120px;
}
.csi-view-PreferenceView-ChartForm .csiFormViewRow.csi-form-view-row-combined .csiFormViewValue,
.csi-view-PreferenceView-ChartForm .csiFormViewRow.csi-form-view-row-combined .csiFormViewValue + th {
  width: auto;
}
.csi-view-PreferenceView-ChartWizard {
  width: 785px;
}
.csi-view-PreferenceView-ChartWizard .csi-view .csiDialogScroll {
/* Unify top margins for gallery and form views so wizard does not jump from page to page */
  margin-top: 10px;
  height: 100%;
}
.csi-view-PreferenceView-ChartWizard .csiFormViewRow th {
/* Since the parent width is hard-coded, do this to make the Form centered */
  width: 100px;
  max-width: initial;
}
.csi-view-PreferenceView-ChartWizard .csiGalleryImage {
  min-height: 50px;
}
.csi-view-PreferenceView-ChartWizard .galleryBlock {
  padding: 11px 0;
}
/* HOMEPAGE */
.csi-homepage .csi-homepage-grid-expanded,
.csi-homepage .csi-homepage-pane-copy,
.csi-homepage .csi-homepage-pane-delete,
.csi-homepage .csi-title-textbox {
  display: none;
}
.csi-homepage .csi-homepage-pane-refresh {
  font-size: 19px;
}
.csi-homepage .tableViewCharts {
  justify-content: center;
}
.csi-homepage .tableViewCharts .csi-fusion-chart,
.csi-homepage .tableViewCharts .csi-title-toolbar {
  background: none;
  border: none;
}
.csi-homepage .tableViewCharts .csi-title-toolbar-actions {
  display: none;
}
.csi-homepage .tableViewCharts .csi-title-toolbar-title {
  font-weight: bold;
  text-align: center;
  width: 100%;
}
.csi-homepage .gridContainerTable {
  table-layout: fixed;
}
.csi-homepage .dijitTitlePaneTitle {
  cursor: initial;
  font-weight: bold;
  height: 20px;
  overflow: auto;
  padding: 4px 10px;
}
.csi-homepage .dijitTitlePaneTitle .dijitArrowNode {
  margin-right: 5px;
}
.csi-homepage .dijitTitlePaneTextNode {
  margin-left: 7px;
  margin-right: 0;
  white-space: nowrap;
}
.csi-homepage .galleryView .csiDialogScroll {
  max-height: 325px;
  overflow: auto;
}
.csi-homepage-expanded .csi-homepage-grid-expanded {
  display: block;
}
.csi-homepage-expanded .csi-homepage-grid,
.csi-homepage-expanded .csi-homepage-pane-drag {
  display: none;
}
.csi-homepage-expanded .galleryView .csiDialogScroll {
  max-height: 100%;
}
.csi-homepage-expanded .csi-announcements .announcements {
  height: auto;
}
.csi-homepage-expanded .gridContainerTable {
  height: auto !important;
}
.csi-homepage-welcome {
  align-items: center;
  display: flex;
  font-size: 18px;
}
.csi-homepage-configure-switch {
  font-size: 14px;
}
.csi-homepage-pane-title {
  overflow: hidden;
}
.csi-homepage-pane-actions > span {
  margin-left: 8px;
}
.csi-homepage-configure .csi-homepage-pane-copy,
.csi-homepage-configure .csi-homepage-pane-delete,
.csi-homepage-configure .csi-title-textbox {
  display: inline-block;
}
.csi-homepage-configure .csi-homepage-pane-expand,
.csi-homepage-configure .csi-homepage-pane-title .dijitTitlePaneTextNode {
  display: none;
}
.csi-homepage-configure .csi-title-textbox {
  width: 100%;
}
.csi-homepage-configure .dijitTitlePaneTitle .dijitInputInner {
  padding: 1px 3px;
}
.csi-homepage-new-pane .dijitTitlePaneTitle {
  background: transparent;
  border-style: dashed;
}
.csi-homepage-new-pane .dijitTitlePaneTextNode {
  font-weight: normal;
}
.csi-homepage-new-pane .dijitTitlePaneContentOuter {
  border-style: dashed;
  border-top: none;
  height: 320px;
}
.csi-homepage-new-pane .dijitDisabled {
  color: var(--DisabledText);
}
.csi-homepage-new-grid {
  border: none;
  max-width: 700px;
}
.csi-homepage-new-grid .dgrid-row {
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 5px;
  text-align: center;
  width: 140px;
}
.csi-homepage-new-grid .dgrid-row label {
  display: block;
  padding-top: 5px;
}
.csi-homepage-new-grid .dgrid-row .svg-inline--fa {
  font-size: 40px;
}
.csi-homepage-new-grid .dgrid-scroller {
  overflow: auto;
}
.csi-homepage-new-grid .dgrid-selected {
  background-color: var(--HomeGridSelectionBackgroundColor);
}
.csi-homepage-pane-CompanyInfo-Announcements .dijitTitlePaneContentInner {
  padding: 0;
}
.csi-homepage-pane-CompanyInfo-Announcements .csi-view-message {
  padding: var(--TitlePanePadding);
}
.csi-homepage-table-toolbar .csi-toolbar-btn-charts {
  display: none;
}
.csi-homepage-table-toolbar .csi-custom-view-buttons {
  visibility: hidden;
}
.csi-homepage-table-toolbar .csi-custom-view-buttons.allowToggle {
  visibility: visible;
}
.csi-homepage-table-toolbar .csi-link-btn {
  font-size: 13px;
  margin-right: 20px;
}
.csi-homepage-form .csiFormViewRow th {
  width: 150px;
}
.csi-homepage-form .csiFormViewValue {
  width: 433px;
}
.csi-homepage-form .csi-form-view-row-combined .csiFormViewValue {
  width: 175px !important;
}
.csi-homepage-form .csi-form-view-row-combined .csiFormViewValue ~ .csiFormViewValue {
  width: 250px !important;
}
/* SiteAdmin/html/Announcement.html */
.csi-announcements {
  height: auto;
  padding: 0 !important;
  position: relative;
}
.csi-announcements .galleryViewContent {
  position: static;
}
.csi-announcements .announcements {
  border-bottom: 1px solid var(--TitlePaneInnerBorder);
  max-height: 250px;
  padding-bottom: 10px;
  overflow: auto;
  z-index: 1;
  position: static;
}
.csi-announcements .announcements.slick-slider {
  height: 250px;
  user-select: text;
}
.csi-announcements .announcements .fr-view {
/* This is to counter-balance resetting padding of dijitTitlePaneContentInner above to 0 */
  padding: var(--TitlePanePadding);
}
.changeNotRolledUp {
  background-color: var(--StateYellowBackgroundColor);
}
.changeRolledUp {
  background-color: var(--StateGreenBackgroundColor);
}
.pendingUpdate {
  background-color: var(--StateYellowBackgroundColor);
}
/* Comments */
.comments .galleryBlock {
  border-bottom: 1px solid var(--GalleryBorderColor);
  margin-bottom: 5px;
  padding-bottom: 5px;
}
/* Paste Form using DGrid */
.formPasteGrid {
  background-color: var(--PrimaryWhite);
  height: 200px;
  width: 600px;
}
.formPasteGrid .dgrid-cell {
  padding: 3px;
  text-align: inherit;
  white-space: normal;
  width: 70px;
}
.formPasteGrid .dgrid-row-unused {
  color: var(--Black500);
  background-color: var(--Grey100);
  border-color: var(--Grey400);
}
.formPasteGrid table {
  font-size: 11px;
}
/* Gallery comments */
.galleryCommentsHeader {
  display: flex;
  font-weight: bold;
/* 16px = 1 (border) + 3 (padding-left) + 12 (arrow) */
  padding-left: 16px;
}
.galleryComments {
  min-width: 800px;
}
.galleryComments .dijitTitlePaneTextNode {
  width: 100%;
}
.galleryComments .dijitTitlePaneTextNode > div {
  display: flex;
}
.galleryComments .dijitTitlePaneTextNode span {
  line-height: initial;
}
.galleryComments .dijitTitlePane {
  margin: 6px 0;
  padding: 0px;
}
.galleryComments .dijitTitlePane.dijitTitlePaneOpen .dijitTitlePaneTitle {
  border-radius: 3px 3px 0px 0px;
}
.galleryComments .dijitTitlePane.dijitTitlePaneOpen .dijitTitlePaneContentOuter {
  border-color: var(--GalleryBorderColor);
  border-top: none;
  border-radius: 0px 0px 3px 3px;
}
.galleryComments .dijitTitlePaneTitle {
  padding: 0px 3px;
  border-radius: 3px;
}
.galleryComments .dijitTitlePaneTitle * {
  vertical-align: top;
}
.galleryComments .dijitTitlePaneTitleFocus {
  display: flex;
  margin: 4px 0;
}
.galleryComments .dijitTitlePaneTitleHover {
  background-color: var(--TooltipBackground) !important;
}
.print .galleryComment .csi-gallery-comment-actions-container .attrTime {
  padding-left: 0;
}
.galleryCommentsSubject {
  display: inline-block;
  padding-right: 10px;
  width: 45%;
}
.galleryCommentsOwner {
  padding-right: 10px;
  width: 30%;
}
.galleryCommentsLastPost {
  display: inline-block;
  width: 20%;
}
.galleryCommentsReplies {
  display: inline-block;
  text-align: center;
  width: 5%;
}
.galleryCommentReplies > div {
  background-color: var(--TitlePaneBackgroundColor);
  margin-bottom: 5px;
  padding: 5px;
}
.galleryCommentReplies .csi-gallery-comment-attachments {
  margin-left: 3px;
}
.csi-gallery-author {
  font-weight: bold;
}
.galleryComment {
  padding: 2px 2px 0px 2px;
  margin-bottom: -2px;
}
.galleryComment .attrUrlmap {
  margin: 5px 0 3px;
}
.galleryComment .attrReflist {
  padding-bottom: 3px;
}
.galleryComment .attrImage img {
  display: inline-block;
  margin: 5px 5px 0 0;
  max-height: 64px;
  vertical-align: top;
}
.galleryComment .csi-gallery-comment-actions-container .csi-gallery-comment-actions,
.galleryComment .csi-gallery-comment-actions-container .attrTime {
  display: inline-block;
  vertical-align: middle;
}
.galleryComment .csi-gallery-comment-actions-container .attrTime {
  color: var(--TitlePaneSubTextColor);
  padding-left: 5px;
}
.galleryComment .csi-gallery-comment-actions-container .csiAction:after {
  content: "\2022";
  color: var(--TitlePaneActionSeparator);
  font-size: 16px;
  margin-left: 5px;
  width: 5px;
}
.csi-gallery-comments-no-owner .galleryCommentsOwner {
  display: none;
}
.csi-gallery-comments-no-owner .galleryCommentsSubject {
  width: 75%;
}
.csi-datasheet .galleryComment {
  border-width: 0 0 1px;
  margin: 0;
}
.print .csi-datasheet .galleryComments,
.print .csi-datasheet .comments {
  border: none;
  margin: 0px;
}
.galleryCommentsHeader {
  margin-bottom: 3px;
  padding-bottom: 4px;
}
.galleryComments .galleryBlock:first-child {
  margin-top: 0;
}
.dijitDialog .galleryComments .dijitTitlePane {
  width: 800px;
}
.dijitDialog .galleryComments .dijitTitlePaneTextNode {
  width: 760px;
}
.dijitDialog .galleryComments .galleryViewContent {
  margin-right: 5px;
}
.dijitDialog .galleryComments.csi-gallery-toolbar-box-shadow .csi-view-toolbar-container {
  box-shadow: none;
}
.dijitDialog .galleryComments.csi-gallery-toolbar-box-shadow .galleryCommentsHeader {
  box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15);
}
.attrComments div {
  margin: 1px 0;
}
.attrComments a {
  display: inline-block;
  padding: 1px 0;
}
.attrComments .iconAttachment {
  margin-left: 5px;
  position: relative;
  top: 2px;
}
/* Full row comments in data sheet tables */
.dataSheetComment {
  background-color: var(--DataSheetCommentsBackgroundColor);
  text-align: left;
}
.dataSheetComment .fr-view {
  max-height: 450px;
  overflow: hidden;
}
.dataSheetComment .iconTreeLeaf {
  width: 0;
}
.dataSheetComment .tableRowWidget {
  padding-left: 0.5em;
  white-space: nowrap;
}
.dataSheetComment .tableRowWidget::after {
  content: "subdirectory_arrow_right";
  font-family: 'Material Icons';
  font-size: 12px;
  vertical-align: top;
}
.print .dataSheetComment .tableRowWidget {
  padding-left: 0;
}
.print .dataSheetComment .tableRowWidget > span {
  margin-left: 0 !important;
}
/* COMPANY BRANDING IMAGE SETUP */
.csi-company-branding-image .csiHeadingCellLabel {
  width: inherit;
}
.csi-company-branding-image .csiHeadingCell {
  background-color: var(--StandardBackgroundColor);
}
.csi-company-branding-image .csiHeadingCell > th {
  border-bottom: none;
}
.csi-company-branding-image .csiHeadingCell > td {
  display: none;
}
/* Skin Theme */
.csi-themepicker-dialog {
  width: 975px;
}
.csi-themepicker-dialog .csiHighlight {
  background-color: var(--GalleryHightlightBackgroundColor);
  --GalleryHightlightBorderColor: var(--GalleryHightlightBackgroundColor);
}
.csi-themepicker-dialog .csiSelected {
  --GallerySelectedBorderColor: var(--Blue600);
  background-color: var(--GallerySelectedBackgroundColor);
}
.csi-theme-preview-block {
  width: 192px;
  height: 108px;
}
.csi-theme-card {
  margin: 10px 10px 0;
  border: 1px solid transparent;
  border-radius: 5px;
  display: inline-block;
  padding: 12px 14px 14px 14px;
}
.csi-theme-image {
  background-color: #fff;
}
.csi-theme-name {
  margin-bottom: 8px;
}
.csi-company-logo {
  background-image: var(--CompanyLogoImageURL);
  width: 37px;
  height: 37px;
}
.csi-navigation-minimize {
  align-items: center;
  display: flex;
  display: var(--SidebarNavigationMenuDisplay);
  flex-shrink: 0;
  justify-content: center;
  height: 37px;
  width: 52px;
}
.csi-navigation-minimize > div {
  color: var(--PageHeaderToolbarIconColor);
}
/* USER PROPERTY VIEW */
.csi-view-User-UserProfile .csi-property-image,
.csi-view-User-UserProfile .csi-property-image img {
  border-radius: 50%;
}
.csi-view-User-UserProfile .csi-property-image-label {
  display: none;
}
.csi-drive-icons .material-icons {
  height: 16px;
  width: 16px;
  min-width: 16px;
}
.csi-drive-icons .csi-material-icon-cloud_download {
  color: var(--Blue500);
}
.csi-drive-icons .csi-material-icon-cloud_download:hover {
  color: var(--Blue700);
}
.csi-drive-icons .csi-material-icon-autorenew {
  color: var(--Blue700);
  animation: icon-spin 2s infinite linear;
}
.csi-drive-icons .csi-material-icon-error_outline {
  color: var(--Red700);
}
.csi-view-driver-browser .iconTreeLeaf {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.83-4.83c-.37-.38-.88-.59-1.41-.59H6zm7 6V3.5L18.5 9H14c-.55 0-1-.45-1-1z' fill='%2379818F'/%3e%3c/svg%3e");
  background-size: contain;
  visibility: visible;
}
.csi-view-driver-browser .folder .iconCollapsed,
.csi-view-driver-browser .folder .iconExpanded {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath d='M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z' fill='%2379818F'/%3e%3c/svg%3e");
  background-size: contain;
}
.csi-view-driver-browser .folder .iconTreeLeaf {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath d='M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z' fill='%2379818F'/%3e%3c/svg%3e");
  background-size: contain;
  visibility: visible;
}
.csi-ref-doc-type-selector-container {
  margin-bottom: 15px;
}
.csi-ref-doc-type-selector-container label {
  font-weight: bold;
  margin-right: 6px;
}
.csi-ref-doc-type-selector-container p {
  margin-bottom: 10px;
}
@-moz-keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-o-keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/Sourcing/Sourcing.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
#dgrid_pasteGrid tr th {
  font-weight: normal;
}
#dgrid_pasteGrid tr th.boldHeader {
  font-weight: bold;
}
#dgrid_pasteGrid .duplicateRow {
  background-color: var(--StateYellowBackgroundColor);
}
.pasteChartInfo {
  padding: 0;
  margin: 0;
  padding-top: 6px;
  font-weight: bold;
  list-style: none;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/SourcingOrders/SourcingOrders.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* SourcingOrders specific CSS styling */
td.POProductUnitPerSize span {
  display: block;
  padding: 0 0 4px;
}
.POProductPackPerSize {
  border-top: 1px dashed var(--PrimaryBlack);
  color: var(--MatrixCompareTextColor);
  padding: 4px 0 0 !important;
}
.csi-view-PurchasedOrder-ShippingLabels.galleryView .galleryBlock {
  font-size: 14px;
  padding: 10px;
  border: 1px solid var(--GalleryBorderColor);
  border-radius: 3px;
  display: inline-block;
  margin: 0 10px 10px 0;
  overflow: hidden;
  vertical-align: top;
}
.csi-view-PurchasedOrder-TDSHeader .csi-po-tds-header-container {
  border: 1px solid var(--DataSheetBorderColor);
  width: 100%;
}
.csi-view-PurchasedOrder-TDSHeader .csi-po-tds-header-cell {
  padding: 12px;
  vertical-align: top;
}
.csi-view-PurchasedOrder-TDSHeader .csi-tds-header-details {
  font-size: 14px;
  white-space: nowrap;
  width: 10%;
  border-left: 1px solid var(--DataSheetBorderColor);
}
.home .csi-view-PurchasedOrder-TDSHeader {
  width: var(--PropertyViewDefaultWidth);
}
.csi-view-title-SourcingModule-SampleStatusRelatedView,
.csi-view-title-SourcingModule-SupplierItemStateRelatedView {
  border-bottom: none;
  font-size: 16px;
  margin-bottom: 0;
}
.csi-sourcing-factory-change-setting-label {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/Specification/Specification.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
/* STOCK ORDER */
.lineItemAdded {
  background-color: var(--StateGreenBackgroundColor);
}
.lineItemDeleted {
  background-color: var(--StateRedBackgroundColor);
}
/* BOM */
.csi-view-ApparelBOMRevision-Host .csi-bom-ps-placement-color {
  background-color: var(--BomProductStructureBackgroundColor);
}
.materialBOMItem {
  background-color: var(--BomMaterialItemBackgroundColor);
}
/* PartMaterials */
.unavailable,
.unavailable a {
  color: var(--BomMaterialUnavailable);
  font-style: italic;
}
/* Care Symbols */
.htmlCareSymbols .galleryBlock {
  display: inline-block;
  padding: 0 10px 10px 0;
  vertical-align: top;
}
/* Stock Order */
.requestUnfillable {
  background-color: var(--StockOrderUnfillable);
}
.requestUnfillableReserved {
  background-color: var(--StockOrderReserved);
}
.csi-excp-msg-container .material-icons {
  color: var(--AlertYellow);
  padding-right: 5px;
}
.csi-excp-msg-content {
  vertical-align: top;
}
.csi-comp-editor-applyIntro,
.csi-comp-editorIntro {
  padding-bottom: 12px;
}
.csi-matcomp-grid {
  width: 500px;
}
.csi-comp-editor-apply {
  width: 426px;
}
.csi-comp-editor-apply-filter-text {
  display: inline-block;
  padding: 0px 11px 10px 0px;
}
.csi-comp-editor-applyto {
  width: 400px;
}
.csi-comp-editor-applyto th.dgrid-cell {
  text-align: left;
}
.csi-comp-editor-applyto .dgrid-header {
  width: 100%;
}
.csi-comp-editor-applyto .dgrid-cell {
  border-left-width: 0;
  vertical-align: middle;
}
.csi-comp-editor-applyto .dgrid-content {
  height: auto;
  padding-top: 2px;
}
.csi-comp-editor-applyto .dgrid-cell-padding {
  padding: 3px 5px;
}
.csi-comp-editor-prev {
  min-width: 500px;
}
.csi-comp-editor-prev th.dgrid-cell {
  text-align: left;
  font-weight: normal;
}
.csi-comp-editor-prev .dgrid-scroller {
  margin-top: 35px;
}
.csi-comp-editor-prev .dgrid-content .dgrid-cell {
  border: none;
}
.csi-comp-editor-prev .dgrid-header {
  width: 100%;
}
.csi-comp-editor-prev .csi-header-select-dropdown,
.csi-comp-editor-grid .csi-header-select-dropdown {
  margin-left: -1px;
}
.csi-comp-editor-grid {
  min-width: 1000px;
}
.csi-comp-editor-grid .dgrid-cell-actions {
  width: 95px;
}
.csi-comp-editor-grid th.dgrid-cell {
  border: none;
  text-align: left;
  font-weight: normal;
}
.csi-comp-editor-grid .dgrid-scrollbar-width {
  background: var(--TableHeaderBackgroundColor);
}
.csi-comp-btn-container {
  position: absolute;
  right: 0px;
  top: 4px;
}
/* SPECIFICATION DATA SHEET */
.csi-specification-section-icon.csi-icon-link {
  font-size: 17px;
  color: var(--PrimaryBlue);
  margin-left: 6px;
  position: relative;
  top: 4px;
}
.csi-specification-section-icon.csi-icon-edit-link {
  color: var(--GreyFive);
}
.csi-specification-section-icon.csi-icon-link-off {
  margin-left: 6px;
  position: relative;
  top: 5px;
}
.csi-action-icon-btn .csi-icon-link-off {
  padding-left: 2px;
}
.csi-view-SpecificationSection-PushToDataSheets .csi-disabled-color {
  font-style: italic;
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[4].use[1]!./node_modules/.bun/stylus-loader@8.1.3+a6139b22dab05631/node_modules/stylus-loader/dist/cjs.js!./src/WBS/WBS.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/* Module specific CSS styling */
table.tableView td.PlannedActualStart .attrPrimary {
  display: block;
  text-align: left;
}
.fusioncharts-container rect[fill-opacity="0.000001"][stroke-width="0"] {
  pointer-events: none;
}
.critical-path {
  background-color: var(--TableRowHighlightBackgroundColor);
}

/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[3].use[1]!./src/canvas/widgets/styles/CanvasEditor.css ***!
  \***************************************************************************************************************************************************************************************/
.c8_canvas_root {
	height: 100%;
	box-sizing: border-box;
}

.c8_canvas_root_inner {
	height: 100%;
	position: relative;
	box-sizing: border-box;
}

.c8_canvas_logo {
	width: 200px;
	animation: c8_canvas_rotation 2s infinite linear;
}

.c8_canvas_label {
	padding: 20px;
	margin: 20px;
	font-family: 'Arial', serif;
}

@keyframes c8_canvas_rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}

/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[3].use[1]!./src/canvas/widgets/styles/CanvasPage.css ***!
  \*************************************************************************************************************************************************************************************/
.c8_canvas_page {
    left: 0;
    top: 0;
    height:  100%;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    overflow: visible;
    position: absolute;
}

/* This is the overlay that allows us to draw on canvas */
.c8_canvas_modeDraw {
    left: 0;
    top: 0;
    height:  100%;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    overflow: visible;
    position: absolute;
    cursor: crosshair;
}

.c8_canvas_overlay {
    left: 0;
    top: 0;
    position: absolute;
    pointer-events: none;
}

/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.bun/css-loader@7.1.3+372220c2e755b969/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[3].use[1]!./src/canvas/widgets/styles/SelectionBox.css ***!
  \***************************************************************************************************************************************************************************************/
.c8_canvas_corner_nwse {
    pointer-events: visible;
    cursor: nwse-resize;
}

.c8_canvas_corner_nesw {
    pointer-events: visible;
    cursor: nesw-resize;
}

.c8_canvas_h_resize {
    pointer-events: visible;
    cursor: ew-resize;
}

.c8_canvas_v_resize {
    pointer-events: visible;
    cursor: ns-resize;
}

.c8_canvas_shape_lock_icon {
    position: absolute;
    right: 3px;
    top: 3px;
}

.c8_canvas_userSelectNone {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}

.c8_canvas_attribute_button {
    color:#4477bb !important;
    pointer-events: visible;
    cursor: pointer;
    height:15px;
    width:15px;
}