@import "WWPBaseObjects.WorkWithPlusBaseDS.css";
@import "WorkWithPlusThemeDS.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] */
.SimpleCardTitleWrap 
{
	padding-right : 3pt;
	border-style : none;
	border-width : 0px;
	font-family : Trebuchet MS;
	font-style : normal;
	font-variant : normal;
	text-decoration : none;
	vertical-align : middle;
	padding-top : 8px;
	font-size : var(--fontsizes_m);
	font-weight : 400;
	color : var(--colors_gray08);
	white-space : normal;
}
.ImageWidth180px 
{
	border-style : none;
	border-width : 0;
	vertical-align : middle;
	max-width : 180px;
}
.CelulaHeight150px 
{
	height : 150px;
	align-items : center;
}
.ButtonGreen 
{
	border-top : 1px;
	margin-right : 3pt;
	padding-bottom : 6px;
	padding-left : 12px;
	padding-right : 12px;
	padding-top : 6px;
	display : inline-block;
	white-space : nowrap;
	border-bottom-color : var(--colors_actionborder_and_focuscolor);
	border-left-color : var(--colors_actionborder_and_focuscolor);
	border-right-color : var(--colors_actionborder_and_focuscolor);
	border-top-color : var(--colors_actionborder_and_focuscolor);
	border-style : solid;
	border-width : 1px;
	border-top-left-radius : 4px;
	border-top-right-radius : 4px;
	border-bottom-right-radius : 4px;
	border-bottom-left-radius : 4px;
	font-family : Trebuchet MS;
	font-size : 14px;
	font-style : normal;
	font-variant : normal;
	font-weight : bold;
	text-decoration : none;
	min-width : 86px;
	ButtonBorderStyle : standard;
	cursor : pointer;
	text-align : center;
	text-indent : 0pt;
	vertical-align : middle;
	background-color : var(--colors_excelcolor);
	color : var(--colors_baseforecolor);
	border : var(--borders_xs) solid var(--colors_excelcolor);
	box-shadow : 0px 7px 10px -5px	var(--colors_excelcolor);
}
.texto-pequeno 
{
	font-size : small;
}
.fundo-verde 
{
	background-color : #298e2e;
}
.fundo-azul 
{
	background-color : #2537bc;
}
.fundo-azul-claro 
{
	background-color : #008be2;
}
.fundo-laranja 
{
	background-color : #ed831a;
}
.texto-negrito 
{
	font-weight : bold;
}
.texto-azul 
{
	color : #2537bc;
}
.PanelNoHeaderAccent 
{
	border-style : none;
	border-radius : var(--radius_l);
}
.PanelNoHeaderAccent > DIV.panel-heading 
{
	display : none;
}
.PanelNoHeaderAccent > .panel-heading + .panel-collapse > .panel-body 
{
	box-shadow : 0px 1px 4px 0px #00000023;
	background-color : var(--colors_databackgroundcolor);
	border : none;
	border-left : 6px solid #Ea4c3a;
	border-radius : 0 var(--radius_l) var(--radius_l) 0;
}
.PanelNoHeaderAccent.panel 
{
	background-color : var(--colors_databackgroundcolor);
	border-radius : var(--radius_l);
	border : none;
}
.PanelLBorderRed 
{
	border-style : none;
	border-radius : var(--radius_l);
}
.PanelLBorderRed > DIV.panel-heading 
{
	display : none;
}
.PanelLBorderRed > .panel-heading + .panel-collapse > .panel-body 
{
	box-shadow : 0px 1px 4px 0px #00000023;
	border : none;
	border-left : 6px solid #Ea4c3a;
	border-radius : var(--radius_l);
}
.PanelLBorderRed.panel 
{
	background-color : var(--colors_databackgroundcolor);
	border-radius : var(--radius_l);
}
.PanelLBorderGreen 
{
	border-style : none;
	border-radius : var(--radius_l);
}
.PanelLBorderGreen > DIV.panel-heading 
{
	display : none;
}
.PanelLBorderGreen > .panel-heading + .panel-collapse > .panel-body 
{
	box-shadow : 0px 1px 4px 0px #00000023;
	border : none;
	border-left : 6px solid #00a65a;
	border-radius : var(--radius_l);
}
.PanelLBorderGreen.panel 
{
	background-color : var(--colors_databackgroundcolor);
	border-radius : var(--radius_l);
}
.PanelLBorderBlue 
{
	border-style : none;
	border-radius : var(--radius_l);
}
.PanelLBorderBlue > DIV.panel-heading 
{
	display : none;
}
.PanelLBorderBlue > .panel-heading + .panel-collapse > .panel-body 
{
	box-shadow : 0px 1px 4px 0px #00000023;
	border : none;
	border-left : 6px solid #3c8dbc;
	border-radius : var(--radius_l);
}
.PanelLBorderBlue.panel 
{
	background-color : var(--colors_databackgroundcolor);
	border-radius : var(--radius_l);
}

}