button::-moz-focus-inner {
padding: 0 !important;
border: 0 none !important;
}
ul.autocompleta{
list-style:none;
border: 1px solid;
margin: 0px;
padding: 0px;
background:#FFF
}

ul.autocompleta li:hover{
background: #0000FF;
cursor:pointer;
}
.autocompleta_select{
	background: #0000FF;
}

.arbol
{
list-style:none;
background-color:#FFFFFF;
margin:0px;
padding:0px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #000000;
overflow:auto;
}
.arbol li
{
height:18px;
white-space:nowrap;
}
.arbol img
{
width:16px;
height:18px;
}
.arbol span
{
width:16px;
height:18px;
display:inline-block;
}
.cabeza
{
background-image:url(../imagenes/menutop/header.jpg);
background-repeat:no-repeat;
width:100%;
height:36px;
}
.listaDefinible
{
/*overflow:auto;*/
}

.input_sin
{
border-width:0 !important;
background:transparent;
}
.input_titulo
{
border-width:0 !important;
background:transparent;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;
text-align:center;
}
.factura_totales
{
background:#EEF3F7;
position:absolute;
width:100px;
height:100px;
}
.factura_totales_cabeza
{
background:#CDE0EB;
position:absolute;
text-align:center;
font-weight:bold;
}

.tabulador
{
background:#C6D5D5;
border-left: 1px solid threedhighlight; 
border-top: 1px solid threedhighlight; 
border-right: 1px solid threedshadow; 
border-bottom: 1px solid threedshadow;
}

.tabulador div
{
margin:2px;
}


div.progreso
{
margin:1px !important;
width:102px;
height:10px;
border:1px solid #000000;
}
.progreso_interno
{
margin:1px !important;
background:#3333FF;
width:0px;height:8px
}

div.cargando
{
display:inline;
position:absolute;
left:0px;
top:0px;
background:#FFFF00;
width:auto;
height:auto;
}

ul.menu
{
width:100%;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #808080;
background-Color:#EFEFEF;
line-height: 20px;
font-family: Verdana;
font-weight:bold;
font-size: 8pt;
color: #333333;
text-decoration: none;
cursor:pointer;
list-style:none;
margin:0px;
padding-left:5px;
}

li.menu
{
display:inline;
padding-left:3px;
padding-right:3px;
cursor:pointer;
}
ul.submenu
{
border: 1px solid #000000;
background-Color:#ffffff;
font-family: verdana; font-size: 8pt; color: #333333; text-decoration: none;
list-style:none;
margin:0px;
padding:0px;
}

li.submenu
{
cursor:pointer;
}

.imagenMenu
{
vertical-align:middle;
text-align:center;
width:22px;
height:20px;
background-color:#C6CBCE;
}

.separadorMenu
{
clip:rect(0px auto 1px 0px);
overflow:hidden;
background-color:#C6CBCE;
margin:0px;
padding:0px;
height:1px;
}
ul.botones
{
list-style:none;
background-color:#DDDDDD;
width:130px;
height:100%;
margin:0px;
padding:0px;
padding-top:10px;
padding-bottom:10px;
border-top: 1px solid #F5F5F5; border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #000000;
display:inline-block;
}

li.botonesPar
{
height:24px;
background-repeat:no-repeat;
background-position:center center;
border-top: 1px solid #F5F5F5; border-bottom: 1px solid #C0C0C0;
cursor:pointer;
}

li.botonesImpar
{
height:24px;
background-repeat:no-repeat;
background-position:center center;
border-top: 1px solid #F5F5F5; border-bottom: 1px solid #C0C0C0;
background-color:#EEEEEE;
cursor:pointer;
}

li.botonesSeparador
{
height:24px;
background-repeat:no-repeat;
background-position:center center;
border-top: 1px solid #F5F5F5; border-bottom: 1px solid #C0C0C0;
background-color:#AB0F10;
}

.window
{
position:absolute;
border:1px solid #000000;
overflow:hidden;
/*margin-left:1px;*/
width:100%;
/*height:100%;*/
top: 0px;
bottom:0px;
}

.windowIcono
{
/*position:relative;
top:-15px;
left:0px;
float:left;*/
width:22px;
height:15px;
background-image:url(../../../imagenes/localizarmini.gif);
background-position:center;
background-repeat:no-repeat;
}
.windowTexto
{
position:absolute;
left:20px;
right:17px;
top:0px;
}
.windowBarra
{
/*border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
width:100%;
height:15px;
text-align:center;*/
background-color:#336699;
color:#FFFFFF;
position:absolute;
width:100%;
}

.windowBoton
{
/*position:relative;
top:-15px;
float:right;*/
width:16px;
_width:17px;
height:15px;
_height:16px;
position:absolute;
right:0px;
top:0px;
background-image:url(../../../imagenes/cerrarmini.gif);
background-position: 0px 0px;
_background-position: 0px 1px;
background-repeat:no-repeat;
cursor:pointer;
/*border-right:1px solid #FFFFFF;*/
}

.windowContenido
{
width:100%;
position:absolute;
top:15px;
bottom: 0px;
background:#FFFFFF;
/*position:relative;
/*_left:-23px;*/
/*top:-16px;
float:left;*/
}


.tabSelec
{
background:#eceff0;
}
	
.tabulador span
{
color:#3300FF;
text-decoration:underline;
font-weight:bold;
padding-left:2px;
padding-right:2px;
cursor:pointer;
}

.tablado
{
background:#eceff0;
}

nav.tabu
{
padding-left:2px;
padding-right:2px;
cursor:pointer;
display: table;
background:#C6D5D5;
border-left: 1px solid threedhighlight; 
border-top: 1px solid threedhighlight; 
border-right: 1px solid threedshadow; 
border-bottom: 1px solid threedshadow;
}

.tabu header
{
display:table-row;
height: 1%;
}

.tabu section
{
background: #eceff0;
display: table-row;
height: 100%;
overflow: hidden;
}

.tabu header span
{
padding-left:2px;
padding-right:2px;
text-decoration:underline;
color:#3300FF;
font-weight:bold;
}

.tabla
{
width:100%;
height:100%;
overflow:auto;
}

.tabla table
{
background-color:#808080;
border-collapse: collapse;
margin: 0;
padding: 0;
border:1px solid #808080;
_border:0;
width:100%;
height:auto;
table-layout:fixed;
}

.tabla tbody
{
/*height:100%;
overflow-y:auto;
overflow-x:hidden;*/
}

.tabla thead th
{
background-color:#CED5DF;
border:1px solid #808080;
padding: 4px;
}

.tabla tr
{
/*background-color:#ECF9FF;*/
cursor:pointer;
}

.tabla td
{
border:1px solid #808080;
padding:3px;
overflow:hidden;
}

.tabla tfoot td
{
text-align:center;
background-color:#FFFFFF;
height:20px;
}

.tablaPar
{
background-color:#F4F4F4;
}

.tablaImpar
{
background-color:#ECF9FF;
}

.tablaUpDown{   
	position: absolute;
    right: 0px;
    top: 0px;
}
.contexto
{
border:0px;
width:100%;
height:100%;
/*height:100%;*/
}

.divContexto
{
position:absolute;
top:0px;
/*margin-left:130px;*/
left:130px;
/*height:100%;*/
right: 0px;
bottom: 0px;
/*border:1px solid #000000;*/
border-left: 1px solid #000000;
background-image: url(../../../modulos/factura/imagenes/portadaclaro.jpg);
}
/*.divContexto*/ input
{
font-family: Verdana; font-weight:normal; font-size: 8pt; color: #000000; border: 1px solid #000000;
}
/*.divContexto*/ select
{
font-family: Verdana; font-weight:normal; font-size: 8pt; color: #000000; border: 1px solid #000000;
}

/*.divContexto*/ textarea
{
font-family: Verdana; font-weight:normal; font-size: 8pt; color: #000000; border: 1px solid #000000;
}
.formulario
{
_filter:alpha(opacity='80');
opacity:0.8;
border-left: 1px solid threedhighlight; 
border-top: 1px solid threedhighlight; 
border-right: 1px solid threedshadow; 
border-bottom: 1px solid threedshadow;
background:#eceff0;
}

.formulario2
{
display: table;
border-collapse: separate;
border-left: 1px solid threedhighlight; 
border-top: 1px solid threedhighlight; 
border-right: 1px solid threedshadow; 
border-bottom: 1px solid threedshadow;
background:#C6D5D5;
border-spacing: 2px;
}

.seccion2
{
display: table-row;
_filter:alpha(opacity='80');
opacity:0.8;
background:#eceff0;
height:1%;
}

.seccion2_completo
{
display: table-row;
_filter:alpha(opacity='80');
opacity:0.8;
background:#eceff0;
height:100%;
}

.seccion
{
_filter:alpha(opacity='80');
opacity:0.8;
background:#eceff0;
}

/*.divContexto div div
{
border:0px;
}*/

.formManager
{
position:absolute;
right:0px;
top:0px;
}
.formManager input
{
font-family: Verdana; font-weight:normal; font-size: 8pt; color: #000000; border: 1px solid #000000;
}

h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px}
a.menulateral:hover {  font-family: Verdana; font-size: 8pt; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #FF9933; width: 100%; line-height: 30px; height: 25px}

a.menulateral {  font-family: Verdana; font-size: 8pt; font-style: normal; line-height: 30px; font-weight: bold; color: #FFFFFF; text-decoration: none; height: 25px; width: 100%; background-color: #3979BD}

a.menuselect {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 30px; font-weight: bold; font-variant: small-caps; color: #FFFFFF; text-decoration: none; background-color: #FF9933; height: 30px; width: 100%}

body {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
body {
	background-image: url(../../../modulos/factura/imagenes/portadaclaro.jpg);
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
.fila16 {  line-height: 16px; height: 16px}

.fila5 {  line-height: 5px; height: 5px}

a.barranav {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #003C64; text-decoration: none}

a.barranav:hover {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #006E9B; text-decoration: underline}

table.barranav {  background-color: #999999; width: 100%; height: 16px}

td.barranav {  background-color: #E6E6E6; line-height: 16px; height: 16px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; text-align: left; text-indent: 5px; vertical-align: middle; width: 100%}

td.pie {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: normal; color: #000000; text-decoration: none; text-align: center; height: 14px; vertical-align: middle}

a.pie {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #003C64; text-decoration: none}

a.pie:hover { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #006E9B; text-decoration: underline}

.fila1 { line-height: 1px; height: 1px}

a.familia {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; line-height: 20px; width: 100%; height: 20px; letter-spacing: 2px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 6px; color: #000000}

a.familia:hover { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: underline; line-height: 20px; width: 100%; height: 20px; border: 2px #000000 solid; background-color: #666666; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 4px}
td.familia {  line-height: 22px; vertical-align: middle; height: 22px}

.barraprod {_Scrollbar-Highlight-Color: #A0BEDC; _Scrollbar-3Dlight-Color:#006E9B; _scrollbar-arrow-color: #FFFFFF; _scrollbar-face-color:#006E9B; _scrollbar-track-color:#A0BEDC;}

a.imgfamilia:hover { height: 64px; width: 104px; left: 2px; top: 2px; border: 2px #666666 solid}
a.imgfamilia { background-color: #FFFFFF; border: 2px #FFFFFF solid; height: 64px; width: 104px; left: 2px; top: 2px}
a.oplateral {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #003C64; text-decoration: none; letter-spacing: 1px}
a.oplateral:hover { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FF9933; text-decoration: none; letter-spacing: 1px}
p.texto10justificado {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify}
a.imgsubf { background-color: #FFFFFF; border: 2px #FFFFFF solid; height: 74px; width: 254px; left: 2px; top: 2px }
a.imgsubf:hover { height: 74px; width: 254px; left: 2px; top: 2px; border: 2px #666666 solid}
a.refarticulo {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 16px; font-weight: bold; text-decoration: none; height: 16px; width: 100%; color: #000000; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px}
a.refarticulo:hover { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 16px; font-weight: bold; text-decoration: underline; height: 16px; width: 100%; color: #000000; background-color: #E1E1E1; border: 2px #E1E1E1 solid; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
td.marco {  }
a.imgmarco {  line-height: 100%; margin-top: 3px; margin-bottom: 3px}
a.imgmarco:hover { border: 2px #666666 solid; width: 100%; line-height: 100%; margin-top: 0px; margin-bottom: 0px; padding-top: 3px; padding-bottom: 3px}
p.texto12justificado { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify ; line-height: 16px}
.fila2 {
line-height: 2px; height: 2px
}
td.noticiafamilia {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FF0000; text-decoration: none; text-align: center; vertical-align: middle
}
td.tittabla {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006E9B;
	/*background-image:  url(file:///D|/Documents%20and%20Settings/Osiris/Configuraci%F3n%20local/Archivos%20temporales%20de%20Internet/Imagenes/Web/Fondo_tabla1.gif);*/
	background-repeat: repeat;
	background-color: #B8D9EB;

}
p.naranja {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #FF9933;
}
a.correoe:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006e9b;
	text-decoration: underline;
}
a.correoe {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;

}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style2 {
	font-size: 10px;
	font-weight: bold;
}
.style3 {font-size: 10px}

body.general,td.general,th.general
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #333333;
}

.tabla_completa
{
_filter:alpha(opacity='80');
opacity:0.8;
border-left: 1px solid threedhighlight; 
border-top: 1px solid threedhighlight; 
border-right: 1px solid threedshadow; 
border-bottom: 1px solid threedshadow;
}

.tabla_arriba
{
_filter:alpha(opacity='80');
opacity:0.8;
border-left: 1px solid threedhighlight; 
border-top: 1px solid threedhighlight; 
border-right: 1px solid threedshadow; 
}

.tabla_debajo
{
_filter:alpha(opacity='80');
opacity:0.8;
border-left: 1px solid threedhighlight; 
border-right: 1px solid threedshadow; 
border-bottom: 1px solid threedshadow;
}

.tabla_media
{
_filter:alpha(opacity='80');
opacity:0.8;
border-left: 1px solid threedhighlight; 
border-right: 1px solid threedshadow; 
}
.entrada
{
font-family: Verdana; font-weight:normal; font-size: 8pt; color: #000000; border: 1px solid #000000;
}

.ventana { z-index:1; position:absolute; width:500px; height:auto; background:#FFFFFF; border:1px solid #000000; padding:0px; margin:0px; font-size:9px; font-family:verdana;}
.ventana_barra { float:left; clear:both; background:#336699; width:auto; height:auto}
.ventana_titulo{ width:auto; margin-left: auto; margin-right: auto; height:auto; color:#ffffff; text-align:center; font-weight:bold; cursor:pointer;}
.ventana_cerrar{ float:right; cursor:pointer; background-image:url(../../../imagenes/cerrarmini.gif); width:16; height:14; background-repeat:no-repeat}

.subrayado
{
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}

.boton_grafico
{
cursor:pointer;
margin-right:10px;
font-size:14px;
font-weight: bold;
border-left:2px solid threedhighlight;
border-top:2px solid threedhighlight;
border-right:2px solid threedshadow;
border-bottom:2px solid threedshadow;
}
.boton_grafico img {vertical-align:middle}
.boton_grafico:active
{
border-left:2px solid threedshadow;
border-top:2px solid threedshadow;
border-right:2px solid threedhighlight;
border-bottom:2px solid threedhighlight
}

.ComboBoton input{
display: block;
}

.microfono input[type="checkbox"] {
    display: none;
}
.microfono input[type="checkbox"]::after {    
    background: url('/imagenes/agenda/microfono.png') no-repeat;
    height:17px;
    padding-left: 18px;
}
.microfono input[type="checkbox"]:checked::after {
    background: url('/imagenes/agenda/microfono.png')  no-repeat;
    height:17px;
}

.Grafo{
	border: 1px solid #000;
}
.Grafo > div:first-child{
	position:absolute;
	background:#F6F6F6;
	left:0px;
	top:0px;
	bottom:0px;
	width:38px;
}
.Grafo > div:last-child{
	position:absolute;
	background:#fff;
	top:0px;
	left:38px;
	right:0px;
	bottom:0px;
	overflow:scroll;
}

.Grafo div:first-child > img {
	border-radius: 2px;
	box-shadow: 0 0 1px;
	border: 1px solid #eee;
}

.Grafo div:first-child > img:hover {
	box-shadow: 0 0 0px;
}

.Grafo div:first-child > img:active {
	box-shadow: 0 0 -1px;
}

.Grafo > div >ul {
	position:absolute;
	list-style-type: none;
    padding: 0px;
    margin: 0px;
    z-index: 20000;
	border: 1px solid #000;
	height: 100px;
	overflow: auto;
	background: #fff;
}

.Grafo > div >ul > li:not(:last-child){
	border-bottom:1px solid #000;
}

.Grafo > div >ul > li:nth-child(2n+1){
	background:#EEE;
}

.GrafoSinonimos {
	border: 1px solid #000;
	z-index: 3000;
	background: #fff;
	width:800px;
}
.GrafoSinonimos > header {
	height: 18px;
	text-align: center;
	background: #00f;
	color: #fff;
}
.GrafoSinonimos > header > button {
	position:absolute;
	right:0px;
	width:15px;
	height:15px;
	font-size:8px;
	padding:0px;
}
.GrafoSinonimos > section > select,.GrafoSinonimos > section > ui-select-pag {
	width:96%;
	float:left;
}

.GrafoSinonimos > section > select[multiple],.GrafoSinonimos > section > ui-select-pag {
	height:100px;
}

.GrafoSinonimos > section > input{
	width:96%;
	float:left;
}

.GrafoSinonimos > section > textarea{
	width:96%;
	height:100px;
	float: left
}
.GrafoSinonimos > section > button {
	float:right;
}

.GrafoNodoVariable {
	border: 1px solid #000;
	cursor:all-scroll;
	background:#fff;
	padding: 2px;
	padding-left: 12px;
}
.GrafoNodoVariable > button {
	width:15px;
	height:15px;
	font-size:8px;
}

.GrafoSNodo{
	border: 1px solid #000;
	cursor:all-scroll;
	background:#fff;	
}
.GrafoSNodo > header {
	height:18px;
}

.GrafoSNodo > header >input {
	position:absolute;
	text-align: center;
	display:block;
	border:0px;
	border-bottom: 1px solid #000;
	margin: 0px;
	margin-right:18px;
	width: 100%;
}

.GrafoSNodo > header >button {
	position:absolute;
	right:0px;
	width:15px;
	height:15px;
	font-size:8px;
	padding:0px;
}
.GrafoSNodo > nav > button {
	width:15px;
	height:15px;
	font-size:8px;
	padding:0px;
}
.GrafoSNodo > section > input {
	display:block;
	width:100%;
}
.GrafoNodo{
	border: 1px solid #000;
	cursor:all-scroll;
	background:#fff;
}

.GrafoNodo > header {
	height:18px;
}

.GrafoNodo > header >input {
	position:absolute;
	text-align: center;
	display:block;
	border:0px;
	border-bottom: 1px solid #000;
	margin: 0px;
	margin-right:18px;
	width: 100%;
}

.GrafoNodo > header >button {
	position:absolute;
	right:0px;
	width:15px;
	height:15px;
	font-size:8px;
	padding:0px;
}

.GrafoNodo:hover > div{
	display:block;
}
.GrafoNodo > div{
	position:absolute;
	border-radius: 4px;
	width:4px;
	height:4px;
	border: 1px solid #000;
	background: #000;
	display:none;
}

.GrafoNodo > span {
	position:absolute;
	width:4px;
	height:4px;
	display:block;
}

.GrafoNodo > div:hover{
	background: #fcc;
}

.GrafoNodo > div:nth-child(1){
	left:-3px;
	top:-3px;
}
.GrafoNodo > div:nth-child(1):hover{
	cursor:nw-resize;
}

.GrafoNodo > div:nth-child(2){
	right:-3px;
	top:-3px;
}
.GrafoNodo > div:nth-child(2):hover{
	cursor:ne-resize;
}
.GrafoNodo > div:nth-child(3){
	left:-3px;
	bottom:-3px;
}
.GrafoNodo > div:nth-child(3):hover{
	cursor:ne-resize;
}
.GrafoNodo > div:nth-child(4){
	right:-3px;
	bottom:-3px;
}
.GrafoNodo > div:nth-child(4):hover{
	cursor:nw-resize;
}
.GrafoNodo > div:nth-child(5){
	top:-3px;
	left:0px;
	right:0px;
	margin: 0 auto;
}
.GrafoNodo > div:nth-child(5):hover{
	cursor:n-resize;
}
.GrafoNodo > div:nth-child(6){
	bottom:-3px;
	left:0px;
	right:0px;
	margin: 0 auto;
}
.GrafoNodo > div:nth-child(6):hover{
	cursor:n-resize;
}
.GrafoNodo > div:nth-child(7){
	left:-3px;
	top:0px;
	bottom:0px;
	margin: auto auto;
}
.GrafoNodo > div:nth-child(7):hover{
	cursor:e-resize;
}
.GrafoNodo > div:nth-child(8){
	right:-3px;
	top:0px;
	bottom:0px;
	margin: auto auto;
}
.GrafoNodo > div:nth-child(8):hover{
	cursor:e-resize;
}

.GrafoNodo > span:nth-child(9){
	top:-3px;
	left:0px;
	right:0px;
	margin: 0 auto;
}

.GrafoNodo > span:nth-child(10){
	bottom:5px;
	left:0px;
	right:0px;
	margin: 0 auto;
}

.GrafoNodo > article{
	height:18px;
}
.GrafoNodo > article > img{
	position:absolute;
}
.GrafoNodo > article > input{
	position:absolute;
	margin-left:16px;
	margin-right:0px;
	width:-moz-available;
	width:-webkit-fill-available;	
}

.GrafoNodo > section:last-child{
	margin-bottom:7px;
}

.GrafoNodo > section > select {
	width:100%;
}

.GrafoNodo > section > label > input, .GrafoNodo > section > label > select{
	width:100%;
}

.GrafoNodo > section >section{
	height:18px;
}
.GrafoNodo > section >section > div{
	position:absolute;
	background:#000;
	margin-top:7px;
	width:6px;
	height:6px;
	border-radius: 2px;
}

.GrafoNodo > section >section > div:first-child{
	left:0px;
}
.GrafoNodo > section >section > div:last-child{
	right:0px;	
}

.grafoNodo > section >section > input[type="checkbox"]{
	position:absolute;
	margin-left:7px;
	margin-top: 5px;
}

.grafoFocus{
	border: 3px solid #0f0;
}

.GrafoNodo > section >section > input:not([type="checkbox"]){
	position:absolute;
	margin-left:20px;
	margin-right:36px;
	width:-moz-available;
	width:-webkit-fill-available;
	margin-top: 3px;
	height:17px;
}
.GrafoNodo > section >section > button[name="ver"] {
	position:absolute;
	right:22px;
	width:15px;
	height:15px;
	font-size:8px;
	padding:0px;
	margin-top: 2px;
}

.GrafoNodo > section >section > button[name="arriba"], .GrafoSnodoExpansion > header > button[name="arriba"]{
	position:absolute;
	right:6px;
	width:15px;
	height:7px;
	font-size:3px;
	padding:0px;
	margin-top: 2px;
}

.GrafoNodo > section >section > button[name="debajo"], .GrafoSnodoExpansion > header > button[name="debajo"] {
	position:absolute;
	right:6px;
	width:15px;
	height:7px;
	font-size:3px;
	padding:0px;
	margin-top: 10px;
}
.GrafoSnodoExpansion > header > button[name="cerrar"] {
	position:absolute;
	right:6px;
	width:15px;
	height:15px;
	font-size:8px;
	padding:0px;
	margin-right:16px;
	margin-top:2px;
}

.GrafoNodo > button{
	width:100%;
}

.GrafoSnodoExpansion {
	padding-top: 3px;
}
.GrafoSnodoExpansion > header {
	text-align:center;
	height:18px;
	border:1px solid #000;
	padding-right: 35px;
}
.GrafoSnodoExpansion > input {
	width:100%;
}

.icono {
	display:inline-block;
	width:16px;
	height:16px;
	background: #fff;
	position:relative;
	top:2px;
	margin-left:2px;
}
.tecladoTelefono{
	position:absolute;
	top:0px;
	left:0px;
	width:134px;
	height:285px;
}
.tecladoTelefono input{
	width:100%;
	height:100%;
}

.tablaTelefono {
	position: absolute;
    left: 134px;
    right: 5px;
    top: 5px;
    bottom: 0px;
    width: auto;
    height:48%;
}
.tablaTelefono table {
	table-layout: auto
}
.tablaTelefono:last-child{
	height:auto;
}

.contenidoRing > img{
	float:left;
}
.contenidoRing > label,.contenidoRing > input{
	float:right;
}

.salaTelefono {
	position: absolute;
    left: 134px;
    right: 5px;
    bottom: 5px;
    width: auto;
    height: 48%;
}
.circulo{
	width:22px;
	height:22px;
	background:#ff0;
	display:inline-block;
	border-radius: 11px;
	text-align: center;
    font-weight: bold;
    font-size: 15px;
}

ui-grafo{
display:flex;
position:absolute;
left:8px;
right:8px;
top:8px;
bottom:8px;
border:1px solid #000;
}

ui-grafo-salida{
	display:flex;
	position:absolute;
	background: #3E7E9C;
    height: 15px;
}

ui-grafo-nodo,ui-grafo-nodo-base,ui-grafo-cajain,ui-grafo-vsnodo{
position:absolute;
cursor:all-scroll;
background:#fff;
border: 1px solid #ccc;
margin:0px;
width: 135px;
height: auto;
font-family: 'Droid Sans';
font-size: 11px;
background:#cbeae1;
}

ui-grafo-nodo-if{
	border: 2px solid #ccc;
	display:block;
}

ui-grafo-frase,ui-grafo-caja-list,ui-grafo-caja-compara,ui-grafo-caja-control-acceso,ui-grafo-caja-fecha{
	display:flex;
	color:#434343;
	border:0px;
	height:15px;
}

ui-grafo-snodo-salida{
	display:flex;
	height:15px;
}

.grafoSele:before,.grafoSele::-webkit-input-placeholder:before{
    content: '';
    width:0;
    height:0;
    position:absolute;
    left:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #8CBEF0;
}
.grafoSele:after{
    content: '';
    width:0;
    height:0;
    position:absolute;
    right:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:5px solid #8CBEF0;
}

form form:not([is=ui-formulario]){
	border:1px solid #777;
	margin-bottom:0px;
}

form > form > input[type=text]{
	flex:1;
	background:0000;
	font-family: 'Droid Sans';
	font-size: 11px;
	min-width:5px;
    color:#434343;
    border:0px;
}

ui-ventana{
	border: 1px solid #000;
	background: #fff;
}

table[is=ui-tabla]{
	background-color: #808080;
	border-collapse: collapse;
    border: 1px solid #808080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

table[is=ui-tabla] > tbody{
    width: 200px;
 	height: 400px;
 	overflow: auto;
}

table[is=ui-tabla] > thead > tr, table[is=ui-tabla] > tbody{
	display:block;
}

table[is=ui-tabla] tr > *{
	border: 1px solid #808080;
	padding: 3px;
	width:60px;
}
table[is=ui-tabla] th{
	background-color: #CED5DF;
    padding: 3px;
}
table[is=ui-tabla] tr{
	background: #F4F4F4;
}
table[is=ui-tabla] tr:nth-child(even){
	background:#ECF9FF;

}
table[is=ui-tabla] td:nth-child(1),table[is=ui-tabla] th:nth-child(1){
width:20px;
}

ui-tabla2{
	border-collapse: collapse;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    width:auto;
    height:200px;
    display:inline-flex;
    flex-direction:column;
    border:1px solid #808080;
   	
}

ui-tabla2 > div > div{
	display:flex;
	background-color: #808080;
}

ui-tabla2 span{
	background-color: #F4F4F4;
    padding: 3px;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    display: inline-block;
    overflow: hidden;
}

ui-tabla2 > div:first-child > div > span{
	background-color: #CED5DF;
}

ui-tabla2 > div:last-child{
	overflow-y:scroll
}

ui-tabla2 > div:last-child > div:hover > span{
	background-color:rgb(171,198,168);
	cursor:pointer;
}

ui-tabla2 span:nth-child(1){
	width:25px;
}
ui-tabla2 span:nth-child(2){
	width:250px;
}

ui-ventana{
position:absolute;
}

.dropOver {
  border: 2px dashed #000 !important;
  margin:-2px;
}
.grafoSele {
    border: 1px solid blue;
}

ui-grafo-quepelotazo{
display:flex;
position:absolute;
left:8px;
right:8px;
top:8px;
bottom:8px;
border:1px solid #000;
}

ui-grafo-nodo-quepelotazo{
position:absolute;
cursor:all-scroll;
background:#fff;
border: 1px solid #ccc;
margin:0px;
width: 135px;
height: auto;
font-family: 'Droid Sans';
font-size: 11px;
background:#cbeae1;
}

ui-textarea-resize,ui-grafo-text-quepelotazo{
	display: block;
	width:100%;
	background: #fff;
	border: 1px solid #000;
	box-sizing: border-box;
}
ui-grafo-input-quepelotazo,ui-grafo-check-quepelotazo,ui-grafo-arrow-quepelotazo,ui-grafo-text-quepelotazo,ui-grafo-if-quepelotazo,ui-grafo-fin-quepelotazo{
    display: block;
    border: 1px dashed;
    border-radius: 5px;
}

@keyframes mcopiado
{
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  70% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
  }
}
.copiado::after {
  position: fixed;
  display: block;
  content: "Copiado";
  font-size: 0.75em;
  padding: 2px 3px;
  color: #fff;
  background-color: #22a;
  border-radius: 3px;
  opacity: 0;
  will-change: opacity, transform;
  animation: mcopiado 1.5s ease;
}

.videoscam{
	float:left;
}

.videoscam > div:first-child{
	background-color: #00f;
	text-align: center;
	color: #fff;
    font-weight: bold;
}

.videoplayer{
	position:relative;
}

.videoplayer > div:first-child{
	position:absolute;
	top: 0px;
	bottom:17px;
	left:0px;
	right:0px;
}

.videoplayer > div >video{
	width:100%;
	height:100%;
}
.videoplayer > div:last-child{
	position: absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:17px;
	text-align: center;
}