@import "WWPBaseObjects.WorkWithPlusBaseDS.css";
@import "WorkWithPlusDS_Tokens.css";

/* [gx-css-import ignore - start] */
 
/* [gx-css-import ignore - end] */
.GridFreeStyleNoOverflowCell > div 
{
	overflow : unset !important;
	border-bottom-left-radius : 0px;
	border-bottom-right-radius : 0px;
}
.GridNoOverflowCell > div 
{
	overflow : unset !important;
}
.GridNoAddLines > div > table > tfoot > tr > td > a 
{
	display : none;
}
.TableBorderColorPick 
{
	border : 2px solid #000;
}
.ActionBaseColorDanger 
{
	background-color : var(--colors_Danger_CondForm) ;
	color : #fff !important;
}
.ActionBaseColorSuccess 
{
	background-color : var(--colors_Success_CondForm) ;
	color : #fff !important;
}
#gx-column-targets 
{
	height : 100% !important;
}
.TextAlignCenter 
{
	text-align : center;
}
.CellHeaderBarLowLineHeight 
{
	line-height : 23px;
}
.TextBlockTitle 
{
	color : white;
}
.WorkWith TR:not(.WCD_tr) SELECT 
{
	width : 95% !important;
}
.AttributeGridRealWidthCombo 
{
	width : 95% !important;
}
.AttributeLogin.AttributeMaxWidth 
{
	max-width : 300px;
}
div>div.PanelMarginTop 
{
	margin-top : 10px;
}
div.PanelFilledBorderRadius 
{
	border-radius : var(--radius_l) ;
}
.rowsperpage  .caret 
{
	margin-left : 7px !important;
	display : inherit !important;
}
.AttributeNoPaddingTop 
{
	padding-top : 0px !important;
}
.CellMarginTop5 
{
	margin-top : 5px !important;
}
.PanelFilledColor 
{
	background : var(--colors_BaseColor) ;
	border-bottom : 3px solid var(--colors_BaseColor);
	height : 40px;
	border-top-left-radius : var(--radius_l) ;
	border-top-right-radius : var(--radius_l) ;
}
.PanelFilledColor .Attribute 
{
	color : white;
	font-weight : bold;
}
.PanelGridTitle 
{
	background-color : #fff;
	border-bottom : 3px solid var(--colors_BaseColor);
	height : 100%;
	border-top-left-radius : var(--radius_l) ;
	border-top-right-radius : var(--radius_l) ;
	padding-top : 5px;
	padding-bottom : 5px;
	max-width : 100%;
}
.PanelGridRow 
{
	height : 100%;
	border-top-left-radius : var(--radius_l) ;
	border-top-right-radius : var(--radius_l) ;
	padding-top : 5px;
	max-width : 100%;
}
.PanelGridBottomBorder 
{
	border-bottom : 1px solid #ccc;
}
.PanelGridTitle .Label 
{
	color : black;
	font-weight : bold;
}
.FreestylePanel 
{
	border-bottom : 3px solid var(--colors_BaseColor);
	height : 40px;
	width : 100%;
}
.CellPaddingLeft15 
{
	padding-left : 15px !important;
}
.AttributeFL1 
{
	margin-left : 5px;
	display : inline-block;
	background-color : transparent;
	border : var(--borders_xs) solid var(--colors_gray05);
	font-size : var(--fontSizes_s) ;
	font-style : normal;
	font-variant : normal;
	text-decoration : none;
	color : var(--colors_gray07) !important;
	max-width : 206px;
	text-indent : 0px;
	box-shadow : none;
	border-left-width : 0;
	border-right-width : 0;
	border-top-width : 0;
}
.Group 
{
	padding : 0 15px 15px 15px;
}
.Group > div 
{
	margin-top : -10px;
}
.SeparateBigTitle 
{
	font-style : normal;
	font-variant : normal;
	font-weight : 400;
	font-size : 40px;
}
.page-sidebar.sidebar-fixed 
{
	z-index : 1010 !important;
}
.page-content.MasterFooterCellVM 
{
	z-index : 1005 !important;
}
.MasterFooterCellVM 
{
	padding-right : 0px !important;
}
.Form .gx-center-target 
{
	display : table-cell;
}
.FloatingLabelReadonly > label 
{
	padding-left : 15px;
}
.MergeLabelCell > span.Label 
{
	padding-left : 5px;
}
.PopupHeader 
{
	padding-bottom : 8px;
	padding-top : 8px;
	border-bottom : 2px solid var(--colors_gray03);
}
.PopupHeader > .PopupTitle 
{
	font-size : var(--fontSizes_s) ;
	padding-left : 15px;
}
.ModulesFixedWidthCell>div 
{
	max-width : auto !important;
	margin-top : unset;
}
div[id="COMBO_GERANOLETCOD_MPAGEContainer"] 
{
	margin-bottom : unset !important;
	padding-bottom : unset !important;
	padding-top : 0px !important;
	min-height : 0px !important;
}
.PaginationBarFiltered, .PaginationBarFiltersCaption 
{
	display : none !important;
}
span.input-group-btn > a.gx-image-link, .TableMerged a.gx-image-link 
{
	border : none !important;
	border-bottom : 1px solid var(--colors_gray05) !important;
	border-radius : 0px !important;
}
.TableMerged td.MergeDataCell:has(input.Attribute) + td > a.gx-image-link 
{
	padding-bottom : 8px !important;
	padding-right : 6px !important;
	padding-left : 6px !important;
	margin-left : 2px !important;
}
.TableMerged td.MergeDataCell:not(:has(input.Attribute)) + td > a.gx-image-link 
{
	margin-left : -3px !important;
	padding-top : 19px !important;
	margin-bottom : -7px !important;
	display : inline-block !important;
	min-height : 51px !important;
}
.TableMerged td.MergeDataCell:has(input.Attribute) + td:has(a.gx-image-link),
    .TableMerged td.MergeDataCell:not(:has(input.Attribute)) + td:has(a.gx-image-link) 
{
	width : 1px;
}
.MainContainerBackgroundWhiteNoSpacing 
{
	padding-left : 0px;
	padding-right : 15px;
	background-color : var(--colors_gray05) ;
}
.FontColorIconGray 
{
	color : var(--colors_Gray_CondForm) ;
}
.FontColorIconBlack 
{
	color : var(--colors_Black_CondForm) ;
}
.FontColorIconPurple 
{
	color : var(--colors_Purple_CondForm) ;
}
.CellNoMarginTop 
{
	margin-top : 0px !important;
}
.input-group .ErrorMessages 
{
	top : 50px !important;
}
.dropdown-menu 
{
	min-width : 100% !important;
	font-size : var(--fontSizes_s) ;
}
.WWColumnHorizontalCenter 
{
	text-align : center !important;
}
.WWColumn > label.Attribute > input[type="checkbox"] 
{
	margin-top : 10px !important;
}
.container-fluid .gx-infinite-scrolling-container 
{
	margin-left : unset !important;
	margin-right : unset !important;
}
.container-fluid .gx-infinite-scrolling-container > table 
{
	padding-left : 0 !important;
}
.SectionGrid.GridNoBorderCell.HasGridEmpowerer.GridParentCell > div 
{
	padding : 0 10px !important;
	padding-bottom : 5px !important;
}
.ImageFooter 
{
	vertical-align : middle;
	max-height : 45px;
	max-width : 200px;
	margin-top : unset;
}
.RequiredDataContentCellFL .AttributeFLLabel::after, .RequiredDataContentCell .AttributeLabel::after, .RequiredDataContentCell .AttributeDateLabel::after, .RequiredDataContentCell .AttributeDateTimeLabel::after, .RequiredDataContentCellFL .Label::after, .RequiredDataContentCell .Label::after, .RequiredDataContentCell .AttributeCheckBoxLabel::after, .RequiredDataContentCell .AttributeRealWidthLabel::after, .RequiredDataContentCell .AttributeRealWidthDateLabel::after, .RequiredDataContentCell .AttributeRealWidthDateTimeLabel::after, .RequiredDataContentCell .AttributeRealWidthCheckBoxLabel::after 
{
	color : var(--colors_Danger_CondForm) !important;
}
.TableMerged 
{
	width : 100% !important;
}
div[data-align-outer]:has(div .PaginationBarFullWidth) 
{
	width : 100% !important;
}
span.TagColumn:has(.BootstrapTooltipRight) > div.tooltip 
{
	min-width : 203px;
}
.PaginationBarFullWidth 
{
	padding : 6px;
	border-radius : 0 0 5px 5px;
	margin-top : -1px;
}
.AttributePaginationBar 
{
	min-height : 37px;
	border : 2px solid var(--colors_gray05) !important;
	color : var(--colors_gray07) !important;
	text-align : center !important;
	padding-right : 1.9rem !important;
	-moz-appearance : none !important;
	-webkit-appearance : none !important;
	appearance : none !important;
	background : url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat !important;
	background-position : calc(100% - 10px) center !important;
	background-color : white !important;
}
.AttributePaginationBar:hover 
{
	background-color : transparent !important;
}
.TextBlockPaginationBar 
{
	border : 2px solid var(--colors_gray05) !important;
	padding : 7px !important;
	background-color : #fff;
}
.TextBlockPaginationBar:hover 
{
	background-color : transparent !important;
}
.TextBlockPaginationBar  .gx-disabled 
{
	color : var(--colors_gray07) !important;
	background-color : transparent !important;
}
.TextBlockPaginationBarLeft 
{
	border-radius : 5px 0 0 5px;
	margin-right : -2px;
}
.TextBlockPaginationBarRight 
{
	border-radius : 0 5px 5px 0;
	margin-left : -2px;
}
.TextBlockPaginationBar > a 
{
	text-decoration : none !important;
}
.TableRegularFullWidth 
{
	width : 100% !important;
}
.TableMerged .MergeDataCell > div > input 
{
	width : 100% !important;
}
.DataContentCellFL .MergeLabelCell 
{
	padding-left : 10px !important;
}
.AttributeNoBorder 
{
	border : none;
}
.ImageLogin 
{
	width : 245px;
	max-width : 245px;
}
.HideWithUpdateDelete.GridWithBorderColor.WorkWithOdd > td.gx-remove-row > a,
    .HideWithUpdateDelete.GridWithBorderColor.WorkWithFooter > a.gx_newrow 
{
	display : none;
}
.AttributeHomeModulesTitle 
{
	font-size : var(--fontSizes_l) ;
	font-weight : bold;
	color : white;
	box-shadow : none;
}
span.AttributeHomeModulesTitle 
{
	border-width : 0px;
	box-shadow : none;
}
.AttributeHomeModulesDescription 
{
	font-size : var(--fontSizes_s) ;
	color : white;
	box-shadow : none;
}
span.AttributeHomeModulesDescription 
{
	border-width : 0px;
	box-shadow : none;
	text-align : center;
	max-width : 100%;
}
.HomeModulesTitleCell 
{
	padding-bottom : 15px;
	padding-top : 12px;
	z-index : 0;
}
.HomeModulesIcon 
{
	color : white;
}
.HomeModulesDark .AttributeHomeModulesTitle,.HomeModulesDark .HomeModulesIcon,.HomeModulesDark .AttributeHomeModulesDescription 
{
	color : var(--colors_gray01) ;
}
.HomeModulesDark:hover .AttributeHomeModulesTitle,.HomeModulesDark:hover .HomeModulesIcon,.HomeModulesDark:hover .AttributeHomeModulesDescription 
{
	color : white;
}
.HomeModules:hover .AttributeHomeModulesTitle,.HomeModules:hover .HomeModulesIcon,.HomeModules:hover .AttributeHomeModulesDescription 
{
	color : var(--colors_white) ;
}
.HomeProfiles:hover .AttributeHomeModulesTitle,.HomeProfiles:hover .HomeModulesIcon,.HomeProfiles:hover .AttributeHomeModulesDescription 
{
	color : var(--colors_gray01) ;
}
.HomeModules, .HomeModulesDark 
{
	background-color : var(--colors_BaseColor) !important;
	margin-left : 8px;
	margin-right : 8px;
	padding-bottom : 15px;
	padding-left : 15px;
	padding-right : 15px;
	padding-top : 20px;
	height : 145px;
	overflow : hidden;
	text-align : center;
	width : 290px;
	transition : .1s linear;
	border-radius : 20px;
}
.HomeProfiles 
{
	background-color : var(--colors_BaseColor) !important;
	margin-left : 8px;
	margin-right : 8px;
	padding-bottom : 15px;
	padding-left : 15px;
	padding-right : 15px;
	padding-top : 20px;
	height : 100px;
	overflow : hidden;
	text-align : center;
	width : 290px;
	transition : .1s linear;
	border-radius : 20px;
}
.HomeModulesDark 
{
	background-color : var(--colors_gray08) !important;
}
.HomeModules:hover, .HomeModulesDark:hover, .HomeProfiles:hover 
{
	background-color : var(--colors_ModuleBackgroundHoverColor) !important;
	cursor : pointer;
	transition : .2s linear;
	color : white;
}
HomeModulesCell 
{
	margin-bottom : 8px;
	margin-top : 8px;
}
.HomeModulesDark:hover 
{
	background-color : var(--colors_BaseColor) !important;
}
.HomeProfileTitleCell > span 
{
	word-wrap : break-word;
}
DIV.gx-mask 
{
	z-index : 1050 !important;
}
.gx-remove-row 
{
	width : 35px;
}
.ExtendedCombo.Attribute, .ExtendedCombo.AttributeFL 
{
	margin-bottom : 0px !important;
}
.ColumnSettings .dropdown-menu 
{
	min-width : 0px !important;
}
.white-space-normal 
{
	white-space : normal !important;
}
#GriddiasmesContainerTbl td 
{
	width : 14% !important;
	min-width : 100px !important;
	vertical-align : top !important;
	border : 3px solid #FFFFFF;
}
#GriddiasmesContainerTbl tr td:first-child 
{
	background-color : #dcdcdc;
}
#GriddiasmesContainerTbl tr td 
{
	background-color : #f0f0f0;
}
#GriddiasmesContainerTbl tr td table tr td 
{
	background-color : transparent !important;
	border : none;
}
.HomeModulesBig 
{
	border-radius : 20px;
}
.calendario-tabela-titulo 
{
	background : #FFFFFF;
	margin-top : -1px;
	font-weight : bold;
}
.TableDynamicFiltersFlex TEXTAREA 
{
	white-space : nowrap;
	scrollbar-width : none;
	resize : none;
	border-radius : 0px;
	border-top : none;
	border-left : none;
	border-right : none;
	height : 34px;
	margin-bottom : 0px;
	padding : 6px 12px;
}
.TableDynamicFiltersFlex TEXTAREA:focus 
{
	border-top : none;
	border-left : none;
	border-right : none;
}
.calendario-tabela 
{
	overflow : auto;
}
.ColumnsSelector .UpdateColumnsAndRestore a, .ColumnsSelector .UpdateColumnsAndRestore .Button 
{
	background-color : var(--colors_DataBackgroundColor) !important;
	border-color : var(--colors_BaseColor) !important;
	border-style : solid !important;
	font-weight : normal !important;
	color : var(--colors_BaseColorForecolor) !important;
	border : var(--borders_xs) solid var(--colors_ActionBorder_and_FocusColor) !important;
}
.ColumnsSelector .UpdateColumnsAndRestore a:hover, .ColumnsSelector .UpdateColumnsAndRestore .Button:hover,
    .ColumnsSelector .UpdateColumnsAndRestore a:focus, .ColumnsSelector .UpdateColumnsAndRestore .Button:focus 
{
	background-color : var(--colors_BaseColor) !important;
	border-color : var(--colors_BaseColor) !important;
	color : white !important;
}
[id*="HTML_DVPANEL_AUDITORIA"] .PanelNoHeader 
{
	display : flex;
	justify-content : center;
	box-shadow : none;
}
[id*="HTML_DVPANEL_AUDITORIA"] [id*="PanelBody"] 
{
	margin : 15px auto;
	width : 75%;
	background-color : var(--colors_PanelBackGround) ;
}
[id*="HTML_DVPANEL_AUDITORIA"] [id*="PanelBody"] .AttributeFL 
{
	min-width : auto !important;
	border : none !important;
}
.Clickable 
{
	cursor : pointer;
	padding : 2px 2px 2px 2px;
}
.Clickable:hover 
{
	background-color : rgb(0, 54, 118);
	border-bottom-color : rgb(173, 173, 173);
	border-left-color : rgb(173, 173, 173);
	border-right-color : rgb(173, 173, 173);
	border-top-color : rgb(173, 173, 173);
}
.TituloGridFree 
{
	background-color : Transparent;
	border-bottom-color : Transparent;
	boder-left-color : Transparent;
	boder-right-color : Transparent;
	boder-top-color : Transparent;
	font-family : Verdana, Arial, "Times New Roman";
	font-size : 8pt;
	font-weight : bold;
	color : Black;
}
.ConvertToDDO.ConvertToDDOFreeStyle>Button.dropdown-toggle 
{
	padding-left : 4px;
	background-color : var(--colors_BaseForecolor) !important;
}
.ConvertToDDO.ConvertToDDOFreeStyle .dropdown-menu.open 
{
	left : 8px !important;
}
.DataContentCellFL .TableMerged .AttributeFL 
{
	max-width : 100% !important;
}
table[id="TABLEFILTERS"] td > div:not(.TableDynamicFiltersFlex) div.gx-attribute .Attribute 
{
	max-width : 100% !important;
	width : auto;
}
.AttributeNoOverflow 
{
	overflow : unset !important;
}
.tooltip-inner 
{
	white-space : wrap !important;
}
.AttributeNoMarginBottom 
{
	margin-bottom : 0px !important;
}


@media (min-width: 992px)
{
	HTML.gx-popup-document 
	{
		height : auto !important;
		min-width : 950px;
	}
}


@media (min-width: 768px)
{
	HTML.gx-popup-document 
	{
		height : auto !important;
		min-width : 745px;
	}
}


@media (max-width: 768px)
{
	.AttributeLogin.AttributeMaxWidth 
	{
		max-width : 325px !important;
	}
	.DataContentCellLogin 
	{
		padding-left : 30px !important;
	}
	.MasterFooterCellVM 
	{
		position : relative;
		padding-left : 15px !important;
	}
	.page-content 
	{
		min-width : 0px;
	}
	.input-group 
	{
		width : 100%;
	}
	.CellTitleMaster 
	{
		padding-left : 15px !important;
		padding-right : 15px !important;
	}
	.PanelWithBorder 
	{
		margin-left : 0px !important;
		margin-right : 0px !important;
	}
	.page-sidebar 
	{
		width : 100% !important;
	}
	.page-sidebar:before 
	{
		-webkit-box-shadow : none !important;
		box-shadow : none !important;
	}
	#TABLEFOOTER_MPAGE 
	{
		padding-left : 15px;
		padding-right : 15px;
	}
	.TableMerged a.gx-image-link 
	{
		margin-left : -8px !important;
	}
}


@media (max-width:768px)
{
	.FooterText 
	{
		line-height : 0px;
	}
}