/***
HOJA DE ESTILOS PARA SISTEMA DE TICKETS ***/

@charset "utf-8";



 @font-face {
    
	font-family: 'OpenSansLight';    
	src: url('../fonts/OpenSans-Light-webfont.eot');    
	src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),         
		 url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
		 url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),         
		 url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    
	font-family: 'OpenSansRegular'; 
	src: url('../fonts/OpenSans-Regular-webfont.eot');    
	src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),         
		 url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
		 url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
   
	font-family: 'OpenSansBold';    
	src: url('../fonts/OpenSans-Bold-webfont.eot');   
	src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),        
		 url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),         
		 url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),         
		 url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); 
		  
	font-weight: normal;
	font-style: normal;
}
.bg-titulos {
    background-color: #566573 !important; /* color gris oscuro */
}

.bg-botonera {
    background-color: #d5d8dc !important; /* color gris */
}
.bg-blanco {
    background-color: #fdfefe !important;
}

.bg-amarillo {
    background-color: #F1F5C1 !important;
}

.bg-verde {
    background-color: #d4efdf !important;
}

.bg-rosa {
    background-color: #f2d7d5 !important;
}

.bg-celeste {
    background-color: #d4e6f1 !important;
}

.bg-gris {
    background-color: #d5d8dc !important;
}

.bg-naranja {
    background-color: #f6ddcc !important;
}
.bg-lila {
    background-color: #D6BFDB !important;
}
.bg-azul {
    background-color: #6287B5 !important;
}

.btn-buscar {
    background-color: #34495e; /* o tu azul personalizado */
    color: white;
    border-radius: 50px;
    padding: 0.375rem 1rem;
    border: none;
}

.grid-header-light th {
    background-color: #edbb99; /* Gris muy claro */
}

.bg-busqueda {
    background-color: #eaecee !important; /* color gris sutil */
}
input[type="checkbox"] + span {
    display: none;
}
label, .form-label, .asp-label {
    color: #000 !important;
}
body {
    font-family: Gotham, sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
    background-image: url(../images/bg_body_Genesys.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    overflow: visible;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    padding-bottom: 15px;
}

*/.checkbox, .radio {
    padding: 0 5px 0 0;
    background: no-repeat;
    display: block;
    clear: left;
    float: left; 
    font-family: Arial, Geneva, sans-serif;
    font-size: 15px;
    border: 1px solid #bbbbbb;
    text-align: left;
    vertical-align: top;
    padding: 3px 5px;
    margin-left: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000000; 
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    background-color: #E4E4E4;
}
.auto-shrink {
    width: fit-content;
    min-width: 80px;
    padding-right: 2rem; /* deja espacio para el ícono de la flechita */
}
.img-thumbnail {
    max-height: 20px;
    background-color: transparent;
}
/* TABLA DE FILTROS */
.tabla-gral td
{
    /*vertical-align: middle;*/
}
.tabla-gral td input
{
    vertical-align:middle;
}
/* HEADER */
.tituloProducto {
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #FFFFFF;
    text-wrap: none;
    background-color: #003E5B;
}
.titulo1 {
    font-family: Arial, OpenSansLight, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-wrap: none;
}
.subtitulo1 {
	font-family: OpenSansLight, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
}
.subtitulo2 {
	font-family: OpenSansLight, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
    margin-left: 10px;
}
.subtitulo3 {
	font-family: OpenSansLight, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.titulo2 {
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    color: #006291;
    text-wrap: none;
    background-color: #CCCCCC;
}
.campo-texto, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border-style: none;
    font-family: Arial, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #bbbbbb;
    text-align: left;
    vertical-align: middle;
    padding: 3px 5px;
    margin-left: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}
::selection {
	color: white;
	background: #f28504; /* Safari */
	}
::-moz-selection {
	color: white;
	background: #f28504; /* Firefox & chrome */
}
.campo-busc {
    border-style: none;
    font-family: Arial, Geneva, sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #000000;
    background-color: #99B1B9;
    text-align: left;
    vertical-align: middle;
    padding-right: 3px;
    padding-left: 3px;
    margin-left: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ddlGenesys {
    border-style: solid;
    border-width: 1px;
    width: auto;
    border-radius: 0px;
    border-color: #FFFFFF;
    box-shadow: none;
    position: relative;
    background-color: #000000;
    color: #FFFFFF;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    vertical-align: middle;
    font-size: small;
    -ms-border-style: solid;
    -ms-border-width: 1px;
    -ms-width: auto;
    -ms-border-radius: 0px;
    -ms-border-color: #FFFFFF;
    -ms-box-shadow: none;
    -ms-position: relative;
    -ms-background-color: transparent;
    -ms-color: #FFFFFF;
    -ms-font-family: Verdana, Geneva, Tahoma, sans-serif;
    -ms-vertical-align: middle;
    -ms-font-size: small;
    -webkit-border-style: solid;
    -webkit-border-width: 1px;
    -webkit-width: auto;
    -webkit-border-radius: 0px;
    -webkit-border-color: #FFFFFF;
    -webkit-box-shadow: none;
    -webkit-position: relative;
    -webkit-background-color: transparent;
    -webkit-color: #FFFFFF;
    -webkit-font-family: Verdana, Geneva, Tahoma, sans-serif;
    -webkit-vertical-align: middle;
    -webkit-font-size: small;
}
.ddlx {
    border: 0px solid #ccc;
    width: auto;
    overflow: hidden;
    border-radius: 0px;
    padding: 0px;
    background: #fff url("../Images/abajo.png") no-repeat 76% center;
    position: relative;
}
.ddlx select {
    margin: auto;
    padding: 5px 8px;
    width: auto;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    vertical-align: middle;
    cursor: pointer;
}
/*.label1 {
    font-family: sans-serif, Arial, Geneva;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    vertical-align: middle;
    margin-left: 6px;
}
.labeldato {
    font-family: Arial, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #4c4e4c;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.labelTotalGrid {
    padding: 5px;
    border-width: 5px;
    font-family: sans-serif, Arial, Geneva;
    font-size: large;
    font-weight: bold;
    color: #000066;
    vertical-align: middle;
    margin-left: 6px;
    background-color: #95B8DB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
*/.texto1 {
    font-family: Arial, Geneva, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    vertical-align: middle;
    margin-left: 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tit-texto {
    font-family: Arial, Geneva, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    vertical-align: middle;
}
.texto-check label {
    font-family: Arial, Geneva, sans-serif;
    font-size: 12px !important;
    font-weight: normal;
    color: #000000;
    vertical-align: middle;
    display: block;
    float: left;
    padding-bottom: 3px;
    text-align: right;
    margin-left: 6px;
}
.texto-check input {
    vertical-align: middle;
}

.texto-radio label {
    border-width: 3px;
    font-family: Arial, Geneva, sans-serif;
    font-size: 12px !important;
    font-weight: normal;
    color: #000000;
    vertical-align: middle;
    display: block;
    float: left;
    padding-bottom: 3px;
    text-align: left;
    right: auto;
    padding-right: 3px;
    white-space: nowrap;
}
.texto-radio input {
    vertical-align: middle;
    padding-bottom: 3px;
    float: left;
}
.normal
{ 
    background-color: #f9f9f9;
}
 .button {
    background-color: #ACC8B6; /* Green */
    border: none;
    color: #000000;
    padding: 5px 8px 5px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
   font-size: 16px;
    margin: 5px 4px 6px 4px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}       
.button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.datonovalido {
    background-color: #FFFFFF;
    font-size: x-small;
    color: #FF0000;
    font-weight: bold;
    font-family: 'Arial Narrow';
    text-align: left;
    padding: 3px 5px;
    margin-left: 2px;
}


.banda-gris1 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	vertical-align: middle;
	background: url(../images/back_grid.jpg) repeat-x left top;
    padding:3px 6px;
}

.banda-gris2 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	vertical-align: middle;
    background-color: #666;	
	background-image: url(../images/back_grid.jpg);
    background-position: left top;
    background-repeat: repeat-x;
	padding:3px 6px;
}

.banda-verde3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background-color: #81aa00;
	text-align: left;
	vertical-align: middle;
	padding:3px 6px;
}

.banda-verde1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #484948;
	background-color: #d2eeb7;
	text-align: left;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
}

.banda-verde2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #484948;
	background-color: #cee09d;
	text-align: left;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.banda-azul1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background-color: #3f91b0;
	text-align: left;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.banda-azul2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #484948;
	background-color: #90c0d2;
	text-align: left;
	vertical-align: middle;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.banda-azul3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #484948;
	background-color: #b6deed;
	text-align: left;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.banda-roja1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #484948;
    text-align: left;
    vertical-align: middle;
    padding-top: 6px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    background-color: #f0f0f0; /*background-color: #d9e8d7;*/
}
.banda-roja1 td,
.banda-roja2 td
{
    padding: 2px 6px;
}
.banda-roja2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #484948;
	background-color: #f0e1e1;
	text-align: left;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.texto2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.texto-rojo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #d51b12;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.texto-blanco {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
.banda-gris3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #D51B12;
	background-color: #F2F3EE;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
}
a.menu-bla11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-bla11:hover {
	color: #7CC6EB;
}
.marco
{
    padding: 4px;
    border: 1px none #bababa;
    overflow: auto;
}

/*GRILLA */
.Grid img
{
   border-radius: 12px;	-webkit-border-radius:12px;   -moz-border-radius: 12px;
    height:24px;
    width: 24px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.5);
box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.GridHeader {
    color: #666666;
    top: expression(this.offsetParent.scrollTop - 2);
    font-size: 12px;
    font-family: Arial, OpenSansLight, Helvetica, sans-serif;
    border: medium none #000000;
    font-weight: bold;
    line-height: 20px;
}


/* Bordes Redondeados */
tr.GridHeader td:first-child { 
border-top-left-radius: 6px;	-webkit-border-top-left-radius: 6px;   -moz-border-top-left-radius: 6px;
border-bottom-left-radius: 0px;	-webkit-border-bottom-left-radius: 0px;   -moz-border-bottom-left-radius: 0px; border-collapse: separate; }
tr.GridHeader td:last-child { 
border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px;   -moz-border-top-right-radius: 6px;
border-bottom-right-radius: 0px;	-webkit-border-bottom-right-radius: 0px;   -moz-border-bottom-right-radius: 0px;  border-collapse: separate;}


.GridHeader td {
    padding: 3px 6px;
    font-family: Arial, OpenSansLight, Helvetica, sans-serif;
    background-color: #F4F4F4;
    height: 20px;
}
.GridHeader a {
    color: #666666;
    text-decoration: none;
}

.GridHeader	a:hover
{
    color: #ccc;
    text-decoration: none;	

}.GridRow	
{
    color: #000000;	
    background-color: #FFFFFF;	
    font-weight: normal;	
    font-size: 12px;
}
.GridAlternateRow	
{
    color: #000000;	
    background-color: #FFFFCC;	
    font-weight: normal;	
    font-size: 12px;
}

/* GRID GENERAL */

.Marco .Grid 
{
    width: 100%;
}
.Grid 
{
    border:none!important; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
.Grid td
{
    padding: 3px 6px;
    border-bottom: 1px solid #999; 
    border-left: none; 
    border-right: none;  

}

.pie {
    font-family: Arial, OpenSansLight, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-wrap: none;
    background-color: #666666;
}


.DropDownDisabled, input[disabled], select[disabled], textarea[disabled] {
    cursor: not-allowed;
    color: #000000;
    background-color: #f0f0f0;
}
input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
}

 
.Col1_1 {
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col1_2 {
    background-color: #B0BEAB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col1_3 {
    background-color: #FBE19D;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col1_4 {
    background-color: #CE7F86;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col1_5 {
    background-color: #F4F0CB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col1_6 {
    background-color: #DED29E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col1_7 {
    background-color: #B7C688;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col1_8 {
    background-color: #8EA3AE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col1_9 {
    background-color: #D0C8C2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col1_10 {
    background-color: #A19288;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col1_11 {
    background-color: #C8E2EB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col1_12 {
    background-color: #76A4D1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col1_13 {
    background-color: #CE8682;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.Col2_1
{
    background-color: #FFAE5E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col2_2
{
    background-color: #FFCD9B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col2_3
{
    background-color: #FFE9D2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Col2_4
{
    background-color: #FFF9F2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ColA_1 {
    background-color: #BC6F63;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ColA_2 {
    background-color: #6BBC76;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ColA_3 {
    background-color: #7D7AB8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ColA_4 {
    background-color: #AE574A;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ColA_5 {
    background-color: #999999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* AGREGADOS */

.fl-left{
    float: left;
}
.fl-right {
    float: right;
}
.header{
    padding: 0;
	/*background-image: url(../images/fondo-header2.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #3c83b7;*/
}
.logo-header{
    padding: 0 5px 10px 10px;
	/* background-color: #005689;*/
}
.tit-header{
    margin-top: 10px;
    margin-left: 20px;
 }
.tit-header2{
    padding: 3px 3px 3px 30px;
    text-align: left;
    color: #ffffff;
    height: 31px;
 }
.boton-abm{
    padding: 0;
    height: 49px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.referencias{
    padding: 0;
    margin:15px 0 10px 0;
}
.referencias td{
    padding: 3px 5px;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
	font-family: Arial, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
    color: #4c4e4c;
}
.referencias td:first-child { 
border-top-left-radius: 6px;	-webkit-border-top-left-radius: 6px;   -moz-border-top-left-radius: 6px;
border-bottom-left-radius: 6px;	-webkit-border-bottom-left-radius: 6px;   -moz-border-bottom-left-radius: 6px; border-collapse: separate; border-left: 1px solid #bbb;}
.referencias td:last-child { 
border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px;   -moz-border-top-right-radius: 6px;
border-bottom-right-radius: 6px;	-webkit-border-bottom-right-radius: 6px;   -moz-border-bottom-right-radius: 6px;  border-collapse: separate;}

/* CLASES PARA FORMS */

/*table.form1  {
    margin: 2;
}
table.form1 td {
    border-bottom: 2px solid #dbdbdb;
    padding: 4px 10px;
}
table.form1 td.label01 {
    text-wrap: none;
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
    color: #4c4e4c;
    width: 150px;
}

table.form2  {
    margin: 0 0 0 5px;
}
table.form2 td {
    padding: 4px 10px;
}
table.form2 td.label01 {
    text-wrap: none;
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
    color: #4c4e4c;
    width: 150px;
}
*//* VARIOS GENERALES AND FIXES */
.margin-left-10{
    margin-left: 10px;
}
.margin-left-20{
    margin-left: 20px;
}
.margin-right-10{
    margin-right: 10px;
}
.margin-bot-10{
    margin-bottom: 10px;
}
.margin-bot-5{
    margin-bottom: 5px;
}
.margin-top-10{
    margin-top: 10px;
}

.margin-top-20{
    margin-top: 20px;
}
.padding-top-20{
    padding-top: 20px;
}
.padding-top-5{
    padding-top: 5px;
}
.padding-bot-5{
    padding-bottom: 5px;
}
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.Marco{
    width: 100%;
}
.separador{
    border-top: 2px dotted #999999!important;
    height: 15px;

}
.box1 {
    height: auto;
    padding: 0 0 10px 0;
    margin: 10px 0px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #bbbbbb;
    background-color: #f0f0f0;
}
.box2
{
    height: auto;
    padding: 0 0 10px 0;
    margin: 10px 0px;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #bbbbbb;
    background-color: #F9F9F9;
}
.boxG
{
  height:auto;
  padding:0 0 0px 0 ;
  margin: 10px 0px;
		  position:relative;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
		  
	   	 border-radius: 4px;
 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
   border: 1px solid #bbbbbb;  
background-color: #f0f0f0;  
}
.boxGI {
    height: auto;
    padding: 10 0 10px 0;
    margin: 10px 0px;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #bbbbbb;
    background-color: #D8E4F1;
    text-align: center;
}
.tituloseccion {
    margin: 1px 1px 1px 5px;
    font-family: Arial, OpenSansLight, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    text-wrap: none;
    text-transform: uppercase;
    height: 24px;
    /*word-spacing: 1em;*/
    background-color: #808080;
    text-align: left;
    padding-left: 5px;
}
/* Sólo afecta las fotos base64 de usuarios */
.img-usuarios img[src^="data:image/"] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover; /* recorta al cuadrado sin deformar */
    vertical-align: middle;
    margin-right: 6px;
}
#cabeceraComun {
    display: flex;
    align-items: center;
    min-height: 70px;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

    #cabeceraComun .row {
        width: 100%;
        align-items: center;
    }

    #cabeceraComun h3 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
/* =========================================================
   3) TREEVIEW (prefijo TreeG)
   ========================================================= */
/* Contenido inline del nodo */
[id*="TreeG"] .n-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-left: 8px;
}
/* Ícono */
[id*="TreeG"] .n-ico {
    font-size: 16px;
    opacity: .9;
}
/* Badge compacto */
[id*="TreeG"] .n-badge {
    display: inline-block;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid transparent;
}
/* Texto */
[id*="TreeG"] .n-text {
    font-weight: 500;
}

/* Borde por nivel */
[id*="TreeG"] .n-root {
    border-left: 4px solid #6c757d;
}

[id*="TreeG"] .n-1 {
    border-left: 4px solid #2e7d32;
}

[id*="TreeG"] .n-2 {
    border-left: 4px solid #1565c0;
}

[id*="TreeG"] .n-3 {
    border-left: 4px solid #ef6c00;
}

/* Paleta para badges por nivel */
[id*="TreeG"] .n-badge.n-root {
    background: #f1f3f5;
    color: #495057;
    border-color: #dee2e6;
}

[id*="TreeG"] .n-badge.n-1 {
    background: #e8f5e9;
    color: #2e7d32;
    border-color: #a5d6a7;
}

[id*="TreeG"] .n-badge.n-2 {
    background: #e3f2fd;
    color: #1565c0;
    border-color: #90caf9;
}

[id*="TreeG"] .n-badge.n-3 {
    background: #fff3e0;
    color: #ef6c00;
    border-color: #ffcc80;
}

/* Alineación general del renglón */
[id*="TreeG"] td, [id*="TreeG"] span, [id*="TreeG"] a {
    vertical-align: middle !important;
    line-height: 1.2 !important;
}