@import "WWPBaseObjects.WorkWithPlusBaseDS.css";
@import "WorkWithPlus.DynamicForms.WWP_DynamicForm_DS.css";
@import "WorkWithPlusDS_Tokens.css";


@layer WorkWithPlusDS {
/* [gx-css-import ignore - start] */
 
/* [gx-css-import ignore - end] */
/* [gx-css-user-controls - start] */
/* [gx-css-user-controls - end] */
.TabBackgroundGray .Attribute 
{
	background-color : var(--colors_databackgroundcolor);
}
.TabBackgroundGray .ProductCardTable,.TabBackgroundGray .CardWithActionsBaseColor,.TabBackgroundGray .CardWithImageTable,.TabBackgroundGray .SimpleCardTable 
{
	max-width : 450px;
}
.TabBackgroundGray .SimpleCardTable 
{
	margin-left : auto;
	margin-right : auto;
}
.StyleFontIconAndTitle i+span 
{
	margin-left : 10px;
}
.TabBackgroundGray .CardShadow 
{
	background-color : var(--colors_databackgroundcolor);
}
.CellMarginTop25 
{
	margin-top : 25px;
}
.CellMarginTop40 
{
	margin-top : 40px;
}
.KPICard 
{
	padding-bottom : 15px;
	padding-left : 30px;
	padding-right : 30px;
	padding-top : 15px;
	background-color : var(--colors_databackgroundcolor);
	border : var(--borders_xs) solid var(--colors_gray05);
	border-radius : 4px;
}
.ProgressIndicatorCard 
{
	padding-bottom : 15px;
	padding-left : 30px;
	padding-right : 30px;
	padding-top : 15px;
	background-color : var(--colors_databackgroundcolor);
	border : var(--borders_xs) solid var(--colors_gray05);
	border-radius : 4px;
	margin : 20px;
	width : calc(100% - 40px);
}
.TableMainDanger .PanelCardIcon_BaseColor>DIV.panel-heading>.panel-title SPAN 
{
	background-color : var(--colors_danger_condform);
	box-shadow : 0 7px 10px -5px var(--colors_danger_condform_action_hover);
}
.TableMainSuccess .PanelCardIcon_BaseColor>DIV.panel-heading>.panel-title SPAN 
{
	background-color : var(--colors_success_condform);
	box-shadow : 0 7px 10px -5px var(--colors_success_condform_action_hover);
}
.TableMainWarning .PanelCardIcon_BaseColor>DIV.panel-heading>.panel-title SPAN 
{
	background-color : var(--colors_warning);
	box-shadow : 0 7px 10px -5px var(--colors_warning_condform_action_hover);
}
.TableMainInfo .PanelCardIcon_BaseColor>DIV.panel-heading>.panel-title SPAN 
{
	background-color : var(--colors_info_condform);
	box-shadow : 0 7px 10px -5px var(--colors_info_condform_action_hover);
}
.TableMainInfoLight .PanelCardIcon_BaseColor>DIV.panel-heading>.panel-title SPAN 
{
	background-color : var(--colors_infolight);
	box-shadow : 0 7px 10px -5px var(--colors_info_condform_action_hover);
}
.TableMainDanger .ProgressCardIconBaseColor 
{
	color : var(--colors_danger_condform);
}
.TableMainSuccess .ProgressCardIconBaseColor 
{
	color : var(--colors_success_condform);
}
.TableMainWarning .ProgressCardIconBaseColor 
{
	color : var(--colors_warning);
}
.TableMainInfo .ProgressCardIconBaseColor 
{
	color : var(--colors_info_condform);
}
.TableMainInfoLight .ProgressCardIconBaseColor 
{
	color : var(--colors_infolight);
}
.TabBackgroundGray .VerticalTabs .tab-content 
{
	background-color : var(--colors_gray04);
}
.HomeModulesImage 
{
	margin-left : 0;
}
.CellMargin15 
{
	margin : 15px;
}
.SimpleCardAIAssistantTable > div 
{
	align-self : center;
}
.SimpleCardAIAssistantTable 
{
	overflow : hidden;
	padding-bottom : 15px;
	padding-left : 15px;
	padding-right : 15px;
	padding-top : 15px;
	background-color : var(--colors_databackgroundcolor);
	border-radius : var(--radius_m);
	border : var(--borders_xs) solid var(--colors_gray05);
	min-height : 83px;
	display : flex;
	justify-content : center;
}
.CardAIAssistantAttribute 
{
	margin-left : 5px;
	display : inline-block;
	font-variant : normal;
	text-decoration : none;
	text-indent : 0px;
	border : var(--borders_xs) solid #e4e9f4;
	border-radius : .35rem;
	box-shadow : none;
	background-color : transparent;
	font-size : var(--fontsizes_s);
	color : var(--colors_gray07);
	overflow : hidden;
	padding-top : 5px;
	border-width : 0px;
	max-width : 100%;
	text-overflow : ellipsis;
	line-height : 20px;
	height : auto;
	font-style : italic;
}
i.TooltipMasterPage 
{
	color : #ffffffad;
}
.TooltipMasterPage + .tooltip .tooltip-arrow 
{
	border-right-color : #ffffffad;
}
.TooltipMasterPage + .tooltip .tooltip-inner 
{
	max-width : 100%;
	background-color : #ffffffad;
	color : black;
	white-space : normal;
}
.AttributeWidth100.Attribute 
{
	width : 100%;
	max-width : 100%;
}
.PopupContentCellNoPaddingLeft 
{
	border-bottom : var(--borders_xs) solid var(--colors_gray05);
	border-top : 0px;
	padding-bottom : 15px !important;
	padding-left : 0;
}
.gx-label.CardAIAssistantAttributeLabel 
{
	padding-right : 3pt;
	font-style : normal;
	vertical-align : middle;
	white-space : normal;
	color : var(--colors_gray07);
	font-size : var(--fontsizes_s);
	font-weight : 500;
	text-align : left;
}

}