.dx-swatch-mcp-dark-theme {
	/* ---------------------------------------
	 DEFAULT MCP THEME, DO NOT MODIFY
	---------------------------------------  */

	/*  Primary Theme & Brand Colors  */
	--PrimaryBrand:				#1C2A35; /* Whale Grey-900 */

	/*  Notifications  */
	--GeneralNotificationBg:	#81D3ED; /* HighLighter Blue-200 */
	--GeneralNotificationText:	#1D1D1D; /* Flat Grey-900 */
	--SuccessNotificationBg:	#A0D39C; /* Green-500 */
	--SuccessNotificationText:	#1D1D1D; /* Flat Grey-900 */
	--WarningNotificationBg:	#FACF85; /* Yellow-500 */
	--WarningNotificationText:	#1D1D1D; /* Flat Grey-900 */
	--ErrorNotificationBg:		#683C4A; /* Cherry Red-700 */
	--ErrorNotificationBg_Light:#683C4A; /* Cherry Red-700 */
	--ErrorNotificationText:	#EBEBEB; /* Flat Grey-200  */
	--ValidationMessage:        #EBEBEB; /* Flat Grey-200  */
	--ValidationErrorRequired:  #E7A4B0; /* Cherry Red-200 */
	--Error:					#A14E5D; /* Cherry Red-500  */
	--Warning:					#FACF85; /* Yellow-500 */
	--Success:					#A0D39C; /* Green-500 */

	/*  Application Frame  */
	--AppHeaderBarBg:			#1D1D1D; /* Flat Grey-900 */
	--AppHeaderBarText:			#EBEBEB; /* Flat Grey-200  */

	--ActionBarBg:				#1C2A35; /* Whale Grey-900 */
	--ActionBarText:			#EBEBEB; /* Flat Grey-200  */
	--ActionBarTabText:	 		#EBEBEB; /* Flat Grey-200  */

	--ActionBarMenuBg:			#1D1D1D; /* Flat Grey-900 */

	--FooterBg:					#1C2A35; /* Whale Grey-900 */
	--FooterText:				#EBEBEB; /* Flat Grey-200  */

	/*  Typography  */
	--H1Text:					#EBEBEB; /* Flat Grey-200  */
	--H2Text:					#EBEBEB; /* Flat Grey-200  */
	--H3Text:					#EBEBEB; /* Flat Grey-200  */
	--BodyText:					#EBEBEB; /* Flat Grey-200  */
	--LabelText:				#EBEBEB; /* Flat Grey-200  */
	--Text:						#EBEBEB; /* Flat Grey-200  */
	--PlaceHolderText:			#B8B8B8; /* Flat Grey-400 */
	--HelperText:				#B8B8B8; /* Flat Grey-400 */
	--InputText:				#EBEBEB; /* Flat Grey-200  */
	--DisabledText:				#B8B8B8; /* Flat Grey-400  */

	/*  Grids  */
	--GridHeaderBg:				#1D1D1D; /* Flat Grey-900 */
	--GridHeaderText: 			#EBEBEB; /* Flat Grey-200  */
	--GridRowOdd:				#1C2A35; /* Whale Grey-900 */
	--GridRowEven:				#2D3E4C; /* Whale Grey-800 */
	--GridHoverSelected:		#3b5161; /* Whale Grey-700 */
	--GridHoverHightlightInvalid:#A14E5D; /* Cherry Red-500 */
	--ActiveCell:				#4A6477; /* Whale Grey-600 */
	--ActiveRowBorder:			#00A9E0; /* Highlighter Blue-500 */
	--GridSummation:			#00578B; /* Highlighter Blue-900 */
	--GridFilterRow:			#4A6477; /* Whale Grey-600 */
	--GridDisabled:				#1C2A35; /* Whale Grey-900 */
	--GridReadOnlyText:			#999999; /* Flat Grey-500 */
	--ConditionallyValid:		#CFA96F; /* Yellow-700 */
	--ConditionallyValidHover:	#FACF85; /* Yellow-500 */
	--Invalid:					#683C4A; /* Cherry Red-700 */
	--GridEmptyBg:				#171E24; /* Black Pearl */
	--GridActiveRowBorder:		#00A9E0; /* Highlighter Blue-500 */

	/* Locks */
	--LockBg:					#3b5161; /* Whale Grey-700 */
	--LockDisabledBg:			#1C2A35; /* Whale Grey-900 */
	--LockedBg:					#1C2A35; /* Whale Grey-900 */
	--LockBg_Hover:				#2D3E4C; /* Whale Grey-800 */
	--LockBorder:				#879CAD; /* Whale Grey-300 */
	--LockBorderIconRecalc:		#A0D39C; /* Green-500 */
	--LockIcon:					#2fb5e3; /* Highlighter Blue-400 */
	--LockIconLocked:			#2fb5e3; /* Highlighter Blue-400 */
	--LockIconDisabled:			#707070; /* Flat Grey-600 */

	/*  Buttons  */
	--SuperPrimaryButtonText:	#1D1D1D; /* Flat Grey-900 */
	--SuperPrimaryButtonBg_Hover:	#52C2E6; /* HighLighter Blue-300 */
	--SuperPrimaryButtonBg_FocusBorder:	#F9F9F9; /* Flat Grey-50 */

	--PrimaryButtonBg:			#85BA81; /* Green-500 */
	--PrimaryButtonText:		#1D1D1D; /* Flat Grey-900 */
	--PrimaryButtonBg_Hover:	#63A05E; /* Green-600 */
	--PrimaryButtonBg_FocusBorder: #F9F9F9; /* Flat Grey-50 */

	--SecondaryButtonText:		#EBEBEB; /* Flat Grey-200 */
	--SecondaryButtonBg_Hover:	#071E4A; /* Deep Blue-900 */
	--SecondaryButtonBg_FocusBorder: #F9F9F9; /* Flat Grey-50 */

	--TertiaryButtonBg:			#4A6477; /* Whale Grey-600 */
	--TertiaryButton_Border:	#879CAD; /* Whale Grey-300 */
	--TertiaryButtonText:		#EBEBEB; /* Flat Grey-200 */
	--TertiaryButtonBg_Hover:	#577388; /* Whale Grey-500 */
	--TertiaryButtonBg_FocusBorder:	#F9F9F9; /* Flat Grey-50 */

	--WizardButtonText:			#EBEBEB; /* Flat Grey-200 */

	--ToggleButtonBorder: 		#B8B8B8; /* Flat Grey-400 */
	--ToggleButtonOffBg:		#3B5161; /* Whale Grey-700 */
	--ToggleButtonOffText:		#EBEBEB; /* Flat Grey-200 */
	--ToggleButtonOffBg_Hover:	#4A6477; /* Whale Grey-600 */
	--ToggleButtonOffBg_FocusBorder:	#F9F9F9; /* Flat Grey-50 */

	--ToggleButtonOnBg:			#00A9E0; /* HighLighter Blue-500 */
	--ToggleButtonOnText:		#1D1D1D; /* Flat Grey-900 */
	--ToggleButtonOnBg_Hover:	#00A9E0; /* HighLighter Blue-500 */
	--ToggleButtonOnBg_FocusBorder:		#F9F9F9; /* Flat Grey-50 */

	--DropDownBtnBg_Active:		#00578B; /* Highlighter Blue-900 */

	/* Links */
	--TextLink:					#81d3ed; /* HighLighter Blue-200 */
	--TextLinkActiveHover:		#00A9E0; /* Highlighter Blue-500 */
	--TextLinkFocus:			#EBEBEB; /* Flat Grey-200  */
	--TextLinkDisabled:			#707070; /* Flat Grey-600 */

	/* Input */
	--InputBg:					#3B5161; /* Whale Grey-700 */
	--InputBorder:				#879CAD; /* Whale Grey-300 */
	--InputDisabledBorder:		#6f879a; /* Whale Grey-400 */
	--InputDisabledBg:			#1C2A35; /* Whale Grey-900 */
	--InputDisabledTextIcon:	#b8b8b8; /* Flat Grey-400 */
	--DropDownMenuDivider:		#6f879a; /* Whale Grey-400 */
	--DropDownBreadcrumbBg:		#1C2A35; /* Whale Grey-900 */

	/* Tabs */
	--TabHover:					#171E24; /* Black Pearl */
	--TabBg:					#1C2A35; /* Whale Grey-900 */
	--TabActiveBg:				#00578b; /* Highlighter Blue-900 */
	--TabActiveText:			#EBEBEB; /* Flat Grey-200 */
	--TabActiveBorder:			#00578b; /* Highlighter Blue-900 */
	--TabActiveHover:			#0077ac; /* Highlighter Blue-800 */
	--TabInactiveBg:			#3B5161; /* Whale Grey-700 */
	--TabInavtiveHover:			#4a6477; /* Whale Grey-600 */
	--TabBorder:				#3B5161; /* Whale Grey-700 */

	/* Scrollbar */
	--ScrollbarBorderIcon:		#879CAD; /* Whale Grey-300 */
	--ScrollbarBg:				#3B5161; /* Whale Grey-700 */

	/* Tooltip */
	--TooltipHeaderBg:			#1D1D1D; /* Flat Grey-900 */
	--TooltipBodyBg:			#3B5161; /* Whale Grey-700 */
	--TooltipSectionBorder:		#879CAD; /* Whale Grey-300 */
	--TooltipArrowBg:			#3B5161; /* Whale Grey-700 */
	--TooltipArrowBorder:		#1D1D1D; /* Flat Grey-900 */
	--Tooltiphover:				#00A9E0; /* Highlighter Blue-500 */

	/* Icons */
	--PrependIcon:				#EBEBEB; /* Flat Grey-200  */
	--Icon:						#EBEBEB; /* Flat Grey-200  */
	--IconHover:				#00A9E0; /* Highlighter Blue-500 */

	/* Application View and Content */
	--AppBg:					#171E24; /* Black Pearl */
	--ContentBg:				#1C2A35; /* Whale Grey-900 */
	--PanelHeader:				#2d3e4c; /* Whale Grey-800 */
	--Border:					#1D1D1D; /* Flat Grey-900 */
	--DragBarBg:				#2d3e4c; /* Whale Grey-800 */
	--Divider:					#3b5161; /* Whale Grey-700 */
	--ActiveBorder:				#F9F9F9; /* Flat Grey-50 */
	--ToolBarFavoritesHover:	#3E3E3E; /* Flat Grey-800 */
	--SectionHeaderBg:			#1D1D1D; /* Flat Grey-900 */

	/* Color Combinations - First color is light mode and the second is dark mode */
	--White-WhaleGrey900:		#1C2A35; /* Whale Grey-900 */
	--White-FlatGrey900:		#1D1D1D; /* Flat Grey-900 */
	--White-FlatGrey200:		#EBEBEB; /* Flat Grey-200 */
	--Grey-FlatGrey900:			#1D1D1D; /* Flat Grey-900 */
	--Grey-FlatGrey200:			#EBEBEB; /* Flat Grey-200 */
	--GreyBg-FlatGrey900:		#1D1D1D; /* Flat Grey-900 */
	--Black-FlatGrey400:		#B8B8B8; /* Flat Grey-400 */
	--OpaqueBlack-FlatGrey400:	#B8B8B8; /* Flat Grey-400 */
}