@import "GeneXusUnanimo.UnanimoWeb.css";
@import "GeneXusReporting.QueryViewerWeb.css";
@import "DesMantisFiccGx2_Tokens.css";


@layer DesMantisFiccGx2 {
/* [gx-css-import ignore - start] */
 
/* [gx-css-import ignore - end] */
/* [gx-css-user-controls - start] */
/* [gx-css-user-controls - end] */
.Button 
{
	white-space : nowrap !important;
}
.BtnFiltro 
{
	width : 30px;
	height : 30px;
	border-radius : 5px;
	text-transform : uppercase;
	border : none;
}
.BtnTab 
{
	height : 28px;
	min-width : 80px;
	border-radius : 5px;
	text-transform : uppercase;
	border : none;
	background-color : #c4eaffff;
}
.BtnTab:hover 
{
	height : 28px;
	min-width : 80px;
	border-radius : 5px;
	text-transform : uppercase;
	border : none;
	background-color : #E0DEDE;
}
.BtnTab_Click 
{
	height : 28px;
	min-width : 80px;
	border-radius : 5px;
	text-transform : uppercase;
	border : none;
	background-color : #E0DEDE;
}
.BtnAgregar 
{
	height : 28px;
	border : none;
	min-width : 80px;
	border-radius : 5px;
	text-transform : uppercase;
	background-color : #61DF61;
	color : #ffffff;
}
.BtnAgregar:hover 
{
	background-color : #7AC33F;
}
.BtnAgregarHovered 
{
	height : 28px;
	border : none;
	min-width : 80px;
	border-radius : 5px;
	text-transform : uppercase;
	background-color : #1E90FF;
}
.BtnCancel 
{
	color : #e73932 !important;
	border : 1px solid #e73932;
}
.BtnCancel:hover 
{
	color : #ffffff !important;
	background-color : #e73932 !important;
}
.BtnFiltrar 
{
	height : 28px;
	min-width : 80px;
	border-radius : 5px;
	text-transform : uppercase;
	color : #50C1FF;
	border : 1px solid #50C1FF;
	background-color : transparent;
}
.BtnFiltrar:hover 
{
	color : #50C1FF;
	background-color : #CBEDFF;
}
.BtnEnter 
{
	background-color : #61DF61 !important;
}
.BtnEnter:hover 
{
	background-color : #7AC33F !important;
}
input.Attribute 
{
	padding : 0;
	padding-left : 8px;
	max-height : 28px !important;
	border : #d3d4d3;
	border-style : solid;
	border-width : 1px;
}
select.Attribute 
{
	border : #d3d4d3;
	border-style : solid;
	border-width : 1px;
}
input.Attribute:focus 
{
	background-color : #c4eaffff;
	color : #000;
	border : none;
}
table#TABLE2LOGIN 
{
	background : white;
	height : 30vh;
	width : 30vw;
	border-radius : 30px;
	box-shadow : rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
}
div#TABLEMAINLOGIN 
{
	height : 100vh;
	display : flex;
	align-items : center;
	justify-content : center;
}
.gx-grid-paging-bar 
{
	justify-content : center !important;
}
.TdTableMenu_Righ 
{
	display : flex;
}
.flex-grid-body tbody 
{
	display : flex;
	gap : 10px;
	max-width : 90vw;
}
.Button-Normal 
{
	background-color : #459CED;
	color : black;
	border : none;
	height : 28px;
	min-width : 80px;
	border-radius : 5px;
}
.Button-Seleccionado 
{
	background-color : #31deed;
	color : black;
	border : none;
	height : 28px;
	min-width : 80px;
	border-radius : 5px;
}
.TopMenu 
{
	width : 100vh;
}
.TableMenu_Right 
{
	display : flex;
	align-items : center;
	width : 100%;
	justify-content : flex-end;
}
div[id*="_dp_container"] 
{
	display : flex !important;
	align-items : center;
}
div[id$="_dp_container"]:has(input.gx-invisible) 
{
	display : none;
}
div#Grid1ContainerDiv 
{
	overflow : auto;
	max-height : 500px;
	width : 100%;
}
div#Grid1ContainerDiv table thead 
{
	position : sticky;
	top : 0;
	z-index : 2;
	background : #459ced;
}
.gridCategoriasMenu 
{
	max-width : 100vh;
}
table#TABLE 
{
	background : #fff;
	margin : 5px;
	padding : 5px;
	border-radius : 10px;
}
table#Grid1ContainerTbl thead tr > th 
{
	padding : 5px;
}
table#MPGrid1ContainerTbl 
{
	border : none !important;
	background : #ffffff !important;
	border-radius : 10px;
}
.TableMenuBorde 
{
	border : none !important;
	background : #ffffff !important;
	border-radius : 10px;
}
.GridPacienteExclusivo 
{
	border-spacing : 0 !important;
}
.GridPacienteExclusivo thead 
{
	background : #a349a4 !important;
	cursor : pointer;
	padding-block : 7px;
	border-spacing : 0 !important;
}
.GridPacienteExclusivo thead tr > th 
{
	padding : 5px;
}
.GridPacienteExclusivo tbody tr 
{
	padding : 5px;
	border-bottom-style : solid;
	border-bottom-color : #e0e0e0;
	background : #ffffff;
}
thead 
{
	background : #459CED;
}
.gx-grid th > span 
{
	justify-content : center;
	color : #ffffff;
	font-family : sans-serif;
}
.PopupHeader .PopupHeaderButton:before 
{
	position : static;
}
table[id^="GridContainer"] td > span 
{
	overflow : hidden;
	white-space : nowrap;
	text-overflow : ellipsis;
	color : #000000;
	display : inline-block;
	max-width : 100%;
}
table[id^="GridContainer"] td > span a 
{
	color : #000000;
	text-decoration : none;
	border-bottom : 1px solid black;
}
table[id^="GridContainer"] td > span a:hover 
{
	color : #b72020c4;
}
table[id^="GridContainer"] 
{
	border-collapse : collapse;
	border : 1px solid #333;
	table-layout : auto !important;
}
table[id^="GridContainer"] th 
{
	width : auto !important;
	min-width : fit-content !important;
}
table[id^="GridContainer"] th,
    table[id^="GridContainer"] td 
{
	border : 1px solid #e7e1e1 !important;
}
span.Attribute 
{
	border : none;
}
label.Attribute 
{
	border : none;
}
span.ReadonlyAttribute 
{
	border : none;
}
.div.gx-mask 
{
	background-color : rgba(0, 0, 0, 0.8) !important;
	opacity : 1 !important;
}
table input[type="checkbox"]:checked::after 
{
	background-color : #5ffa11 !important;
	clip-path : polygon(21% 40%, 21% 40%, 8% 54%, 25% 68%, 36% 77%, 47% 65%, 48% 64%, 64% 47%, 75% 35%, 93% 13%, 81% 4%,36% 54%);
	width : 15px;
	height : 15px;
	position : relative;
	top : 0px;
	inset-inline-start : 1px;
}
table input[type="checkbox"]:after 
{
	vertical-align : middle !important;
}
table input[type="checkbox"]:focus:after 
{
	border-width : thin;
}
.Grid 
{
	white-space : nowrap;
}
.Grid .gx_newrow 
{
	color : #009fff !important;
}
tr[class*="WorkWith"]:hover 
{
	background-color : #99ceff;
	cursor : pointer;
}
div[id$="_ct"] 
{
	display : flex !important;
}
div[id$="_ct"] .change-action 
{
	color : #000000 !important;
	display : flex;
	align-items : center;
}
div[id$="_ct"] .clear-action 
{
	display : flex;
	align-items : center;
	position : static !important;
}
.TableMainClave 
{
	background : white;
}
.ImageLogoClient 
{
	max-width : 200px;
	max-height : 300px;
}
.TableMain 
{
	width : 95vw;
}
.GridAjuste th:nth-child(30), 
  .GridAjuste th:nth-child(61) 
{
	width : 80px !important;
	min-width : 80px !important;
	white-space : nowrap !important;
}
.GridCompras,
.GridKardex 
{
	table-layout : fixed !important;
	width : 100% !important;
}
.GridCompras thead,
.GridCompras tbody tr,
.GridKardex thead,
.GridKardex tbody tr 
{
	display : table;
	width : 100%;
	table-layout : fixed;
}
.GridCompras th,
.GridKardex th 
{
	background-color : #459CED !important;
	color : #ffffff !important;
	padding : 6px 8px !important;
	text-align : center !important;
	font-weight : 600 !important;
	border : 1px solid #dcdcdc !important;
	vertical-align : middle !important;
	line-height : 1.2em !important;
	word-wrap : break-word !important;
	overflow-wrap : break-word !important;
	box-sizing : border-box !important;
	white-space : normal !important;
}
.GridCompras td 
{
	border : 1px solid #e7e1e1 !important;
	padding : 4px 6px !important;
	background-color : #ffffff !important;
	vertical-align : middle !important;
	text-align : left !important;
	white-space : normal !important;
	word-wrap : break-word !important;
	overflow-wrap : break-word !important;
	box-sizing : border-box !important;
}
.GridCompras th:nth-child(14),
.GridCompras td:nth-child(14),
.GridCompras th:nth-child(17),
.GridCompras td:nth-child(17) 
{
	width : 50px !important;
	min-width : 50px !important;
	min-width : 50px !important;
}
.GridCompras th:nth-child(21),
.GridCompras td:nth-child(21),
.GridCompras th:nth-child(23),
.GridCompras td:nth-child(23),
.GridCompras th:nth-child(25),
.GridCompras td:nth-child(25) 
{
	width : 120px !important;
	min-width : 120px !important;
	max-width : 120px !important;
}
.GridCompras th:nth-child(26),
.GridCompras td:nth-child(26) 
{
	width : 100px !important;
	min-width : 100px !important;
	max-width : 100px !important;
}
.GridCompras th:nth-child(29),
.GridCompras td:nth-child(29),
.GridCompras th:nth-child(30),
.GridCompras td:nth-child(30),
.GridCompras th:nth-child(31),
.GridCompras td:nth-child(31),
.GridCompras th:nth-child(32),
.GridCompras td:nth-child(32),
.GridCompras th:nth-child(33),
.GridCompras td:nth-child(33),
.GridCompras th:nth-child(35),
.GridCompras td:nth-child(35) 
{
	width : 80px !important;
	min-width : 80px !important;
	max-width : 80px !important;
}
.GridCompras th[style],
.GridCompras td[style] 
{
	min-width : auto !important;
	max-width : none !important;
}
.ocultarCelda 
{
	display : none;
}
.TabsVistasTh 
{
	display : flex;
	gap : 3px;
	flex-wrap : wrap;
	border-collapse : separate;
	border-spacing : 5px;
}
.TabsVistasTh input 
{
	display : none;
}
.TabsVistasTh label 
{
	display : flex;
	max-height : 20px;
	min-width : 30px;
	align-items : center;
	justify-content : center;
	padding : 6px 10px;
	background : #c4eaffff;
	color : #000000;
	border : none;
	border-radius : 5px;
	cursor : pointer;
	font-weight : normal;
	text-transform : uppercase;
}
td.celdaFondoVerdeClaro:has(.pintar) 
{
	background-color : #90ee90;
}
.TabsVistasTh label:hover 
{
	background : #E0DEDE;
}
.TabsVistasTh label:has(input:checked) 
{
	background : #E0DEDE;
}
.VideoSoporteContainer 
{
	background : #fff;
	border-radius : 10px;
	margin : 10px;
	width : fit-content;
	padding : 5px 10px;
	display : flex;
	align-items : stretch;
	gap : 10px;
}
.VideoSoporteContainer .VideoSoporteIcon 
{
	align-self : center;
	color : #000;
	cursor : pointer;
	transition : color 0.1s ease;
}
.VideoSoporteContainer .VideoSoporteIcon:hover 
{
	color : #ff0000;
}
.VideoSoporteContainer .VideoSoporteSeparator 
{
	width : 1px;
	background : #a9a9a9;
}
.VideoSoporteContainer .TextoExplicativo 
{
	font-weight : bold;
	align-self : center;
}
.VidSopIconWrapper 
{
	position : relative;
	display : inline-flex;
	align-items : center;
}
.VidSopToolTip 
{
	position : absolute;
	opacity : 0;
	background : #000000a3;
	color : #fff;
	padding : 3px 10px;
	border-radius : 5px;
	z-index : 50000;
	pointer-events : none;
	transition : opacity 0.1s ease;
	white-space : nowrap;
	translate : 0% 125%;
	visibility : hidden;
}
.VidSopIconWrapper:hover .VidSopToolTip 
{
	opacity : 1;
	visibility : visible;
}
.CommonGridContainer 
{
	overflow : auto;
	width : fit-content;
}
.CommonGridContainer table thead 
{
	position : sticky;
	top : 0;
	z-index : 2;
	background : #459ced;
}
table.CommonGridContainer thead tr > th 
{
	padding : 5px;
}
.CommonGridContainer.sm 
{
	max-height : 200px;
}
.CommonGridContainer.md 
{
	max-height : 350px;
}
.CommonGridContainer.lg 
{
	max-height : 500px;
}
.CommonGridContainer.xlg 
{
	max-height : 750px;
}

}