@import "GeneXusUnanimo.UnanimoWeb.css";
@import "LuciaDS_Tokens.css";


@layer LuciaDS {
/* [gx-css-import ignore - start] */
 
/* [gx-css-import ignore - end] */
/* [gx-css-user-controls - start] */
/* [gx-css-user-controls - end] */
.header__logo 
{
	max-width : 150px;
}
.ButtonSearch 
{
	display : inline-flex;
	align-items : center;
	justify-content : center;
	background-color : transparent;
	color : white;
	border : none;
	border-radius : 4px;
	padding : 4px 4px;
	cursor : pointer;
	background-image : var(--GX-Image_buscar);
	background-repeat : no-repeat;
	background-position : 8px center;
	padding-left : 30px;
	font-size : 14px;
}
.ButtonSearch:hover 
{
	background-color : var(--colors_primary-hover);
}
.ButtonSearch i 
{
	font-size : 16px;
}
.HeaderContainer 
{
	background-color : var(--colors_primary);
	height : 60px;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : var(--colors_header-separator-bg);
	margin : 0 -15px;
	margin-bottom : var(--spacing_stack-xxl);
}
.TablaOcultaSmall 
{
	border-collapse : collapse;
}
.masterpage-image-table 
{
	padding-top : 5px;
}
.heading-01 
{
	display : inline-block;
	font-family : var(--fonts_primary-bold);
	font-size : var(--fontsizes_xl);
	color : var(--colors_primary);
	letter-spacing : 0.25px;
	line-height : 32px;
}
.heading-02 
{
	display : inline-block;
	font-family : var(--fonts_primary-bold);
	color : var(--colors_primary);
	font-size : var(--fontsizes_l);
	letter-spacing : 0.6px;
	line-height : 18px;
}
.heading-03 
{
	display : inline-block;
	color : var(--colors_primary);
	font-family : var(--fonts_primary-regular);
	font-size : var(--fontsizes_m);
	letter-spacing : 0.48px;
	line-height : 16px;
}
.heading-04 
{
	display : inline-block;
	font-family : var(--fonts_primary-bold);
	color : var(--colors_primary);
	font-size : var(--fontsizes_s);
	letter-spacing : 0.38px;
	line-height : 13px;
}
.TextBlockItalic, .TextBlockItalic 
{
	color : var(--colors_on-background);
	font-family : var(--fonts_primary-italic);
	font-size : var(--fontsizes_s);
}
.AttributeHighlight 
{
	min-height : 28px;
	max-width : 100%;
	font-family : var(--fonts_primary-regular);
	font-size : var(--fontsizes_s);
	padding-inline-start : var(--spacing_inset-s);
	padding-inline-end : var(--spacing_inset-s);
	border-color : var(--colors_gray04);
	color : var(--colors_on-background);
	border-radius : var(--radius_l);
	background-color : var(--colors_highlight-attribute)!important;
}
.form-group 
{
	margin-bottom : 1px;
}
.Group,.fieldset,.GroupActions,.InformationGroup,.GroupTitle,.GroupFAE,.GroupFAETitle 
{
	border-bottom-color : var(--colors_gray02);
	border-left-color : var(--colors_gray02);
	border-right-color : var(--colors_gray02);
	border-top-color : var(--colors_gray02);
	border-style : solid;
	border-width : 1px;
	border-top-left-radius : 3px;
	border-top-right-radius : 3px;
	border-bottom-right-radius : 3px;
	border-bottom-left-radius : 3px;
	margin-bottom : 10px;
	margin-left : 0px;
	margin-right : 10px;
	margin-top : 0px;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 1px;
}
.GroupTitle 
{
	background-image : none;
	box-sizing : border-box;
	float : none;
	margin-left : 10px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 0px;
	width : auto;
	white-space : nowrap;
	-moz-box-sizing : border-box;
	font-family : var(--fonts_primary-bold);
	font-size : var(--fontsizes_m);
	letter-spacing : var(--spacing_letter-spacing-s);
	color : var(--colors_primary);
	text-indent : 0px;
	border : none !important;
}
.filter-container 
{
	padding-bottom : 10px;
}
.confirm-filter-container 
{
	padding-top : 20px;
}
.TableBorderDark 
{
	border-bottom-color : var(--colors_border-gray-03);
	border-left-color : var(--colors_border-gray-03);
	border-right-color : var(--colors_border-gray-03);
	border-top-color : var(--colors_border-gray-03);
	border-style : solid;
	border-width : 2px;
	margin-top : 2px;
	margin-bottom : 2px;
	border-radius : 5px;
	overflow : hidden;
}
.ww__grid 
{
	border : 1px solid var(--colors_gray02);
}
.ww__grid thead th 
{
	background : var(--colors_primary);
	color : var(--colors_surface);
	font-family : var(--fonts_primary-semibold);
}
.ww__grid td,
        .ww__grid th 
{
	border-bottom : 1px solid var(--colors_gray01);
}
.ww__grid tbody tr:nth-child(odd) 
{
	background : var(--colors_surface);
}
.ww__grid tbody tr:nth-child(even) 
{
	background : var(--colors_gray05);
}
.ww__grid tbody tr.gx-row-selected 
{
	background-color : var(--colors_row-active);
	box-shadow : inset 4px 0 0 var(--colors_primary);
	transition : background-color 0.3s ease, box-shadow 0.3s ease;
}
.ww__grid_HorizontalScroll 
{
	background-color : var(--colors_form-container-bg);
	margin-top : var(--spacing_inset-m);
	table-layout : fixed;
	border-collapse : collapse;
	border : 1px solid var(--colors_gray02);
	width : 100%;
}
.ww__grid_HorizontalScroll thead th 
{
	background : var(--colors_primary);
	color : var(--colors_surface);
	font-family : var(--fonts_primary-semibold);
}
.ww__grid_HorizontalScroll td,
        .ww__grid_HorizontalScroll th 
{
	border-bottom : 1px solid var(--colors_gray01);
}
.ww__grid_HorizontalScroll tbody tr:nth-child(odd) 
{
	background : var(--colors_surface);
}
.ww__grid_HorizontalScroll tbody tr:nth-child(even) 
{
	background : var(--colors_gray05);
}
.ww__grid_HorizontalScroll tbody tr.gx-row-selected 
{
	background-color : var(--colors_row-active);
	box-shadow : inset 4px 0 0 var(--colors_primary);
	transition : background-color 0.3s ease, box-shadow 0.3s ease;
}
.ww__grid_HorizontalScroll table,
        .ww__grid_HorizontalScroll .ww__grid 
{
	min-width : max-content;
}
.ww__grid_HorizontalScroll .gx-grid-paging-bar 
{
	display : flex;
	justify-content : flex-start;
	padding-block : 5px;
}
.column-action 
{
	text-align : center !important;
	width : 30px;
	padding : 7px;
	border-bottom-width : 1px;
	border-bottom-color : var(--colors_gray01);
	border-bottom-style : solid;
}
.column-action img 
{
	width : 18px;
	height : 18px;
	object-fit : contain;
}
.AttributeHighlight + span.input-group-btn a.btn img.gx-prompt 
{
	content : var(--GX-Image_GeneXusUnanimo_prompt_light);
}
.dp_container .AttributeHighlight + span .btn img 
{
	content : var(--GX-Image_GeneXusUnanimo_calendar_ico);
}
.gx-label.AttributeHighlightLabel 
{
	color : var(--colors_on-background);
	font-size : var(--fontsizes_s);
	font-family : var(--fonts_primary-semibold);
	padding-block-start : 4px;
}
.AttributeHighlight[data-gx-readonly] 
{
	height : 28px;
	max-width : 100%;
	font-family : var(--fonts_primary-regular);
	font-size : var(--fontsizes_s);
	border-width : 1px;
	border-color : var(--colors_gray04);
	border-radius : var(--radius_l);
	padding-inline-start : 0px;
	padding-inline-end : 0px;
	color : var(--colors_on-background);
	background-color : transparent;
	overflow-wrap : anywhere;
	border-style : none;
}
input.AttributeHighlight:focus, textarea.AttributeHighlight:focus, select.AttributeHighlight:focus, .AttributeHighlight>A:focus 
{
	border-color : var(--colors_secondary-enabled);
	box-shadow : 0px 0px 0px 1px #13142c;
}
.TextBlockItalic>A,  .TextBlockItalic>A 
{
	color : var(--colors_primary-enabled);
	text-decoration : underline;
}
.TextBlockItalic>A:visited,  .TextBlockItalic>A:visited 
{
	text-decoration : underline;
	color : var(--colors_primary-active);
}


@media (max-width: 800px)
{
	.TablaOcultaSmall 
	{
		display : none !important;
	}
	.TableScrollHorizontalSmall 
	{
		overflow-x : scroll;
	}
}


@media (max-width: 991px)
{
	.ww__grid_HorizontalScroll 
	{
		overflow-x : auto;
		-webkit-overflow-scrolling : touch;
		white-space : nowrap;
		width : 100%;
		display : block;
	}
}

@font-face
{
	font-family : SourceSansPro-Italic;
	src : url("source-sans-pro-italic_ttf.ttf");
}
}