body {
   user-select: none;
   overflow:hidden; 
   font-weight: bold;
   height: 100%;
   width:100%; 
}


#cmds div, 
#paginas div,
 #arts div {
   overflow: hidden; 
}

section.panel {
    background-color:#014;
    height: 920px;
    position:absolute;
    left: 1800px; 
    top: 0px;      
}

div.LINEA {
  overflow: auto !important;
  width: 100% !important;
}

div.main_container {
    padding:0px;
    margin:0px;
}

div.main_container * {
    padding:0px;
    margin:0px;
}

img.top_logo {
    width:100px; 
    margin-left: 10px !important;
}

ul.cur_user {
   font-size: 12px;
   width:300px;
}

div.inter {
    clear:both;
} 

div.inter_entrada {
    margin:10px 2px 0px 30px  !important;
    height:100%;
    width:60%;
    float:left; 
}

div.inter_entrada_corta {
    margin:10px 2px 0px 30px  !important;
    height:100%;
    width:30%;
    float:left; 
}

#buscar_texto {
   color:white;
   font-size:1.6em;
   background-color:black; 
   opacity: 0.8;
}

#arts form {
   height:50px;
   overflow: hidden; 
   padding:0px;
   margin:0px; 
}

#arts form input {
    margin:0px 0px 0px 40px; 
    width:90%;
    border-color:#300;
}

div.inter_entrada_larga {
    margin:10px;
    height:100%;
    width:100%;
    float:left; 
}

div.inter_entrada_maxima {
    margin:10px;
    height:100%;
    width:100%;
    float:left; 
}

div.inter_entrada_maxima textarea {
   width: 100%; 
}

li.to_item {
 width: 400px;
} 

li.top_items p {
   float: left; 
   margin: 4px;  
}

div.superior * {
    margin: 0px;
}

div.superior {
    width: 1280px;
    padding:0px;
    height:10px;
    color: white;
    background-color: blue; 
    overflow: hidden; 
}

section.principal {
    width:1280px; 
    background-color:black;
    height: 920px;
    padding:0px; 
    margin:0px;
    overflow:hidden;
    position:relative; 
} 



section.tpvnormal {
    width:1200px; 
    background-color: blue;
    margin:0px;
    overflow:hidden;
}

div.paginas {
   width: 100%;
   height: 11%;
   padding-top: 6px;
   background-color:blueviolet; 
   border: 1px solid black; 
}

div.centro {
    width:  100%;
    height: 80%; 
    background-color:aqua; 
    border-bottom: 1px solid black; 
    border-left:1px solid black;
    border-right:1px solid black;
} 

div.doc_holder {
    width:  34%;
    height: 100%;
    background-color: #FFFECC; 
    float:left;
    padding:0px;
    border-right:1px solid black;
}

div.doc_head {
  height: 94px; 
  overflow: hidden;  
}

div.interna {
    float: left; 
     width:66%;
     height:100%;
     position: relative; 
     background-color: #404040; 
     overflow:hidden; 
}

div.items {
  background-color:orange; 
  width:100%;
  height:100%;
} 

div.status{
  background-color:#323;  
  width:100%;
  height:10%;
  padding:0px; 
  border-top: 1px solid black;
}

div.comandos {
    width:100%;
    position: relative; 
    height: 10%; 
    border-right:1px solid black;
    border-left:1px solid black;
    border-bottom:1px solid black;
    padding:8px 4px 4px 12px;
} 

div.comandos  {
   width:100%;
   height:100%;
   padding:0px;
   margin:0px;  
} 

div.doc {
  width :100%;
  height:90%;
  background-color: white;
  border:none;
}

body {
   padding:0px;
   margin:0px;  
   font-size: 1.2em; 
}

div.imagen, 
div.articulo,
div.comando {
    margin-left:6px; 
    border-radius: 10px;
    border:1px solid #444;
    height: 94%;
    color:white;
    text-shadow:2px 2px 3px black; 
    width:10.6%;
    float:left;
    display: flex;
    justify-content: center; 
    align-items: center;
    position:relative; 
}

div.articulo p.doc_sel {
  background-color: rgba(0, 0, 20 , 0.2);
  width:  100%; 
  height: 100%; 
  border-radius: 3px;
  position:absolute; 
  left:0px;
  top:0px; 
  pointer-events: none; 
  z-index: 100;
} 

div.comando span.TARIFA {
  position: absolute;
  right: 10px;
  bottom: 2px; 
  font-size: 0.8em;
  color: #006;  
}

div.splitter, 
p.text_line {
  pointer-events: none;
}


div.paginas div.comando {
    margin-top: 4px;  
}

div.ROJO {
   background-color:#300;
   color:white;
}


div.NEGRO span.mesa_importe ,
div.ROJO2 span.mesa_importe {
   color:white !important;
}


div.ROJO2 span.mesa_stat,
div.NEGRO span.mesa_stat {
   color: #888888; 
}


div.ROJO2 span.mesa_tari,
div.NEGRO span.mesa_tari {
   color:silver !important;
}

div.status_msg {
  height:100%;
  background-color:#444;
  color:white;
  padding-left: 10px; 
}

table.arts {
     margin-left: 20px;
     width: 100%;
}

tr.sel {
   background-color:#223;
   color:white; 
}

td.uuid {
  width:20%;  
  font-size:12px;
}
td.cat {
   width:6%;
}

td.data_cat {
   width:20%;
  color:#222;  
}

td.nom {
   width:20%;
}

td.id {
   width:5%;
   padding-left:5px;
}

p.mini_boton{
    padding: 3px 10px 3px 10px; 
    max-width: 200px;
    border-radius:4px; 
    font-size:14px;
    text-shadow: 1px 1px 2px black;
    background-color:red;
    color:white;
    display: flex;
    justify-content: center; 
    align-items: center;
}

div.paginator div.normal {
 background-color: black;
}

div.paginator div.fle {
 background-color:#500;
 color:white;
}

div.paginator div.cursor {
 background-color:#FF0000;
}

div.paginator {
   display: block;
   width:100%;
   padding:2px; 
   clear:both; 
   height:46px;
   background-color:#666; 
}

div.paginator div {
    margin-left: 1px; 
    font-size: 1em;
    color: white; 
    padding: 4px 4px 4px 8px;
    border:2px solid black;
    width: 30px;
}

table.arts td {
height: 30px;
display:fixed;
overflow: hidden;
max-height:30px; 
}

p.selscount {
float: right;
color:white;
font-size:1.4em;
margin:3px 10px 2px 4px;
}

div.arts_container {
    margin:0px;
    padding:0px; 
}

div.comandos {
    background-color:#444;
}

div #cmds {
  width:100%;
  height:98px; 
  padding:4px 4px 8px 2px; 
}
    
div #paginas {
  height:100px;
  overflow: hidden; 
}

#paginas,#comandos {
  font-size: 1.4em;  
}

div #arts {
    padding:4px;
    height:90%;
    position: relative; 
    overflow:hidden; 
}

div #arts div.SELEMP {
border-color: red; 
}

em.estado , em.calendario {
pointer-events: none; 
}

div #arts div , div.comando {
   position: relative; 
}

div #arts div span.mesa_stat {
   position:absolute;
   font-size:12px; 
   top: 4px;  
   left: 10px;
}

div #arts div span.art_prc ,
div #arts div span.art_prc_ni {
   position:absolute;
   font-size:1em;  
   left: 2px;
   padding: 2px; 
   background-color: #E0E0E0;
   border-radius: 2px; 
}


div #arts div span.art_prc {
   bottom: 30%;  
}   

div #arts div span.art_prc_ni {
   bottom: 4px;  
}   

div #arts div span.art_tipo {
   position:absolute; 
   font-size:0.8em; 
   color:#226; 
   top: 10px; 
   right: 6px;
}   

div #arts div span.art_parcial {
   position:absolute; 
   font-size:0.8em; 
   color:#222; 
   top: 26px;
   text-shadow: 0px 0px 2px white;  
   right: 6px;
}   

div #arts div span.empleado_entrada_false ,
div #arts div span.empleado_entrada_true {
   position:absolute; 
   font-size:1.2em; 
   bottom: 10px; 
   left: 20px; 
   text-shadow: 0px 0px 2px white;  
}   

div #arts div span.empleado_entrada_false {
 font-size: 1em;  
  color:black;  
}

div #arts div span.empleado_entrada_true {
 font-size: 2em; 
 color: blue;  
}


div #arts div span.mesa_tel {
   position:absolute;
   color: #0000E0;
   font-size: 14px;
   top: 26px;
   left: 10px;   
} 

div #arts div span.mesa_tari 
{
   position:absolute;
   color:#300; 
   font-size:12px; 
   bottom: 28px;  
   right: 10px;   
}    

div #arts div span.mesa_tdoc 
{
   position:absolute;
   color:#300; 
   font-size:8px; 
   bottom: 2px;  
   left: 4px;    
}    


div #arts div span.art_info {
   position:absolute;
   color:#300; 
   font-size:12px; 
   top: 16px;  
   right: 10px;   
}    

div #arts div span.mesa_importe {
   position:absolute;
   color:black;
   font-size:2em; 
   bottom: 2%;  
   right: 5%;
   text-shadow:0px 0px 1px black;  
}

div #arts div span.art_printer, 
div #arts div span.camarero_perfil, 
div #arts div span.art_nota {
    position:absolute;
    opacity:0.7; 
    font-size:0.8em; 
    top: 2px;  
    text-shadow:1px 1px 2px black;
    left: 10px;
 }

 div #arts div span.art_ayuda {
    position:absolute;
    opacity:0.7; 
    font-size:1.2em; 
    top: 2px;  
    color:blue;
    text-shadow:1px 1px 2px black;
    left: 10px;
 }



div #arts div span.printernota {
  position: absolute;
  right: 4px;
  top: 4px; 
  font-size:0.8em; 
}

div #arts div span.art_nom {
    position:absolute;
    opacity:0.7; 
    font-size:1em; 
    top: 6px;  
    text-shadow:1px 1px 2px black;
    right: 10px;
}

div #arts div span.texto_direc,
div #arts div span.operacion_printer,
div #arts div span.paginas_perfil,
div #arts div span.texto_nota {
   position:absolute;
   font-size:12px; 
   bottom: 10px;  
   left: 10px;
}

div #arts div em.estado {
    position: absolute;
    bottom: 10px;
    left: 20px; 
    font-size: 1.6em,   
} 

div #arts div em.calendario {
    position: absolute;
    bottom: 22px;
    left: 20px; 
    font-size: 1.2em,   
} 


div span.consumo {
   position:absolute;
   text-shadow: none;     
   color: white; 
   overflow: hidden; 
   background-color:#444;
   padding:2px 4px 2px 4px; 
}  

 div span.consumo ,
 div span.consumo_avisar {
   position:absolute;
   font-size:0.85em; 
   top: 0%;  
   width: 100%;
   right: 0px; 
   max-height: 24px;
   overflow: hidden; 
   z-index:4;
}
 div span.consumo_avisar {
   text-shadow: none;     
   background-color:red;  
   color: white; 
   padding:2px 4px 2px 4px; 
}  

div span.texto_existen {
position:absolute;
left: 4px; 
font-size:14px; 
bottom: 10px;  
} 

div #arts div span.texto_tel {
   position:absolute;
   font-size:16px; 
   top:  10px;  
   left: 10px;
}

div #arts div span.art_pos {
   position:absolute;
   font-size:12px; 
   top: 10px;  
   left: 80%;
}
 
div #arts div.paquete img {
  width: 100%;
  height: 100%;  
}
 
#arts div.pagina , 
#arts div.articulo,
 #arts div.comando {
   float:left;        
   display: flex;
   justify-content: center; 
   align-items: center;
   border:3px solid black;
   margin:2px;
   line-height: 1.2em;
   border-radius: 12px;
 }

div.editor div.recuadro {
  width: 100%;
  clear:both; 
  background-color:hsla(0,0%,  0%,.1); 
  height:130px;
  margin:0px;   
}

div.editor div.recuadro span {
 padding: 6px; 
 text-align: center;
}

div.editor p.editor_uuid {
  margin:0px;  
  font-size:14px; 
  color: #023;
  height: 16px; 
  padding:0px 0px 0px 10px; 
}

div.editor_fechas {
  background-color:#023;
  color:white; 
  height: 24px; 
  padding: 2px;
  width: 100%; 
}

div.editor_fechas p {
  margin:0px; 
  font-size: 15px; 
}

 div.comando div.spliter, 
 div.articulo div.spliter {
   border:none !important; 
   box-shadow: none !important;
   text-align: center;
   background-color: transparent !important;   
   height: fit-content !important; 
   z-index: 2;  
 }


 p.text_line ,
 div.spliter {
   pointer-events:none; 
 }


div.comando  div.spliter  p.text_line ,
div.pagina   div.spliter  p.text_line ,
div.articulo  div.spliter  p.text_line {
 clear:both; 
 margin:0px; 
 background-color: transparent !important; 
 text-align: center;  
 line-height: 1em !important;
 overflow: hidden; 
}

div.articulo  div.spliter  p.text_line {
 font-size: 1.3em;
} 

div.comando  div.spliter  p.text_line ,
div.pagina   div.spliter  p.text_line {
   font-size: 1.05em; 
}

#arts div.articulo  div.spliter  p.text_line ,
#panel div.articulo  div.spliter  p.text_line {
font-size: 1.6em im !important; 
}

div.mesa_vacia {
  box-shadow: none !important;  
  border:none !important;
}

#panel {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

div #cams div {
    height:100%; 
    box-shadow: 0px 0px 3px black;
}

div.AZUL div {
    background-color:#AAAAFF;
    color:white; 
}

div.AZUL {
    background-color:#223;
    color:white; 
}

div.AZUL2 {
    background-color:#223;
}

div.AZUL2 div {
    background-color: aqua; 
    color:black;  
}  

div.ROJO div {
     background-color:red;
}

div.METAL div {
    position: relative;
    outline: none;
    font: bold 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: center;
    color: hsla(0,0%,20%,1);
    text-shadow: hsla(0,0%,40%,.5) 0 -1px 0, hsla(0,0%,100%,.6) 0 2px 1px;
    background-color: hsl(0,0%,90%);
    box-shadow: inset hsla(0,0%,15%,  1) 0  0px 0px 4px, /* border */
      inset hsla(0,0%,15%, .8) 0 -1px 5px 4px, /* soft SD */
      inset hsla(0,0%,0%, .25) 0 -1px 0px 7px, /* bottom SD */
      inset hsla(0,0%,100%,.7) 0  2px 1px 7px, /* top HL */
      hsla(0,0%, 0%,.15) 0 -5px 6px 4px, /* outer SD */
      hsla(0,0%,100%,.5) 0  5px 6px 4px; /* outer HL */ 
    transition: color .2s;
  }

div.METAL {
    background-color:#AAA;
}


div.METAL2 div {
    border-radius: 5px; 
    position: relative;
    outline: none;
    font: bold 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: center;
    color: hsla(0,0%,20%,1);
    text-shadow: hsla(0,0%,40%,.5) 0 -1px 0, hsla(0,0%,100%,.6) 0 2px 1px;
    background-color: hsl(0,0%,90%);
   
    box-shadow: inset hsla(0,0%,5%,  1) 0  0px 0px 2px, /* border */
      inset hsla(0,0%,5%, .8) 0 -1px 2px 2px, /* soft SD */
      inset hsla(0,0%,0%, .25) 0 -1px 0px 2px, /* bottom SD */
      inset hsla(0,0%,50%,.7) 0  2px 1px 2px, /* top HL */
      hsla(0,0%, 0%,.15) 0 -5px 6px 4px, /* outer SD */
      hsla(0,0%,50%,.5) 0  5px 6px 4px; /* outer HL */ 
    transition: color .2s;
}

div.METAL2 {
    background-color:white;
}



div.ROSA {
   background-color:black;
   padding:6px;
   border-color:none; 
}

div.GRIS div {
background-color:#515151;
text-shadow:2px 2px 2px black;
color:yellow; 
}

div.GRIS div  .texto_nota{
color:white; 
}



div.GRIS {
background-color:black; 
padding:6px;   
} 

div.GRIS2 div {
background-color:#DDDDDD;
border:5px solid #555;
}

div.GRIS2 {
background-color:#999; 
padding:6px;  
color:white; 
} 

div.GRIS2 div div.nom_image, 
div.NEGRO div div.nom_image, 
div.NEGRO div {
background-color:black;
color: white; 
}


div.AZUL   p.text_line,
div.GRIS2  .mesanormal,    
div.GRIS2  p.text_line {
   color: black;
   text-shadow: 1px 1px 2px white;
}

div.interna div.ROSA  p.text_line{
 color: black; 
}

div.interna div.GRIS p.text_line , 
div.interna div.NEGRO .mesanormal , 
div.interna div.NEGRO  p.text_line{
   color: #FFED00; 
   text-shadow: none; 
}


div.GRAD1,
div.GRAD2, 
div.LINEAS,
div.CARBONO {
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
}



div.FIBRA {
background: 
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;
} 

 
div.LINEAS div {
    background-color:#515151;
    background-color: rgb(255, 255, 255);
    background-image: linear-gradient(transparent 50%, rgba(175, 236, 229, 0.5) 50%);
    background-size: 10px 10px;
}


div.PASTEL {
    background-color:#515151;
    background-color: rgb(255, 255, 255);
    background-image: linear-gradient(transparent 50%, rgba(175, 236, 229, 0.5) 50%);
    background-size: 10px 10px;
}

div.PASTEL div {
  background-color: beige;  
}


div.NEGRO  {
background-color:#333;
}

div.BLANCA div {
    border:3px solid #222;
    text-shadow:1px 1px rgba(255,255,255,0.4) ;
    color:black;  
    font-weight: bold ;
}

div.GRAD1 div ,
div.GRAD2 div {
    background-image: linear-gradient(0.25turn, rgb(160,210,210),rgb(255,255,255));
    border:3px solid #222;
    background-color: transparent;  
    text-shadow:3px 3px rgba(255,255,255,0.4) ;
    color:black;  
    font-weight: bold ;
}


div.GRAD2 div {
    background-image: linear-gradient(0.25turn, orange ,rgb(255,255,255));
}

div.CARBONO div {
    background-color:#808080;
    border:5px solid black; 
    text-shadow:1px 1px rgba(255,255,255,0.8) ;
    color:black;  
    font-weight: bold ;
    box-shadow: 2px 2px 2px black; 
}


div.FIBRA div {
    background-color: rgb(172, 238, 216); 
    border:5px solid black; 
    text-shadow:3px 3px rgba(255,255,255,0.4) ;
    color:black;  
    font-weight: bold ;
    box-shadow: 2px 2px 2px black; 
}


div.ROSA div {
    background-color:#FCC;
    border:3px solid #222;
    text-shadow:3px 3px rgba(255,255,255,0.4) ;
    color:black;  
    font-weight: bold ;
}

div.BLANCA div.CAMARERO  div.spliter p {
    color: white !important;  
    text-shadow:2px 2px 2px black; 
}

div.BLANCA div.CAMARERO  p.cam_color {
 border-color:black; 
}

 div.BLANCA {
     background-color:#AAA;  
     background-image: linear-gradient(0.25turn, rgb(210,210,210),rgb(255,255,255));
     padding:6px;   
 } 


div.interna div.BLANCA  p.text_line{
   color: black;
   text-shadow: 1px 1px 2px white;
}


 div.INKODE div {
    background-color:#800;
    box-shadow: 2px 2px 6px black;
    text-shadow:2px 2px white;
    color:black;
    }
    
 div.INKODE {
     background-color:#999; 
     padding:40px;   
 } 
 div.INKODE H1 {
   margin:30px; 
   color:#EEEEEE; 
   text-shadow: 2px 2px 2px black;
}

div.editor {
   padding:0px;  
   overflow-y: auto;
}

div.editor  #art-form_nom {
   font-size:1.5em;
}

div.editor * {
   margin:4px;  
}

p.menu_item {
   background-color: #BBB ;
   color:black;
   width:49%;
   float:left;
   margin:2px 4px 2px 4px;
   border: 1px solid black;
   padding:2px 10px 2px 30px;
   font-size:1.2em; 
}

#cams {
   height: 70px;  
}

#cams div {
margin:2px; 
overflow:hidden;
}

#cams.C5X1 div {
width: 80px;
font-size: 1em;
}


#cams p.cam_color {
   position:absolute;
   top:0px; 
   left:0px; 
   padding: 10px 2px 2px;
   width: 101%;
   height:100px;
   font-size:1em;
   border-radius:2px; 
   text-align: center;
   pointer-events: none; 
}

div.doc_maker h2 {
   background-color:#023;
   color:white;
   font-size: 2em; 
   width:100%;
   height:34px; 
   padding:2px; 
   margin:0px; 
   text-align: center;
}

div.doc_maker  {
position:relative;    
background-color:#DDD;
}

div.doc_maker  input,select {
   font-size:1.4em; 
   background-color:#C0C0B0; 
   margin-left:4px;
}

div.doc_maker span.art_meta_info {
color: #600;
font-size:0.7em;
}

div.doc_maker div.agregar {
   position:absolute;
   font-size:2em;
   background-color:#A00;
   right: 0px;  
   width: 60px; 
   height: 40px; 
   overflow: hidden;
   text-shadow:0px 0px 3px black;
   top: 16px; 
   color:white;
   padding:0px 30px 0px 14px;
   user-select: none;
   border-radius: 6px; 
}

div.doc_maker select {
   margin:4px;  
}

div.doc {
   background-color:#dCdCdC;
}

div.C8X6 div {   
width:100px;
height:105px;
} 

section.panel {
overflow:hidden;
width:500px; 
}

section.panel  div {
height: 100%;
}

section.panel  div {
  float: left; 
  overflow: hidden; 
  border: 2px solid black !important; 
  border-radius: 18px; 
}

section.panel  div.C3X6 div{
 width: 100px;
 height: 60px;  
}

div.C3X6 div {   
width:274px;
height:105px;
} 

div.C3X10 div {   
width:272px;
height:61px;
} 

div.C4X10 div {   
width:204px;
height:61px;
} 

div.C4X2 div {   
width:204px;
height:324px;
border-radius: 8px !important; 
} 


div.C1X10 div {   
width:100%;
height:61px;
} 


section.panel div.C3X6 div {
  width: 165px; 
  height: 152px; 
  margin:0px !important;  
}

section.panel div.C4X10 div {
  width: 120px; 
  height: 87px; 
  margin:2px !important;  
}

#panel {
  border: none; 
  border-radius: 0px;  
}

section.panel div.C1X10 div {
  width: 100%; 
  height: 92px; 
  margin:0px !important;  
}


section.panel div.C3X10 div{
  width: 156px; 
  height: 87px;  
  margin:2px !important;  
}

div.C5X6 div {   
width:162px;
height:105px;
} 

div.C4X6 div {
   width:204px;
   height: 105px; 
}

div.C6X6 div {
   width: 135px;
   height: 105px; 
}

div.C6X5 div {
   width: 135px;
   height: 126px; 
}


div.C5X3 div 
{   
width:160px;
height:214px;
font-size:1.3em; 
} 

div.C5X3  select ,
div.C5X3  input {
  font-size: 1.3em !important;  
}

div.C5X4 div {   
width:163px;
height:160px;
font-size:1.2em !important;
} 


div.C5X7 div {   
width:162px;
height:90px;
} 

span.selector {
    position:absolute;
    right:4px;
    font-size: 12px; 
    bottom:4px;
    border: 3px solid white; 
    opacity: 0.8;
    border-radius:10px;
    width:30px;
    z-index:12;
    height:30px;  
    box-shadow: 0px 0px 4px black; 
}

span.sel_on {
    background-color:#A00;
    color:white; 
    opacity: 1.0;  
    display:flex; 
    justify-content: center; 
    align-items: center;
}

#arts.C1X1 div {
    height: 100%;
    width: 100%;   
}

#arts.C9X1 div {
  height: 130px !important;  
   padding-top: 30px; 
}


div.selid {
   outline:4px solid red !important;  
   outline-offset: -5px;
}


div.BLANCA div.articulo_info,
div.NEGRO div.articulo_info  {
  height: 50px; 
  padding:0px;
  color:white;
  border:1px;
}

   
div.NEGRO div.articulo_info div,
div.BLANCA div.articulo_info div {
float:left; 
pointer-events: none;
font-size:1.4em; 
border:1px solid black !important; 
border-width: 1px 0px 0px 0px !important;  
}

div.NEGRO div.articulo_info div{
border:1px solid silver !important; 
border-width: 1px 0px 0px 0px !important;  
}
 
div.NEGRO div.articulo_info div.nombre,
div.BLANCA div.articulo_info div.nombre {
 width: 300px;
 overflow:hidden;
 font-size: 1.2em;
}


div.NEGRO div.articulo_info div.tipo, 
div.BLANCA div.articulo_info div.tipo {
 width: 120px;
 font-size: 1.2em;
}


div.NEGRO div.articulo_info div.prc ,
div.BLANCA div.articulo_info div.prc {
 width: 110px;    
}

div.NEGRO div.articulo_info div.dto,
div.BLANCA div.articulo_info div.dto {
 width: 80px;
 font-size: 1.2em;
}

div.NEGRO div.articulo_info div,
div.BLANCA div.articulo_info div { 
 padding:4px 4px 2px 20px;
 width: 200px; 
 height:100%;
 color:black;
 border:none; 
}

div.NEGRO div.articulo_info div
{
 background-color:black;  
 color: silver; 
}

div.NEGRO div.articulo_info.selid ,
div.BLANCA div.articulo_info.selid   {
 border-color: red !important; 
}

div.NEGRO div.articulo_info.selid div ,
div.BLANCA div.articulo_info.selid div  {
 border-color: red !important; 
 background-color:#600;
 color:white;
 text-shadow:none;
}

#arts span.enab ,#cmds span.enab ,#paginas span.enab , #cams span.enab {
 pointer-events: none;
}

span.disa {
  opacity: 0.2; 
}

div.CATEGO {
   width:100% !important; 
   border-radius: 3px !important;
   height:40px !important; 
   text-align:left !important; 
   justify-content: left !important; 
   font-size: 1.4em  !important;
   padding-left: 30px !important;
}

div.CATEGO span.art_nota 
{
   visibility: hidden !important; 
}

div.CATEGO span.texto_nota {
   left: 50% !important; 
   top: 0px !important; 
   font-size: 1.1em !important;    
}

div.GRIS2 div.CATEGO {
   background-color:red;  
}


span.selector{
   text-shadow:none;  
}

#arts span,
#paginas span, 
#cmds span {
  pointer-events:none;  
}

div.imagen span.dimen {
  position: absolute;
  bottom:0px;
  left:10px;
  font-size: 0.8em; 
}
div.imagen span.nom,
div.imagen span.dimen,
div.imagen span.size,
div.imagen span.mime,
div.imagen span.fname
{
  position: absolute;
  left:10px;  
  width: 100%;
  opacity: 0.8;
  font-size: 0.8em; 
  text-shadow:none; 
}

div.imagen span.dimen{top: 18px; }
div.imagen span.size {top: 36px; }
div.imagen span.mime {top: 50px; }
div.imagen span.fname{bottom: 0px; }

div.uploader {
  width:174px;
  height:100px;
  background-color:black;
  overflow:hidden;  
} 

span.selector {
  pointer-events: all !important; 
}

div.tpv, 
div.proctpvinfo 
{
 height:100%;
 position: relative;
}

div.proctpvinfo div.progress {
   position: absolute;
   bottom: 10px;
   left:0px; 
   width: 100%;  
   background-color: #444; 
}

div.proctpvinfo div.progress {
   position: absolute;
   bottom: 18px;
   left:0px; 
   width: 100%;
   padding:0px;  
   height: 8px; 
}


div.proctpvinfo div.progress div.bar {
 background-color: red; 
 height: 100%;
 margin:0px; 
}







div.tpv_sel_sector{
   width:150px  !important;
   height:100%;
}

div.tpv_sel_sector div.pactive,
div.tpv_sel_sector div.copies,
div.tpv_sel_sector div.sels {
    background-color:#424; 
    color:silver;
    padding-left:10px; 
    width:100%; 
    height:24px;
    border:1px solid #555;
}

div.tpv_sel_sector div.sels {
    background-color:#535; 
}

div.proctpvinfo div.buscador, 
div.tpv div.buscador {
  position:absolute;
  left: 380px;
  top: 0px;
  padding: 0px;
  width: 230px;
  height: 100%;
  z-index: 4; 
}

div.buscador input{
    padding:4px;
    font-size:1.4em;
    width:95%;
    background-color:#000 !important;
    border: 0px; 
    margin-left:10px;
} 

span.lupa {
  position:absolute;
  left:10px;
  top:25px; 
  color:silver; 
}


 
img {
   pointer-events: none; 
}

div.imagen img,
div.articulo img,
div.comando img,
div.pagina img {
  width: 100% !important;
  height:100%;
} 

div.comando img.minico {
    position: static;
    width: 30px !important;
    height: 26px; 
    right: 16px;
    top: 10px; 
}

div.articulo {
   position:relative;
   font-weight: bold;
   line-height: 1em;
}

div.comando div.nom_image {
    font-size: 0.9em;   
}

div.articulo div.nom_image {
    position:absolute !important;
    bottom:0px;
    width:100%;
    border:none !important; 
    opacity:0.85;
    font-size:1.1em; 
    z-index: 3;  
    color: black;  
    pointer-events: none; 
    box-shadow: none;
    padding:2px 4px 2px 4px;
    line-height:1em;   
    max-height:30px; 
    text-align: center; 
}

div.C5X4 div.articulo  div.nom_image ,
div.C5X3 div.articulo  div.nom_image  {
  max-height: 48px; 
}

div.C5X7 div.articulo  div.nom_image  {
  font-size: 1em; 
  max-height: 36px; 
}

div.comando span.nom_image {
  z-index: 2; 
}

div.imagen {
    background-color:black !important; 
}

div.ROJO div {
     background-color:red;
}

div.INKODE div {
     border:3px solid white !important;  
     border-radius: 6px  !important;  
     text-shadow:none;
     color:white;    
}

#arts div.CONFIGURACION {
  width:  100%;
  height: 60%;
}

#arts div.CONFIGURACION h2{
  margin:20px; 
}


#arts div.CONFIGURACION p {
font-size: 0.5em;
padding:0px; 
margin: 2px 0px 2px 20px; 
}

#arts div.CONFIGURACION * {
  pointer-events: none;
}

div.comando img {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 0; 
}

div.comando div.nom_image {
 border:none; 
 background-color: transparent;
 box-shadow: none;
 z-index: 2;
 pointer-events:none;
}

div.active div,
div.active {
  color:#B00 !important; 
}

#arts {
  position:relative;  
}

span.mesa_tari{
  color: black !important; 
  text-shadow: 1px 1px 1px #666; 
}

div.mesa {
  cursor:move; 
}

div.articulo span.mesasel{
  font-size:1.2em;  
}

div.articulo span.mesanormal{
  font-size:1.1em;  
}

div.articulo span.mesa_color{ 
  width: 30px; 
  position:absolute; 
  bottom:1.7em; 
  left: 10px; 
  border-radius: 4px; 
  height: 16px; 
  border:3px solid black; 
}

div.virtual_keyboard {
  background-color: #666;
  box-shadow:0px 0px 8px black;
  padding:0px; 
  position:absolute;
  left: 240px;
  top: 30px; 
  z-index: 1200; 
  transform: scale(0.76);
}

div.virtual_keyboard_low {
  background-color: #666;
  box-shadow:0px 0px 8px black;
  padding:0px; 
  position:absolute;
  left: 240px;
  top: 350px; 
  z-index: 1200; 
  transform: scale(0.76);
}


div.kb_editor {
  background-color: #666;
  box-shadow:0px 0px 8px black;
  padding:0px; 
  position:absolute;
  left: -50px;
  top: 30px; 
  z-index: 11; 
  transform: scale(0.76);
}

div.buscador_clientes {
  background-color: white !important;
  box-shadow:0px 0px 8px black;
  position: absolute;
  left: 100px;
  top: 50px; 
  padding:0px; 
  display:table; 
  left: 2px;
  top: 200px; 
  z-index: 12; 
  width:  434px;
  overflow:hidden; 
  min-height: 60px; 
}


div.buscador_clientes div.item {
   width: 100%;
   height: 50px; 
   position:relative; 
   border: 1px solid;
   display:table-row;
   background-color:rgba(10, 10, 10, 0.05);  
}

div.buscador_clientes div.selected div {
  color: red; 
}   

div.buscador_clientes div.item div.eliminar {
   font-size: 2em;
   padding: 10px;  
   width: 40px; 
   color: #C00000; 
} 

div.buscador_clientes div.item div.tel {
 background-color: #FEFEFE;
 width: 200px;
 height: 100%;
 font-size: 1.5em;
 padding: 4px;
 display:table-cell;  
 border: 1px solid #AAAAAA; 
} 

div.buscador_clientes div.item div.tel span.razon {
  width: 100%;
  font-size: 0.8em;
  background-color: #FFEEAA; 
  margin-top: 0px;
  color:#006; 
} 


div.buscador_clientes div.item div.nombre {
 background-color: #F0F0F0;
 width: 374px;
 font-size: 1.2em;
 height:100%;
 padding:2px 4px 2px 4px; 
 display:table-cell;  
 border: 1px solid #AAAAAA; 
} 

div.buscador_clientes div.item div.nombre span.direc {
  width: 100%;
  font-size: 0.9em; 
  margin-top: 0px;
  color:#008; 
} 

div.buscador_clientes div.item div.nombre span.email {
  width: 100%;
  font-size: 0.9em; 
  margin-top: 0px;
  color:#800; 
} 

div.virtual_keyboard_numeric {
  background-color: #666;
  box-shadow:0px 0px 8px black;
  padding:0px; 
  position:absolute;
  left: 600px;
  top: 150px; 
  z-index: 1500; 
}

svg * {
  pointer-events:none;    
}

svg span ,
svg p , 
svg path ,  
rect {
  pointer-events:all;  
}


div.proctpvinfo {
   background-color:#343424;
   margin:0px; 
   position:relative; 
}

@font-face {
   font-family:lcd;
   src:url(/fonts/lcd.ttf);
}

span.info_clock {
 position:absolute;
 left: 74%;
 top: 0px;     
 margin:10px;  
 font-size: 1.4em;
 font-family:LCD, lcd;
 color: white;
 padding:4px 10px 4px 8px; 
 background-color: black; 
 text-shadow: 2px 2px 2px black;
 border-radius:3px; 
}

span.bloq {
 background-color: #600; 
}

span.nobloq {
 background-color: black; 
}


.BLINK {
   animation: blink-animation 1s steps(2, start) infinite;
   -webkit-animation: blink-animation 0.5s steps(3, start) infinite;
 }

span.ERROR {
   -webkit-animation: blink-animation 1s steps(3, start) infinite;
    background-color:red !important;
    color:white !important;
}

 @keyframes blink-animation {
   to {
     visibility: hidden;
   }
 }

 @-webkit-keyframes blink-animation {
   to {
     visibility: hidden;
   }
 }

div.proctpvinfo span.info_turno {
 margin:0px;  
 position:absolute;
 left: 10px;
 bottom:4px; 
 font-size: 1.5em;
 text-shadow: 2px 2px 2px black; 
 color:cornsilk;
}

div.proctpvinfo span.info_rol {
   position:absolute;
   left: 150px;
   color: silver;
   bottom:4px; 
   font-size: 1.0em; 
   text-shadow:1px 1px 2px black; 
}

div.proctpvinfo span.info_profile {
   position:absolute;
   left: 250px;
   color:#FFA; 
   bottom:4px; 
   font-size: 1.0em; 
   text-shadow:1px 1px 2px black; 
}

div.proctpvinfo span.info_pagina {
   position:absolute;
   left: 460px;
   color:#FFA; 
   bottom:4px; 
   font-size: 1.0em; 
   text-shadow:1px 1px 2px black; 
}

div.proctpvinfo span.info_undo {
   position:absolute;
   left: 710px;
   color:#FFA; 
   bottom:0px; 
   font-size: 1.0em; 
   text-shadow:1px 1px 2px black; 
}

div.proctpvinfo span.info_tari_prc {
   position:absolute;
   left: 280px;
   color:white;  
   bottom:4px; 
   width: 80px;  
   overflow: hidden; 
   background-color:#600;
   font-size: 1.0em; 
   padding: 2px 4px 2px 4px;
   text-shadow:1px 1px 2px black; 
}

div.proctpvinfo span.info_tari_ope {
   position:absolute;
   left: 370px;
   color:white;
   width: 80px;  
   overflow: hidden; 
   bottom:4px; 
   background-color:#A00;
   font-size: 1.0em; 
   padding: 2px 4px 2px 4px;
   text-shadow:1px 1px 2px black; 
}

div.proctpvinfo span.revision {
   position:absolute;
   right: 110px;
   color:blue;  
   background-color: #AAAAAA; 
   padding: 0px 4px 0px 4px; 
   bottom:4px; 
   border-radius:3px; 
   font-size: 1.4em; 
}

div.proctpvinfo span.info_hacienda {
   position:absolute;
   right: 170px;
   color: #FF7;
   background-color: #505050; 
   padding: 0px 8px 0px 8px; 
   bottom:4px; 
   border-radius:3px; 
   font-size: 1.2em; 
}

div.proctpvinfo span.enviando { 
background-color:red; 
color:white; 
}

div.proctpvinfo span.tempo {
   position:absolute;
   right: 164px;
   color:silver;   
   background-color:black; 
   padding: 0px 4px 0px 4px; 
   bottom:4px; 
   border-radius:3px; 
   font-size: 1.2em; 
}

div.proctpvinfo span.info_aviso {
 position:absolute;
 left: 11%;
 top:2px; 
 font-size: 1.4em;
 color:blue;
 height: 40px;  
 width:63%;
 text-shadow: 0px 0px 2px black;
 background-color:white; 
 padding:10px 20px 2px 20px; 
 z-index:10;
}

div.proctpvinfo span.info_bkaviso {
 position:absolute;
 left: 11%;
 top:2px; 
 height: 42px; 
 font-size: 1.3em;
 color: white; 
 width: 63%;
 text-shadow: 0px 0px 2px black;
 background-color:black; 
 padding:2px 20px 2px 20px; 
 z-index: 1;
}

div.proctpvinfo div.net_status_info {
 position:absolute;
 left: 5px;
 top:2px; 
 height: 42px; 
 font-size: 1.3em;
 color: white; 
 width: 74%;
 text-shadow: 0px 0px 2px black;
 background-color:hsla(0,0%,15%,  1); 
 padding:0px; 
 z-index: 1;
  overflow: hidden;   
}

div.proctpvinfo div.net_status_info div {
  height: 100%;
  width: 100px; 
  margin-left:3px; 
  border: 1px solid black;
  float: left;
  overflow: hidden;   
  position: relative;
  border-radius: 4px; 
}

div.proctpvinfo div.net_status_info div span {
  position: absolute;  
}  

div.proctpvinfo div.net_status_info div span.nom {
  left:2px; 
  top:2px;
  padding: 2px 4px 2px 4px;   
  border-radius: 3px; 
  font-size:1em; 

  box-shadow:1px 1px 4px black; 
  text-shadow:1px 1px 2px black;
}  

div.proctpvinfo span.info_neg_id {
position:absolute;
right: 0px; 
width:100px;
color:white;
text-shadow:1px 1px 2px black; 
top: 8px;
font-size:2em; 
padding-left:10px;
}


div.proctpvinfo div.net_status_info div span.stat {
  right: 2px; 
  top:0px;
  color: black; 
  font-size: 0.8em; 
  padding: 1px 4px 1px 4px;   
  border-radius: 3px; 
}

div.proctpvinfo div.net_status_info div span.docid {
  right: 2px; 
  bottom:6px;
  color: black; 
  font-size: 0.4em;
  padding: 1px 4px 1px 4px;   
  border-radius: 3px; 
}


div.proctpvinfo div.net_status_info div span.ip {
  left: 4px; 
  bottom:0px;
  color: black; 
  font-size: 0.8em;
  padding: 1px 4px 1px 4px; 
  text-shadow:0px 0px 2px white;   
  border-radius: 3px; 
}

div.proctpvinfo div.net_status_info div.nodo_info { 
background-color: white; 
}

div.proctpvinfo a.link_info_aviso {
 position:absolute;
 left: 11%;
 top:2px; 
 font-size: 1.6em;
 height: 41px; 
 background-color: #EFEFEF;
 color: #025;   
 width:63%;
 text-shadow: 0px 0px 2px black;
 padding:6px 20px 2px 20px; 
 z-index:10;
}

div.proctpvinfo span.info_ap {
position:absolute;
left: 10px;
width:120px;
color:white;
text-shadow:1px 1px 2px black; 
top: 8px;
font-size:1em; 
padding-left:10px;
}

div.doc_sup_line {
   height: 32px;
   overflow: hidden;
   position: relative;     
}

div.doc_sup_line  p.doc_serie_numero{
  color: white;
  text-shadow: 1px 1px 2px black;   
  font-size:1.6em;
  background-color: rgba(10, 10, 10, 0.3);
  float:left; 
  width: 300px; 
  height: 32px;   
  padding: 2px 20px 2px 10px;  
} 

div.doc_sup_line  p.doc_nombre{
  color :white;
  font-size: 1.2em; 
  position: absolute;
  top:0px;
  right: 0px; 
  width: 140px; 
  height: 100%;
  padding:0px 10px 2px 10px;  
  background-color: black; 
}

div.doc_sup_line p.doc_nombre span.fecha {
  position: absolute;
  color: silver; 
  left: 10px; 
  bottom: 0px;
  width:100%;
  font-size: 0.8em;   
}

div.doc_sup_line  p.doc_ap{
  color :white;
  font-size: 1em; 
  float: left; 
  width: 80px; 
  height: 100%; 
  margin-left:2px;
  overflow:hidden;  
  line-height: 1em; 
  padding: 4px 10px 2px 10px;  
  background-color: rgba(0, 0, 0, 0.4);
  vertical-align: center;
}

div.doc_sup_line  div.doc_fp{
  float: left; 
  width: 50px; 
  height: 100%; 
  overflow:hidden; 
  text-align: center;
  padding-top:4px;  
  background-color: rgba(0, 0, 0, 0.6);
}

div.doc_sup_line  div.doc_fp img{
height:75%;
pointer-events: none; 
float:left; 
margin:2px; 
}


div.doc_client_line {
   height: 60px;
   background-color:white;
   width: 100%; 
}

div.doc_client_line div.client_info {
    width:70%; 
    background-color:white; 
    height: 100%;
    float:left;  
}
div.doc_client_line div.client_info p {
    width:100%; 
    margin:0px;  
    height: 20px;  
    border: 1px solid silver; 
    pointer-events:none;  
}

div.doc_client_line div.client_info p.direc {
 font-size:0.9em; 
}

div.doc_client_line div.client_info p.nif {
 font-size:1.4em; 
 color:#006;
}

div.doc_client_line div.client_info p.razon {
 font-size:0.8em; 
}

div.doc_client_line div.doc_nom_fecha {
    width:29.8%; 
    background-color:#EEEEEE;
    height: 100%; 
    float: left; 
}  

div.doc_client_line div.doc_nom_fecha p.doc_nom {
 height: 30px; 
 background-color: #FAFAFA;
 color:black; 
 font-size: 1.3em;
 overflow:hidden; 
 text-shadow: 1px 1px 2px black; 
 padding: 0px 3px 2px 10px;
 margin: 0px;    
 border: 1px solid #888; 
 border-width: 0px 0px 1px 0px;
 text-align: center; 
}

div.doc_client_line div.doc_nom_fecha p.doc_fecha {
 height: 30px; 
 background-color:white;
 color: black;  
 font-size: 1.2em;
 padding: 2px 3px 2px 10px;
 text-align: center; 
 margin:0px; 
 line-height: 1em;    
}

div.doc_client_line div.doc_nom_fecha p.doc_fechaop {
 height: 30px; 
 background-color:white;
 color: red;  
 font-size: 1.2em;
 padding: 2px 3px 2px 10px;
 text-align: center; 
 margin:0px; 
 line-height: 1em;    
}

div.doc_sup_line img.forma_pago {
  width: 26px; 
  pointer-events: none; 
} 

div p.doc_razons {
  color :black; 
  font-size: 1.1em; 
  top:0px;
  left: 0px; 
  width: 130px; 
  padding:0px 10px 2px 10px;  
  background-color: white; 
  width: 100%;
  height: 30px; 
  border: 1px solid black  !important;  
  border-width: 1px 0px 1px 0px !important;
  border-color: black !important;
  margin:0px;  
}

div.doc_cliente {
   height: 30px;
   overflow: hidden;
   position: relative;    
   margin:0px; 
   background-color:black;
}

td.cliente div p.cliente {
  font-size: 1.4em; 
  line-height: 1em;
  margin:0px; 
  padding:0px;  
  color:#000090 !important;  
}

td.cliente div {
padding: 5px 5px 5px 5px !important; 	 
}

div.doc_items {
background-color:#E2E2E2;
   user-select:none;
   font-size: 1.2em;
   overflow: hidden;  
   height: 490px;  
   position: relative; 
   box-shadow: 0px 0px 4px black;
} 

div.doc_items div {
  height: 9.4%;
  width: 100%; 
  background-color:silver;  
  position:relative; 
  box-shadow: 0px 3px 5px black;
}  

div.doc_items div.scroller_up {
  position: absolute;
  height: 30%;
  width: 46px;
  top: 0px; 
  right: 0px; 
  z-index: 20;   
}  

div.doc_items div.scroller_dw {
  position: absolute;
  height: 30%;
  width:  46px;
  bottom: 0px; 
  right:  0px; 
  z-index: 20;   
}  

div.doc_items div.scroller {
  position: absolute;
  height: 100%;
  width:  46px;
  top: 0px;
  right:  0px; 
  z-index: 19;   
}  


div.doc_fichajes h2 {
 height: 14px; 
 width: 100%; 
}

 div.ficha_mani {
  color:red; 
 }

div.doc_items div p.nom scan.LOTE {
  color: blue;   
  position: absolute; 
  bottom: 2px; 
  left: -80px; 
  font-size: 0.65em; 
}

div.doc_items div p.nom scan.NOTA_LOTE {
  color: #404040; 
  position: absolute; 
  bottom: 2px; 
  left:  140px; 
  font-size: 0.9em; 
}




div.interface_fichas 
{
 padding: 4px 4px 4px 4px;
 text-align:  right; 
 width: 100%;
 height: 60px; 
 margin: 0px; 
}

span.emp_nom 
{
 font-size: 1.8em;
 text-align: right;  
}

div.doc_fichajes {
 background-color: #FFFECC; 
 color: black; 
 height: 700px;
 padding: 10px; 
 width: 420px; 
 margin:0px; 
 display: flex;
 flex-wrap: wrap;
 flex-direction: column; 
 overflow: auto; 
} 

div.doc_fichajes div.titulo 
{
color: white;
background-color: black; 
}

div.doc_fichajes div.docficha {
  padding: 0px;
  margin:0px 0px 0px 10px;
  font-size: 1.4em;  
  width: 100%; 
  border: 1px solid black;
  border-width: 0px 0px 1px 0px; 
  height: 30px;
}

.doc_fichajes .docficha {
  display: flex;
  flex: 0 0 30px; 
  margin: 0px; 
  width: 100%;
  margin-bottom: -10px; 
}

.doc_fichajes .docficha p.nombre {
   flex-basis: 30%;
   padding-left: 5px;
}

.doc_fichajes .docficha p.turno {
  flex-basis: 34%;
  padding-left: 5px;
}


div.doc div.scroller ,
div.doc div.scroller_up,
div.doc div.scroller_dw {
   background-color: black;
   opacity:0.3; 
} 

img.doc_flecha_up {
  width: 70%;
  margin: 38px 4px 4px 6px;
  pointer-events: none;      
}  

img.doc_flecha_dw {
  width: 70%;
  margin: 100px 2px 2px 6px;
  pointer-events: none;      
}  

div.doc_items div img.candado {
  position:absolute;
  bottom: 4px;
  left:  60px;    
}

div.doc_items div img.printer {
  position:absolute;
  bottom: 4px;
  left:  80px;    
}

div.doc_items div img.nope {
  position:absolute;
  bottom: 4px;
  left:  20px;
  background-color: black;     
}




div.doc_items div div.canceled {
   height:4px;
   position:absolute;
   top:30%; 
   left:10%;
   background-color: red;
   width:80%;  
} 

div.doc_items div div.nof {
   height:1px;
   position:absolute;
   top: 55%;
   left:10%;
   background-color: #CCCCFF;
   width:80%;  
} 




div.doc_items div p.cantn, 
div.doc_items div p.cant {
  width: 80px;
  position:absolute;
  left: 4px;
  top :-4px;    
  height: 100%;  
  padding:2px 10px 2px 10px;  
} 

div.doc_items div p.cantn {
  font-size: 1.5em;
 padding:0px 10px 4px 10px;  
}

div.doc_items div  p.nom {
  position:absolute;
  top: 0px; 
  height: 100%;  
  left: 100px;   
  width: 300px;  
  font-size: 1.2em; 
}

div.doc_items div p.nom-medium 
{
font-size: 1em; 
} 


div.doc_items div p.nom-long 
{
font-size: 0.8em; 
} 



div.printed div.item {
  background-color: #FFFFAA !important; 
}

div.doc_items div.INGRED  p.cantn,
div.doc_items div.INGRED  p.cant
{
  left: 20px;
}

div.doc_items div.INGRED  p.nom {
  left: 120px;  
}

div.doc_items div  p.prc {
  position:absolute;
  top: 60%; 
  left: 320px; 
  height: 100%;  
  width: 100px; 
  font-size: 0.8em !important;    
} 

div.doc_items div  p.uni_prc ,
div.doc_items div  p.set_prc {
  position:absolute;
  top: 0; 
  left: 320px; 
  height: 100%;  
  width: 50px;
  z-index: 10;
  background-color: rgba(0.0,0.0,0.0,0.05); 
  padding: 26px 6px;
}

div.doc_items div.title p.prc {
  padding: 2px !important; 
  top: 6px; 
}

div.entrada_calendario {
  padding: 20px; 
  position: absolute;
  left: 450px; 
  top: 160px; 
  z-index: 100;
  width:400px;
  height:350px;  
  background-color:white;  
}

div.doc_items div  p.set_prc {
  color:red; 
}

div.doc_items div  p.stotal {
  position:absolute;
  top: 0px; 
  font-size: 1.4em; 
  right: 10px;  
  width: 80px;    
  height: 100%; 
  text-align: right;
} 

div.doc_items div span.nota {
  position:absolute;
  bottom: 0px; 
  left: 80px;   
  font-size: 0.8em; 
  color: #888;    
} 

div.doc_items div span.hora {
  position:absolute;
  bottom: 0px; 
  left: 260px;   
  font-size: 0.8em; 
  color: #888;    
} 

div.doc_items div span.partial {
  position:absolute;
  bottom: 0px; 
  left: 310px;   
  font-size: 0.5em; 
  color: #AAA;    
} 


div.doc_items div span.iva {
  position:absolute;
  bottom: 0px; 
  left: 370px;   
  pointer-events: none; 
  font-size: 0.8em; 
  color: #88C;    
} 


div.doc_items div span.grp {
  position:absolute;
  bottom: 0px; 
  right: 10px;   
  font-size: 0.6em; 
  color: #888;    
  pointer-events:none;   
} 

div.doc_items div span.pos {
  position:absolute;
  bottom:  0px; 
  left: 270px;   
  font-size: 0.5em; 
  color:red;    
  pointer-events:none;   
} 

div.doc_items div span.id {
  position:absolute;
  top: 0px; 
  right: 10px;   
  font-size: 0.5em; 
  color: #88C;    
  pointer-events:none;   
} 

div.doc_items div span.dto {
  position:absolute;
  bottom: 0px; 
  right: 60px;    
  font-size: 0.7em; 
  color: #F88;  
  pointer-events: none;
} 

div.doc_items div span.fdto {
  position:absolute;
  bottom: 0px; 
  right: 80px;    
  font-size: 0.7em; 
  color: #F88;  
  pointer-events: none;
} 

div.doc_items div span.art_ap {
  position:absolute;
  top:   0px; 
  left:  0px;  
  width: 8px;
  height: 100%;
  overflow:hidden;    
  font-size: 0.5em; 
  color: #888;  
  border-radius: 2px; 
  padding: 0px !important;   
} 

div.doc_items div.title  {
height: 30px;
background-color: #023; 
overflow:hidden;
color: white; 
}

div.doc_items div.item {
   overflow:hidden;
   border:1px solid; 
   border-width: 1px 0px 1px 0px;
   border-color: white white black black;  
}
div.doc_items div.grpcol0 {
  background-color: #F0F0F0;
}

div.doc_items div.grpcol1 {
  background-color: white; 
}


div.doc div.doc_resume {
   background-color:#EEE; 
   height:80px; 
   color: white; 
   position:relative;
} 

div.doc div.doc_resume  span.doc_nota {
  position:absolute;
  left:20px;
  bottom:0px; 
  color: #888;
  font-size: 0.8em; 
}

div.doc_resume  p.meta_inter_button {
 background-color: black;
 width: 80px; 
 color: white; 
 position:absolute;
 left: 10px; 
 top: 20px; 
 z-index: 1000; 
 text-align: center; 
 padding: 4px 10px 4px 10px; 
 border-radius: 4px; 
}


div.doc div.doc_resume  span.peso {
  position:absolute;
  left:150px;
  bottom: 20px;
  color:#A00; 
  font-family: LCD;
  font-size: 3em; 
  text-shadow: 1px 1px 2px black;
}

div.doc div.doc_resume  span.label_peso {
  position:absolute;
  left:160px;
  bottom:60px;   
  color:black; 
  font-size: 0.7em;  
}

div.doc div.doc_resume  span.fecha_envio {
  position:absolute;
  left:50px;
  top:4px;   
  color:#00A; 
  font-size: 1em;  
}


div.doc div.doc_resume div.a_cuentas { 
 position: absolute;
 width: 120px;
 height: 60%;
 left: 10px; 
 top: 16px; 
 font-size: 1.5em; 
 background-color: #333333; 
 color: white; 
 text-align: center;
 padding-top: 10px; 
 text-shadow:3px solid black; 
 border-radius: 8px; 
}

div.doc div.doc_resume p.total {
 font-size: 3em;
 padding:0px;  
 position:absolute;
 top:10px; 
 right:10px; 
 color:black;
 font-weight: bold; 
}

div.doc div.doc_resume p.efectivo {
 font-size: 1.8em;
 padding:0px;  
 position:absolute;
 right:10px; 
 top:65%; 
 color:#300;
 text-shadow: 1px 1px 1px white; 
 font-weight: bold; 
}

div.AZUL {
 color: white;
 background-color: #00A;
 padding: 2px 20px 2px 30px; 
}

div.AZUL label {
  padding-left:20px; 
}

div.AZUL input {
 background-color: #AAAAFF;
 padding: 2px 20px 2px 20px; 
 width: 70%; 
}


div.doc div.doc_resume p.proforma_did { 
 color:#555;
 position:absolute;
 left: 10px;
 top: 0px; 
 font-size: 0.8em; 
}

div.doc div.doc_resume p.ivas {
 font-size:1em;
 padding:0px;  
 position:absolute;
 top:2px;
 right:10px; 
 color:black;
}

div.doc div.doc_resume p.total_sel {
 font-size: 2.2em  !important;
 padding:0px;  
 float:right; 
 position:absolute;
 right: 14px;
 top:  46px; 
 color:#008;
 font-weight:bold;
}  

div.doc div.doc_resume p.cantidades {
 font-size: 1.6em  !important;
 padding:0px;  
 float:right; 
 position:absolute;
 left: 150px;
 top:  52px; 
 color:#004;
 font-weight:bold;
}  


div.doc div.doc_resume p.eli {
 font-size: 0.8em;
 color:blue;
 padding:0px;  
 position:absolute;
 top: 85%;
 right:60px; 
}

div.doc div.doc_resume p.pgd {
 font-size: 0.8em;
 color:#400;
 padding:0px;  
 position:absolute;
 top: 85%;
 right:10px; 
}

div.virtual_keyboard  svg text {
  text-shadow: 2px 2px 2px black;  
}

div.doc_items div.SELM  {
  background-color: #014 !important; 
  color: white !important;   
}

div.doc_items div.SEL  {
  background-color: #400 !important; 
  color: white !important; 
}

foreignObject.direc {
   font-size: 10px; 
}

span.LIBRE {
  color: #0C0; 
  text-shadow: 0px 0px 1px black; 
}

span.pendiente {
  color: #C00; 
  text-shadow: 0px 0px 1px black; 
}

span.reserva {
  color: #C80; 
  text-shadow: 0px 0px 1px black; 
}

foreignObject div.direccion p {
   font-size:8px !important;
   color:white; 
   overflow:hidden; 
   padding:0px !important; 
}

foreignObject div.display span {
   float: left;
}

foreignObject div.display  {
   width: 400px;
   height: 60px;
   background-color: red;  
}

body {
   transform: scale(0.8);
   transform-origin: 0 0;
}

div.alphanum-display {
   width: 300px;
   height: 60px;
   z-index: 15;
}

div.alphanum-display span.dletter {
  color: #AFA; 
  float:left;
  padding:0px;
  margin:0px; 
  font-size: 0.8em; 
}

div.alphanum-display span.dletter_space {
  float:left;
  width: 5px;
  height: 20px;
  background-color:#252525;
  padding:0px;
  margin:0px; 
}

div.SELM span.nota, 
div.SEL span.nota,
div.SEL span.hora,
div.SELM span.hora {
  color: #EEE !important;  
}

div #arts div span.mesasel {
  color: red !important;  
}

div.noform_enabled select, 
div.noform_enabled option, 
div.noform_enabled textarea, 
div.noform_enabled button, 
div.noform_enabled input {
 pointer-events:none;  
}

div.invisible {
  visibility:hidden; 
  height: 2px;
  overflow:hidden; 
}

span.art_id {
  position: absolute;
  left: 10px;
  top: 4px;  
  font-size:0.5em; 
} 

span.art_ref {
  position: absolute;
  right: 10px;
  bottom: 8px;  
  font-size:0.7em; 
  color:rgba(0,0,0,0.3);

} 
span.nodo_ref {
  position: absolute;
  left: 10px;
  top:20%; 
  font-size:1.2em;  
}

span.art_acc {
  position: absolute;
  left: 10px;
  bottom: 10px;  
  font-size:0.5em; 
  color: #500;
} 

div #arts div.separador {
  overflow: visible; 
  position:relative; 
} 

div #arts div.separador span {
 position: absolute; 
 top: -4px; 
 left: 20px;  
} 

div #arts div.HORI_GROS1 {
   width:100%; 
  clear: both;   
   height: 4px;  
}  

div #arts div.HORI_GROS2 {
   width:100%; 
  clear: both;   
   height: 6px;  
}  

div #arts div.HORI_GROS3 {
   width:100%; 
  clear: both;   
   height: 8px;  
}  

div #arts div.VERT_GROS1 {
   height:100%; 
   width: 4px; 
   float:left;   
}  

div #arts div.VERT_GROS2 {
   height:100%;
   width: 8px; 
   float:left;   
}  

div #arts div.VERT_GROS3 {
   height:100%;
   width: 12px; 
   float:left;   
}  

div.edit_ref {
 width: 100%; 
 color:blue; 
 float:left;
} 

div.inter_entrada_media {
 margin:10px 2px 0px 30px  !important;
 width: 45%;
 float:left; 
} 

/* Removes the clear button from date inputs */
input[type="date"]::-webkit-clear-button {
  display: none;
}

/* Removes the spin button */
input[type="date"]::-webkit-inner-spin-button { 
  display: none;
}

/* Always display the drop down caret */
input[type="date"]::-webkit-calendar-picker-indicator {
  color: #2c3e50;
}

/* A few custom styles for date inputs */
input[type="date"] {
  appearance: none;
  -webkit-appearance: none;
  color: #95a5a6;
  font-family: "Helvetica", arial, sans-serif;
  font-size: 1.4em; 
  border:1px solid #ecf0f1;
  background:#ecf0f1;
  padding:5px;
  display: inline-block !important;
  visibility: visible !important;
}

input[type="date"], focus {
  color: black;  
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}


div #docs  span.label_desde {
   position:absolute;
   top:3px; 
   right:420px;   
   font-size: 1em; 
   z-index: 100; 
}

#desde {
 position:absolute;
 right: 260px;
}

div #docs  span.label_hasta {
  top:3px; 
 position:absolute;
 font-size: 1em; 
 right:180px;  
  z-index: 100; 
}

#hasta,#desde {
  font-size: 1.6em; 
  width: 240px;
  top:18px; 
  height: 30px;   
}

#hasta {
 position:absolute;
 right: 10px;
}

div #docs {
    padding:4px;
    height:90%;
    position:relative; 
    background-color: #C0C0C0; 
}


div #docs #tipodoc{
   position:absolute;
   right: 510px;
   font-size:1.4em; 
   top : 2px ; 
}  

div #docs #seriedoc {
   position:absolute;
   right: 390px;
   font-size:1em; 
   width: 120px; 
   top : 2px ; 
   color: black; 
}  




table.db_doc_items  {
 position:absolute;
 top: 50px; 
 left: 0px;
 overflow:hidden;  
}  

table.db_doc_items thead {
  background-color:#BBBBFF; 
}

table.db_doc_items thead tr th{
padding:2px 2px 2px 10px; 
}

table.db_doc_items tbody tr td{
padding:0px; 
}

table.db_doc_items tbody tr td div {
position: relative;   
background-color: #DDDDDD; 
padding: 4px 4px 4px 10px;
height: 50px; 
border:1px solid;
border-color: white #888888 #444444 white; 
border-width: 1px 1px 1px 0px;
}

table.db_doc_items tbody tr td.num {
width: 11%;
}

table.db_doc_items tbody tr td.ap {
width: 10%; 
}

table.db_doc_items tbody tr td.fecha {
width: 11%; 
font-size: 1em; 
}

table.db_doc_items tbody tr td.turno {
width: 12%; 
font-size: 0.8em; 
}

table.db_doc_items tbody tr td.cliente span.registro {
font-size: 0.9em;
position: absolute;
right: 0px; 
bottom: 0px;
padding:2px;
background-color:rgba(0, 0, 0, 0.8);
color: white; 
}



table.db_doc_items tbody tr td.total {
width: 12%; 
text-shadow: 2px 2px 2px white;
text-align: right; 
}

table.db_doc_items tbody tr td.total div span.total{ 
justify-content:right; 
width:100%; 
padding-right:20px;
}

table.db_doc_items tbody tr td.total span.total{ 
font-size: 1.9em; 
position:absolute;
top: 4px;
left: 10px; 
}

table.db_doc_items tbody tr td.total span.efectivo{
font-size: 0.8em; 
position:absolute;
bottom: 0px;
right: 10px;  
color: #F00000; 
text-align:right; 
text-shadow: none !important;  
}

table.db_doc_items tbody tr td.fp {
width: 6%; 
font-size: 0.8em; 
}

table.db_doc_items tbody tr td span.fpt {
font-size: 0.6em; 
position:absolute;
bottom:2px;
left: 2px; 
color: #009; 
}

table.db_doc_items tbody tr td.num div span.proforma {
position:absolute;
bottom: 2px;
color: #5050FF;
font-size: 1em; 
right:4px; 
}

table.db_doc_items tbody tr td.ap div span.nom {
position:absolute;
line-height: 1.1em;
top: 2px;
font-size: 1.1em; 
left:4px; 
}


table.db_doc_items tbody tr td.num div span.sernum {
position:absolute;
top: 2px;
font-size: 1.3em; 
text-shadow: 1px 1px 2px white; 
left:4px; 
}

table.db_doc_items tbody tr td.num div span.anulado {
position:absolute;
bottom: 2px;
font-size: 0.6em; 
left:4px; 
color: white; 
background-color:red;
padding:2px 4px 2px 4px; 
border-radius: 2px;  
}

table.db_doc_items tbody tr td.ap div span.ap {
position:absolute;
left: 4px;
bottom: 0px; 
color: white;
text-shadow: 1px 1px 2px black;
padding:0px 4px 0px 4px; 
border-radius: 3px;  
min-width: 80px;
}

table.db_doc_items tbody tr td.fecha div span.fecha {
position:absolute;
top: 4px;
left:10px; 
}

table.db_doc_items tbody tr td.fecha div span.hora {
position:absolute;
bottom: 4px;
left:10px; 
}

table.db_doc_items tbody tr td.turno div span.apertura {
position:absolute;
top: 4px;
left:4px; 
}

table.db_doc_items tbody tr td.turno div span.cierre {
position:absolute;
bottom: 4px;
left:4px; 
}

table.db_doc_items tbody tr td.turno div span.apertura , 
table.db_doc_items tbody tr td.turno div span.cierre {
font-size: 1.3em; 
color: #8A6A6A;
padding-left:6px; 
}

table.db_doc_items tbody tr td.turno div div.motona, 
table.db_doc_items tbody tr td.turno div div.moto {
  margin-top:16px; 
  width: 92%; 
  height: 8px;
  overflow:hidden; 
  padding:0px; 
}

table.db_doc_items tbody tr td.turno div div.moto {
  background-color: #FFF;
}
table.db_doc_items tbody tr td.turno div div.motona {
  background-color: #888; 
}


table.db_doc_items tbody tr td.turno div div.motona p ,
table.db_doc_items tbody tr td.turno div div.moto p {
  height: 100%;
  margin:0px; 
}

table.db_doc_items tbody tr.trsel td div {
 background-color: #800000; 
 color: white !important; 
 text-shadow: none !important;
}


table.db_doc_items tbody tr.tranul td div {
 background-color: #F30000; 
 color: white; 
}

table.db_doc_items tbody tr.tranul td * {
 color: white; 
}

div.doc_pags {
position: absolute;
bottom:0px;
left: 0px; 
height:60px;
background-color:rgba(50,50,50,0.80);
width: 100%; 
} 

div.doc_pags div {
   width: 60px;
   height: 80%;
   float:left; 
   padding: 8px 0px 0px 12px; 
   font-size: 1.5em; 
   color: white;
   background-color: black; 
   margin: 8px 0px 0px 4px;   
   border-radius: 10px;
}

div.doc_pags div.hasel {
  color: red !important; 
}  

div.doc_pags div.pagsel {
 background-color: red; 
 color: white; 
}  


div.doc_pags span.n_docs { 
 position:absolute;
 right: 100px;
 top: 36px;
 font-size: 0.9em; 
 color: #C0C0FF; 
}

div.doc_pags span.total_docs { 
 position:absolute;
 right: 10px;
 bottom:0px;
 font-size: 2em; 
 color: white; 
}

div.doc_pags span.label_total_docs { 
 position:absolute;
 right: 100px;
 bottom:40px;
 font-size: 0.9em;  
 color: white; 
}

div.doc_pags span.debug_docs { 
 position:absolute;
 right: 500px;
 bottom:0px;
 font-size: 0.7em;  
 color: white; 
}

input.doc_buscador
{
 width: 184px;  
}


div.dialog_sure {
  position:absolute;
  left: 300px;
  top: 300px; 
  width: 500px;
  height: 300px; 
  background-color: #223;  
}

img.logo_config_info {
 width:100px;
 height: 30px;
 position:absolute;
 bottom:4px;
 right:4px; 
 z-index: 0;
 border:2px solid white; 
border-color: #606060 silver silver #606060;
border-radius: 4px; 
}

span.url_fisco_sf {
 color: red; 
 font-size:0.85em; 
 position:absolute;
 bottom:0px;
 left:20px 
}

span.pasado_a_factura,
span.url_fisco {
 color: #014;
 font-size:0.75em; 
 position:absolute;
 bottom:0px;
 right:30px 
}

span.pasado_a_factura {
 color: blue; 
}

span.fecha_fisco {
 color: black;  
 font-size:0.8em; 
}


tr.trsel span {
  color: white; 
} 

#portal {
  background-color: red; 
  color: black;
} 

#portal div.userinfo {
   width: 100%;
   height: 50px;
   display: flex;
   flex-wrap: wrap; 
   font-size: 1em;
   background-color: #515151;
   color: white; 
   overflow: hidden;
}

#portal div.superior {
height: 60px;  
background-color: #400;   
}

#portal div.superior img.logo {
height: 100%; 
}


#portal div.userinfo img.picture {
 height: 100%;
}


#portal div.useracc {
position:relative; 
}

#portal div.userinfo div.name {
  width: 300px; 
  margin: 14px;
  font-size: 1.2em; 
  text-shadow: 2px 2px 2px black; 
}

#portal div.userinfo div div.email {
  width: 350px;
  margin-top: 4px;
  color: silver; 
}

img.portal_ico {
 width: 36%;
 height: 40%; 
 position:absolute;
 bottom: 4px;
 border:4px solid black; 
 right:4px; 
 border-radius:4px; 
}

#portal div.userinfo div div.ip {
  width: 350px;
  margin: 0px;
  color: black; 
}


#portal div.userinfo div.buscador {
  display: grid;
  padding: 4px; 
  margin-left: 20px;
  grid-template-columns: auto auto; 
}

#portal div.userinfo div.buscador input {
color: white; 
}

#portal div.userinfo div.buscador img {
margin:10px 2px 2px 0px;  
}

#portal div.userinfo div.ogu {
  color: white;
  margin: 14px;  
}

#portal div.userinfo div.ogu a {
 color: white; 
}

#portal div.user_accesses  {
 background-color: slategrey; 
 background-color: #011;
 grid-template-columns: auto auto auto auto;
 grid-template-rows: fit-content(10%); 
 overflow: hidden;
 height: 700px;
}

#portal div.user_accesses div.useracc {
   height: 90px;
   border-radius: 8px; 
   margin:5px; 
   display:grid; 
   width: 24%;
   float:left; 
   background-color: #DDDDFF; 
   grid-template-columns: auto auto; 
   color: white; 
}
 
#portal div.user_accesses div.useracc div {
   pointer-events: none;
}

#portal div.user_accesses div.useracc div.nom {
  font-size: 1.6em; 
  color: black; 
}

#portal div.user_accesses div.useracc div.negid {
 color: #004; 
 position: absolute;
 top: 4px;
 right: 4px;  
font-size: 1.5em; 
}

#portal div.user_accesses div.useracc div.rol {
 font-size: 1em;
 position:absolute;
 color: #555;
 left: 4px;
 top: 40%;  
}

#portal div.user_accesses div.useracc div.murl {
 font-size: 1.2em;
 position: absolute; 
 left: 4px;
 top: 60%; 
 color: #F00;
}


#portal div.user_accesses div.useracc div {
 padding: 8px; 
}

div.doc_items div.docnota { 
 width: 100%;
 color: white;
 background-color: black;
 text-align: center; 
 height: 1.6em;
 font-size:0.9em; 
}


span {
  line-height:1em;   
}

span.item_nom {
  text-align: center; 
}

.blink {
  animation: blink-animation 1s steps(3, start) infinite;
  -webkit-animation: blink-animation 1s steps(3, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

div.comando span.tipo_reporte {
  position:absolute;
  top:6px;
  left:10px; 
  font-size: 0.5em; 
}

div.ttpv_items div.ttpv_items_titu {
  font-size: 0.7em !important; 
}

div.comando span.spec_reporte {
  position:absolute;
  bottom:6px;
  right:10px; 
  font-size: 0.6em; 
  border: 1px solid white; 
}

#arts div.articulo svg {
  width:100%;
  height:100%;
}

#arts div.ttpv_true,#arts div.ttpv_false {
  width: 100%;
  height: 100%; 
}

#arts div.ttpv_false {
  border:none; 
}

#arts div #data_validator {
  width: 100%;
  height: 32%; 
}


#arts div #data_validator label {
font-size: 0.6em;
margin-left:4px; 
}

#arts div.ttpv_concepto {
 width: 70%; 
 height: 73px;  
 margin:2px; 
}

#arts div.ttpv_ref {
 width: 30%; 
 height: 62px;  
 margin:2px;  
 border: 1px solid #888;  
}

#arts div.ttpv_prc {
 width: 12%; 
 height: 62px;  
 margin:2px; 
 border: 1px solid #888;  
}

#arts div.ttpv_codigo {
 width: 30%; 
 margin:2px; 
 height: 62px;  
 border: 1px solid #888;  
}

#arts div.ttpv_candado {
 width: 8.5%; 
 margin:2px; 
 float:left; 
 height: 62px;  
 border: 1px solid #888;  
}

#arts div.ttpv_candado img {
 width: 20px;
 margin:  30%;
}

#arts div.ttpv_imagen  {
   width:  29%;
   height: 200px; 
   float: left; 
   padding: 10px; 
   background-color: #c0c0c0;
   border: none; 
}

#arts div.ttpv_imagen img {
  width: 100%;
  height: 100%;
 border-radius: 10px; 
}

#arts div.ttpv_iva {
 width: 18%; 
 height: 62px;  
 margin: 2px;
 float: left; 
 border: 1px solid #888;  
}

#arts div.ttpv_concepto input,
#arts div.ttpv_ref      input,
#arts div.ttpv_codigo   input,
#arts div.ttpv_prc      input,
#arts div.ttpv_iva      select, 
#arts div.ttpv_buscador input
#arts div.ttpv_buscador input
{
  width: 100%; 
  margin:0px; 
 font-size: 1em; 
}

#arts div.ttpv_concepto ,
#arts div.ttpv_ref      ,
#arts div.ttpv_codigo , 
#arts div.ttpv_prc  
{
 border-color: #BBB; 
 float: left; 
}

#arts div.ttpv_interface 
{
  width:  100%;
  height: 26px;
  background-color: red;   
}

#arts div #data_interface {
  width: 100%;
  height: 8%;  
}

#arts div #data_interface div.ttpv_buscador 
{
  width: 100%; 
  border: none;  
}
#arts div #data_interface div.ttpv_buscador input 
{
  margin: 0px; 
  width: 100%; 
}


#arts div #data_interface  #data_query{
  width: 100%;
  height: 100%;  
  background-color: white;
  font-size: 1.6em;  
}

#arts div #data_interface label {
font-size: 0.6em;
}

#arts  div.ttpv_items {
width: 100%;     
height: 54%;
border:1px solid #888;  
}

#arts  div.ttpv_pags {
width: 100%;     
height: 8%;
border:1px solid black;  
}

div.locked  {
  pointer-events: none; 
}

div.flecha {
 font-size:1.6em !important;  
} 

div.ttpv_items div.ttpv_item {
  width: 100%;
  height: 40px; 
  background-color: silver; 
  border:1px solid black;
  border-width: 1px 0px 0px 0px;  
  overflow:hidden; 
  position:relative; 
}

div.ttpv_items div.ttpv_item p {
 float: left; 
 border: 1px solid black;
 border-width: 0px 0px 0px 1px; 
 font-size: 0.7em; 
 padding: 6px 0px 2px 10px; 
 height: 100%;
 color:black; 
 line-height: 1em;
 pointer-events:none;
 background-color: #F0F0F0; 
 overflow:hidden;  
}

div.ttpv_items div.ttpv_item p span.tiva {
color: #008;  
font-size: 0.8em; 
}
 
div.ttpv_items div.ttpv_item p span.trec {
color: #800;  
font-size: 0.8em; 
}

div.ttpv_items div.ttpv_item p.it_img {
 width: 50px;
 padding:0px; 
 font-size: 0px;
}

div.ttpv_items div.ttpv_item p.it_img img{
 width:100%; 
 height:100%;  
}

div.ttpv_items div.ttpv_item p.it_code {
 width: 140px;
 font-size: 0.55em; 
}

div.ttpv_items div.ttpv_item p.it_nom {
 width: 345px;
}

div.ttpv_items div.ttpv_item p.it_prc {
 width: 73px;
}

div.ttpv_items div.ttpv_item p.it_iva {
 width: 74px;
}




div.ttpv_items div.titu {
height:30px; 
}

div.ttpv_items div.titu p{
background-color: #88F !important;
font-size:0.7em !important; 
}

p.sin_imagen {
  color: #AAA;
}

p.ttpv_counter {
  float: right;
  width: 100px; 
  font-size: 1.2em; 
}

#arts  div.ttpv_pags p.ttpv_pag {
 width: 40px; 
 float: left;  
 height: 100%;
 background-color: white;
 margin-left: 2px; 
 padding:4px 0px 0px 10px;
 border-radius: 4px;
}

div.ttpv_items div.sel p, 

p.pagsel {
  background-color:#A00 !important; 
  color: white; 
}



   div.informe {
         height: 100%;
         background-color: white;
         overflow: auto;
         border:1px solid black;
         border-width: 0px 0px 1px 0px;
       }

       div.informe::-webkit-scrollbar {
        width: 30px;               /* width of the entire scrollbar */
        background-color:#444;
        border-radius: 10px;
      }


      div.informe div.grupo {
          width: 100%;
          clear:both;
          background-color: white;
          color: black;
          font-size: 1em;
       }

      div.informe h1 {
        color: white;
        background-color: black;
        padding: 4px 4px 4px 20px;
        height: 50px; 
        margin:0px; 
        overflow:hidden; 
      }

      div.informe div.S0 {
        background-color: #FFFFC0
      }
      
      div.informe div.S1 {
        background-color: #F0F0C0;
      }
      
      div.informe div.grupo p {
         margin: 0px;
      }

      div.informe div.grupo div.serie_item {
           width: 100%;
           overflow:hidden;
           height: 22px;
           font-size:1.5em; 
           background-color: #FEFEBE;
      }

     div.informe  div.grupo div.serie_item p {
       float: left;
       height: 100%;
       font-size:1.1em;
        line-height: 1em;
       }

       div.grupo  p.titulo {
        clear: both;
        padding: 2px 2px 2px 10px;
       }

       div.grupo  p.titulo_apertura ,
       div.grupo  p.titulo_cierre {
        clear: both;
        padding: 2px 12px 2px 20px;
        text-align: left;
        line-height: 1em;
       }

       div.grupo  p.titulo_apertura {
        border: 1px solid black;
        border-width: 1px 0px 0px 0px;  
       }


       div.informe div.grupo div.serie_item p.cant {
       width: 30%;
       padding: 2px 2px 2px 4px;
       text-align: right;
       }

       div.informe div.ivas div.serie_item p.cant {
         width: 23%;                    
       }

       div.informe div.grupo div.serie_item p.serie {
       width: 40%;
       padding: 2px 2px 2px 14px;
       }

       div.informe div.ivas div.serie_item p.serie {
        width: 25%;  
      }

       div.informe div.grupo div.serie_item p.importe {
       width: 54%;
       padding: 2px 2px 2px 4px;
       text-align: right;
       }
       
       div.informe div.grupo div.serie_item p.importe {
        width: 27%; 
        padding-right:8px; 
       }  

       div.informe div.ivas div.serie_item p.suma {
       width: 25%;
       padding: 2px 2px 2px 4px;
       text-align: right;
       }

       div.informe div.grupo p.titulo {
          font-size: 1.3em;
          color: #005; 
          line-height: 1em;   
          padding-left: 40px;  
          border:1px solid black;
          border-width: 1px 0px 0px 0px;        
       }

       div.informe div.info {
        margin:0px;
        width: 100%;
        border: 1px solid black;
        border-width: 0px 0px 1px 0px;
        height: 80px;
        overflow: hidden;
       }
 
       div.informe div.info p.negocio,
       div.informe div.info p.fecha ,
       div.informe div.info p.intervalo {
        padding: 2px 20px 0px 2px;
        font-size: 1em;
        width: 100%;
        line-height: 1.4em;
        margin:0px;
        text-align: right;
       }

        div.informe div.info p.query {
        padding: 4px 4px 6px 20px;
        font-size: 1em;
        float:left;
        width: 60%;
        margin:0px;
       }

       div.informe div.resume {
         border: 1px solid black;
         border-width: 1px 0px 1px 0px;
       }

       div.informe div.resume div.ritem  {
         max-height: 25px;
         overflow:hidden;
         border-width: 1px 0px 0px 0px;
       }

       div.informe div.resume div.ritem p {
         font-size: 1.4em;
         height: 100%;
       }

       div.informe div.resume div.ritem p.titulo {
         width: 50%;
         padding: 2px 4px 4px 10px;
         float: left;
       }

       div.informe div.resume div.ritem p.valor {
         width: 48%;
         float: right;
         text-align: right;
         padding: 4px 30px 4px 0px;
       }
       
       div.informe div.resume div.ritem p.pd_valor,
       div.informe div.resume div.ritem p.pd_cant,
       div.informe div.resume div.ritem p.pd_titulo
       {
         float: left;
         text-align: right;
         line-height: 1em !important;
         padding: 2px 10px 2px 10px;
         margin:0px !important; 
       }

       div.informe div.resume div.ritem p.pd_titulo{
          width: 40%; 
       } 

       div.informe div.resume div.ritem p.pd_valor{
         width: 30%;  
       }
        div.informe div.resume div.ritem p.pd_cant{
         width: 24%;  
       }
       

       div.informe div.resume  {
        background-color: #FFFFC0;
       }


       div.informe div.consumo_arts div.consumo_item { 
             height: 26px;
             font-size: 1.4em; 
             width: 100%; 
             overflow: hidden; 
       }         

       div.informe div.consumo_arts div.CANCELED p { 
       text-decoration-line: line-through;
       background-color: #FEFEFE; 
       color:red;  
       } 

       div.informe div.consumo_arts div.titulos  { 
       background-color: #DDDDDD; 
       border: 1px solid black;
       border-width: 0px 0px 1px 0px;  
      } 

      div.informe div.consumo_arts div.resumen_top  { 
       background-color: #EDEDED; 
       border: 1px solid black;
       border-width: 1px 0px 0px 0px;  
      } 

      div.informe div.consumo_arts div.resumen_inf  { 
       background-color: #EDEDED; 
       border: 1px solid black;
       border-width: 0px 0px 1px 0px;  
      } 

       div.informe div.consumo_arts div.consumo_item  p {
         float: left; 
         height: 100%; 
       }

       div.informe div.consumo_arts div.consumo_item  p.nom{ 
             width: 50%; 
             padding-left: 4px; 
       }   

       div.informe div.consumo_arts div.consumo_item  p.cant { 
           padding-left:3px;   
           width: 15%; 
       }   
       
       div.informe div.consumo_arts div.consumo_item  p.prc { 
             width: 15%; 
       }   
        
       div.informe div.consumo_arts div.consumo_item  p.stotal { 
             width: 19%; 
             text-align: right;
             padding-right: 6px;
       } 

       div.informe div.grafica_items  div{
          margin:0px;
          padding:0px; 
          height: 40px; 
          font-size: 1.4em;
          color: #808080; 
          overflow: hidden; 
          background-color: #FFE; 
       } 


       div.informe div.grafica_items  div span.total {
          margin-left:10px;
       } 


        div.informe div.grafica_items  div p {
          background-color: #004;
          height: 20px;
       } 

       div.informe div.grafica_resume div {
         margin-top: 20px; 
          background-color: #EEEEAA; 
          text-align: right;
          font-size: 2em;
          padding:4px; 
       }        


       div.listado {
        display: table;   
       } 

       div.listado div.list_titulo {
        background-color: black;
        color: white;  
       }

       div.listado div.list_0 {
         background-color: #FEFEBE; 
       }
      
        div.listado div.item {
        width: 100%;
        display: table-row; 
        height: 40px;
        border: 1px solid black;
        border-width: 1px 0px 0px 0px;   
        overflow: hidden ; 
       }
   
       div.listado div.item p {
       border: 1px solid black; 
       padding: 4px 10px 4px 10px; 
       }

       div.listado div.item p span {
        width:100%;
        display:block;  
      }

       div.listado div.item p.did_fecha {
         width: 120px;  
         border-width: 0px; 
       }

        div.listado div.item p.ap_nombre {
         width:20%; 
         font-size: 1em; 
         border-width: 0px 0px 0px 1px; 
       }
       
        div.listado div.item p.fp_total {
         width: 30%;  
         border-width: 0px 0px 0px 1px; 
       }
       
        div.listado div.item p span.nombre,
        div.listado div.item p span.fecha
        {
          font-size: 0.9em; 
        }

        div.listado div.item p span.ap {
           font-size: 0.9em;
           width: 120px;  
        }

        div.listado div.item p span.fp 
        {
         font-size:0.75em;  
        }

        div.listado div.item p span.did,
        div.listado div.item p span.total
        { 
          font-size: 1.2em; 
        }

        div.listado_resume {
         text-align: right; 
         padding:20px; 
         font-size: 1.2em; 
         background-color:black;
         color: white;   
        }   


       div.listado div p {
          display: table-cell;    
       }
 
      span.AMARILLO {
        color:  yellow !important; 
      }

      span.ROJO {
         color: red !important;    
        }
       
      span.NARANJA {
        color: orange !important; 
      }  

                  
      div.mini_interface p.minter_teclado ,  
      div.mini_interface p.minter_buscador {
       background-color: white;
       color:blue; 
       padding:4px;  
       height: 20px;
       width: 130px; 
       float: right; 
       text-align: center; 
      }


      div.pb-buscador {
       background-color: white;
       border: 1px solid black;
       width: 100%;
       min-height:500px;  
       overflow:hidden;
       padding:0px;  
      }

      div.pb-buscador-paginator {
       background-color: red;
       border: 1px solid black;
       width: 100%;  
       height: 40px; 
       padding:0px;  
      }


      div.pb-buscador input {
       width: 100%;
       font-size: 2em; 
       margin: 0px; 
       color: white; 
       background-color: black !important;
       opacity: 1.0 ; 
      }

      div.pb-buscador div.pb-items div.item {
        clear:both;
        width: 100%;  
        margin:0px;
        padding:0px;  
        height: 34px; 
        border: 1px solid #888888;
        border-width: 1px 0px 0px 0px;  
      }

      div.pb-buscador div.pb-items div.item img,
      div.pb-buscador div.pb-items div.item p {
        float: left; 
        margin:0px; 
        height: 100%; 
        padding: 6px 2px 2px 10px; 
      }

      div.pb-buscador div.pb-items div.item p.imagen, 
      div.pb-buscador div.pb-items div.item img{ 
         width: 10%; 
      }

      div.pb-buscador div.pb-items div.item p.nom {
       width: 60%; 
      }
      
      div.pb-buscador div.pb-items div.item p.tipo {
       width: 29%; 
       background-color: #500;
       color: white;  
      }
      
      div.pb-buscador div.pb-items div.item p.tipo {
        border-radius: 0px 16px 16px 0px; 
      } 

      p.art_nota_nom {
        padding: 2px 2px 2px 30px; 
        pointer-events:none; 
        font-size: 1.4em; 
      }


      div.no_print p{
        color: #A05050 !important; 
      }

     div.proforma {
       position: relative;
     } 

     div.proforma div.ultimo {
       position: absolute;
       z-index:4;
       width: 100%;
       bottom:0px; 
       height: 160px;
       pointer-events: none; 
       background-color: #333333; 
      }
     
     div.proforma div.ultimo p.ultimo_label {
        font-family: lcd;
        font-size: 8em;  
        text-align: right; 
        color: white;  
        text-shadow: 4px 4px 4px black; 
        padding: 0px 20px 20px 0px; 
        margin: 0px; 
     }  

     div.proforma div.ultimo p.ultimo_num {
        font-size: 2em;  
        margin: 0px; 
        color: silver; 
        padding: 0px 0px 0px 20px; 
     }

div.calendario {
  clear: both;
 width: 100%;
 height: 300px;
 background-color: #DDD;  
}


div.MOTORISTAS, 
div.BUSCADORES {
  width: 400px; 
  padding: 20px; 
  font-size: 2em;
  position:absolute; 
  background-color: white; 
  color: black; 
  z-index: 1000; 
  border-radius: 20px; 
  box-shadow: 0px 0px 8px black;
}

div.MENU_ACTIONS {
  width: 400px; 
  padding: 20px; 
  font-size: 2em;
  position:absolute; 
  background-color: white; 
  color: black; 
  z-index: 1000; 
  border-radius: 20px; 
  box-shadow: 0px 0px 8px black;
}

div.MENU_ACTIONS div,
div.MOTORISTAS div, 
div.BUSCADORES div {
 border:1px solid #CCCCCC;
 text-shadow: 2px 2px 6px #707070; 
 border-width: 0px 0px 1px 0px;
}

div.BUSCADORES {
  left: 500px;
  top: 100px; 
}

div.MOTORISTAS {
  left: 30px;
  top: 200px; 
}

td.fp div img {
  width:  100%;
  height: 80%;
  border-radius: 4px; 
  border:4px solid black;
  background-color: black; 
}

@font-face {
  font-family: 'CourierPrime';
  src: url('/fonts/courierprime.ttf'); 
}


div.output_screen {
padding:5px; 
position:relative; 
overflow-y: auto;

height:99%; 
user-select: text;
line-height: 1.8; 
font-family: 'CourierPrime', monospace, sans-serif !important; 
font-weight: bold;
font-style: normal;
}

div.output_screen input {
color: white; 
font-size: 1.3em;
text-shadow: 2px 2px 3px black; 
border: 1px solid #303030;  
}

div.output_screen form div.input_command {
  height: auto; 
  overflow-x: hidden;
  background-color:#202020;
  resize: vertical;
  overflow-y:auto; 
   word-break: break-word;
}

div.output_items div.item {
  text-shadow: rgba(0, 0, 0, 0.8) 
}

div.output_screen form div.input_command input {
  width: 70%;
  border:none;
}

div.output_screen form div.input_command p,
div.output_screen form div6.input_command input
{
  float: left; 
}

div.output_screen form div.input_command p.prompt {
float:left;      
max-width: 29%;
}

div.output_progress {
  height: 4px;
  width: 100%;
  background-color:#448; 
} 

div.output_progress p {
  height: 100%; 
} 



div.output_screen div.separador 
{
  height: 200px; 
  width: 100%; 
}  

div.output_screen div.cerrar { 
 width: 100%;
 text-align: left; 
}

div.output_screen div.item {
 width: 100%;  
}

div.output_screen p.titulo {
padding: 0px; 
line-height: 30px;
margin:4px; 
}

div.disabled * {
 color: #AAAAAA !important;  
 text-shadow: none;
}

div.xmlblock h3 {
font-size: 2em; 
margin:0px;   
}


div.C4X2 span.mesa_info_tel {
 position:absolute;  
 width: 100%;
 top: 2px; 
 padding:2px; 
 font-size: 1.2em; 
 max-height:  40px; 
 overflow: hidden;
}

div.C4X2 span.mesa_info_nom {
position:absolute; 
top: 35px;
left: 0px; 
font-size: 1.6em; 
padding: 2px 4px 2px 4px;   
}

div.C4X2 span.mesa_info_importe {
position:absolute; 
bottom: 0px;
right: 0px; 
font-size: 2.2em;   
z-index: 10; 
background-color: white;
width: 100%;
text-align: right;
padding: 4px; 
border: 2px solid black; 
border-width: 2px 0px 0px 0px; 
}

div.C4X2 span.mesa_info_stat {
position:absolute; 
top: 35px;
right: 10px; 
font-size: 1em;   
}

div.C4X2 span.mesa_info_tari {
position:absolute; 
top: 50px;
right: 10px; 
font-size: 1em;   
}

div.mesa_info_darts { 
   top: 65px;
   left: 0px; 
   position:absolute !important; 
   display:table !important; 
   height: 100px !important;
   border: 0px !important;
   border-radius: 0px !important; 
   pointer-events: none !important;
   background-color: transparent !important;
   box-shadow: none;
}

div.mesa_info_darts div {
   display:table-row !important; 
   margin:0px; 
   height: 16px !important; 
   overflow: hidden !important; 
   border: 1px solid #AAA !important;
   border-radius: 0px !important; 
   pointer-events: none !important;
   background-color: transparent !important;
   box-shadow: none;
} 

div.mesa_info_darts div div {
  display:table-cell !important; 
  margin:0px;
  font-size: 1em;  
   border: 0px;
   line-height: 1em !important;
   padding: 2px 4px 2px 4px; 
   border-radius: 0px !important; 
   pointer-events: none !important;
   background-color: transparent !important;
   text-shadow: none; 
   box-shadow: none;
     hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   vertical-align: middle;
} 

div.mesa_info_darts div span.canceled {
   height:4px;
   background-color: red;
   width:80%; 
} 

div.creator h1 {
  padding: 10px; 
  margin:0px; 
}

div.calendario_art {
     font-family: 'Courier New', Courier, monospace;
     margin-top: 30px !important; 
     background-color: transparent !important; 
     width: 70% !important; 
     border:none !important;
     box-shadow: none !important;
     pointer-events: none;
}

div.calendario_art span {
     display:block; 
}

div.articulo div.fichas_encargado, 
div.articulo div.fichas {
  display:block !important; 
  background-color: transparent;
  font-size: 1.5em; 
  border:none;
  text-shadow: none;
  box-shadow: none;
  padding-top:10px;  
}

div.articulo div.fichas {
  pointer-events: none;
} 

div.articulo div.fichas  p em.TRABAJO {
  color: blue; 
  padding:4px; 
}

div.articulo div.fichas_encargado  p  {
  color:#600000;
  padding:0px;
  line-height: 1em; 
  max-height: 20px;
}

div.articulo div.fichas_encargado  p em.TRABAJO {
  color: red;
}

div.articulo div.fichas_encargado  p em.FICHADO {
  color: orange;
}

div.articulo div.fichas_encargado  p em.cal {
  margin-top:2px; 
  color: #AAA;
}

div.articulo div.fichas_encargado  p em.FICHADOcal {
  color: #A88;
}

div.articulo div.fichas_encargado  p em.TRABAJOcal {
  color: #A88;
}


div.articulo div.fichas  p em.FICHADO {
  color: #009500;
  padding: 2px;
}

div.articulo div.fichas_encargado  p emp.FICHADO {
  color: red;
  font-size: 1.6em;  
}


div.calendario {
 height: 100%; 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em;
}

div.calendario div.interface {
  width:100%;
  height: 10%;
  background-color: #CCCCCC; 
}


div.calendario table {
 background-color: #EEEEEE; 
 height: 90%; 
 table-layout: fixed;
 width: 100%; 
}

div.calendario table th{ 
padding: 4px 4px 2px 20px; 
}
div.calendario table td{
  border: 1px solid #A0A0A0; 
  width: 100px; 
  padding: 10px; 
  white-space: nowrap;
  overflow:hidden; 
}

div.calendario table td.otro {
color: #AAAAAA; 
}

div.calendario table td.hoy {
color: white; 
background-color: #014;
}

div.calendario table td.hay {
color: white; 
background-color: #808099;
}

div.interface_agenda {
  overflow: hidden; 
  padding: 0px; 
}

div.interface_agenda form{
   height: 100%;
}

div.interface_agenda span.titulo {
float: left; 
padding: 20px; 
font-size: 2em; 
}
 
div.interface_agenda form input {
   float: right; 
}

div.doc_agenda {
 background-color: #FFFECC; 
 color: black; 
 height: 100%;
 padding: 20px;  
} 

div.doc_agenda p.docitem {
  padding: 0px;
  margin:0px;
  font-size: 1.8em;  
  border: 1px solid black;
  border-width: 0px 0px 1px 0px; 
}




div.publicidad { 
  width: 100%; 
  height: 100%; 
}

div.publicidad img { 
  width: 100%; 
  height: 100%; 
}




div.buscador_codigos {
  background-color: white !important;
  box-shadow:0px 0px 8px black;
  position: absolute;
  left: 200px;
  top: 100px; 
  padding:0px; 
  display:table; 
  left: 2px;
  top: 200px; 
  z-index: 12; 
  font-size: 2em;
  width:  500px;
}

div.buscador_codigos div.item {
   width: 100%;
   height: 100px !important; 
   position:relative; 
   border: 1px solid;
   line-height: 2em;
   display:table-row;
   background-color:rgba(10, 10, 10, 0.05);  
}

div.buscador_codigos div.item div.code {
 background-color: #F0F0F0;
 width: 200px;
 height: 100%;
 font-size: 1.5em;
 padding: 4px;
 display:table-cell;  
 border: 1px solid #AAAAAA; 
} 

div.buscador_codigos div.item div.nombre {
 background-color: #F0F0F0;
 width: 374px;
 font-size: 1.2em;
 height:100%;
 padding:2px 4px 2px 4px; 
 display:table-cell;  
 border: 1px solid #AAAAAA; 
} 

div.cliente_editor {
background-color: #EEEEEE; 
padding: 10px;
height:100%;
position:relative; 
}


div.cliente_editor div {
border: none; 
margin: 0px;
padding: 0px;
}

div.cliente_editor div input {
  margin:4px; 
}

div.cliente_editor label { 
font-size: 1.1em;
}

div.cliente_editor input {
font-size: 1.5em; 
}

div.minicom_inter {
 clear: both; 
 height: 60px; 
 padding-right: 30px !important; 
}

button.cmd {
    float: right; 
    margin: 10px;
} 
h2 {
  line-height: 1em;
}
span.validation {
  position: absolute;
  right: 20px;
  top: 10px;  
}

p.super_error {
  background-color: red; 
  color: white; 
  margin: 0px; 
  text-align: center; 
  font-size: 1.5em; 
  padding: 2px;
}

div.chat_screen {
padding:20px; 
overflow: auto;
height:70%;  
width: 100%;
opacity: 0.9; 
bottom: 80px; 
position: absolute; 
left: 0px; 
z-index: 100;
background-color: #000;
font-size: 1.5em; 
border: 4px solid black; 
}

div.chat_screen input {
color: black; 
font-size: 1.3em;
border: 1px solid #303030;  
}

div.chat_screen form div.input_command {
  height: 40px; 
  overflow:hidden; 
}

div.chat_screen form div.input_command input {
  width: 80%;
  border:none;
}

div.chat_screen form div.input_command p,
div.chat_screen form div.input_command input
{
  float: left; 
}

div.chat_screen div.separador 
{
  height: 200px; 
  width: 100%; 
}  

div.chat_screen div.cerrar { 
 width: 100%;
 text-align: left; 
}

div.chat_screen p.titulo {
padding: 0px; 
line-height: 30px;
margin:4px; 
}



div.ESTILO1 {
font-family: Mansalva;    
}

div.ESTILO2 {
font-family: Chalkdust;    
}
div.ESTILO3 {
font-family: Mansalva;    
}
div.ESTILO4 {
font-family: Orbitron;    
}

div.ESTILO5 {
font-family: Slackey;    
}

div.ESTILO6 {
font-family: SonsieOne;    
}

div.ESTILO7 {
font-family: AudioWide;    
}

div.ESTILO8 {
font-family: Vascan;    
}


div.ESTILO9 {
font-family: Sriracha;    
}
div.ESTILO10 {
font-family: BlackOpsOne;    
}

div.ESTILO11 {
font-family: AbrilFat;    
}

div.ESTILO12 {
font-family: SpaceGrotesk;    
}

div.ESTILO13 {
font-family: Raleway;    
}

div.ESTILO14 {
font-family: Goldman;    
}

div.ESTILO15 {
font-family: KronaOne    
}

div.ESTILO16 {
  font-family: 'Roboto';
}

div.ESTILO17 {
  font-family: 'RampartOne';
}

div.ESTILO18 {
  font-family: 'RubikDirt';
}

div.ESTILO19 {
  font-family: 'GoblinOne';
}

div.ESTILO20 {
  font-family: 'FontdinerSwanky';
}  


div.ESTILO2  div.total,
div.ESTILO1  div.total,
div.ESTILO20 div.total,
div.ESTILO15 div.total,
div.ESTILO8 div.menu_items,   
div.ESTILO8 div.total {
 font-family: Roboto;  
}

div.ESTILO20 div.menu_items,
div.ESTILO19 div.menu_items,
div.ESTILO18 div.menu_items,
div.ESTILO17 div.menu_items,
div.ESTILO15 div.menu_items,
div.ESTILO10 div.menu_items,
div.ESTILO14 div.menu_items,
div.ESTILO11 div.menu_items,
div.ESTILO9 div.menu_items,
div.ESTILO7 div.menu_items,
div.ESTILO6 div.menu_items,
div.ESTILO2 div.menu_items,
div.ESTILO5 div.menu_items,
div.ESTILO4 div.menu_items,
div.ESTILO3 div.menu_items,
div.ESTILO1 div.menu_items {
  font-family: Ubuntu;   
} 


div.publivisor p.sin {
  background-color: rgba(0,0,0,0.0);
}

textarea {
  font-size: 1.8em; 
  height: 200px; 
  background-color: #FFFFEE;
  border: 2px solid black;
  width: 98%; 
}

textarea:focus {
  background-color: #FFFFAA;
}

div.minicom_alta textarea   {
  height: 400px; 
}

div.ayuda {
  width: 100%;
  height: 100%; 
  font-size: 2em; 
  padding: 10px; 
  background-color: #000;
  overflow: auto;  
}

div.ayuda div {
  display: block; 
} 

div.ayuda div.media img {
  margin-left: auto; 
} 


div.ayuda div.grande img {
  width: 80%; 
  margin-left: 10%;   
}

div.ayuda {
  background-color: black;
  color: #c0c0c0; /* Color de texto general */
  padding: 20px;  /* Agregado para dar un poco de espacio interno al div */
}

div.ayuda h1 {
  color: white;
  font-size: 2em;
}

div.ayuda h2 {
  color: cyan; /* Color naranja */
}

div.ayuda a {
  color: #00BFFF; /* Color azul claro */
  text-decoration: none;
}

div.ayuda a:hover {
  text-decoration: underline;
  color: #1E90FF; /* Color azul ligeramente más oscuro al pasar el ratón */
}

div.ayuda pre {
  background-color: #2e2e2e; /* Fondo gris oscuro */
  border: 1px solid #444; /* Borde fino y ligeramente más claro que el fondo */
  padding: 10px;
  border-radius: 3px; /* Bordes redondeados */
  overflow-x: auto; /* Para que haya desplazamiento horizontal si el código es muy largo */
}

div.ayuda code {
  font-family: "Courier New", monospace; /* Fuente de estilo monoespaciado */
  color: black; /* Color de texto claro para contrastar con el fondo oscuro */
}


div.ayuda blockquote {
  border-left: 3px solid #FFD700; /* Borde dorado */
  padding-left: 10px;
  color: white; /* Gris más claro para la cita */
  font-style: italic;
}


div.ayuda img {
  max-width: 100%;
  border: 2px solid #333333; /* Borde para que las imágenes destaquen un poco */
}

div.ayuda div.normal p img {
  width: 100%; 
}

div.ayuda strong {
  color: white;
}

div.ayuda li {
  line-height: 1.5;
}

/* Establecer contadores */
/* Establecer contadores */
ul {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}

li {
  position: relative;
}

/* Estilo y numeración para elementos principales (Título) */
ul > li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0px;
  color: cyan;
}

ul > li {
  padding-left: 1.5em; /* Reducido para los ítems de primer nivel */
}

/* Estilo y numeración para subelementos (subitem) */
ul > li > ul {
  counter-reset: subitem;
  list-style-type: none;
}

ul > li > ul > li::before {
  counter-increment: subitem;
  content: counter(item) "." counter(subitem) " ";
  position: absolute;
  left: -30px;
  color: cyan;
}

ul > li > ul > li {
  padding-left: 0.5em; /* Aumentado para los subítems para evitar la superposición */
}


/* Ajustar margen y relleno para los ítems y subítems */
.disco ul, .disco li {
  margin: 4px;
  padding-left: 1em;
}

/* Ajustar la altura de línea si es necesario */
.disco li {
  line-height: 1.2; /* Ajusta este valor según tus necesidades */
}

/* Estilo específico para subítems dentro de un div con la clase 'disco' */
.disco ul > li > ul > li::before {
  content: "•"; 
  color: cyan; 
  position: absolute;
  left: -16px; /* Ajuste para la posición del disco */
}

.disco ul > li > ul > li {
  padding-left: 0.5em; /* Ajuste para el inicio del contenido del subítem */
}

/* Estiliza la barra de desplazamiento vertical */
div::-webkit-scrollbar {
  width: 12px; /* Ancho de la barra de desplazamiento (8px es aproximadamente el ancho por defecto) */
}

/* Estiliza el pulgar (la parte móvil) de la barra de desplazamiento */
div::-webkit-scrollbar-thumb {
  background-color: #777; /* Color del pulgar */
  border-radius: 4px; /* Bordes redondeados */
}

/* Estiliza el pulgar al pasar el ratón por encima */
div::-webkit-scrollbar-thumb:hover {
  background-color: #AAA; /* Color más oscuro para el pulgar al pasar el ratón por encima */
}

/* Estiliza la pista (la parte inmóvil) de la barra de desplazamiento */
div::-webkit-scrollbar-track {
  background: #444; /* Color de fondo de la pista */
  border-radius: 4px; /* Bordes redondeados */
}

textarea {
  white-space: nowrap; /* No ajusta las palabras */
  overflow-x: auto; /* Añade barras de desplazamiento horizontales si es necesario */
}

label {
 margin: 0px;  
}

div.inkopia {
  height: 100%; 
  padding: 10px; 
  background-color: black;
  color: white; 
  font-size: 1.5em; 
  overflow: auto; 
}

div.inkopia {
  height: 100%; 
  padding: 10px; 

}

div.inkopia_progress {
  position:absolute !important;
  bottom: 0px !important;
  left: 0px !important;
  height: 6px !important;
  width: 100% !important;
  border:0px !important;  
}

span.transferred {
  bottom: 2px; 
  right: 10px;
  font-size: 1.2em; 
  padding:2px 4px 2px 4px; 
  background-color:#202070; 
  color:#DDDDFF; 
  text-shadow:1px 1px 2px black; 
  border-radius: 4px;
  position:absolute !important;
}

span.inkopia_fecha {
  top: 2px; 
  left: 35%;
  font-size: 0.8em; 
  color: #404040; 
  position:absolute !important;
}

span.inkopia_ink {
  top: 3px; 
  left: 4%;
  font-size: 1em; 
  position:absolute !important;
}

span.inkopia_grupo {
  top: 40%; 
  left: 4px;
  font-size: 0.7em; 
  position:absolute !important;
}

span.inkopia_ip {
  top: 22%; 
  left: 40%;
  font-size: 0.7em; 
  position:absolute !important;
}

span.inkopia_base {
  top: 40%; 
  right: 6px;
  font-size: 1em; 
  position:absolute !important;
}

span.inkopia_status {
  top: 17%; 
  right: 6px;
  font-size: 1em; 
  position:absolute !important;
}

span.subiendo {
  color: #602000; 
} 

span.enviado {
  color: #008000; 
} 

span.error {
   color: white; 
   background-color: red; 
   text-shadow: 1px 1px 2px black;
  padding: 1px 2px 1px 2px;
}

span.ok {
  color: white;
  padding: 0px 2px 0px 2px;
  background-color: black; 
}

span.espera {
  color: #000090; 
}


 div.inkopia_st_ok ,
 div.inkopia_st_error ,
 div.inkopia_st_cola  ,
 div.inkopia_st_enviado 
 {
   clear:both; 
 }

 div.inkopia_st_ok p ,
 div.inkopia_st_error p ,
 div.inkopia_st_cola p ,
 div.inkopia_st_enviado p
 {
  color: white; 
  padding: 2px 4px 2px 4px; 
  border-radius: 4px; 
  text-shadow: 1px 1px 2px black;
  float:left; 
  margin: 1px;
  font-size: 0.6em; 
}

div.inkopia_st_ok p {
  background-color: #008000; 
}

div.inkopia_st_error p {
  background-color: #800000; 
}

div.inkopia_st_cola p {
  background-color: #000080;  
} 

div.inkopia_st_enviado p {
  background-color: #900090;  
}