body{	
	font-family:"Source Sans Pro", Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #050505;
	margin: 0px;
	height: 100%;
	width: 100%;
} 

#page-wrap{
	position:relative;
	margin: 0 auto; 
	top:0px; 
	/*border: 1px rgba(0, 0, 0, 0.5) solid;*/
	border-top:none;
	background-color:white;
	min-width:800px;
	overflow: hidden;
	/*background-image: url('img/dark-grey-tile.png');*/
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

*	{
		outline:none;
	}
a	{text-decoration: none;}
ul	{list-style: none;}
p	{margin: 0px 0;}
li	{list-style:none;}


.fa-solid.secpopup{
	display: none;
    position: absolute;
    /* width: 16px; */
    /* height: 16px; */
    top: -2px;
    right: -2px;
    padding: 4px;
    box-sizing: border-box;
    background-color: orange;
    border-radius: 1em;
    padding: 4px;
    box-sizing: border-box;
    overflow: visible;
}

*:hover > .fa-solid.secpopup{
	display: block;
	z-index: 1000;
 }

.fieldCanvas {
	/*border: 1px solid #AAA;*/
	touch-action: none; /* Para deshabilitar el zoom en dispositivos táctiles */
}

.back_process{
	position:absolute;
	top:-2150px;
	left:-2735px;
	display:block;
}

.visible{
	visibility:visible;
} 
.invisible{
	visibility:hidden;
} 
.fit{
	width:100%;
	height:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.opaco4{opacity:.4} .opaco4:hover{opacity:1}
.opaco5{opacity:.5} .opaco5:hover{opacity:1}

.h-100px {max-height: 100px;}
.h-150px {max-height: 150px;}
.h-200px {max-height: 200px;}
.h-250px {max-height: 250px;}
.h-300px {max-height: 300px;}

.cols-2 {width: 50%;}
.cols-3 {width: 33.3%;}


/************************ ICONOS *************************/
/*Control del boton e imagen del boton*/
.btnControl{
	position: relative;
    cursor: pointer;
    display: block;
    overflow: hidden;
    background-color: transparent;
    /*width: 100%;*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.btnControl.Inactivo{
	display:block;
	cursor:default;
}
.btnControl.Inactivo > div[name="imagen"]{
	opacity:0.2;
}
.btnControl.Hide{
	opacity:0.6;
	display:none;
}

[name="btnDEL"].btnControl{
	/*float:right;*/
	/*margin: 0 8px;*/
}
[name="btnDEL"].btnControl.Inactivo > div[name="imagen"]{
	opacity:0.2;
}
table[name="contBrwTitulos"] [name="btnDEL"].btnControl {	
	opacity:0.8;
}
table[name="contBrwTitulos"] [name="btnDEL"].btnControl:hover {
	background-color:rgba(255,0,0,0.95);
}

div[name='Contenido'].BL_Datos > table > tbody > tr > td > div > [name="btnDEL"].btnControl > [name='imagen']:hover{
	background-color:rgba(255,0,0,0.9);
	color:whitesmoke;
}

table[name="contBrwTitulos"] .btnControl{
	padding:2px;
}
table[name="contBrwTitulos"] .btnControl:hover{
	background-color:rgba(255,255,255,0.15);
	opacity: 1;
}
table[name="contBrwTitulos"] .btnControl.Inactivo:hover{
	background-color:rgba(255,255,255,0);
}
table[name="contBrwTitulos"] .btnControl:active{
	opacity: 1;
}
table[name="contBrwTitulos"] .btnControl:last-child{
	/*margin-right:0;*/
}

.btnControl > [name='imagen']{
	display: flex;
    flex-direction: row;
    justify-content: center;
    line-height: normal;
    font-weight: 300;
    align-items: center;
}
.btnControl:hover > [name='imagen']{
	/*background-color: rgba(0,0,0,0.1);*/
	font-weight: 400;
}

.btnControl:active > [name='imagen']{
	font-weight: 900;
}

/* regla para botones en los reg. del catálogo*/
div[name='Contenido'].BL_Datos > table > tbody > tr > td > .btnControl > [name='imagen'],
div[name='Contenido'].BL_Datos > table > tbody > tr > td > div > .btnControl > [name='imagen']{
	/*background-size: 90%;*/
}
div[name='Contenido'].BL_Datos > table > tbody:hover > tr > td > .btnControl > [name='imagen'],
div[name='Contenido'].BL_Datos > table > tbody:hover > tr > td > div > .btnControl > [name='imagen']{
	opacity: 0.85;
}
div[name='Contenido'].BL_Datos > table > tbody > tr > td > .btnControl > [name='imagen']:hover,
div[name='Contenido'].BL_Datos > table > tbody > tr > td > div > .btnControl > [name='imagen']:hover{
	opacity: 1;
	background-color:rgba(0,0,0,0.1);
	/*border-radius: 4px;*/
}
div[name='Contenido'].BL_Datos > table > tbody > tr > td > .btnControl:active > [name='imagen'],
div[name='Contenido'].BL_Datos > table > tbody > tr > td > div > .btnControl:active > [name='imagen']{
	opacity: 1;
	background-color:transparent;
}
div[name='Contenido'].BL_Datos > table > tbody > tr > td > .btnControl.Inactivo > [name='imagen'],
div[name='Contenido'].BL_Datos > table > tbody > tr > td > div > .btnControl.Inactivo > [name='imagen']{
	opacity: 0.4;
	background-color:transparent;
}

.imagen-fx-onMouse{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
/* Fin Botón */

.imgCombo-browse-26,
.imgCombo-browse-26:disabled{
	width: 26px;
	height: 26px;
	background-repeat:no-repeat no-repeat;
	background-position:center center;
}
.imgCombo-form-26,
.imgCombo-form-26:disabled{
	background-repeat:no-repeat no-repeat;
	background-position:right center;
	padding-right:26px;	
}

.ico-16, .ico-20, .ico-24, .ico-26, .ico-32, .ico-48{
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: contain;
	cursor:pointer;
}
.ico-16{
	width: 16px;
	height: 16px;
}
.ico-20{
	width: 20px;
	height: 20px;
}
.ico-24{
	width: 24px;
	height: 24px;
}
.ico-26{
	width: 26px;
	height: 26px;
}
.ico-32{
	width: 32px;
	height: 32px;
}
.ico-48{
	width: 48px;
	height: 48px;
}

.ico-save {background-image: url("fa/svgs/regular/floppy-disk.svg");}
.ico-close {background-image: url("fa/svgs/regular/rectangle-xmark.svg");}
.ico-max {background-image: url("fa/svgs/regular/window-maximize.svg");}

.ico-refresh {background-image: url("fa/svgs/solid/rotate.svg");}
.ico-add {background-image: url("fa/svgs/solid/file-medical.svg");}
.ico-chg {background-image: url("fa/svgs/solid/chang.svg");}
.ico-del {background-image: url("fa/svgs/solid/file-circle-minus.svg");}
.ico-delAll {background-image: url("fa/svgs/solid/trash-can.svg");}
.ico-vie {background-image: url("fa/svgs/solid/file-shield.svg");}
.ico-prn {background-image: url("fa/svgs/solid/print.svg");}
.ico-exp {background-image: url("fa/svgs/solid/file-export.svg");}
.ico-cnf {background-image: url("fa/svgs/solid/gears.svg");}
.ico-tools {background-image: url("fa/svgs/solid/pen-to-square.svg");}

.ico-excel {background-image: url("fa/svgs/solid/file-excel.svg");}
.ico-pdf {background-image: url("fa/svgs/solid/file-pdf.svg");}
.ico-xml {background-image: url("fa/svgs/solid/file-code.svg");}
.ico-json {background-image: url("fa/svgs/brands/js.svg");}
.ico-txt {background-image: url("fa/svgs/solid/file-lines.svg");}

.ico-savGrid {background-image: url("fa/svgs/solid/table-cells.svg");}
.ico-savForm {background-image: url("fa/svgs/solid/folder-closed.svg");}
.ico-savPrn {background-image: url("fa/svgs/solid/print.svg");}
.ico-chgPrn {background-image: url("fa/svgs/solid/print.svg");}
.ico-catDup {background-image: url("fa/svgs/solid/clone.svg");}
.ico-catDel {background-image: url("fa/svgs/solid/trash-arrow-up.svg");}
.ico-catSinc {background-image: url("fa/svgs/solid/retweet.svg");}
.ico-copy {background-image: url("fa/svgs/solid/copy.svg");}
.ico-paste {background-image: url("fa/svgs/solid/paste.svg");}



/* 16px */
.ico-16.ico-slideDown{background-image: url("w8/_Basicos/16/ArrowHead-Down_opa.png")}
.ico-16.ico-slideDown:hover{background-image: url("w8/_Basicos/16/ArrowHead-Down.png")}
.ico-16.ico-slideUp{background-image: url("w8/_Basicos/16/ArrowHead-Up_opa.png")}
.ico-16.ico-slideUp:hover{background-image: url("w8/_Basicos/16/ArrowHead-Up.png")}

.ico-16.ico-max{background-image: url("w8/_Basicos/16/ArrowHead-Up_opa.png")}
.ico-16.ico-max:hover{background-image: url("w8/_Basicos/16/ArrowHead-Up.png")}
.ico-16.ico-close{background-image: url("w8/_Basicos/16/close.png")}
.ico-16.ico-close:hover{background-image: url("w8/_Basicos/16/close_over.png")}

/* Blancos 16px */
.white.ico-16.ico-close{background-image: url("w8/_Basicos/24/Cancel_opa.png")}
.white.ico-16.ico-close:hover{background-image: url("w8/_Basicos/24/Cancel.png")}

/* 24px */


/* Iconos circulares*/
/* 24px */
.ico-24.ico-window.circular{background-image: url("w8/_Basicos/24/circulares/Window.png")}
.ico-24.ico-window.circular:hover{background-image: url("w8/_Basicos/24/circulares/Window_over.png")}
.ico-24.ico-undo{background-image: url("w8/_Basicos/24/circulares/Undo.png")}
.ico-24.ico-undo:hover{background-image: url("w8/_Basicos/24/circulares/Undo_over.png")}
.ico-24.ico-groupbar{background-image: url("w8/_Basicos/24/circulares/Groupbar.png")}
.ico-24.ico-groupbar:hover{background-image: url("w8/_Basicos/24/circulares/Groupbar_over.png")}
/* Blancos 24px */
.white.ico-24.ico-close{background-image: url("w8/_Basicos/24/circulares/Close_w.png")}
.white.ico-24.ico-close:hover{background-image: url("w8/_Basicos/24/circulares/Close_w_over.png")}
.white.ico-24.ico-fit{background-image: url("w8/_Basicos/24/circulares/Open-in-new-window_w.png")}
.white.ico-24.ico-fit:hover{background-image: url("w8/_Basicos/24/circulares/Open-in-new-window_w_over.png")}

/* 32px */
.ico-32.ico-resize-left,
.ico-32.ico-resize-right,
.ico-32.ico-resize-top,
.ico-32.ico-resize-bottom{
	background-image: url("w8/_Basicos/32/Split.png");
}
.ico-32.ico-resize-top,
.ico-32.ico-resize-bottom{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);	
}

.ico-32.ico-resize-top:hover,
.ico-32.ico-resize-bottom:hover,
.ico-32.ico-resize-left:hover,
.ico-32.ico-resize-right:hover{background-image: url("w8/_Basicos/32/Split_over.png")}


.ico-funcion{background-image: url("w8/_Basicos/16/Play.png")}
.ico-funcion:hover{background-image: url("w8/_Basicos/16/Play_over.png")}

.ico-expandir  {
	background-image: url("w8/_Basicos/16/Expand_opa.png") ;
	background-repeat:no-repeat;
	background-position:center center;
	width: 16px;
	height: 16px;
}
.ico-expandir:hover  {background-image: url("w8/_Basicos/16/Expand.png") }
.ico-contraer{
	background-image: url("w8/_Basicos/16/Collapse_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
	width: 16px;
	height: 16px;
}
.ico-contraer:hover  {background-image: url("w8/_Basicos/16/Collapse.png") }

.ico-filtrar  {
	background-image: url("w8/_Basicos/24/Filter_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
	width: 24px;
	height: 22px;
}
.ico-filtrar:hover{
	background-image: url("w8/_Basicos/24/Filter.png")
}
.ico-filtrar.x16  {
	background-image: url("w8/_Basicos/16/Filter_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
	width: 16px;
	height: 16px;	
}
.ico-filtrar.x16:hover{
	background-image: url("w8/_Basicos/16/Filter.png")
}
.ico-buscar{
    width: 24px;
    height: 24px;
    background-image: url(w8/_Basicos/24/Find_Data_opa.png);
    padding-top: 5px;
    padding-left: 5px;
}
.ico-buscar:hover{
	background-image: url("w8/_Basicos/24/Find_Data.png")
}

.ico-buscar.x16  {
	width: 16px;
	height: 20px;
	background-image: url("w8/_Basicos/16/Find_Data_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
}
.ico-buscar.x16:hover{
	background-image: url("w8/_Basicos/16/Find_Data.png")
}

.ico-ocupado {
	background-image: url(img/Cargando_16.gif);
	background-repeat:no-repeat;
	background-position:center center;	
	/*width:24px;
	height:24px;*/
}
.ico-ocupado.x16 {
	background-image: url(img/Cargando_16.gif);
	background-repeat:no-repeat;
	background-position:center center;	
	width:16px;
	height:16px;
}

.img_cargando_200{
	background-image: url(img/Cargando_200.gif);	
	background-repeat: no-repeat;
	background-position: center center;
}
.img_cargando_64{
	background-image: url(img/Cargando_64.gif);	
	background-repeat: no-repeat;
	background-position: center center;
}

.img_cargando_txt_med{
	background-image: url(img/Cargando_150.gif);	
	background-repeat: no-repeat;
	background-position: center center;
}


/********************** FIN ICONOS ***********************/
.triangulo.right {
	border-color: transparent rgba(0,0,0,0.1);
	border-width: 28px;
    border-right-width: 0px;
    border-left-width: 14px;
    border-bottom-width: 0px;
}
.triangulo {
	background: transparent;
	border-style: solid;
	height: 0px;
	width: 0px;
}
.triangulo:last-child {
	background: transparent;
}

.cssConfirmar{
	position:absolute;
	top:10px;
	left:60px;
	width:300px;
	height:50px;
	background:#eee;
	border:1px #bbb solid;
	border-radius:3px;
	z-index:9999;
	padding:5px;
	box-shadow: 1px 2px 4px 0px rgba(030,030,030,0.3),
				1px 2px 4px 0px white inset;
}
.cssConfirmar div[name='contBotones']{
	position:absolute;
	right:0px;
}
.cssConfirmar p{
	font-size:14px;
}
.cssConfirmar span[name^='btn']{
	min-width: 20px;
	text-align: center;
}

.MenuContexto{
	display:none;
	position:absolute;
	width:auto;
	height:auto;
	background:#f5f5f5;
	border:1px rgba(0,0,0,0.3) solid;
	border-radius:1em;
	z-index:999;
	padding:1em 0.5em;
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.4),
				1px 2px 2px 0px white inset;
}
.MenuContexto li{
	border-radius: 0.5em;
    padding: 4px 1em;
}
.MenuContexto li:hover{
	background:#3B5A97;
	color:white;
	cursor:pointer;
}

.ScrollControl_cont{
	position:relative;
	min-width: 160px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	height:20px;
	background:rgba(255,255,255,0.2);
	padding:0px;
	float:right;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;	
}
.ScrollControl_cont [name='infoPagina']{
	height: 100%;
	width: 100%;
	vertical-align: middle;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	font-weight: bold;
}

.ScrollControl_cont div[name='scroll_up'],
.ScrollControl_cont div[name='scroll_prev'],
.ScrollControl_cont div[name='scroll_first'],
.ScrollControl_cont div[name='scroll_down'],
.ScrollControl_cont div[name='scroll_next'],
.ScrollControl_cont div[name='scroll_last']{
	/*position:absolute;*/
	top:2px;
	cursor:pointer;
	width:16px;
	height:16px;
}
/* Navegación de registros*/
/* Ir al registro anterior */
.ScrollControl_cont div[name='scroll_up']{
	left:25px;
	padding: 0 4px;
	/*
	background-image: url("fa/svgs/solid/backward-step.svg");
	background-repeat:no-repeat;
	background-position:center center;	
	*/
}
.ScrollControl_cont div[name='scroll_up']:hover{
	background-color: rgba(0, 0, 0, 0.1);
}
/* Ir al primer registro */
.ScrollControl_cont div[name='scroll_first']{
	left:2px;
	padding: 0 4px;
	/*
	background-image: url("fa/svgs/solid/backward-fast.svg");
	background-repeat:no-repeat;
	background-position:center center;	
	*/
}
.ScrollControl_cont div[name='scroll_first']:hover{
	background-color: rgba(0, 0, 0, 0.1);
}
/* Ir al siguiente registro */
.ScrollControl_cont div[name='scroll_down']{
	right:25px;
	padding: 0 4px;
	/*
	background-image: url("fa/svgs/solid/forward-step.svg");
	background-repeat:no-repeat;
	background-position:center center;
	*/
}
.ScrollControl_cont div[name='scroll_down']:hover{
	background-color: rgba(0, 0, 0, 0.1);
}
/* Ir al ultimo registro */
.ScrollControl_cont div[name='scroll_last']{
	right:2px;
	padding: 0 4px;
	/*
	background-image: url("fa/svgs/solid/forward-fast.svg");
	background-repeat:no-repeat;
	background-position:center center;	
	*/
}
.ScrollControl_cont div[name='scroll_last']:hover{
	background-color: rgba(0, 0, 0, 0.1);
}
/**/
	
.cssBrowseLooper {
	position: relative;
	min-height: 250px;
    height: inherit;	
    width: inherit;	
    overflow: hidden;
    box-sizing: border-box;
	grid-area: body;  /* area del contenedor que a su vez hereda las areas de .cssBrowseLooper */
	display: grid;
	grid-template-rows: min-content 1fr min-content;
    grid-template-areas:
        "head"
        "body"
        "foot";
}

/* Debe ir siempre despues de .cssBrowseLooper*/
.brw_contenedor{
	position:absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top:0;
	/*left: 0.5px;*/
	overflow: visible;
	grid-area: body;  /* area de grilla .cssBrowseLooper*/
 }

/* Debe ir siempre despues de .cssBrowseLooper*/
.brw_contenedor.Modal,
.brw_contenedor.modal{
	background-color: rgba(0,0,0,0.3);
	z-index: 1003;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
	grid-area: unset; /* debe ir libre de area de grilla*/
}

.cssBrowseLooper > div[name="ProcessOn"]{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(255, 255, 255, 0.5);
	background-image: url(img/Cargando_200.gif);	
	background-repeat: no-repeat;
	background-position: center center;
}
.cssBrowseLooper[tipo='Fade-in']{
	box-shadow: none;
	box-sizing: border-box;
}
.cssBrowseLooper[tipo='Fade-in']:first-child{
	/*border: 3px rgba(0,0,0,0.1) solid;	*/
}
.cssBrowseLooper[tipo='Fade-in'].child{
	border:0;
	padding:0;	
}

.cssBrowseLooper[tipo='BrowseSelect']{
	position: absolute; 
	width:320px;
	height:300px;
	box-shadow: 0px 0px 6px 0px #777;
	z-index:1002;
	overflow: hidden;
}

.cssBrowseLooper[tipo='BrowseForm']{
	position: absolute; 
	z-index:1001;
	padding:0;
	overflow: visible;
	/*box-shadow: 0px 0px 6px 0px #777;*/
	border-radius: 8px;
    box-sizing: content-box;
}
.cssBrowseLooper[tipo='Browse']{
	/*border: 2px transparent solid;*/
	margin-right: 10px;
    box-shadow: 0 0 6px 0 #333;
}
/*.cssBrowseLooper[tipo='BrowseForm'] div[name='contTareas']{
	position:relative;
	top:0;
	left:0;
	border:none;
	margin:0;
	padding:1px;
}*/

.cssBrowseLooper div[name="Encabezado"] > div[name="InfoEncabezado"]{
	font-weight: bold;
	font-size: 18px;
	float: left;
	color: rgba(0, 0, 0, 0.85);
	background-color: rgba(255, 255, 255, 0.6);
	width: 100%;
	padding: 0 5px;
	font-family: "Source Sans Pro SemiBold";
}

.cssBrowseLooper div[name='Tareas'] > div[name='bloqueo']{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background-color: rgba(255, 255, 255, 0.4);*/
	position: absolute;
	z-index: 1;
	display:none;
}

.cssBrowseLooper div[name='Tareas'] > div[name='SinTareas']{
	border: 1px rgba(0, 0, 0, 0.2) solid;
	float: left;
	padding: 10px;
	margin: 5px 10px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.1);
}
.cssBrowseLooper div[name='Tareas'] > div[name='SinTareas'] > p{
	color:rgba(0,0,0,0.7);
}

/*xxx*/
.cssBrowseLooper div[name='Forma_body']{
	width:100%;
	max-width: 100%;
	position:relative;
	grid-area: body;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*overflow: auto;*/
    box-sizing: border-box;		
}

.cssBrowseLooper div[name='Forma_body']{
	display: grid;
	grid:
		"top 			top" 	5fr
		"bottom 		bottom" 6fr / 
		3fr				9fr;
	align-content: stretch;
    justify-content: space-between;	
	gap: 4px;
	background-color: white;
	border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
	box-sizing: border-box;
}


.cssBrowseLooper[tipo='Fade-in'] > div[name='contContenido'] > div[name='Contenido'] > div[name='contForma'] > div[name='Forma_body']{
	float:none;
	border-top: 1px rgba(255, 255, 255, 0.5) solid;
}

.cssBrowseLooper[tipo='Fade-in'] > div[name='contContenido'] {
	padding: 0;
	border-top: none;
	overflow:hidden;
}
.cssBrowseLooper[tipo='Fade-in'] > div[name='contContenido'] > div[name='Encabezado']{
	padding-top: 0;
	display: flex;
    flex-direction: column;
}

.cssBrowseLooper > div[name='contContenido'] > div[name='Encabezado'] div[name='contTareas']{
	box-sizing:border-box;
	max-height: 200px;
	position: relative;
	border:none;
	font-weight:100;
	padding: 0;
	margin: 0;
	float:left;	
	width:auto;
	grid-area: tasks;	
}

.cssBrowseLooper > div[name='contContenido'] > div[name='Encabezado'] div[name='contTareas'] div[name="TareasEnc"]{
	width:100%;
}
/*[tipo='Fade-in']*/
.cssBrowseLooper > div[name='contContenido'] > div[name='Encabezado'] div[name='contTareas'] div[name='Tareas']{
	margin:0;
	border:none;
	color:rgba(0,0,0,0.8);
	padding:3px 0;
}
.cssBrowseLooper[tipo='Fade-in'] > div[name='Titulo'] div[name='contInfoBrowse']{
	padding-left:0;
}
.cssBrowseLooper > div[name='Titulo'] div[name='infoBrowse'] {
	position: relative;
	float:left;
	cursor:pointer;
	padding: 0;
}
.cssBrowseLooper > div[name='Titulo'] div[name='infoBrowse'] > div[name='texto']{
	float:left;
	padding: 0 5px;
	font-weight:bold;
}
.cssBrowseLooper[tipo='BrowseFloat'] > div[name='Titulo'] {
	cursor:pointer;
}

.cssBrowseLooper[tipo='Fade-in'] > div[name='Titulo'] div[name='infoBrowse'] > div[name='texto']{
	padding-left:15px;
	font-family: "Source Sans Pro SemiBold";
    font-size: 15px;
}
.cssBrowseLooper[tipo='Fade-in'] div[name='contInfoBrowse'] > div[name='infoBrowse']:first-child > div[name='texto']{
	padding-left:5px;
}
.cssBrowseLooper[tipo='BrowseFloat'] > div[name='Titulo'] div[name='contInfoBrowse'] > div[name='infoBrowse'] > div[name='texto']{
	font-size:16px;
	padding: 0;
}

.cssBrowseLooper[tipo='Fade-in'] > div[name='Titulo'] div[name='infoBrowse'] > div.triangulo{
	float: right;
    z-index: 1;
    position: absolute;
    top: -1px;
    right: -12px;
}

.cssBrowseLooper[tipo='Fade-in'] > div[name='Titulo'] div[name='infoBrowse'] > div[name="back"].triangulo.right {
	/*border-left-color: rgba(255, 255, 255, 0.3);*/
	top: -1px;
    right: -13px;
    border-top-width: 28px;
    border-left-width: 14px;
}

.cssBrowseLooper[tipo='Fade-in'] > div[name='contContenido'] > div[name='Encabezado'] table[name='TablaTareas'] tr{
	border:none;
}

.cssBrowseLooper div[name='contForma']{	
	position: absolute;
	width: inherit;
	height: inherit;
    min-width: 30%;
	min-height: 40%;
	z-index: 1000;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-shadow: 0px 0px 6px 0px #777;
	justify-self: center;
	align-self: center;
	box-sizing: border-box;
	border-radius: 8px;
}

.cssBrowseLooper div[name='contForma'] [name="contBotones"]{
	border: 4px solid; 
    border-radius: 8px;
}	

.cssBrowseLooper div[name='contForma'] > div[name='FormaBase']{
    /* background-color: rgba(0,0,0,0.5); */
   /* position: absolute;*/
    width: 100%;
    height: 100%;
	padding: 1px;
	box-sizing: border-box;	
	display: grid;
    grid-template-rows: min-content 1fr;
    grid-template-columns: 1fr;
    grid-template-areas:
        "head"
        "body";	
}

.cssBrowseLooper div[name='contForma'].max {
	/*border: none !important;*/
	border-radius: 0 !important;
	padding: 0 !important;
	max-width:100% !important;
	max-height:100% !important;
	box-shadow:none;
}
.cssBrowseLooper div[name='contForma'].max > div[name="FormaEnc"]{
	border-radius: 0 !important;
}

.cssBrowseLooper[tipo="BrowseForm"].max {
	/*background-color:transparent !important;*/
	box-shadow:none !important;
	border:none !important;
}
.cssBrowseLooper[tipo="BrowseForm"] > div[name="contForma"].max {
	box-shadow:none !important;
	height:auto;
}

.cssBrowseLooper[tipo='BrowseForm'] > div[name='contForma'] {
	height: 100%;
	min-width:0;
	max-width:100%;
	width: 100%;
	/*box-shadow: none;*/
}
.cssBrowseLooper div[name='contContenido']{
	position:absolute;
	float:left;
	width:100%;
	height:100%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding:0;
	border-top:1px rgba(255,255,255,0.95) solid;
	grid-area: body;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: min-content 1fr min-content min-content;
    grid-template-areas:
        "head"
        "body"
        "foot"
        "bottons";
}

.cssBrowseLooper[tipo='Browse'] div[name='contContenido']{
	border:none;
}
.cssBrowseLooper div[name='contContenido'] > div[name='contPie']{
	position: relative;
	height: 100%;
	padding: 2px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	font-family: "Source Sans Pro";
	font-weight: 100;
	grid-area: foot;
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.cssBrowseLooper div[name='contContenido'] > div[name='contPie'] [name="infoMark"]{
	padding: 0 5px;	
}

.cssBrowseLooper div[name='contContenido'] > div[name='contPie'] [name="infoMark"] > *{
	font-weight: 100;
	font-size: 16px;
}

.cssBrowseLooper div[name='Contenido']{
	position:absolute;
	overflow:auto;
	background-color:white;
	width: 100%;
	height: 100%;
	grid-area: body;	
}
.cssBrowseLooper[tipo='Browse'] div[name='Contenido']{
}

.cssBrowseLooper div[name='contContenido'] tr.GruposHijos{
	background-color: white;
	box-shadow: inset 0 -1px 0 var(--av-color-appCore);
}

.cssBrowseLooper div[name='contContenido'] td[name='GruposHijos'],
.cssBrowseLooper div[name='contContenido'] td[name='GruposHijos'] > div[name='GruposHijos']{
	display:none;
	border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
}
.cssBrowseLooper div[name='contContenido'] td[name='GruposHijos'] > div[name='GruposHijos'] > ul[name='GruposHijos']{
	margin:0px;
	background: transparent;
	padding-left:20px;
	position:relative;
}
.cssBrowseLooper div[name='contContenido'] span[name='ico_grupo']{
	position:relative;
	/*font-size:12px;*/
}
.cssBrowseLooper div[name='contContenido'] ul[name='GruposHijos'] li[name='grupo'] div[name='cab_grupo']{
	border-top:1px transparent solid;
	position:relative;
}
.cssBrowseLooper div[name='contContenido'] ul[name='GruposHijos'] li[name='grupo'] div[name='cab_grupo'] > table{
	padding: 2px 5px 2px 6px;
	cursor: pointer;
	border-radius: 0.5em;
}
.cssBrowseLooper div[name='contContenido'] ul[name='GruposHijos'] li[name='grupo'] div[name='cab_grupo'] > table:hover{
	background-color:rgba(0,0,0,0.05);
}
.cssBrowseLooper div[name='contContenido'] ul[name='GruposHijos'] li[name='grupo'] div[name='cab_grupo'] > table > td > img{
	vertical-align: middle;
	margin:0;
	min-width: 32px;
	min-height: 32px;	
}	

.cssBrowseLooper div[name='contContenido'] ul[name='GruposHijos'] li[name='grupo'] p[tipo='txt_grupo']{
	/*text-shadow: 0 1px 0 white;*/
	position:relative;
	margin-left:5px;
	font: 16px "Source Sans Pro";
}
.cssBrowseLooper div[name='contContenido'] ul[name='GruposHijos'] ul[name='Hijo']{
	padding:4px 0 4px 24px;
	position:relative;
}
.cssBrowseLooper div[name='contContenido'] ul[name='Hijo'] > ul[name='GruposHijos']{
	padding-left:0px;
	position:relative;
}

.cssBrowseLooper div[name='contTareas']{
	padding:1px;
	border:1px rgba(255,255,255,0.7) solid;
	right:0;
	margin-right: 2px;
	position: absolute;	
	width:0;
	background:inherit;
}
.cssBrowseLooper div[name='Tareas']{
	position:relative;
	top:0px;
	left:0px;
	border:none;
	margin:0;
	padding:0;
	width:auto;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	cursor: default;
	/*background: rgba(255, 255, 255, 0.7);*/
	border-top: 1px rgba(255, 255, 255, 0.85) solid;
	float:left;
	overflow: hidden;
}

.cssBrowseLooper.asForma {
	background-color:rgba(160,200,120,0.8); 
}

.cssBrowseLooper table[name='TablaTareas'] {
	position:relative;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	border-collapse: separate;
	border: none;
}

/*
.cssBrowseLooper table[name='TablaTareas'] tr:first-child td:first-child,
.cssBrowseLooper table[name='TablaTareas'] tr:first-child td:last-child {
	border-top:none;
}

.cssBrowseLooper table[name='TablaTareas'] td:first-child,
.cssBrowseLooper table[name='TablaTareas'] td:last-child {
	width:5px;
	border-bottom:none;
}
*/

.cssBrowseLooper table[name='TablaTareas']{
	padding: 0;
}
.cssBrowseLooper table[name='TablaTareas'] td.imagen {
	width:auto;
	padding:10px 0px;
}

.cssBrowseLooper table[name='TablaTareas'] td.texto {
	width:auto;
	padding:5px 10px;
	padding-right:0px;
	text-align:justify;
	line-height:15px;
}

.cssBrowseLooper table[name='TablaTareas'] td.texto .boton.pre{
	top:0px;
	margin:0;
	padding-top: 2px;
	height: 18px;	
}
.cssBrowseLooper table[name='TablaTareas'] td.texto .boton.pre:first-child{
	top:5px;
}

.cssBrowseLooper table[name='TablaTareas'] td.vinculo {
	width:85px;
}
.cssBrowseLooper table[name='TablaTareas'] td.texto .boton{
	position:relative;
	top:5px;
	border-radius:4px;
}

.cssBrowseLooper > div[name='Titulo'] {
	height:27px; 		/* 27 es parte de una formula para pintar un triangulo que simula migaja de pan */
	line-height:27px;	/* 27 es parte de una formula para pintar un triangulo que simula migaja de pan */
	width: 100%;
	grid-area: head;
}
.cssBrowseLooper[tipo='Fade-in'] > div[name='Titulo']{
	background: rgba(255, 255, 255, 0.3);
}

.cssBrowseLooper[tipo='BrowseFloat'] > div[name='Titulo']{
	/*height:32px;*/
}

.cssBrowseLooper[tipo='BrowseSelect'] > div[name='Titulo'] {
    height: unset;
    cursor: pointer;
    border: none;
    /* border: 1px transparent solid; */
    background-color: transparent;
    padding: 2px;
	padding-bottom: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.cssBrowseLooper div[name='Titulo'] span[name='cntCerrar']{
	/*position: absolute; */
    width: 24px;
    height: 24px;
    /* top: 3px; */
    right: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
	float:right;
}

.cssBrowseLooper div[name='Titulo'] span[name='cntCerrar']:hover{
	font-weight: 400;
}
.cssBrowseLooper div[name='Titulo'] span[name='cntCerrar']:active{
	font-weight: 900;
}

.cssBrowseLooper div[name='Encabezado'] {
	position:relative;
	border:none;
	width:100%;
	height: 100%;
	overflow: hidden;
	grid-area: head;
	display: grid;
    grid-template-rows: min-content min-content auto min-content;
	grid-template-areas:
		"headInfo"
		"tasks"
		"filters"
		"headGrid";	
}

div[name='contFiltro']{
	position: relative;
    max-height: 300px;
    padding-bottom: 4px;
    border: none;
    overflow: auto;
    background: white;
    box-sizing: border-box;
    grid-area: filters;
}

div[name='contEncabezados']{
	position:relative;
	width:inherit;
	height:29px;
	cursor:pointer;
}
div[name='contEncabezados']:active{
	cursor:move;
}

.cssBrowseLooper div[name='TareasEnc'],
.cssBrowseLooper div[name='BrowseEnc'],
.cssBrowseLooper div[name='FormaEnc']{
	overflow:hidden;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 1000%;
	/*float: left;*/
}

.cssBrowseLooper div[name='BrowseEnc'] [name='CB_MarcarTodo']{
	cursor: pointer;
}

.cssBrowseLooper div[name='TareasEnc'],
.cssBrowseLooper div[name='FormaEnc']{
	background:rgba(255,255,255,0.7);
}
.cssBrowseLooper div[name='TareasEnc']{
	display:none;
}
.cssBrowseLooper div[name='FormaEnc']{
    background: transparent;
    width: 100%;
    display: grid;
    padding: 4px;
    padding-bottom: 0;
    gap: 1em;
    grid-template-columns: min-content 1fr min-content;
}
.cssBrowseLooper div[name='BrowseEnc']{
	border-left:none;
	border-right:none;
	background-color: #EEE;	
	grid-area: headGrid;
}

.cssBrowseLooper[tipo='BrowseForm'] div[name='TareasEnc'],
.cssBrowseLooper div[name='FormaEnc']{
	cursor: pointer;
}

div[name='contInfoForma'] {
	padding:4px;
}

div[name='contInfoBrowse']{
	padding-left: 4px;
    padding-right: 4px;
}
div[name='contInfoTareas']{
	float:left;
	margin:0;
}

div[name='contInfoForma'],
div[name='contInfoForma_control'] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
	flex-direction: column;	
	flex-wrap: nowrap;
}

div[name='contInfoForma']{
	width: max-content;
    white-space: nowrap;
	max-width: 40%;
}

div[name='contInfoForma_control'] {
	/*position: relative;
	width: 100%;	
    display: flex;
	align-items: flex-start;*/
	flex-direction: row;	
	justify-content: flex-end; 
	font-size: 20px;
	padding: 2px;   
}
div[name="contInfoForma_control"] > span{
	position:relative;
	float:left;
	font-weight: 300;
	display: flex;
    justify-content: center;
    align-items: center;
}

div[name="contInfoForma_control"] > span:hover{
	/*background-color: rgba(0,0,0,0.1);*/
	font-weight: 400;
}
div[name="contInfoForma_control"] > span:active{
	/*background-color: rgba(0,0,0,0.1);*/
	font-weight: 900;
}

.cssBrowseLooper[tipo='BrowseSelect'] div[name='contInfoBrowse']{
    width: 100%;
    display: grid;
    align-items: center;
	grid-template-columns: 1fr min-content min-content;
    justify-content: space-between;
	column-gap: 4px;
}

div[name='contInfoForma'] > pre,
div[name='contInfoBrowse'] > pre {	
	font-size:14px;
	font-weight:bold;
	margin:0;
}

div[name='contInfoForma'] > pre + p{
	position:relative;
	font-size:12px;
	top:-2px;
	/*color:white;*/
}

div[name='contInfoTareas'] h3,
div[name='contInfoTareas'] h4,
div[name='contInfoForma'] h3,
div[name='contInfoForma'] h4,
div[name='contInfoBrowse'] h3,
div[name='contInfoBrowse'] h4{ 
    line-height: 24px;
    grid-column: 1;
    grid-row: 1;
}
div[name='contInfoTareas'] h3,
div[name='contInfoForma'] h3,
div[name='contInfoBrowse'] h3{
	float: left;
}

div[name='contInfoForma'] h4{
	line-height: 16px;
}

div[name='contInfoBrowse'] li.link{ 
	margin-top:2px;
	color:white;
}
div[name='contInfoBrowse'] li.link:hover{ 
	color:#111;
}

div[name='contbtnForma']{
	/*bottom: 0; */
    width: 100%;
    /* min-height: 78px; */
    background: whitesmoke;
    padding: 8px 16px;
    /* margin: 0; */
    /* right: 0; */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: flex;
    height: auto;
    grid-area: bottons;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    gap: 1em;
    position: relative;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.cssBrowseLooper[tipo='BrowseForm'] div[name='contbtnForma']{
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

div[name='contbtnForma'] .boton,
div[name='contMsg'] .boton{
	font-family:"Source Sans Pro";
	font-size: 16px;
	padding: 3px 10px;
	min-width: 80px;
	border-radius: 6px;
	display: flex;
    align-content: center;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

div[name='contbtnForma'] .boton{
	font-family:"Source Sans Pro Semibold";
}
/*
div[name='contbtnForma'] .boton:hover{
	font-weight:bolder;
	font-family:"Source Sans Pro SemiBold";
}
*/

table[name='TablaForma']{
	border-collapse: separate;
	border-spacing:4px;
}

/* css para los campos del filtro en los catálolos*/

div[name='TBodyTablaFiltro']{
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(120px,1fr) minmax(120px,1fr));
}

div[name='TBodyTablaFiltro'] div[name='tdLabel']{
	overflow:hidden;
	text-align:right;
	vertical-align:middle;
}

div[name='TBodyTablaFiltro'] div[name='campo']{
	float:left;
}

div[name='TBodyTablaFiltro'] > div[name='campo'] input,
div[name='TBodyTablaFiltro'] > div[name='campo'] select{
	border: 1px rgba(0, 0, 0, 0.2) solid;
}

div[name='TBodyTablaFiltro'] > div[name='campo'] select{
	width: calc(100% - 7px);
}
div[name='TBodyTablaFiltro'] > div[name='campo'] select{
	/*height: 21px;*/
	line-height: 15px;
	width: calc(100% + 1px);
}

div[name='tdLabel'],
div[name='tdCampo'],
div[name='tdFiltro'] {
	position:relative;
	/*float:left;*/
}

div[name='tdFiltro'] {
	margin: 2px 4px;
}
div[name='tdCampo']{
	display: flex;	
}
div[name='tdCampo'] *{
	margin-top:0;
}
div[name='tdCampo'] .checkbox_label{
	position:relative;
	top:-3px;
	left:5px;
}
div[name='tdCampo'] textarea{
	margin-bottom:-2px;
}

div[name='tdLabel'] [name="conttdLabel"] > span{
	padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 2px;
    border: none;
    background-origin: padding-box;
    background: transparent;
    line-height: 20px;
	color: #444;
    line-height: 17px;
    font-size: 14px;
}

*[visible='0']{display:none}
*[visible='1']{display:block}

/*********************************************/

.ico_Container {
	position:absolute;
	display:inline;
	border-radius:6px;
	border:1px #CCC solid;
	background-image: inear-gradient(top, white, #BBB);
	background-image: -moz-linear-gradient(top, white, #BBB);
	background-image: -webkit-linear-gradient(top, white, #BBB);
	background-image: -o-linear-gradient(top, white, #BBB);
	background-image: -ms-linear-gradient(top, white, #BBB);
	color:#282828;
	text-shadow: 0 1px 0 #eee;	
	cursor:pointer;
	width:28px;
	height:28px;
	top:2px;
	right:2px;	
}

.Forma{
	position:relative;
	background:#fcfcfc;
}

form table[name='table_checkbox'],
div[name='contFiltro'] table[name='table_checkbox']{
	position: relative;
	background: white;
	border-radius: 4px;
	border: 1px gray solid;
	border-right-color: silver;
	border-bottom-color: silver;
	border-collapse:separate;
	border-spacing:0px;
	padding:2px;
}

.Forma input[type='checkbox']{
	position: relative;
	margin-top: 6px;
	margin-left: 2px;
}
.divElegir{
	position:absolute;
	border:1px #ccc solid;
	border-radius:4px;
	border-top-left-radius:0px;
	width:64px;
	height:120px;
	background-image: linear-gradient(top, #DDD, #F0F0F0);
	background-image: -moz-linear-gradient(top, #DDD, #F0F0F0);
	background-image: -webkit-linear-gradient(top, #ddd, rgba(240,240,240,.5));	
	background-image: -o-linear-gradient(top, #ddd, rgba(240,240,240,.5));
	background-image: -ms-linear-gradient(top, #ddd, rgba(240,240,240,.5));	
	z-index:2000;
	text-align:center;
	overflow:auto;
}

.myComboBox{
	position: absolute;
    background-color: white;
    /* border: 1px rgb(128, 189, 255) solid; */
    z-index: 9999;
    text-align: center;
    overflow: auto;
    max-height: 350px;
    box-shadow: 0 0px 6px 0 rgb(0 0 0 / 60%);
    cursor: default;
    border-radius: 4px;
}

.myComboBox > div[name="contEncabezado"]{
	position:relative;
	overflow: auto;
}
.myComboBox > div[name="contEncabezado"] > div[name="Titulo"]{
	position: relative;
	color: rgba(255, 255, 255, 0.8);
	font: 13px "Source Sans Pro SemiBold";
	background: rgba(0, 0, 0, 0.3);
	padding: 4px;
}
.myComboBox > div[name="contEncabezado"] > div[name="Columnas"]{
	position:relative;
}

.myComboBox > div[name="contBotones"]{
	position:relative;
	padding:4px;
	overflow: auto;
}

.myComboBox > table{
	border-spacing: 0;
	/*padding: 4px;*/
}
.myComboBox [name="ComboBox_tr"]{
	cursor:pointer;
	height: 24px;
	position: relative;
}
.myComboBox [name="ComboBox_tr"].inactivo > *{
	opacity:0.1;
	cursor:default;
	font-weight: 100;
}
.myComboBox [name="ComboBox_tr"].inactivo:hover {
	background-color:transparent;
}
.myComboBox [name="ComboBox_tr"] div[name="inactivar"]{
	display:none;
}
.myComboBox [name="ComboBox_tr"].inactivo div[name="inactivar"]{
	display:block;
}

.myComboBox [name="ComboBox_tr"]:hover{
	background-color: rgba(0,0,0,0.1);
}

.myComboBox [name="ComboBox_tr"]:hover [name="info_celda"]{
	font-weight: 300;
}

.myComboBox [name="ComboBox_tr"]:active [name="info_celda"]{
	font-weight: 900;
}

.myComboBox [name="ComboBox_tr"].elegido{
	background-color:#3399ff;
}
.myComboBox [name="ComboBox_tr"].elegido:hover{
	background-color:rgb(96, 119, 236)
}
.myComboBox [name="ComboBox_tr"].separador{
	height: 8px;
}
.myComboBox [name="ComboBox_tr"].separador > td > div{
	border-bottom: 1px rgba(0,0,0,0.15) solid;
	height:1px;
}
.myComboBox [name="ComboBox_td"]{
	text-align: left;
	padding: 4px 6px;
}
.myComboBox [name="info_celda"]{
	vertical-align:middle;
	background-repeat: no-repeat;
	background-position: center center;	
	background-size: inherit;
	padding: 4px 2px;
}
/*******************************************/
.Reg_Actualizado{
	background-image: url(../img/Update01_32.png);
	background-repeat:no-repeat;
	background-position:center center;	
	width:inherit;
	height:inherit;
}

/******************************************************************/
/****************** TAREAS DEL BROWSE LOOPER **********************/
/******************************************************************/
#BL_Tareas {
	position:absolute;
	right:0px;
}

.BL_Tareas {
	position:relative;
	top:129px;
	padding:0px;
	margin:0px;
	width:456px;
	height:530px;
	background:#f1f1f1;
}

.BL_Tareas div.Cont_BL_TableTareas {
	position:relative;
	top:5px;
	padding:0px;
	margin:0px;
	width:456px;
	height:483px;
	background:#fafafa;
	border-top:1px #ddd solid;
	overflow:auto;
}

.BL_Tareas h3,
.BL_Tareas h4 {
	margin:0px;
	padding:10px;
	padding-top:5px;
	padding-bottom:0px;
	text-align:right;
} 
.BL_Tareas h4 {
	padding:0px 10px;
	font-weight:normal;
}
.BL_Tareas table {
	position:relative;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	border-collapse:collapse;
}

.BL_Tareas tr:first-child td:first-child,
.BL_Tareas tr:first-child td:last-child {
	border-top:none;
}

.BL_Tareas td {
	position:relative;
	margin:0px;
	padding:0px;
	border-bottom:1px #DDD solid;
}
.BL_Tareas td:first-child,
.BL_Tareas td:last-child {
	width:10px;
	border-bottom:none;
}
.BL_Tareas td.imagen {
	width:64px;
	padding:10px 0px;
}
.BL_Tareas td.texto {
	width:auto;
	padding:15px 10px;
	padding-right:0px;
}
.BL_Tareas td.vinculo {
	width:85px;
}
.BL_Tareas td.texto .boton{
	margin-top:5px;
	padding:2px 4px;
	border-radius:4px;
}

/******************************************************************/
/*************************** BROWSE LOOPER ************************/
/******************************************************************/


.BrowseLooper {
	position:absolute;
	top:0px;
	margin:0px;
	padding:0px;
	width:300px;
	font-size: 11px;	
	color:#340;
	border:1px #ccc solid;
	border-top:none;
	cursor:default;
}

.BrowseLooper .Encabezado {
	position:relative;
	padding:0px;
	padding-top:0px;
	background-image: linear-gradient(top, #F0DC84, #DDCF8E);
	background-image: -moz-linear-gradient(top, #F0DC84, #DDCF8E);
	background-image: -webkit-linear-gradient(top, #F0DC84, #DDCF8E);
	background-image: -o-linear-gradient(top, #F0DC84, #DDCF8E);
	background-image: -ms-linear-gradient(top, #F0DC84, #DDCF8E);
	height:32px;
	vertical-align:top;
}
.BrowseLooper .Encabezado input[type=checkbox] {
	position:relative;
	left:4px;
	top:5px;
}
.BrowseLooper .Encabezado input[type=text] {
	position:relative;
	top:4px;
	left:5px;
	padding-right:5px;
	width:233px;
}
.BrowseLooper .Encabezado > #BL_Buscar_ico{
	position:absolute;
	top:1px;
	right:30px;
	width:24px;
	height:24px;
	cursor:pointer;
}
.BrowseLooper .Encabezado > #BL_Add_ico{
	position:absolute;
	cursor:pointer;
	top:2px;
	right:2px;
	width:24px;
	height:24px;
	cursor:pointer;	
}
.cssBrowseLooper table[name='TablaFiltro']{
	width:1px;
	height:1px;
}
.cssBrowseLooper table[name='TablaFiltro'] tbody{
	border:none;
}
.cssBrowseLooper table[name='TablaFiltro'] td{padding:0 0 2px 0}
.cssBrowseLooper table[name='TablaFiltro'] td:last-child{padding:0}

/******** Titulos de columnas en la Grilla*********/
.cssBrowseLooper table[name='contBrwTitulos']{
	table-layout: fixed;
	overflow:hidden;
	border-spacing:0px;
	border:none;
	border-bottom: 1px rgba(0,0,0,0.1) solid;
}

.cssBrowseLooper table[name='contBrwTitulos'] [name='colgroup-col'] {
	box-shadow: inset -4px -6px 10px -10px #111;
	-moz-box-shadow: inset -4px -6px 10px -10px #111;
	-webkit-box-shadow: inset -4px -6px 10px -10px #111;
	-o-box-shadow: inset -4px -6px 10px -10px #111;
	min-width:16px;
}

.cssBrowseLooper table[name='contBrwTitulos'] [name='columna']{
	border-right: 1px rgba(0,0,0,0.1) solid;
	font-size: 1rem;
	text-align: center;
	padding: 4px 2px 4px 4px;
	font-family: "Source Sans Pro";
    font-weight: 100;
	line-height: 14px;
	height: 24px;
	overflow: hidden; /*20231021*/
}
.cssBrowseLooper table[name='contBrwTitulos'] [name='columna'] > [name='label']{
	/*overflow:hidden;*/
}

.cssBrowseLooper table[name='contBrwTitulos'] > [name='celda_check'] {
	padding:1px 2px;
	margin-left:1px;
	width:20px;
}
.cssBrowseLooper table[name='contBrwTitulos'] th[campo='_Check']  {	
    padding: 0;
    /*height: 36px;*/
}

.cssBrowseLooper .opcTareas{
	position:relative;
	padding: 0px 4px;
    border: none;
    /*font-size: 13px;*/
}
.cssBrowseLooper [name="tbodyTablaTareas"] .opcTareas:first-child{
	padding: 0;
}
.cssBrowseLooper .opcTareas div[name="inactivar"]{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
}
.cssBrowseLooper .opcTareas.inactivo > div[name="inactivar"]{
	display:block;
}
.cssBrowseLooper .opcTareas.inactivo > .tarGrupo > *{
	opacity:0.1;
}

.cssBrowseLooper table[name="contBrwTitulos"] .ui-resizable-e,
.cssBrowseLooper .opcTareas .ui-resizable-e {
	width: 1px;
	right: -1px;
	border: 3px orangered solid;
	background-color: #333;
	border-top: none;
	border-bottom: none;
	opacity:0;
}

.cssBrowseLooper table[name="contBrwTitulos"] .ui-resizable-e:hover,
.cssBrowseLooper table[name="contBrwTitulos"] .ui-resizable-e:active{
	opacity:0.7;
}

/*
.cssBrowseLooper div[name='BrowseEnc'],
.BL_Datos table{}
*/

div[name='contFiltro'],
.cssBrowseLooper > div[name='contContenido'] > div[name='Encabezado'] div[name='contTareas']{
	padding-left: 8px;
	padding-right: 8px;
}

/*** Tabla de Datos de la Grilla ***/
.BL_Datos table {
    background-color: transparent;
	border-collapse: collapse;
    /*border-spacing: 0px;*/
	border: 1px rgba(255,255,255,0.5) solid;
}

div[name="Contenido"].BL_Datos > table > tbody{
	display: table-row-group;
}

/*
div[name="Contenido"].BL_Datos > table > tbody.Marcado,
div[name="Contenido"].BL_Datos > table > tbody.Marcado:hover {
	position: relative;	
    font-family: "Source Sans Pro SemiBold";
	background-color: rgba(255,255,255,0.6);
}

div[name="Contenido"].BL_Datos > table > tbody:hover {
	background-color: rgba(255,255,255,0.8);
}

div[name="Contenido"].BL_Datos > table > tbody.Marcado{
	background-color: rgba(255,255,255,0.6);
}
*/

div[name="Contenido"].BL_Datos > table > tbody:hover > tr > td > .gridCelda {
	background-color: rgba(0,0,0,0.03);
}

div[name="Contenido"].BL_Datos > table > tbody.Marcado > tr > td > .gridCelda{
	background-color: rgba(0,0,0,0.05);
}

div[name="Contenido"].BL_Datos > table > tbody.Marcado:hover > tr > td > .gridCelda{
	background-color: rgba(0,0,0,0.07);
}

div[name="Contenido"].BL_Datos > table > tbody.inactivo > tr > td > .gridCelda,
div[name="Contenido"].BL_Datos > table > tbody.inactivo.Marcado > tr > td > .gridCelda{
	opacity: 0.4;
	pointer-events: none;
}

/* ésta instrucción debe ir siempre definida despues de la anterior*/
div[name="Contenido"].BL_Datos > table > tbody {
	background-color: rgba(255,255,255,0.98);
	font-family:"Source Sans Pro";
	font-size: 1rem;
    font-weight: 400;
    line-height: 16px;
}

.gridCelda{
	display: flex;
    align-items: center;
    flex-direction: row;
    gap: 4px;
    padding: 4px;
    height: 100%;
	box-sizing: border-box;
	border-right: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
	justify-content: space-between;
}


.gridCelda [name="info"]{
	min-height: 1em;
}

div[name="Contenido"].BL_Datos tbody.Eliminado {
	cursor:default;
	background-color: #ddd;
    color: #bbb;
}

tbody:has(tr.RecordTools){
	outline: 1px var(--av-color-appCore) solid;
    outline-offset: 0px;
}
tr.RecordTools{
	border-bottom: 1px var(--av-color-appCore) dotted;
    background-color: rgba(0,0,0,0.05);
}

tbody > tr{
	cursor: pointer;
}

tbody.Marcado > tr{
	border: 2px rgba(255,255,255,0.5) dotted;
}

.RecordTools div[name="contRecordTools"]{
	display: inline-block;
	display:flex;
	cursor:auto;
	padding: 6px 2px 6px 45px;
	width: fit-content;
}

.BL_Datos .RecordTools td:first-child {
	padding:0;
}

.RecordTools div[name="contRecordTools"] .btnControl > [name='imagen'] {
   /* opacity: 0.8;*/ 
}

.BL_Datos tbody > tr[name='registro'].Totales {
	background-color: rgba(0, 0, 0, 0.05);
	font-family: "Source Sans Pro SemiBold";
}

.BL_Datos tbody.Marcado > tr[name='registro'] > td{
	/*background-color:rgba(255, 255, 255, 0.6);*/
}

.BL_Datos td {
	vertical-align: middle;
	margin:0;
	/*padding:4px;*/
	border:none;
}
.BL_Datos td[name="icoEstado"]{
	padding-left: 6px;
}

.BL_Datos td[name="imagen"] > span{
	/*font-size: 20px;*/
	font-weight: 300;
}
.BL_Datos ul[name="GruposHijos"] table[name="opcion"]:hover td[name="imagen"] > span,
.BL_Datos td[name="imagen"] > span:focus{
	font-weight: 400;
}
.BL_Datos ul[name="GruposHijos"] table[name="opcion"]:active td[name="imagen"] > span{
	font-weight: 900;
}

.BL_Datos td[name="texto"]{
	padding-right: 6px;
}


.BL_Datos tr[name="registro"] > td {
	position: relative;
	text-align:left;
	padding:0;
	margin:0;	
	overflow:hidden;
	text-overflow: ellipsis;
	height: 30px;
}

.BL_Datos tbody[name='TBodyTablaFiltro'] > tr > td {
	border:none;
}

.BL_Datos td:first-child{
	border-left:none;
	padding-top: 8px;
    padding-bottom: 8px;
}

.BL_Datos td[name='GruposHijos']{
	width:inherit;
}
.ico_Check{
    height: 1em;
    width: 100%;
    background-image: url(../lib/fontawesome/svgs/regular/check.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    background-size: 1em;	
}
.ico_noCheck{
    height: 1em;
    width: 100%;
	background-image: url(img/cross_disable.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    background-size: 1em;	
}

.BL_Datos td .icono.Nuevo      {background:url(img/document_add_24.png) center no-repeat}
.BL_Datos td .icono.Modificado {background:url(img/document_chg_24.png) center no-repeat}
.BL_Datos td .icono.Eliminado  {background:url(img/document_del_24.png) center no-repeat}
.BL_Datos td .icono.Error      {background:url(img/error_button.png) center no-repeat}
.BL_Datos td .icono.Sql {background:url(Icons/Registro_Sql_32.png) center no-repeat}
.BL_Datos td .icono.Perdido {background:url(Icons/Registro_Lose_32.png) center no-repeat}
.BL_Datos td .icono.icoOcupado {
	background-image: url(img/Cargando_16.gif);
	background-repeat:no-repeat;
	background-position:center center;	
}

.BL_Datos td .icono {
	width:24px;
	height:24px;
	float:left;
}

.BL_Datos td .imagen {
	vertical-align:top;
}

.BL_Datos td *:disabled{
	background:transparent;
	border:transparent;
}
.cssBrowseLooper [name='tbody_reg'] > [name='registro'] > td > [name='info'],
.cssBrowseLooper [name='tbody_tot'] > [name='registro'] > td > [name='info']{
	text-overflow: ellipsis;
	empty-cells:show;
	width: 100%; /*permite justificar los campos segun text-align|float*/		
	/*vertical-align: sub;*/
}
.cssBrowseLooper div[name='Contenido'] div[name='info'][cnro='0']{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	gap: 1px;
    padding: 4px 0 2px 0;
}

.cssBrowseLooper div[name='Contenido'] div[name='info'][cnro='0'] .btnControl > [name="imagen"]{
}

.cssBrowseLooper div[name='contBrwTitulos'] div[name='label'][cnro='0']{
    padding-left: 3px;
}
.cssBrowseLooper div[name='Contenido'] div[name='info'][cnro='0'] > [name='BL_check']{
	float:left;
    border: 1px rgba(0,0,0,0.2) solid;
	cursor: pointer;
}

.cssBrowseLooper .BL_Datos tbody[name="tbody_reg"] > tr > td .btnControl > [name="imagen"]{
	padding: 4px;
    background-size: 80%;
    border-radius: 4px;
	min-width: 1em;
    min-height: 1em;
}

ul.BL_Datos {
	position:relative;
	padding:0px;
	height:448px;
	background:#eee;
	overflow:auto;
}

.BL_Datos > div[name="Modal"]{
	display:none;
}
.BL_Datos > div[name="Modal"].modal{
	display:block;
}

.gridCelda.image-grid {
	display: grid;
    align-content: center;
    justify-content: center;
    justify-items: center;
    align-items: center;
	padding: 0.4em;
}

.gridCelda.image-grid > img.opacity{
	opacity: 0.1;
}

.gridCelda.image-grid > img{
	box-sizing: border-box;
	width: 4em;
    height: 4em;
    object-fit: cover;
    border-radius: 50%;
	opacity: 1;
}

#Pie {
	position:relative;
	padding:0px;
	margin:0px;
	background:#FAFFEB;
	border:none;
	border-top:1px #ccc solid;
	height:49px;
	background:#dfdfdf;
}

#Pie > ul{
	position:relative;
	padding:0px;
	margin:0px;
	left:50px;
	height:inherit;
	overflow:auto;
	width:250px;
}

#Pie p {
	position:relative;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
	display:block;

}
#Pie img{
	position:absolute;
	padding:0px;
	top:2px;
}

/******************************************************************/
/****************************   MENU LEFT  ************************/
/******************************************************************/
.cssMenuLeft{
	/*position:absolute;*/ 
	background:whitesmoke;
	/*overflow:auto;*/
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border-right: 1px var(--av-color-appCore) solid;
	display: flex;
	box-sizing: border-box;
}

.cssMenuLeft .Azul{
	background:#124CC7;
}	

.cssMenuLeft table[name='TablaOpciones']{
	border-top:4px transparent solid;
	border-bottom:3px transparent solid;
	width:100%;
	border-collapse: collapse;
	display: flex;
}

.cssMenuLeft table[name='TablaOpciones'] > tbody{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
	width: 100%;
}
.MenuLeft {
	position: relative;
	margin:0px;
	padding:0;
	width:auto;
    border:none;
	cursor:default;
	display:none;
	width: 100%;
	/*display: flex; no funciona, se enloquece
    flex-direction: column;*/
}
.MenuLeft li {
	position:relative;
	height:auto;
	/*border-top:1px #ccc solid;*/
	cursor:pointer;
	padding:0;
	/*border-left:1px #ccc solid;*/
}

.MenuLeft li:first-child{border-top:none}
.MenuLeft li:last-child{/*border-bottom:1px #ccc solid*/}

.opcionPpal {
	position: relative;
	border-collapse: collapse;
	width: 100%;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.8);
	box-sizing: border-box;
}

.MenuLeft li:hover {
	background: rgba(0,0,0,0.1); /*#eee*/
}

.opcionPpal td{
	position:relative;
	padding:4px 4px;
}

.opcionPpal td[name='tdGrupoIco'].icono{
	width:32px; 
	height:32px;	
	padding: 6px 6px;
}

.opcionPpal td[name='tdGrupoIco'].icono > div{
	/*border-radius: 100%;*/
	background-color: transparent;
	overflow: hidden;
    max-width: 42px;
    max-height: 42px;
	display: flex;
	justify-content: flex-start;
    align-items: center;
	height: 100%;
}
.desplegable_select_container .opcionPpal td[name='tdGrupoIco'].icono > div{
	/*background-color: rgba(255,255,255,0.95);*/
}
.opcionPpal td[name='tdGrupoIco'].icono > div > img{
	vertical-align: middle;
	/*padding: 6px;*/
}
.opcionPpal td[name='tdGrupoOpc'].opcion{
	width:auto;
	vertical-align:middle;
	font-size: 16px;
}
.opcionPpal td[name='tdGrupoTra'].tarea{
	padding-left:4px;
	padding-right:4px;
	width:32px; 
	height:32px; 
	vertical-align:top;
}

ul.desplegable {
	display:none;
	margin:0px;
	padding:0 4px 0 2px;
	overflow:auto;
	max-height:410px;
}
.MenuLeft li:hover > ul.desplegable {
	/*display:block;*/
	padding-top:0px;
	padding-bottom:0px;
}
ul.desplegable:hover {
    background-color: #FFF;
}
.desplegable_select_container .desplegable{
	background-color: #FFF;
	margin-left: 6px;
}
.MenuLeft li:hover .desplegable td {
	color:#202020;
}

.desplegable_select_container tr.desplegable_select_elegida{
	-webkit-animation:MenuLeft_opcionPpal 0.2s 1;
}

.MenuLeft li:hover .desplegable_select_elegida td {color:white;}

.desplegable tr {
    display: grid;
    grid-template-columns: min-content 1fr min-content;
    width: 100%;
    align-items: center;
	border-radius: 4px;
	padding-left: 4px;
    box-sizing: border-box;
	cursor: pointer;
}

.desplegable td {
	position:relative;
	padding: 6px 3px 6px 3px;
	font-size: 16px;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
}


.MenuLeft > li.desplegable_select_container .opcionPpal {
	/*color: rgba(255,255,255,0.95);*/
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
	/*-webkit-animation:MenuLeft_opcionPpal 0.3s 1;*/
}

.MenuLeft > li.desplegable_select_container .opcionPpal .opcion{
	font-family:"Source Sans Pro SemiBold";
}
/*
@-webkit-keyframes MenuLeft_opcionPpal{	
	0%		{background-color: inherit;}
	100%	{background-color: #005C00;}
}
*/

.desplegable_select_container .desplegable td {
	color:#202020;
}

.desplegable_select_container .desplegable [name="trOpciones"] p {
	
}

.desplegable_select_container .desplegable [name="trOpciones"] td[name="contImg"] {
	padding-right: 8px;
}	

.desplegable_select_container .desplegable [name="trOpciones"] td[name="opc_MenuLeft"] {
	padding-left: 2px;
	padding-right: 2px;
}

.desplegable_select_container .desplegable [name="trOpciones"] td[name="contImg"] > img{
	margin-left: 8px;
	margin-right: 4px;
	vertical-align: middle;
}

.MenuLeft .desplegable_select_container .desplegable .desplegable_select_elegida td {
}

.MenuLeft .desplegable_select_container .desplegable .desplegable_select_elegida td > p{
	/*color: whitesmoke;*/
}

.MenuLeft .desplegable_select_container .desplegable .desplegable_select_elegida td[name="contImg"] {
	/*background-color: white;*/
}


.MenuLeft .desplegable_select_container .desplegable td > i[name="img_estado"]{
	position: absolute;
	top: 4px;
	right: 4px;
	width: 12px;
	height: 12px;
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 0.7em;	
}

.MenuLeft .desplegable_select_container .desplegable td > i[name="img_estado"]{
	display: none;
}
.MenuLeft .desplegable_select_container .desplegable .desplegable_select_elegida td > i[name="img_estado"].abierta{
	display: none;
}

.MenuLeft .desplegable_select_container .desplegable td > i[name="img_estado"].abierta{
	display: block;
}
.MenuLeft .desplegable_select_container .desplegable .desplegable_select_elegida td > i[name="img_estado"].abierta{
	display: block;
}
/******************************************************************/
/***********************   MENU PRINCIPAL  ************************/
/******************************************************************/

/* 	PRIMER NIVEL */
.cssMenuPpal { 
    position: relative;
	background-color: #005C00;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*-webkit-flex-flow: row wrap;*/
	justify-content: flex-end;	
}

/* Skin Default para el Munú Principal y Submenús relacionados */
.cssMenuPpal .desplegable tr:hover {
	background-color:rgba(0,0,0,0.08);
}

.cssMenuPpal > [name='bodyMenu'] {	
    width: 100%;
	display: flex;
    flex-direction: column;
	justify-content: space-between;
}

.cssMenuPpal > [name='bodyMenu'] > [name='Encabezado']{
	position:relative;
}

.cssMenuPpal > [name='bodyMenu'] > [name='Encabezado'] > [name="Titulo"]{	
    position: absolute;
	height: 100px;
	width: 200px;
	background-color: white;
	box-sizing: border-box; 
	padding: 0 4px;	
    right: 0;
}

.cssMenuPpal > [name='bodyMenu'] > [name='Encabezado'] > [name="Titulo"] > [name="icoApp"]{
	background-image: url("w8/_Basicos/128/Document-Delete-02.png");
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 100%;
    height: 54%;
}

.cssMenuPpal > [name='bodyMenu'] > [name='Encabezado'] > [name="Titulo"] > [name="desApp"]{
	font-family: "Source Sans Pro SemiBold", Arial, sans-serif;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: center;
    justify-content: space-between;
}

.cssMenuPpal > [name='bodyMenu'] > [name='Encabezado'] > [name="Titulo"] > [name="desApp"] > [name="nombreCia"]{
	font-size: 20px;
	line-height: 16px;
    text-align: center;
}

.cssMenuPpal > [name='bodyMenu'] > [name='Encabezado'] > [name="Titulo"] > [name="desApp"] > [name="nombreApp"]{
	font-size: 18px;	
    text-align: center;
}

.cssMenuPpal div[name='contMenu'] {
    position: relative;
    width: 100%;
	color:whitesmoke;
}

.cssMenuPpal div[name='contMenu'] > ul[name='Menu']{
	margin: 0;
    position: relative;
    margin-left: 15px;
    padding: 0;
    width: 100%;
    height: 100%;
}

.cssMenuPpal div[name='contMenu'] > ul[name='Menu'] > div[name='fx-top-barra'] {
	position: absolute;
	top: 40px;
	width: 100%;
	height: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	/*background: white;*/
	z-index: 0;
	left: -15px;		
}

.cssMenuPpal div[name='contMenu'] > ul[name='Menu'] > div[name='canvas'] {
  position: absolute;
  top: 94x;
  left: -15px;
  width: 100%;
  height: 2000px;
  /*background-color: rgba(0, 0, 0, 0.2);*/	
}

.cssMenuPpal li[name='pestana'] {
	float: left;
    height: 56px;
    padding: 0;
    font-weight: 100;
    /*overflow: hidden;*/
    background-color: rgba(255,255,255, 0.1);
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
	/*box-shadow: -1px 4px 1px -1px black;*/
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px rgba(0,0,0,0.1) solid;
}
.cssMenuPpal li[name='pestana'].colorFijo {
	background-color: lightgrey;
}

.cssMenuPpal li[name='pestana'].animada {
	/*-webkit-animation:anim_MenuPpal_showpestana 0.2s 1;*/ 
}
.cssMenuPpal li[name='pestana'].animada-ini {
	/*-webkit-animation:anim_MenuPpal_inipestana 0.5s 1;*/ 
}
.cssMenuPpal li[name='pestana'].opc_elegida.animada-ini {
	/*-webkit-animation:anim_MenuPpal_inipestana-elegida 0.5s 1;*/ 
}

@-webkit-keyframes anim_MenuPpal_showpestana{	
	0%		{height: 41px;
			 margin-top: 0;
			}
	100%	{margin-top:8px;
			 height:31px;
			}			
}
@-webkit-keyframes anim_MenuPpal_inipestana{	
	0%		{height: 0px;
			 margin-top: 40px;
			}
	100%	{margin-top:8px;
			 height:31px;
			}			
}
@-webkit-keyframes anim_MenuPpal_inipestana-elegida{	
	0%		{height: 0px;
			 margin-top: 40px;
			}
	100%	{margin-top:0px;
			 height:41px;
			}			
}

span.contTab {
	position: relative;
    min-width: 64px;
    cursor: pointer;
    padding: 0px 4px 0 4px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 100px;
	gap: 2px;
}

.iconTab {
	max-width: 64px;
	max-height: 64px;
	box-sizing: border-box;
}

/* filtro azul app del core*/
/*
i.colorAppCore,
img.colorAppCore,
span.colorAppCore {
	color:black;
}

i.colorAppCore,
img.colorAppCore,
span.colorAppCore {
	filter: invert(21%) sepia(48%) saturate(3540%) hue-rotate(206deg) brightness(91%) contrast(97%);
}

i.colorWhite,
img.colorWhite,
span.colorWhite{
	filter: invert(99%) sepia(3%) saturate(1106%) hue-rotate(352deg) brightness(122%) contrast(99%);
}

i.av-color-red,
img.av-color-red,
span.av-color-red{
	filter: invert(13%) sepia(87%) saturate(6865%) hue-rotate(360deg) brightness(102%) contrast(106%);
}
*/

span.contTab > [name="texto"]{
	line-height: 16px;
    font-weight: 100;
    font-size: 18px;
    text-align: center;
    max-width: 120px;
	padding-left: 12px;
	padding-right: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
}

span.contTab >  [name="texto"].conIconTB {
    /*line-height: 0.9em;*/
    font-size: 0.9em;
    font-family: "Source Sans Pro";
	padding-left: 6px;
	padding-right: 6px;
}

/*
li.colorFijo span.contTab > [name="texto"]{
	color:#0a4da7;
}
*/
.cssMenuPpal li[name='pestana'] > a 
	{position: relative;
    display: block;
    padding: 0px 5px;
    text-align: center;
    height: 41px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    font-family: "Source Sans Pro";
    font-size: 16px;
    line-height: 33px;
    z-index: 1;
    /* text-shadow: 0 1px 0 rgb(0 0 0 / 40%); */
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    font-weight: 100;
	min-width: 64px;
}

.cssMenuPpal li[name='pestana'] > .contTab > canvas[name='fx-bottom-tab']{
	position: absolute;
    bottom: 0;
    width: 50%;
    height: 0%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-bottom:none;
	z-index: 1;
}

.cssMenuPpal li[name='pestana'].opc_elegida > a{
	line-height:50px;
	/*color: white;*/
	padding-left: 9px;
    padding-right: 9px;
	border-left: none;
    border-right: none;
    Font-family: 'Source Sans Pro'
}

.cssMenuPpal li[name='pestana'].opentask:not(.opc_elegida) > .contTab > canvas[name='fx-bottom-tab']{
	border-bottom: 4px var(--av-color-appCore) solid;
	border-radius: 8px;
}    

.cssMenuPpal li[name='pestana']:hover > span{
	cursor:pointer;
	background-color: rgba(255,255,255,0.2);
}
.cssMenuPpal li[name='pestana'].opc_elegida:hover > a {
	background-color: transparent;
}

.cssMenuPpal li[name='pestana'].opc_elegida {
	height:64px;
	margin-top:-8px;
	background-color:rgba(0,0,0,0.2);	
}

.cssMenuPpal li[name='pestana'].opc_elegida.colorFijo {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    box-shadow: -2px 4px 6px -2px darkslategrey;
	background-color:#e0f0ff;
}

.cssMenuPpal li[name='pestana'].opc_elegida.animada{
	/*-webkit-animation:anim_MenuPpal_opc_elegida 0.2s 1;*/
} 
@-webkit-keyframes anim_MenuPpal_opc_elegida{	
	0%		{margin-top:10px;
			 height:31px;
			}
	100%	{margin-top:0;
			 height:41px;
			}
}
.cssMenuPpal li[name='pestana'].Diseno.animada{
	background-color:rgb(0, 150, 210);
}
.cssMenuPpal li[name='pestana'].Diseno:hover{
	/*background-color:rgb(0, 170, 210);*/
}

.cssMenuPpal li[name='pestana'].Diseno span.contTab > [name="texto"]{
	color:whitesmoke;
}
.cssMenuPpal li[name='pestana'].Diseno.opc_elegida > ul.sub_menu_elegido{
	background-color:rgb(0, 150, 210);
}
.cssMenuPpal li[name='pestana'].Diseno.opc_elegida > .contTab > canvas[name='fx-bottom-tab']{
	background-color:transparent;
	border:none;
}
.cssMenuPpal li[name='pestana'].Diseno.opc_elegida > ul.sub_menu_elegido > div[name="canvas"] {
	background-color:transparent;
}
/* 	NIVEL DOS */

.cssMenuPpal li[name='pestana'] > ul.sub_menu, 
.cssMenuPpal li[name='pestana'] > ul.sub_menu_elegido {
	position:absolute;
	width: 100%;
	padding: 6px 2px;
	left: -15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	border:none;
	font-weight: 100;
	font-size:0.9em;
	display:none;
}

.cssMenuPpal li[name='pestana'].colorFijo > ul.sub_menu{
	background-color: lightgray;
}
.cssMenuPpal li[name='pestana'].colorFijo > ul.sub_menu_elegido{
	background-color: #e0f0ff;
}

.cssMenuPpal li[name='pestana'] > ul.sub_menu{
	top:56px;
}
.cssMenuPpal li[name='pestana'].opc_elegida > ul.sub_menu_elegido{
	/*background-color:rgba(0,0,0,0.2);*/
	display: flex;
}

.cssMenuPpal li[name='pestana'].opc_elegida > ul.sub_menu_elegido > div[name="canvas"] {
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}

.cssMenuPpal li[name='pestana'].colorFijo.opc_elegida > ul.sub_menu_elegido > div[name="canvas"] {
	background-color: transparent;
}

.cssMenuPpal li[name='pestana'] ul.sub_menu > li, 
.cssMenuPpal li[name='pestana'] ul.sub_menu_elegido > li {	
	position:relative;
	float:left;
	border-color: transparent;
}
.cssMenuPpal li[name='pestana'] ul.sub_menu > li{
	background-color:transparent;
	box-shadow:none;
	font-family:"Source Sans Pro";
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
	min-height: 14px;;
	padding: 4px 2px;
    border-radius: 4px;
}

.cssMenuPpal li[name='pestana'] ul.sub_menu > li > p {	
	padding: 0 13px 0 5px;
	line-height: 20px;
	/*font-size: 16px;*/
}

.cssMenuPpal li[name='pestana'] ul.sub_menu > li:hover, 
.cssMenuPpal li[name='pestana'] ul.sub_menu_elegido > li:hover {
	position: relative;
	cursor:pointer;
	background-color: rgba(0,0,0,0.05);
}

.cssMenuPpal li[name='pestana'] ul.sub_menu > li.opc_elegida {
	background-color: rgba(0,0,0,0.1);
}
.cssMenuPpal li[name='pestana'] ul.sub_menu > li.opc_elegida:hover {
	/*color:white;*/
}

.cssMenuPpal li[name="pestana"] > ul > div[name="bodyAccion"]{
	/*position: absolute;*/
	width: 100%;
	height: 100%;
	font-family:"Source Sans Pro";
	font-size: 16px;
	color:#111;
	/*background-color: white;*/
}

.cssMenuPpal > div[name="bodyAccion"]{
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display:none;
    left: 0;
    display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
}
.cssMenuPpal > div[name="bodyAccion"] > div[name="MenuLeft"]{
	position:relative;
	width:20%;
	height:100%;
	border-left: none;
	border-bottom: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-top:none;
}
.cssMenuPpal div[name="bodyAccion"] > div[name="Objetos"]{
	position:relative;
	width:100%;
	height:100%;
	box-sizing: border-box;
}

/**************** TABS ****************/
.pTabs{
	/*height:27px;*/
}
.pTabs > input{
	/*background:transparent;*/
	border:none;
	font-weight:bold;
	font-size:12px;
}
.pTabs > input:hover{
	box-shadow:none;
}
.pTabs > [name="add"]{
	position:relative;
	width:18px;
	height:32px;
	/*top:1px;*/
	float:right;
	background-image: url("w8/_Basicos/16/Add_opa.png");
	background-repeat:no-repeat;
	background-position:center center;
}
.pTabs > [name="add"]:hover{
	background-image: url("w8/_Basicos/16/Add.png");
}
.pTabs > [name="delete"],
seccCamposTitulo > [name="delete"]{
	width: 26px;
	height: 26px;
    background-image: url(w8/_Basicos/16/Cancel_opa.png);
    background-repeat: no-repeat;
    background-position: center;
    min-width: max-content;	
	cursor:pointer;
}
.pTabs > [name="delete"]{
    position: absolute;
    top: 0px;
    right: 0;
}
.pTabs > [name="delete"]:hover,
seccCamposTitulo > [name="delete"]:hover{
	background-image: url("w8/_Basicos/16/Cancel.png");
}

div.pTabs,a.pTabs{float:left}

/*
div.pTabs.elegida{background: url(img/tabs-67f2a86119.png) 0 -324px no-repeat}
a.pTabs.elegida{background: url(img/tabs-67f2a86119.png) 0 -270spx repeat-x}
div.pTabs.primera{
	background: url(img/tabs-67f2a86119.png) 0 -27px no-repeat;
	width:9px;
}
div.pTabs{
	background: url(img/tabs-67f2a86119.png) 0 -135px no-repeat;
	width:26px;
}
a.pTabs{background: url(img/tabs-67f2a86119.png) 0 0 repeat-x}

div.pTabs.ultima{
	background: url(img/tabs-67f2a86119.png) 0 -54px no-repeat;
	width:26px;
}

li.active div.pTabs.primera,
li.active div.pTabs.primera:hover {
	background: url(img/tabs-67f2a86119.png) 0 -81px no-repeat;
}
li.active div.pTabs,
li.active div.pTabs:hover {
	background: url(img/tabs-67f2a86119.png) 0 -324px no-repeat;
}
li.active a.pTabs,
li.active a.pTabs:hover {
	background: url(img/tabs-67f2a86119.png) 0 -270px repeat-x;
}
li.active + li div.pTabs:not(.ultima),
li.active:hover + li div.pTabs:not(.ultima){
	background: url(img/tabs-67f2a86119.png) 0 -297px no-repeat;
}

li.active div.pTabs.ultima,
li.active div.pTabs.ultima:hover {
	background: url(img/tabs-67f2a86119.png) 0 -108px no-repeat;
}
*/

/*-------*/
.tabs {
	position:relative;
	width: 100%;
	grid-area: tabs;
	/*padding-left: 10px;*/	
	box-sizing: border-box;
	display: flex;
	gap: 0.5em;
	bottom: -1px;
	z-index: 1;
}

.tabs.paraMedir {
	overflow: hidden;
}

.tabs > item {
	position: relative;
	float: left;
	/*margin: 2px;*/
	padding: 0;
	line-height: 30px;
	margin-bottom: -1px;
	overflow: hidden;
	border-top-right-radius: 6px;
    border-top-left-radius: 6px;
	height: auto;
	max-height: 2.2em;
}

[name='Forma_body'].av-tabs {
	display: flex;
    flex-wrap: nowrap;
    box-sizing: border-box;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
	height: auto;
}

.tabsForm{
	height: 100%;
	width: 100%;
	display: grid;
    grid:
        "tabs			tabs 		tabs"		min-content
        "tabsL 			fields 		tabsR"		1fr
		"tabsB 			tabsB 		tabsB"		min-content
        "bottons 		bottons 	bottons"	min-content	/
		max-content 	1fr 		max-content;
	align-items: start;
	grid-row: 1/-1;
	grid-column: 1/-1;
}

.tabsForm.top{
	grid-row: 1/1;
	grid-column: 1/-1;
	/*min-height: 300px;*/
	max-height: 600px;
}

.tabsForm.topLeft{
	grid-row: 1/-1;
	grid-column: 1;
	min-width: 0;
	max-width: 800px;
	border-right: 1px solid lightgray;
}

.tabsForm.top > [name="contbtnForma"], 
.tabsForm.topLeft > [name="contbtnForma"]{
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.css_pestanas.relationChild.bottom{
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	overflow: hidden;
}

.conttab {
	/*grid-area: tabs;*/
	align-self: end;
}

.av-tabs-top .conttab {
	/*flex-direction: column;*/
	grid-area: tabs;
}
.av-tabs-top .conttab .tabs{
	padding:0;
	padding-left: 10px;
}
.av-tabs-top .conttab .tabs > item{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

.av-tabs-right .conttab {
	grid-area: tabsR;
    height: inherit;	
	border-left: 0.5px solid rgba(0, 0, 0, 0.1);
}
.av-tabs-right .conttab .tabs{
	padding:0;
	padding-top: 10px;
}
.av-tabs-right .conttab .tabs > item{
	border-top-left-radius: 0;
	border-top-right-radius: 6px;    
	border-bottom-left-radius:0;
	border-bottom-right-radius:6px;
}

.av-tabs-bottom .conttab {
	/*flex-direction: column;*/
	grid-area: tabsB;
}
.av-tabs-bottom .conttab{
	padding: 0;
	padding-left: 10px;
}
.av-tabs-bottom .conttab .tabs > item{
	border-top-left-radius: 0;
	border-top-right-radius: 0;    
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}

.av-tabs-left .conttab {
	/*flex-direction: row;*/
	grid-area: tabsL;
	overflow: auto;
    height: inherit;	
}
.av-tabs-left .conttab{
	padding: 0;
	padding-top: 10px;
}
.av-tabs-left .conttab .tabs > item{
	border-top-left-radius: 6px;
	border-top-right-radius: 0;    
	border-bottom-left-radius:6px;
	border-bottom-right-radius:0;
}

[name='Forma_body'].av-tabs .conttab > [name="conttab_form"] {
	/*No debe llevar: height*/ 
}


/* default tabs*/
[name='Forma_body'].av-tabs.av-tabs-top.av-tabs-rows .conttab >  [name="conttab_form"] {
	overflow:unset;
    width: unset; 
    height: unset;
}

[name='Forma_body'].av-tabs .conttab >  [name="conttab_form"] > .tabs {
	display: flex;
    /*overflow: auto;*/
    align-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
}

[name='Forma_body'].av-tabs.av-tabs-rows .conttab >  [name="conttab_form"] > .tabs{
	flex-direction: row;
}

[name='Forma_body'].av-tabs.av-tabs-columns .conttab >  [name="conttab_form"] > .tabs{
	flex-direction: column;
	align-items: stretch;
	padding: 1em;
}

[name='Forma_body'].av-tabs.av-tabs-columns .conttab >  [name="conttab_form"] > .tabs > item,
[name='Forma_body'].av-tabs.av-tabs-columns .conttab >  [name="conttab_form"] > .tabs > item a {
	width: 100%;
}

[name='Forma_body'].av-tabs.av-tabs-columns .conttab >  [name="conttab_form"] > .tabs > item {
	background-color: lightyellow;
    border: 0.5px solid lightskyblue;
    border-radius: 0.5em;
}

[name='Forma_body'].av-tabs.av-tabs-columns .conttab >  [name="conttab_form"] > .tabs > .pTabs:hover {
	background-color: skyblue;
}

[name='Forma_body'].av-tabs.av-tabs-columns .conttab >  [name="conttab_form"] > .tabs .pTabs > a {
	background-color: inherit;
}

[name='Forma_body'].av-tabs.av-tabs-columns .conttab >  [name="conttab_form"] > .tabs .pTabs.active {
	background-color: skyblue;
}

[name='Forma_body'].av-tabs.av-tabs-columns .conttab >  [name="conttab_form"] > .tabs .pTabs.active > a {
	color: darkblue;
}

[name='Forma_body'].av-tabs.av-tabs-rows .conttab >  [name="conttab_form"] > .tabs > item,
[name='Forma_body'].av-tabs.av-tabs-rows .conttab >  [name="conttab_form"] > .tabs > item a {
	/*width: auto;*/
}

[name='Forma_body'].av-tabs .conttab >  [name="conttab_form"] > .tab_container {
	height: 80%;
}
[name='Forma_body'].av-tabs .conttab >  [name="conttab_form"] > .tab_container > div[name='contTFormaMarco'] {
	height: 100%;
	padding: 0;
} 

.tabs > item:first-child {
	/*margin-left:10px;*/
}
.tabs > item a {
	text-decoration: none;
	display: block;
	cursor: pointer;
	font-family:"Source Sans Pro SemiBold";
	display: flex;
    flex-direction: row;
    align-items: center;
	gap: 8px;
	padding: 6px 14px;
	min-height: 1.8em;
    line-height: 14px;
	text-wrap: wrap;
    width: min-content;
	/*height: 100%;*/
}
.tabs > item a:hover {
	/*color: #000;*/
}
 
.tabs > item a > p{
	align-self: flex-start;
}

/*CSS para el contenido del tab*/
.tab_container {
	position: relative;
	border-top: none;
	clear: both;
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	background: rgba(0,0,0,0.2);
	box-shadow: 0px -1px 0px 0px #BABABA;
	background: white;
	height: 100%;
	display: flex;
	grid-area: fields;
	min-width: 0;
	padding: 0.5em 0;
}

.css_pestanas {
	position: relative;
	/*width: 100%;*/
    height: 100%;
    display: grid;
    grid:
        "head" min-content
        "body" 1fr
        "foot" min-content / 1fr;
    align-items: stretch;
	box-sizing: border-box;	
}

.css_pestanas.right {
	grid-row: 1/-1;
	grid-column: 2;
	min-width: 400px;
}

.css_pestanas.relationChild.right {
	padding-top: 0.5em;
}

.css_pestanas.bottom {
	grid-row: 2;
	grid-column: 1/-1;
}

.css_pestanas [name="encabezado"]{
	grid-area: head;
}
.css_pestanas [name="cuerpo"]{
	grid-area: body;
}

.css_pestanas .tab_container {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.css_pestanas > [name="contTForma"].tab_container {
	border-top: 0.5px rgba(0, 0, 0, 0.1) solid;
	border-left: 0.5px rgba(0, 0, 0, 0.1) solid;
	/*padding-bottom: 0.5em;
    padding-top: 0.5em;*/
}	

div[name='contTFormaMarco'],
div[name='contTareasMarco']{
	position:relative;
	overflow:auto;
}
div[name='contTFormaMarco']{
	top: 0;	
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: inherit;
}

.cssBrowseLooper .css_pestanas[name='Forma_body'] {
	display: grid;
    grid:
        "tabs"		min-content
        "fields"	1fr
        "bottons"	min-content	/
		1fr;
	align-items: start;	
	gap:0;
}

.cssBrowseLooper .css_pestanas[name='contTFormaMarco'] {
	height: 100%;
}

div[name='contTareasMarco']{top:3px}

.tab_content {
	display:none;
	height: 0px; /* No cambiar, porque deja de funcionar el scroll del contenedor de campos del formulario*/
	/*width: 100%;*/
	background-color: inherit;
}

.css_pestanas .tab_content {
	height: 100%;
}

[name="contCampo"] .css_pestanas .tab_content {
	padding: 0 8px;
}

.Form_Pestanas_design {
	background: cornflowerblue;
	border-radius: 8px;
	width: 100%;
}

/*******************************/
.texto_monospace,
.texto_MSSQL,
.texto_CSS,
.texto_JS,
.texto_PHP{
	/*background: rgb(42,33,28);*/
	font-size: 10pt;
	font-family: Consolas, Monaco, monospace, "Lucida Console";
}
.texto_MSSQL{
	color:#06F;
}
.texto_CSS{
	color:#C0C;
}
.texto_JS{
	/*color:rgb(4, 155, 10);*/
	color:#005C04;
}
.texto_PHP{
	color:#F60;
}

/*********** Estilo para presentar los datos de los Formularios ******************/
form {
	background-color: inherit;
}

.contCampos {
	display: table;
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	padding: 0px 10px 0px 10px;
	border:none;
	background-color: inherit;
}
seccCampos {
	box-orient: horizontal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	display: table;
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	/*margin-bottom:5px;*/
	border: 1px solid rgba(0,0,0,0.4);
	float:left;
	background-color: inherit;
}
.contCampos > seccCampos{
	/*font-size: 14px;*/
}

.contCampos > seccCampos input, 
.contCampos > seccCampos textarea, 
.contCampos > seccCampos select, 
.contCampos > seccCampos .boton,
.contCampos > seccCampos .combobox,
.contCampos > seccCampos .boton.combobox {	
	/*font-size: 14px;*/
}
seccCampos.SinTitulo{
	border:none;
}

seccCamposTitulo {
    display: flex;
    font-size: 12px;
    /* background-color: #eee; */
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.05); */
    color: rgba(255, 255, 255, 0.9);
    /* text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); */
    font-family: "Source Sans Pro SemiBold";
    position: relative;
    margin-top: 20px;
    padding: 0px 8px;
    /* border: 1px rgba(0, 0, 0, 0.1) solid;*/
}

seccCampos:first-child > seccCamposTitulo {
	margin-top: 0;
}

seccCamposTitulo > input[name="desc_seccion"]{
	width: 95%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;	
	padding: 0;
	margin: 0;
	background:transparent;
	border: none;
	text-shadow: inherit;
	color: inherit;
}
/*
seccCamposDatos {
	display:block;
	padding:0;
	overflow: auto;
}
*/
seccCamposDatos {
    display: grid;
    padding: 0;
    overflow: auto;
    grid-template-columns: 1fr 1fr;
    /* grid-template-rows: auto auto auto auto; */
    column-gap: 20px;
	grid-auto-flow: dense;
	background-color: inherit;
	row-gap: 8px;
}

.contCampos > seccCamposDatos > * {
	display: table-cell;
	vertical-align: baseline;
}
/*
div.opcion{
	margin: 0;
    display: table;
    padding: 2px 2px;
	width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
	box-sizing: border-box;
}
*/
div.opcion {
    column-gap: 1em;
    row-gap: 1.2em;
    margin: 0;
    display: table;
    padding: 12px 0 0 0;
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    display: grid;
    align-items: start;
    box-sizing: border-box;
    justify-items: stretch;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-column: 1/-1;
	border-radius: 6px;
	background-color: inherit;	
}

div.opcion:last-child{
	border-bottom:none;
}

seccCamposDatos .opcion label,
seccCamposDatos .opcion div[name='label']{
    font-size: 14px;
    color: #444;
	margin: 0;
	padding-left: 4px;
    padding-right: 4px;
	font-family: 'Source Sans Pro SemiBold';
}

seccCamposDatos.sub_tab > div > label,
seccCamposDatos .opcion label[name='check']{
	/*line-height: 18px;*/
}

seccCamposDatos .opcion div.campo tr label{
	margin-left:5px;
}
seccCamposDatos .opcion div[name='campo'],
seccCamposDatos .opcion div.campo{
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    overflow: hidden;
    border: 1.5px solid skyblue;
	padding: 4px 4px 4px 4px;
	border-radius: 6px;
	background-color: inherit;
	box-sizing: border-box;
	min-height: 2em;
	align-items: center;
	color: lightgray;
}
seccCamposDatos .opcion label[name='check']{
	width:100%;
	cursor:pointer;
	float:none;
	font-weight:100;
}

seccCamposDatos .opcion div.campo > .FormControl {
	display: flex;
}

/*
seccCamposDatos .opcion div.campo {
    color: inherit;
    background: inherit;
    margin: 0;
    float: none;
    border: 1px solid transparent;
    border-radius: 4px;
	padding-left: 4px;
    padding-right: 4px;
}
*/

seccCamposDatos .opcion div.campo tr[name='radio'] > td{
    border: none;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
	padding: 0;
}
seccCamposDatos .opcion div.campo tr[name='radio'] > label {
    cursor: pointer;
    text-align: left;
    padding: 0;
    margin: 0;
    margin-left: 8px;
    position: relative;
    top: 0;
}

seccCamposDatos .opcion.campo_complemento1,
seccCamposDatos .opcion.campo_complemento2{
	border-bottom:none;
	padding-bottom:0px;
	width:100%;
}
seccCamposDatos .opcion div[name="contCampo"]{
	width: auto;
    /* padding: 2px; */
    position: relative;
    border-radius: 8px; 
    /* border: 1.5px solid skyblue; */
    /* overflow: hidden; */
    background-color: inherit;
}

div[name="contCampo"]:hover > [name="campo"],
div[name="contCampo"]:hover > .campo {
    border-color: var(--qa-color-field-hover);	
}

/*input:focus, select:focus, textarea:focus, .boton.combobox:focus */
div[name="contCampo"] > [name="campo"]:focus-within,
div[name="contCampo"] > .campo:focus-within {
	border-color: var(--qa-color-field-hover);	
	box-shadow: inset 0 0 0 2px var(--qa-color-field-hover);
}

tr[name="radio"]:hover, 
[name="contCampo"] > .campo:hover:has(input[type="checkbox"]){
	border: 1.5px solid var(--qa-color-field-hover);
}

tr[name="radio"]:has(input:focus), 
[name="contCampo"] > .campo:has(input[type="checkbox"]:focus){
}

seccCamposDatos .opcion div[name="contCampo"].campo_complemento2:last-child{
	padding-right: 0;
}
seccCamposDatos .opcion div[name="contCampo"].campo_complemento2 > div[name='campo'],
seccCamposDatos .opcion div[name="contCampo"].campo_complemento2 > div[name='label']{
	clear:both;
	/*width:100%;*/
	text-align: left;
	/*padding-left: 4px;
    padding-right: 4px;*/
}

div[name="contCampo"] > div[name='campo'] .editor{
	font-family: "PT Mono", monospace;
	font-weight: 600;
	tab-size: 4;
	background-color: inherit;
	padding: 8px 37px;
}


div[name="contCampo"] > div[name='campo'] .codejar-wrap{
	width: 100%;
}

seccCamposDatos .opcion div[name="contCampo"] > div[name='campo'] > .jsonControl{
	width: 100%;
	float: left;
	padding: 0px 4px 0px 0px;
	box-sizing: border-box;
	cursor: default;
}

seccCamposDatos .opcion div[name="contCampo"] > div[name='campo'] > .jsonText{
	width: 100%;
    cursor:text; 
    box-sizing: border-box;
	height: 100%;
    font-family: monospace;
    /*font-size: 14px;*/
}

.cssBrowseLooper seccCamposDatos .opcion label.error {
	color: #F00;
    width: max-content;
    font-style: italic;
    display: block;
    padding: 0;
	margin: 0;
}
seccCamposDatos .opcion div.campo > *:not([type='checkbox']){
	/*padding-right:10px;*/
}
seccCamposDatos .opcion div.campo > div.label{
	position:relative;
	display:table-cell;
}
/*
seccCamposDatos .opcion div.campo > .FormControl > table > tbody{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: baseline;
}
*/
[name="contFechaHora"],
seccCamposDatos .opcion div[name="campo"] > [name="contFechaHora"].FormControl {
	display: grid;
    grid-template-columns: 96px 34px min-content;
}

.FechaHora_contHora {
	display: flex;
    /*gap: 4px;*/
}

.FechaHora_contHora input {
	min-width: 24px;
    padding: 0px 4px;
}

.FechaHora_contHora input[name='Mil'] {
	width: 34px;
}

seccCamposDatos .opcion div.campo > input[type='checkbox'],
seccCamposDatos .opcion div.campo > input[type='radio']{
	cursor:pointer;
}
seccCamposDatos .opcion div.campo > input[type='checkbox'].transparente{
	cursor:auto;
}
seccCampos > secccamposdatos:not([style*="display: none"]){
	padding-bottom: 2px;
}
seccCampos > secccamposdatos:not([style*="display: none"]):first-child{
	padding-top: 0;
}

.contElegidos{
	max-height: 100px;
	width: 100%;
	box-sizing: border-box;
	background: rgba(255,255,255,0.95);
	overflow: auto;
}
.contElegidos table > caption{
	font-weight:bold;
	padding:3px;
	background:rgba(0,0,0,0.2);
}
.contElegidos body{
	width:100%;
}

.contElegidos tbody{
	border:1px rgba(0,0,0,0.05) solid;
}
.contElegidos td{
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
	border-right: 1px rgba(0, 0, 0, 0.05) solid;
	padding:0 5px;
}

.contProceso{
	width: 100%;
    height: 100%;
    background: #E3E3E2;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contProceso div[name="proceso"]{
	background: #FFF;
    position: relative;
    padding: 18px;
    overflow: auto;
    margin-bottom: 2px;
    height: 100%;
}
.contProceso div[name="resultado"]{
	background: #060;
	border-radius: 10px;
	border: 1px rgba(0,0,0,0.2) solid;
	padding: 4px;
}
.contProceso div[name="resultado"].error{
	background: rgba(140, 240, 0, 0.4)
}
.contProceso div[name="progress"]{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 34px;
    position: relative;
    background: rgb(107 200 107 / 40%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-progressbar .ui-progressbar-value {
	background: darkGreen;
}
.contProceso b[name="txt_progress"]{
	position: absolute;
    color: rgba(255,255,255,0.9);
    border: none;
}
.contProceso div[name="proceso"] h3{
	color:rgba(0,0,0,0.8);
}
.contProceso div[name="proceso"] pre{
	margin:0;
}
.contProceso div[name="proceso"] pre.error{
	color: #040;
	font-weight: bold;
	padding: 5px 0 0 10px;
}
.contProceso div[name="proceso"] pre.resumen{
	color: #050;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}
.contProceso div[name="proceso"] pre.total{
	color: #030;
	padding: 0 0 0 20px;
}

.tabla{display:table}
.celda{
	display:table-cell;
	float:left;
}
/**********************************************************/

.contModal{
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index:1001;
	 background-color: rgba(255, 255, 255, 0.5);
}

.cssBrowseLooper[tipo='BrowseSelect'].Modal {
     display: block;
     position: absolute;
     top: 15%;
     left: 15%;
     z-index:1002;
}

/**********  Scroll  Bar **********/

body ::-webkit-scrollbar,
.cssBrowseLooper ::-webkit-scrollbar,
.cssMenuLeft ::-webkit-scrollbar{
	overflow: visible;
	height: 12px;
	width: 12px;
	background:rgba(255, 255, 255, 0.4);
}

body ::-webkit-scrollbar-thumb,	
.cssBrowseLooper ::-webkit-scrollbar-thumb,
.cssMenuLeft ::-webkit-scrollbar-thumb{
	background-color: rgba(0, 0, 0, 0.3);
	background-clip: padding-box;
	/*border: 1px solid transparent;*/
	min-height: 28px;
	padding: 100px 0 0;
	/*box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);*/
	border-width: 0 1 0 1px;
}

::-webkit-scrollbar-button {
	height: 0;
	width: 0;
}

::-webkit-scrollbar-track {
	background-clip: padding-box;
	border: solid transparent;
	border-width: 0 0 0 1px;
}

::-webkit-scrollbar-corner {
	background: transparent;
}
/************************/

.myPicker.datepick {
	background-color: green;
	padding:1px;
}
.myPicker .datepick-month{
	border:none;
}
.myPicker .datepick-nav, 
.myPicker .datepick-ctrl,
.myPicker .datepick-month-header {
	background-color: rgba(0, 0, 0, 0.1);
}
.myPicker .datepick-ctrl {
	background-color: rgba(255, 255, 255, 0.2);
	padding-top: 2px;
}
.myPicker .datepick-ctrl .datepick-cmd {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	border: 1px rgba(255, 255, 255, 0.4) solid;
	text-align: center;
}
.myPicker .datepick-cmd:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
.myPicker .datepick-month thead {
	border-bottom: none;
}
.myPicker .datepick-month td {
	background-color: transparent;
}
.myPicker .datepick-month th, 
.myPicker .datepick-month th a {
	background-color: rgba(255, 255, 255, 0.5);
}
.myPicker .datepick-month th {
	border:none;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.myPicker .datepick-month td {
	border:none;
}
.myPicker .datepick-month td .datepick-weekend {
	background-color: rgba(255, 255, 255, 0.7);
}
.myPicker .datepick-month td .datepick-highlight,
.myPicker .datepick-month td .datepick-today:hover{
	background-color:rgba(0,0,0,0.1);
	color: rgba(255,255,255,0.9);
	font-weight: bold;
}
.myPicker .datepick-month td .datepick-today{
	color: #00B8FF;
	background-color: rgba(255,255,255,0.99);
	font-weight: bold;	
}
.myPicker .datepick-month td .datepick-selected{
	background-color: rgba(255, 255, 255, 0.4);
	color: rgba(0, 0, 0, 0.5);
	font-weight: bold;
}
.myPicker .datepick-month a {
	background-color: rgba(255, 255, 255, 0.95);
	padding:0;
	margin:0;
	width: 100%;
	height: 16px;	
}
.myPicker .datepick-month span{
	padding:0;
	margin:0;
	height: 16px;	
}

.myPicker .datepick-month-header, 
.myPicker .datepick-month-header select, 
.myPicker .datepick-month-header input{
	color:#555;
	height: 18px;
	padding-top: 0;
}
.myPicker .datepick-month-header select{
	background-color:green;
}
.myPicker .datepick-month-header{
	height: 20px;
}

.myPicker option {
	color:white;
	background-color:rgba(0,0,0,0.25);
}

.mensaje,
.previewRpt,
.container{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index: 9999;
	top: 0;
}

.container{
	z-index: 0;
	padding: 0;
	margin:0;
}

.mensaje div[name='contMsg'],
.previewRpt div[name='contMsg'],
.container div[name='contMsg']{
	position:relative;
	margin:0 auto;
	top:5%;
	background-color:rgb(200,200,200);
	width:600px;
	border: 1px rgba(0, 0, 0, 0.2) solid;
	/*padding:6px;*/
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	font-size: 16px;
}

.previewRpt div[name='contMsg']{
	width:80%;
	height:95%;	
	padding: 4px;
    border-radius: 8px;
}

.container div[name='contMsg']{
	top:0;
	width:100%;
	height:100%;	
}

.mensaje div[name='encabezado'],
.previewRpt div[name='encabezado'],
.container div[name='encabezado']{
	position: relative;
    width: 100%;
    height: 32px;
    padding: 2px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    /* color: rgba(0, 0, 0, 0.7); */
    font-size: 20px;
}
.previewRpt div[name='encabezado'] > span[name='cntCerrar'],
.container div[name='encabezado'] > span[name='cntCerrar']{
	top: 4px;
	right: 8px;
	position: absolute;
	cursor:pointer;
}

.mensaje div[name='encabezado'] > b,
.previewRpt div[name='encabezado'] > b,
.container div[name='encabezado'] > b{
	position:relative;
	font-family: "Source Sans Pro SemiBold";
}

.mensaje div[name='cuerpo'],
.previewRpt div[name='cuerpo'],
.container div[name='cuerpo']{
	position:relative;
	width:100%;
	height:205px;
	background-color:white;
	border:1px rgba(0,0,0,0);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.mensaje div[name='ico']{
	position:relative;
	background-image: url('w8/_Basicos/128/Complaint-Box_Naranja.png');
	background-repeat:no-repeat;
	background-position:center center;	
	height:100%;
	width:160px;
	float:left;
}
.mensaje div[name='texto']{
	position: relative;
	height:100%;
	width: -webkit-calc(100% - 160px);
	width: -moz-calc(100% - 160px);
	overflow:auto;
	float:left;
	width: -moz-calc(100% - 160px);
}
.previewRpt div[name='marco'],
.container div[name='marco']{
	position: relative;
	width:100%;
	height:100%;
	background: white;
	/*overflow: auto;*/
	font:12px, "Arial Narrow";
}
.previewRpt div[name='marco'] > .reporte,
.container div[name='marco'] > .reporte{
	width:100%;
	height:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.mensaje div[name='texto'] table[name='tabla']{
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.mensaje div[name='texto'] table[name='tabla'] > td{
	padding: 5px 10px 5px 0;
	white-space: pre-line;
}	
.mensaje div[name='texto'] table[name='tabla'] > td .bloque{
	margin:0 auto;
	text-align:left;
	display:inline-block;
}

.mensaje div[name='texto'] table[name='tabla'] > td > a.clickDown{
	font-size:16px;
	text-decoration:underline;
}
	
.mensaje div[name='pie'],
.previewRpt div[name='pie'],
.container div[name='pie']{
	position:relative;
	width:100%;
	height:44px;
	background:rgba(255, 255, 255, 0.3);
	/*border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;*/
	/*border-top: 1px rgba(0, 0, 0, 0.1) solid;*/
	padding:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.mensaje div[name='pie'] > b[name='appName'],
.previewRpt div[name='pie'] > b[name='appName'],
.container div[name='pie'] > b[name='appName']{
	position:absolute;
	font: 16px "Source Sans Pro SemiBold", Arial, sans-serif;
	color: rgba(0, 0, 0, 0.7);
	top:8px;
	left:8px;
}
.mensaje [name='btnOK']{
	position: absolute;
	right: 6px;
}

.previewRpt [name='btnOK']{
	position: absolute;
	top: 3px;
	right: 8px;
	display: table-cell;
}
.previewRpt [name='btnCancel']{
	
}

.mensaje table[name="resultados1"]{
	border-collapse:collapse;
}
.mensaje table[name="resultados1"] th{
	background-color:rgba(0,0,0,0.11);
	border: 1px #333 solid;
	font-family:"Source Sans Pro SemiBold";
	padding:2px;
}
.mensaje table[name="resultados1"] td{
	border: 1px #333 solid;
	padding:2px;
}
.mensaje table[name="resultados1"] td.ok{
	color:green;
}
.mensaje table[name="resultados1"] td.error{
	color:red;
}

.SelectImg{
	position: relative;
    margin: 4px 0 0 0;
    background-color: rgba(255,255,255,0.9);
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 2px;
    border: 1px #ced4da solid;
    padding-bottom: 8px;    		
}
.SelectImg div[name='imagenes']{
	border-radius: 4px;
    top: 4px;
    position: relative;
    overflow: auto;
    height: 165px;
    width: 100%;
    background: whitesmoke;
    padding: 2px;
    border: 1px #ced4da solid;
    box-sizing: border-box;
}
.SelectImg div[name='btask']{
	margin-top: 2px;
	width: 100%;
	height: 28px;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;	
}
/*4149*/
.SelectImg div[name='btask'] > input[name='txtFolder']{
	top:1px;
	float:left;
	width:90%;
	color:#111;
}
.SelectImg div[name='btask'] > img{
	float: left;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: 4px;
    margin-top: 4px;
}
.SelectImg div[name='cont_folder']{
	float:left;
	display:table;
	width: 32px;
	margin:2px;	
}
.SelectImg div[name='cont_folder'] > img{
	display: table-cell;
	margin: 0 auto;
}
.SelectImg div[name='cont_folder'] > div{
	width: 100px;
}
.SelectImg div[name='cont_folder'] > div > p{
	width: 100px;
	text-align: center;
	overflow: hidden;
	cursor:pointer;
}
.SelectImg div[name='cont_img']{
	float:left;
	margin:2px;
}
.SelectImg div[name='cont_img'] > img{
	border:1px rgba(0,0,0,0.1) solid;
}
.SelectImg img[name='imagen']{
	width:32px;
	height:32px;
	cursor:pointer;
}
.SelectImg img[name='imagen'].elegido{
	background-color:rgba(0,0,0,0.4);
	border:1px rgba(0,0,0,0.4) solid;
}

.EditReglaVal {
    cursor: pointer;
    font-weight: 100;
    display: flex;
    align-items: center; 
    gap: 6px;
    flex-direction: row;
	min-height: 1em;
}

.EditReglaVal [name='icono']{
	font-weight: 300;
}
.EditReglaVal:hover [name='icono']{
    font-weight: 400;
}
.EditReglaVal:active [name='icono']{
    font-weight: 600;
}
.EditReglaVal > [name='texto']{
	display: flex;
    flex-direction: row;
}

.EditReglaVal_opciones{
	position:relative;
	width:100%;
    border: 1px rgba(0, 0, 0, 0.1) solid;
    display: block;
    overflow: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #bbf0ff;
	border-radius: 0.3em;
}

.EditReglaVal_opciones [name="encabezado"],
.EditReglaVal_opciones [name="pareja"]{
	display: grid;
    grid-template-columns: 1fr 2fr min-content;
	column-gap: 4px;
	float: left;
	padding: 0 2px 2px 2px;
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	height: 2em;	
}

.EditReglaVal_opciones [name="cuerpo"]{
	position: relative;
	width: 100%;
	height: 250px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	background:white;
	/*border: rgba(0,0,0,0.2) 2px solid;	*/
	overflow: auto;
	padding: 0 2px;	
}
.EditReglaVal_opciones [name="cuerpo"] > [name="pareja"]{
	margin-top:2px;
}
.EditReglaVal_opciones [name="pareja"]:nth-of-type(1){
}
.EditReglaVal_opciones [name="encabezado"]{
	height:24px;
}
.EditReglaVal_opciones .actualizar[name="titulos"],
.EditReglaVal_opciones .adicional[name="titulos"],
.EditReglaVal_opciones .actualizar[name="origen"],
.EditReglaVal_opciones .actualizar[name="destino"]{
	cursor:default;
}
.EditReglaVal_opciones .adicional[name="titulos"][tipo="destino"]{
}
.EditReglaVal_opciones .adicional[name="titulos"][tipo="origen"]{
}


.EditReglaVal_opciones .actualizar[name="destino"],
.EditReglaVal_opciones .actualizar[name="origen"],
.EditReglaVal_opciones .adicional[name="origen"],
.EditReglaVal_opciones .adicional[name="destino"]{
	margin:0;
	margin-right: 3px;
	cursor:auto;
	height: unset;	
	padding: 0;
	border: 0.5px solid lightgray;
}
.EditReglaVal_opciones .adicional[name="destino"]{
	cursor: pointer;
}
.EditReglaVal_opciones .adicional[name="origen"]{
}
.EditReglaVal_opciones .adicional[name="origen"][type="text"]{
	padding-left: 4px;
}

.EditReglaVal_opciones .actualizar[name="origen"]{
	cursor:pointer;
/*	background-image: url("w8/_Basicos/16/Find_Data_opa.png");*/
	background-repeat:no-repeat;	
}
/*
.EditReglaVal_opciones .actualizar[name="origen"]:hover{
	background-image: url("w8/_Basicos/16/Find_Data.png");
}
*/
.EditReglaVal_opciones .actualizar[name="destino"]{
	cursor:pointer;
	/*background-image: url("w8/_Basicos/16/Data_Refresh_opa.png");
	background-repeat:no-repeat;*/	
}
/*
.EditReglaVal_opciones .actualizar[name="destino"]:hover{
	background-image: url("w8/_Basicos/16/Data_Refresh.png");
}
*/
.EditReglaVal_opciones [name="titulos"] {
	/*padding-top:4px;
	margin-left:2px;*/
	cursor:auto;
}
.EditReglaVal_opciones [name="titulos"] > p {
	text-align:center;
	font-weight: 100;
}
.EditReglaVal_opciones [name="del"]{
	background-image: url("w8/_Basicos/16/Cancel_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
	width:24px;
	height:24px;
	cursor:pointer;	
}
.EditReglaVal_opciones [name="del"]:hover{
	background-image: url("w8/_Basicos/16/Cancel.png");
}
.EditReglaVal_opciones [name="add"]{
	background-image: url("w8/_Basicos/24/Data_Add_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
	width:24px;
	height:24px;
	cursor:pointer;	
}
.EditReglaVal_opciones [name="add"]:hover{
	background-image: url("w8/_Basicos/24/Data_Add.png");
}

.EditReglaVal_opcFiltro	{
	position:relative;
	width:100%;
	height:350px;
	display:block;
	background-color: #bbf0ff;	
	border: 1px rgba(0, 0, 0, 0.1) solid;
}

.EditReglaVal_opcFiltro [name="encabezado"]{
	display:block;
	height:25px;
	float: left;	
	padding: 0 2px 2px 2px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.EditReglaVal_opcFiltro [name="titulos"]{
	float: left;
}
.EditReglaVal_opcFiltro [name="titulos"] > p{
	font-weight:100;
}
.EditReglaVal_opcFiltro [name="cont_sentencias"]{
	float:left;
	height: 325px;
	padding: 2px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;	
	background:white;
	line-height: 18px;
}
.EditReglaVal_opcFiltro [name="sentencias"]{
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;	
	padding: 0;
	overflow: auto;
	background-color: whitesmoke;
}
.EditReglaVal_opcFiltro [name="add"]{
	background-image: url("w8/_Basicos/24/Folder-New_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
	padding-top:1px;
	width:24px;
	height:24px;
	float:right;
	cursor:pointer;	
}
.EditReglaVal_opcFiltro [name="add"]:hover{
	background-image: url("w8/_Basicos/24/Folder-New.png");
}

.EditReglaVal_opcFiltro [name="contGrupo"],
.EditReglaVal_opcFiltro [name="contSubgrupo"]{
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;	
	height:auto;
	background-color:#f0ddb0;
	margin-bottom:2px;
	float: left;
}
.EditReglaVal_opcFiltro [name="contSubgrupo"]{
	width:99.6%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;		
	background:#b0ffb0;
	margin-left: 2px;
}
.EditReglaVal_opcFiltro [name="grupo_tools"]{
	width:100%;
	height:26px;
	padding: 2px;
	box-sizing: border-box;	
	/*background:rgba(255,255,255,0.8);*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;	
}
.EditReglaVal_opcFiltro [name="grupo_tools"] > p{
	float: left;
	font-weight: bold;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.7);
	padding-left: 2px;
}
.EditReglaVal_opcFiltro [name="grupo_body"]{
	width:100%;
	height:auto;
	padding: 2px;
	box-sizing: border-box;
	background:rgba(255,255,255,0.92);
	min-height:26px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	float: left;
}

.EditReglaVal_opcFiltro [name="contGrupo"] > [name="grupo_body"]{
	/*padding-left:10px;*/
}

.EditReglaVal_opcFiltro [name="grupo_tools"] [name="contIconos"]{
	float:right;
}
.EditReglaVal_opcFiltro [name="grupo_tools"] .icono{
	width:24px;
	height:24px;
	float:left;
	cursor:pointer;	
}

.EditReglaVal_opcFiltro [name="grupo_tools"] [name="grupo"].icono{
	background-image: url("w8/_Basicos/24/Folder-New_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
}
.EditReglaVal_opcFiltro [name="grupo_tools"] [name="grupo"].icono:hover{
	background-image: url("w8/_Basicos/24/Folder-New.png");
}
.EditReglaVal_opcFiltro [name="grupo_tools"] [name="subgrupo"].icono{
	background-image: url("w8/_Basicos/24/Window-New_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
}
.EditReglaVal_opcFiltro [name="grupo_tools"] [name="subgrupo"].icono:hover{
	background-image: url("w8/_Basicos/24/Window-New.png");
}
.EditReglaVal_opcFiltro [name="grupo_tools"] [name="exp_simple"].icono{
	background-image: url("w8/_Basicos/24/Shape2_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
}
.EditReglaVal_opcFiltro [name="grupo_tools"] [name="exp_simple"].icono:hover{
	background-image: url("w8/_Basicos/24/Shape2.png");
}
.EditReglaVal_opcFiltro [name="grupo_tools"] [name="exp_compuesta"].icono{
	background-image: url("w8/_Basicos/24/Toolbar_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
}
.EditReglaVal_opcFiltro [name="grupo_tools"] [name="exp_compuesta"].icono:hover{
	background-image: url("w8/_Basicos/24/Toolbar.png");
}
.EditReglaVal_opcFiltro [name="grupo_tools"] [name="delete"].icono{
	background-image: url("w8/_Basicos/24/Cancel_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
}
.EditReglaVal_opcFiltro [name="grupo_tools"] [name="delete"].icono:hover{
	background-image: url("w8/_Basicos/24/Cancel.png");
}


.EditReglaVal_opcFiltro [name="contSentencia"]{
	display: flex;
	width:100%;
	height:auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	/*height: 26px;*/
	padding: 2px;
	float: left;
	border: 0.5px solid lightgray;
    border-radius: 0.3em;
}

.EditReglaVal_opcFiltro [name="grupo_tools"] [name="operador"],
.EditReglaVal_opcFiltro [name="grupo_tools"] [name="negacion"],
.EditReglaVal_opcFiltro [name="contSentencia"] [name="operador"],
.EditReglaVal_opcFiltro [name="contSentencia"] [name="negacion"]{
	float:left;
	/*height: 22px;*/
	padding: 0;
	cursor: pointer;
}
.EditReglaVal_opcFiltro [name="contSentencia"] [name="sentencia"]{
	width:60px;
	float:left;
	display: block;
}
.EditReglaVal_opcFiltro [name="contSentencia"] > [name="contnc"]{
	width:35%;
	float:left;
	border: 0.5px solid lightgray;
    border-radius: 0.3em;	
}
.EditReglaVal_opcFiltro [name="contSentencia"] > [name="contsea"]{
	width:10%;
	float:left;
	margin:0 2px;
	border: 0.5px solid lightgray;
    border-radius: 0.3em;	
}
.EditReglaVal_opcFiltro [name="contSentencia"] > [name="contvc"]{
	width:50%;
	float:left;	
	border: 0.5px solid lightgray;
    border-radius: 0.3em;
}

.EditReglaVal_opcFiltro [name="contSentencia"] .miembro{
	margin:0;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	/*height: 22px;*/
	padding: 4px;
}
.EditReglaVal_opcFiltro [name="contSentencia"] > [name="contsea"] .miembro{
	text-align:center;
	padding: 0;
}

.EditReglaVal_opcFiltro [name="contSentencia"] > [name="delete"]{
	width:24px;
	height:21px;
	float:left;
	cursor:pointer;	
	background-image: url("w8/_Basicos/16/Cancel_opa.png");
	background-repeat:no-repeat;
	background-position:center center;	
}
.EditReglaVal_opcFiltro [name="contSentencia"] > [name="delete"]:hover{
	background-image: url("w8/_Basicos/16/Cancel.png");
}

/***********************************************************/


.cssMenuPpal.Menu_metro{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.cssMenuPpal.Menu_metro div[name="Encabezado"] {
	position: relative;
	background: rgba(0, 0, 0, 0.1);
	height: 20%;
}
.cssMenuPpal.Menu_metro  div[name="Encabezado"] > div[name="Titulo"]{
	position: absolute;
	bottom: 0;
	left: 5%;
	height:60px;
}
.cssMenuPpal.Menu_metro  div[name="Encabezado"] > div[name="Titulo"] > [name="icoApp"]{
	float:left;
	width: 60px;
	height: 100%;
	background-image: url("w8/_Basicos/48/For This Week.png");
	background-repeat: no-repeat;
	background-position: center center;
}
.cssMenuPpal.Menu_metro  div[name="Encabezado"] > div[name="Titulo"] > [name="desApp"]{
	float:left;
	color:white;
}
.cssMenuPpal.Menu_metro  div[name="Encabezado"] > div[name="Titulo"] > [name="desApp"] > [name="nombreCia"]{
	position: relative;
	font-size: 30px;
	cursor: pointer;
	display: block;	
}
.cssMenuPpal.Menu_metro  div[name="Encabezado"] > div[name="Titulo"] > [name="desApp"] > [name="nombreApp"]{
	font: 18px/27px "Source Sans Pro SemiBold", Arial, sans-serif;
	font-size: 18px;
	top: -6px;
	float: left;
	cursor: pointer;
	display: block;
	position: relative;	
}
.cssMenuPpal.Menu_metro div[name="contMenu"] {
	position: relative;
	background: rgba(0, 0, 0, 0.1);
	float: left;
	height: 80%;
	box-sizing: border-box;
	padding:0.5% 5%;
	overflow: auto;
}
.cssMenuPpal.Menu_metro div[name="contMenu"] > div[name="Menu"] {
	position: relative;
	/*background: rgba(255, 255, 255, 0.5);*/
	height: 100%;
	padding: 0;
	box-sizing: border-box;
}

.cssMenuPpal.Menu_metro div[name="contMenu"] > div[name="Menu"] > tr > td[name='cont']{
	margin-right:98px;
}
.cssMenuPpal.Menu_metro div[name="contMenu"] > div[name="Menu"] > tr > td[name='cont'] > table{
	border-spacing: 4px;
}
.cssMenuPpal.Menu_metro div[name="contMenu"] > div[name="Menu"] > tr > td[name='cont'] [name="celda"]{
	position:relative;
	padding:3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align:center;
	vertical-align:middle;	
}
.cssMenuPpal.Menu_metro div[name="contMenu"] > div[name="Menu"] > tr > td[name='cont'] [name="celda"] > div[name="contenido"]{
	background-color: rgba(0,0,0,0.1);
	width:100%;
	height:100%;
	position: relative;
	top: 0;
	left: 0;	
}
.cssMenuPpal.Menu_metro div[name="contMenu"] > div[name="Menu"] > tr > td[name='cont'] [name="celda"] [name="resizeT"]{
	position:absolute;
	top:-15px;
	margin-left: -15px;
	background-position: 15px;
	/*display:none;*/	
}
.cssMenuPpal.Menu_metro div[name="contMenu"] > div[name="Menu"] > tr > td[name='cont'] [name="celda"] [name="resizeB"]{
	position:absolute;
	background-position: -15px;	
	bottom: 0;
	margin: -15px;
	/*display:none;*/		
}
.cssMenuPpal.Menu_metro div[name="contMenu"] > div[name="Menu"] > tr > td[name='cont'] [name="celda"] [name="resizeL"]{
	position:absolute;
	left:-15px;
	margin-top: -15px;
	background-position: 15px;
	/*display:none;*/
}
.cssMenuPpal.Menu_metro div[name="contMenu"] > div[name="Menu"] > tr > td[name='cont'] [name="celda"] [name="resizeR"]{
	position:absolute;
	right:-15px;
	margin-top: -15px;
	background-position: -15px;
	/*display:none;*/
		
}
.cssMenuPpal.Menu_metro div[name="contMenu"] > div[name="Menu"] > tr > td[name='cont'] [name="celda"]:hover > [name^="resize"]{
	display:inline-block;
}

/* Barra Superior del menú pruncipal*/
.cssMenuPpal [name='barraInfo_sup']{
	top: 0;
    left: 0;
    margin-right: 182px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 20px;
	justify-content: flex-end;
}

.cssMenuPpal [name="barraInfo_sup_cont"]{
	position:relative;
	background: rgba(255, 255, 255, 0.05);
	margin-left:10px;
	cursor:pointer;
	padding: 2px 0;
	height: max-content;
	font-family:"Source Sans Pro Semibold";
	line-height: 20px;
    box-shadow: -3px 1px 4px -1px #888;
}

.cssMenuPpal [name="barraInfo_sup_cont"]:hover{
	background-color:rgba(0,0,0,0.4);
}
.cssMenuPpal [name="barraInfo_sup_cont"]:active{
	background-color:rgba(0,0,0,0.8);
}
.cssMenuPpal [name="barraInfo_sup_cont"] > [name="barraInfo_sup_contico"]{
	float:left;
}
.cssMenuPpal [name="barraInfo_sup_cont"] > [name="barraInfo_sup_conttxt"]{
	float:left;
	padding:0 4px 0 4px;
}
.cssMenuPpal [name="barraInfo_sup_cont"] > [name="barraInfo_sup_conttxt"] > a{	
	color: rgba(0,0,0,0.6);
}
.cssMenuPpal [name="barraInfo_sup_cont"] > .emergente{
	position: absolute;
    min-width: 60px;
    background-color: whitesmoke;
    border: 1px rgba(0,0,0,0.3) solid;
    border-radius: 4px;
    top: 28px;
    right: 0px;
    padding: 5px;
    z-index: 1001;
    border-collapse: separate;
    border-spacing: 0px;
    font-size: 16px;
	display:none;	
}
.cssMenuPpal [name="barraInfo_sup_cont"] > .emergente [name="cont_item"]{
	width:100%;
}
.cssMenuPpal [name="barraInfo_sup_cont"] > .emergente > tbody > tr:hover{
	background-color:rgba(0,0,0,0.2);
}
.cssMenuPpal [name="barraInfo_sup_cont"] > .emergente > tbody > tr > td{
	margin:0;
	padding:0;
}
.cssMenuPpal [name="barraInfo_sup_cont"] > .emergente [name="txt"]{
	font-family:"Source Sans Pro", Helvetica, Arial, sans-serif;
	margin:0;
	padding:6px;
	/*color:rgba(0,0,0,0.8);*/
	font-weight:100;
	font-size:16px;
}
.cssMenuPpal [name="barraInfo_sup_cont"] > .emergente >  tbody > tr:hover{
	background-color:rgba(0,0,0,0.05);
}
.cssMenuPpal [name="barraInfo_sup_cont"] > .emergente [name="separador"]{
	border-top:2px rgba(0,0,0,0.1) solid;
	pointer-events: none;
	/*margin:2px 0;*/
}

.cssMenuPpal [name="barraInfo_sup_cont"] .emergente [name="ico1"],
.cssMenuPpal [name="barraInfo_sup_cont"] .emergente [name="ico2"]{
	float: left;
}

.cssMenuPpal [name="barraInfo_sup_cont"].login > [name="barraInfo_sup_contico"]{
	/*background-image: url("w8/_Basicos/24/LoginUser.png")*/
}
.cssMenuPpal [name="barraInfo_sup_cont"].login:hover > [name="barraInfo_sup_contico"]{
	/*background-image: url("w8/_Basicos/24/LoginUser_over.png")*/
}
.cssMenuPpal [name="barraInfo_sup_cont"].server > [name="barraInfo_sup_contico"]{background-image: url("w8/_Basicos/24/Server-1.png")}
.cssMenuPpal [name="barraInfo_sup_cont"].server:hover > [name="barraInfo_sup_contico"]{background-image: url("w8/_Basicos/24/Server-1_over.png")}

.cssMenuPpal [name="barraInfo_sup_cont"].lock > [name="barraInfo_sup_contico"]{background-image: url("w8/_Basicos/24/Lock.png")}
.cssMenuPpal [name="barraInfo_sup_cont"].lock:hover > [name="barraInfo_sup_contico"]{background-image: url("w8/_Basicos/24/Lock_over.png")}
/**/
.cssMenuPpal [name="barraInfo_sup_cont"].login .emergente tr.chgPass [name="ico1"]{background-image: url("w8/_Basicos/24/User-Lock.png")}
.cssMenuPpal [name="barraInfo_sup_cont"].login .emergente tr.chgPass:hover [name="ico1"]{background-image: url("w8/_Basicos/24/User-Lock_over.png")}

.cssMenuPpal [name="barraInfo_sup_cont"].login .emergente tr.salir [name="ico1"]{background-image: url("w8/_Basicos/24/Logout.png")}
.cssMenuPpal [name="barraInfo_sup_cont"].login .emergente tr.salir:hover [name="ico1"]{background-image: url("w8/_Basicos/24/Logout_over.png")}

.cssMenuPpal [name="barraInfo_sup_cont"].login .emergente tr.perfil [name="ico1"]{background-image: url("w8/_Basicos/24/IDInformation.png")}
.cssMenuPpal [name="barraInfo_sup_cont"].login .emergente tr.perfil:hover [name="ico1"]{background-image: url("w8/_Basicos/24/IDInformation_over.png")}


.cssMenuPpal [name="barraInfo_sup_cont"]{
	display: grid;
    grid-template-areas:
        "icono texto"
        "datos datos";
    grid-template-columns: min-content 1fr;
	padding: 2px 4px;
}

.cssMenuPpal [name="barraInfo_sup_cont"] > [name="barraInfo_sup_contico"]{
	grid-area: icono;
	line-height: normal;
	font-weight: 300;
}

.cssMenuPpal [name="barraInfo_sup_cont"]:hover > [name="barraInfo_sup_contico"]{
	font-weight: 400;
}
.cssMenuPpal [name="barraInfo_sup_cont"]:active > [name="barraInfo_sup_contico"]{
	font-weight: 900;
}

.cssMenuPpal [name="barraInfo_sup_cont"] > [name="barraInfo_sup_conttxt"]{
	font-family: Source Sans Pro;
    grid-area: texto;
    font-size: 16px;
    overflow: hidden;
    font-weight: 200;
    text-wrap: nowrap;
}

.cssMenuPpal [name="barraInfo_sup_cont"]:hover > [name="barraInfo_sup_conttxt"]{
	font-weight: 600;
}
.cssMenuPpal [name="barraInfo_sup_cont"]:hover > [name="barraInfo_sup_conttxt"]{
	font-weight: 900;
}

/*** ASEMA  ***/

.cssMenuPpal [name="barraInfo_sup"].csASEMA {
    justify-content: space-between;
    font-size: 20px;
	color: whitesmoke;
}

.cssMenuPpal [name="barraInfo_sup_cont"] > [name="barraInfo_sup_conttxt"] > a {
    color: whitesmoke;
}

.cssMenuPpal [name="barraInfo_sup_cont"] > [name="barraInfo_sup_conttxt"] > a {
    color: whitesmoke;
}

.cssMenuPpal [name="barraInfo_sup_cont"].csASEMA {
    max-height: 82px;
    line-height: 20px;
    max-width: 475px;
	min-width: 200px;
    font-size: 20px;
    padding: 2px 8px 2px 4px;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0;
	box-shadow: -3px 1px 4px -1px #888;
	grid-template-areas:
		"foto icono texto"
		"foto datos datos";
	grid-template-columns: auto 24px 1fr;
	grid-template-rows: 24px 1fr;
	overflow: visible;
	text-overflow: ellipsis;  
	border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.cssMenuPpal [name="barraInfo_sup_cont"].csASEMA:hover {
	z-index: 2;
}

.cssMenuPpal [name="barraInfo_sup_cont"].csASEMA > span[name="contFoto"]{ 
	grid-row: 1/-1;
    grid-column: 1/1;
    box-sizing: border-box;
    padding: 1px;
    background-color: lightgrey;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
}

.cssMenuPpal [name="barraInfo_sup_cont"].csASEMA > span[name="contFoto"] > img{ 
	width: 100%;
}

.cssMenuPpal [name="barraInfo_sup_cont"] > .cnsoft-boton-DatosPaciente{
	grid-area: datos;
	font-family: 'Source Sans Pro';
    font-size: 13px;
	overflow: hidden;
}

.cnsoft-boton-DatosPaciente {
	display: grid;
    grid-template-areas:
        "docPac sexo edad"
        "fecIng cama eps";
    grid-template-columns: max-content 1fr max-content;
    justify-items: start;
    min-width: 400px;
    gap: 0px 4px;
	align-items: center;
}

.cnsoft-boton-DatosPaciente > [name="docPac"] {
	grid-area: docPac;
}
.cnsoft-boton-DatosPaciente > [name="sexo"] {
	grid-area: sexo;
}
.cnsoft-boton-DatosPaciente > [name="edad"] {
	grid-area: edad;
	justify-self: end;
}
.cnsoft-boton-DatosPaciente > [name="fecIng"] {
	grid-area: fecIng;
}
.cnsoft-boton-DatosPaciente > [name="cama"] {
	grid-area: cama;
}
.cnsoft-boton-DatosPaciente > [name="eps"] {
    grid-area: eps;
	justify-self: end;
	max-width: 250px;
	line-height: 11px;
}



.cssMenuPpal [name="barraInfo_sup_cont"].login {background-color: #751eff}
.cssMenuPpal [name="barraInfo_sup_cont"].lock {background-color: #751eff}

.cssMenuPpal [name="barraInfo_sup_cont"].csASEMA.selPaciente {background-color: #0b3c5d;}
.cssMenuPpal [name="barraInfo_sup_cont"].csASEMA.pendientes {background-color: #FF5722;}
.cssMenuPpal [name="barraInfo_sup_cont"].csASEMA.alertas {background-color: #d9b310;}
.cssMenuPpal [name="barraInfo_sup_cont"].csASEMA.selArea {background-color: #00ae51;}
.cssMenuPpal [name="barraInfo_sup_cont"].csASEMA.selPuesto {background-color: #00ae51;}
.cssMenuPpal [name="barraInfo_sup_cont"].csASEMA.selBodega {background-color: #00ae51;}
.cssMenuPpal [name="barraInfo_sup_cont"].csASEMA.selSede {background-color: #0b3c5d; color: #F0F0F0;}


#divFileUpload{
	width:100px;
	height:100px;
	background-color:rgba(255,255,255,0.8);
}

#divFileUpload > img{
	width:100%;
	height:100%;
}
#divFileUpload a{
	cursor:pointer;
}

.tarGrupo{
    display: flex;
    align-items: flex-start;
	border-radius: 4px;
}

.tarGrupo:hover{
	background-color: rgba(0,0,0,0.06);	
}

.tarGrupo > [name="img"]{
	width:32px;
	height:32px;
	float:left;
	cursor:pointer;
	background-repeat: no-repeat;
    box-sizing: border-box;
    background-position: center;
	display: flex;
	background-size: 80%;
	line-height: 1.5;
    justify-content: center;
    align-items: center;
	border-radius: 4px;
	font-weight: 300;
}

.tarGrupo > [name="img"]:hover{
	/*background-color: rgba(0,0,0,0.1);*/
	font-weight: 400;
}

.tarGrupo > [name="img"]:active{
	font-weight: 900;
}

[name='pestana_opcstareas']{
	display:flex;
	position:relative;
	width:14px;
	height:14px;
	cursor:pointer;
	font-size: 14px;
	text-align: center;
	border-radius: 4px;
}

[name='pestana_opcstareas']:hover{
	background-color:rgba(0,0,0,0.1);
}

.cssBrowseLooper .opcTareas[name="gDEL"]{
	padding-left:12px;
	padding-right:12px;
}
.tarGrupo[name="gDEL"]:hover > {
	/*background-color:red;*/
}
.tarGrupo[name="gDEL"] > [name="img"]:hover{
	/*background-color: transparent;*/
	color:red;
	font-weight: bold;
}
	
.opcTareas[name="gCopy"]{
	padding-left:24px;	
}

.tarGrupo:active{
	background-color: rgba(255,255,255,0.1);
}
.tarGrupo > [name='lista_tareas'] > li{
	background: url(img/bullet_gray.gif) no-repeat 0px 6px;
	padding-left:10px;
	margin-top:1px;
}
.tarGrupo > [name='lista_tareas']  > li.procesando{
	background: url(img/Cargando_16.gif) no-repeat -3px -7px;
	padding-left: 22px;
}
.tarGrupo > [name='lista_tareas']  > li:first-child{
	margin-top:3px;
}
.tarGrupo > [name='lista_tareas']  > li > a{
	color: rgba(0, 0, 0, 0.3);
	cursor:pointer;
}
.tarGrupo > [name='lista_tareas']  > li > a:hover{
	color: rgba(0, 0, 0, 0.95);
	text-decoration:underline;
}

.appFile{
	position: relative;
	background: #FFF;
	/*border: 1px solid rgba(0, 0, 0, 0.1);*/
	display: grid;
	justify-items: center;	
}

.appFile > .noImage {
	opacity: 0.1;
}

.appFile > [name="contFile"]{
	overflow: auto;
	text-align:center;
	width: 100%;
    height: 100%;
}
.appFile > [name="contFile"] img{
	box-sizing: border-box;
	cursor:pointer;
}
.appFile > [name="contControl"]{
	position: relative;
    padding: 4px;
    display: flex;
    gap: 10px;
    flex-direction: row-reverse;
    justify-content: center;
    font-size: 1.5em;
}

.appFile > [name="contControl"] > [name="queue"]{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing: border-box;
	background-color:#333;
	display:none;
}

.appFile .uploadify{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing: border-box;
	cursor:pointer;
}

.appFile .uploadify .swfupload{
	width:100%;
	height:100%;
	box-sizing: border-box;
}
.appFile .uploadify .uploadify-button-text{
	color:rgba(0,0,0,0.95);
	line-height: 26px;
	padding:0 4px;
}

.appFile .uploadify-queue-item > .cancel > a{
	width: 20px;
	height: 20px;
	float: right;
	background-image: url("w8/_Basicos/24/circulares/Close_w.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80%;
	color:transparent;
}
.appFile .uploadify-queue-item > .cancel > a:hover{
	background-image: url("w8/_Basicos/24/circulares/Close_w_over.png");
}

.appFile .uploadify-queue-item > .fileName,
.appFile .uploadify-queue-item > .data{
	position: relative;
	top: 3px;
	left: 3px;	
	color:rgba(255,255,255,0.95);
	font-size:12px;
	word-wrap: nowrap;
	float:left;
}

.appFile .uploadify-progress{
	position: absolute;
	width:100%;
	box-sizing: border-box;
	height:6px;
	background-color:rgba(255,255,255,0.4);
	bottom: 0;
}

.appFile .uploadify-progress-bar{
	height:100%;
	background-color:orange;
}

.appFile > [name="contFile"] img:active{
	-webkit-animation:anim_onClick 0.1s 1;
}

@-webkit-keyframes anim_onClick{	
	0%		{-webkit-transform: rotate(0deg);}
	25%		{-webkit-transform: rotate(5deg);}
	50%		{-webkit-transform: rotate(0deg);}
	75%		{-webkit-transform: rotate(-5deg);}
	100%	{-webkit-transform: rotate(0deg);}
}

.noAnimada,
.cssMenuPpal li[name='pestana'].noAnimada,
.cssMenuPpal li[name='pestana'].noAnimada >a,
.cssMenuPpal li[name='pestana'].opc_elegida.noAnimada,
.cssMenuPpal li[name='pestana'].opc_elegida.noAnimada > a{
	animation:none;
	-webkit-animation:none;
	-moz-animation:none;
	-o-animation:none;
	-ms-animation:none;
}
.ui-effects-transfer { border: 2px dotted gray; }

/* Ésto debe ir al final */
.float{
	position:absolute;
	/* :focusabe y :tababble no funcionan si width y height estan en cero 0 */
	/*width:0; 
	height:0;*/
	background:transparent;
}
.modal{
	position:absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-color:rgba(255,255,255,0.3);
	z-index: 1;
}	

.Modal_9999{
	background-color:rgba(255,255,255,0.5);
	z-index: 9999;
	top:0;
	left:0;
	display:block;
}

/* skin estilo w8*/

.cssBrowseLooper.skin-w8[tipo="BrowseFloat"],
.cssBrowseLooper.skin-w8[tipo="BrowseSelect"]{	
    padding: 2px;
    border-radius: 8px;
	border: 1px solid rgba(0,0,0,0.2);
} 

.cssBrowseLooper.skin-w8[tipo="BrowseSelect"] [name="contbtnForma"] {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.cssBrowseLooper.skin-w8 div[name='contContenido']{
	border:none;
}

.cssBrowseLooper.skin-w8  .cssBrowseLooper.relationChild {
	background-color: var(--av-color-appRelationChild); 
}
.cssBrowseLooper.skin-w8  .css_pestanas.relationChild  .tabs > item {
	background-color: var(--av-color-appRelationChild);
}

.cssBrowseLooper.skin-w8 .tabs > item {
	margin-bottom: 0;
	line-height: 32px;
}

.cssBrowseLooper.skin-w8 .tabs > item:not(.active) > a {
	/*height: 100%;*/
	background-color: rgba(0,0,0,0.1);
}
.cssBrowseLooper.skin-w8 .tabs > item:not(.active):hover > a {
	background-color: rgba(0,0,0,0.2);
}

.cssBrowseLooper.skin-w8 .tabs > item.active > a{
	/*background-color: transparent;*/
	/*color: #111;*/
}

.cssBrowseLooper.skin-w8 li div.pTabs,
.cssBrowseLooper.skin-w8 li a.pTabs,
.cssBrowseLooper.skin-w8 li.active + li div.pTabs:not(.ultima), 
.cssBrowseLooper.skin-w8 li.active:hover + li div.pTabs:not(.ultima){
	background-image:none;
}
.cssBrowseLooper.skin-w8 li div.pTabs{
	display:none;
}

.cssBrowseLooper.skin-w8 div[name='contInfoForma'] h3{
	margin-top:6px;
	font-size: 20px;
	font-family: "Source Sans Pro SemiBold";
	letter-spacing: 1px;	
	/*padding-left: 6px;*/
}
.cssBrowseLooper.skin-w8 div[name='contInfoForma'] h4{
    line-height: 24px;
    font-family: "Source Sans Pro";
    font-weight: 100;
}
.cssBrowseLooper.skin-w8 .tab_container{
	background-image:none;
	/*border-color:transparent;*/
	box-shadow: none;
	width: 100%;
}
.cssBrowseLooper.skin-w8 seccCamposTitulo{
	font-size: 1.4em;
    text-shadow: none;
    font-family: "Source Sans Pro";
    color: rgba(0, 0, 0, 0.9);
    overflow: auto;
    font-weight: 100;
    border-radius: 4px;
}

.cssBrowseLooper.skin-w8 seccCamposTitulo > p{
	margin-right: 6px;
}
.cssBrowseLooper.skin-w8 seccCamposTitulo.sub_tab > p{
    min-width: max-content;
}
.cssBrowseLooper.skin-w8 seccCamposDatos textarea{
	padding-top: 4px;
    min-height: 2em;
}
.cssBrowseLooper.skin-w8 seccCamposTitulo.sub_tab,
.cssBrowseLooper.skin-w8 seccCamposDatos.sub_tab{
	padding: 6px;
    box-sizing: border-box;	
    color: rgba(0,0,0,0.5);
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: stretch;
	column-gap: 6px;
}
.cssBrowseLooper.skin-w8 seccCamposDatos.sub_tab > div{
	display: flex;
    flex-direction: row;
    align-items: center;
	position: relative;
}

.cssBrowseLooper.skin-w8 seccCamposDatos.sub_tab > div > label{
	min-width: max-content;
	top: 0;
}

.cssBrowseLooper.skin-w8 seccCamposDatos.sub_tab > p{
	/*color:rgba(255,255,255,0.8);*/
}
.cssBrowseLooper.skin-w8 input:disabled, 
.cssBrowseLooper.skin-w8 textarea:disabled, 
.cssBrowseLooper.skin-w8 select:disabled, 
.cssBrowseLooper.skin-w8 .boton.combobox.disabled, 
.cssBrowseLooper.skin-w8 .boton.combobox.disabled:active {
	/*border-color: transparent;
	outline-color: rgba(255, 255, 255, 0.4);
	outline-style: solid;
	outline-width: 1px;
	outline-offset: -1px;	*/
}

.cssBrowseLooper.skin-w8 div[name='contFiltro'] div[name="tdCampo"] > *:disabled,
.cssBrowseLooper.skin-w8 div[name='contFiltro'] div[name="tdCampo"] > div > *:disabled{
	color: rgba(0, 0, 0, 0.9);
}
.cssBrowseLooper.skin-w8 .ico-buscar {
	background-color: rgba(255, 255, 255, 0.9);
	/*padding: 4px;*/
	background-position: center center;
	background-repeat: no-repeat no-repeat;
	position: relative;
	/*zoom: 0.8;*/
}

.TriggerBuscar{
	float:left;
	cursor:pointer;
	padding: 2px 4px;
	color: var(--av-color-appCore);
}

.TriggerBuscar:hover > span,
.TriggerBuscar:focus > span {
	font-weight: 400;	
}

.TriggerBuscar:active > span{
	font-weight: 900;	
}

.cssBrowseLooper secccampostitulo.sub_tab > input{
	color:#333;
}

.cssBrowseLooper a[name="tab_pestana_info"].pTabs > input{
	background-color: transparent;
	min-width: 2em;
}

.cssBrowseLooper li.active > a[name="tab_pestana_info"].pTabs > input{
	color:#555;
}

.cssBrowseLooper secccampostitulo.sub_tab > input:focus,
.cssBrowseLooper a[name="tab_pestana_info"].pTabs > input:focus{
	background-color: antiquewhite;
    cursor: text;   
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

/* Overlays */
.ui-widget-overlay { background: #eeeeee; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }/*
 * jQuery UI Resizable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { 
	position: relative;	
}

.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 3px; width: 100%; top: 0; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 3px; width: 100%; bottom: 0; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 3px; right: 0; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 3px; left: 0; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px;}

/************** TabContainer ***********/
.catContainer {
	width:100%;
	height:50%;
	position:relative;
	clear:both;
	padding-top: 5px;
}

.Effi-blue{
	background-color: #3B5A97;
}

/************** Ejemplo de Catálogos Personalizados ***********/
/**** ESTILO FLAT  *****/
/* Catálogo*/
/* Tab Activo*/
.cssBrowseLooper .tabs > item.active {
   background-color: white;
   /*box-shadow: 2px 0px 2px -2px rgb(0 0 0 / 80%);*/
   border-top: 1px rgba(0, 0, 0, 0.1) solid;
   border-left: 1px rgba(0, 0, 0, 0.1) solid;
   border-right: 1px rgba(0, 0, 0, 0.1) solid;
}
/* Label del Tab*/
.cssBrowseLooper .tabs > item a {
    font-family: "Source Sans Pro Semibold";
    font-size: 16px;
    font-weight: 100;
    color: rgba(0, 0, 0, 0.7);
	height: 100%;
    box-sizing: border-box;
}
/* Contenedor del Tab*/

/* Label */
.cssBrowseLooper seccCamposDatos .opcion label, 
.cssBrowseLooper seccCamposDatos .opcion div[name='label'] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5em;
    position: absolute;
    z-index: 1;
    background-color: inherit; 
	top: -0.6em;
    padding: 0 8px;
    margin: 0 8px;
    height: 1em;
    line-height: 1em;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	white-space: nowrap;
}

/* Campo*/
.cssBrowseLooper seccCampos {
	border: none;
}
.cssBrowseLooper seccCampos:first-child{
	margin-top: 5px;
}

.cssBrowseLooper seccCampos.SinTitulo{
	border:none;
}

/**** css01 ******/
/* Catálogo*/
.cssBrowseLooper.css01{
	 background-color:#81d4fa
}
/* Cuerpo del Formulario*/
.cssBrowseLooper.css01 div[name='contForma']{
	background-color:#81d4fa
}
/* Tab Activo*/
.cssBrowseLooper.css01 seccCampos.SinTitulo{
	border:none;
}
/**** css02 ******/
/* Catálogo*/
.cssBrowseLooper.css02{
	background-color: #F57459;
}
/* Cuerpo del Formulario*/
.cssBrowseLooper.css02 div[name='contForma']{
	background-color: #F57459;
}
/* Tab Activo*/
.cssBrowseLooper.css02 .tabs > item.active {
    background-color: #FFD776;
}
/* Contenedor del Tab*/
.cssBrowseLooper.css02 .tab_container{
	background-color: #FFD776;
}
/* Secciones*/
.cssBrowseLooper.flat.css02 seccCampos {
	border: 1px solid #589063;
}
.cssBrowseLooper.flat.css02 seccCampos.SinTitulo{
	border:none;
}
.cssBrowseLooper.flat.css02 seccCamposTitulo{
	background-color: #589063;
}


/* clases para los campos filtros*/
.av-cat-filter-date{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.av-cat-filter-checkbox{
	display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    padding-top: 16px;
	padding-bottom: 4px;
}

/* clases para los campos del formulario*/
.av-cat-form {   
	display: flex;
    flex-wrap: wrap;
	/*flex-direction: column;*/
    flex-direction: row;
    justify-content: flex-start;	
}


.av-cat-form.av-video {
	align-content: center;
	flex-direction: column;
	padding: 0;
}

.av-cat-form.av-video [name="campo"]{
	display: grid;
	grid-template-columns: minmax(min-content, max-content/*480px*/);    
    justify-content: center;
	padding: 1em;
}

.av-cat-form.av-canvas {
	align-content: center;
}

.av-cat-form.av-textarea {
	width: 100%;
}
.av-cat-form.av-radio {
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.av-cat-form.av-canvas [name="campo"]{
	padding: 4px 0;
	justify-content: center;
}

.av-cat-form.av-radio .campo{
	padding: 4px 12px;
}

.av-cat-form.av-radio > .campo > .FormControl {
	display: grid;
    grid-template-columns: repeat( auto-fill, minmax(120px, 1fr) );
    grid-template-rows: repeat( auto-fit, minmax(32px, 1fr) );
    grid-auto-flow: row;
    justify-items: start;
    align-items: center;
    justify-content: start;
    grid-gap: 12px;
	height: fit-content;
	width: 100%;

	& > label {
		all: unset;
        display: flex;
        padding: 2px 4px;
        border: 1px solid transparent;
        align-items: center;
        border-radius: 1em;
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
        cursor: pointer;
        flex-direction: row;
        justify-content: center;

		& > contRadio {
			border: none;
			position: relative;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: flex-start;
			align-items: center;
			padding: 0;
		}
		
		& > contLabel {
			display: flex;
			width: 100%;
			
			& > text {
				display: flex;
				cursor: pointer;
				text-align: left;
				padding: 0;
				margin: 0;
				margin-left: 8px;
				position: relative;
				top: 0;
			}
		}
	}

	& > label:hover {
		border-color: var(--qa-color-field-hover);
	}

	& > label:has(input[type="radio"]:checked) {
		background-color: var(--av-color-primary);
		& > contLabel {
			& > text {
				color: white;
				font-weight: 900;
			}
	  	} 
	}	
}

.av-cat-form.av-checkbox{
	align-self: center;
}
.av-cat-form.av-checkbox > .campo{
	display: grid;
    flex-direction: row;
    align-items: center;
    grid-template-columns: 16px 1fr;
    justify-content: center;
	border: none;
	border-radius: 6px;
	padding: 10px 0 10px 12px;
	border: 1.5px solid transparent;
}

/*
.av-userLogin .opcion{
	gap: 6px;
}

.av-userLogin [name="contCampo"]{
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr 1fr;
}

.av-userLogin [name="contCampo"] > [name="label"]{
    align-self: center;
    justify-self: end;
}
*/

.fontgradient {
	display: inline;
	background: -webkit-linear-gradient(225deg, rgb(255, 85, 0), rgb(211, 0, 255), rgb(0, 13, 255)) 0% 0% / 300% 300%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: 2s ease 0s infinite normal none running fontgradient;
}
  
  
@-webkit-keyframes fontgradient {
	0% {
	  background-position: 0% 92%
	}
	50% {
	  background-position: 100% 9%
	}
	100% {
	  background-position: 0% 92%
	}
}
  
@-moz-keyframes fontgradient {
	0% {
	  background-position: 0% 92%
	}
	50% {
	  background-position: 100% 9%
	}
	100% {
	  background-position: 0% 92%
	}
}
  
@keyframes fontgradient {
	0% {
	  background-position: 0% 92%
	}
	50% {
	  background-position: 100% 9%
	}
	100% {
	  background-position: 0% 92%
	}
}


a:not([href]):not([tabindex]) {
	
}