/*maquetacion central*/
/*requiered*/
.field_info_requiered {
	position: relative;
	background: #39C;
	cursor: help;
	display: none;
	text-decoration: none;
	color: #FFF;
	font-size:0.90em;
	outline: none;
	clear:both;
	width:0px;
	height:1px;
}
.field_info_requiered span {
	visibility: visible;
	position: absolute;
	top: 3px;
	left: 0;
	z-index: 999;
	width: auto;
	margin-left: 0;
	padding: 0.63em;
	border: 2px solid #086BAE;
	opacity: .9;
	background-color: #39C;
	background-image: linear-gradient(#39C, #00669C);
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .4), 0 1px 0 #00669C inset;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .4);
	text-align:center;
	min-width:125px;
	max-width:450px;
}
.field_info_requiered:hover { border: 0; /* IE6 fix */ }
.field_info_requiered:hover span { visibility: visible; }
.field_info_requiered span:before, .field_info_requiered span:after {
	content: "";
	position: absolute;
	z-index: 1000;
	top: -7px;
	left: 50%;
	margin-left: -8px;
	border-bottom: 8px solid #39C;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 0;
}
.field_info_requiered span:before {
	border-bottom-color: #086BAE;
	top: -8px;
}
.AddIncSearchChooser{ background: #FFFFFF!important}
.AddIncSearchChooser div{ background: #FFFFFF}
.AddIncSearchChooser div:nth-of-type(1){ background: transparent}
.requiered_label {
	display:block;
	font-size:0.90em;
	text-align:right;
	font-style:italic
}
.asterisco { color:#666 }

/*formularios interiores*/
.field_block_in {
	clear:both;
	margin:0 0 1em 0
}
.field_block_in .field_label {
	line-height:1.8;
	color:#3299CB;
	font-weight:bold;
	text-align:left;
	margin:0 0 0.31em 0
}
.field_block_in .field_desc { text-align:left; }
.field_block_in input, .field_block_in select { width:50%; }
.field_block_in .field_info {
	display:block;
	padding:0.31em 0 0 0
}
.field_desc_txt{
    padding-top: 0;  
    line-height: 2; 
    color: #000;       
    vertical-align: middle;
}
.field_label_in {
	color:#666;
	font-weight:bold;
	display:block;
	text-align:left;
	margin:0 0 0.31em 0;
}
.field_principal{ background:#FFF; border-bottom:2px solid #DDD; padding:0 0 1em 0; margin-bottom: 18px}
.field_input_y_boton .field_desc button{ width: 100px; text-align: center; margin: 0 auto 0 10px; padding-left:0; padding-right: 0; font-size: 0.80em; vertical-align: middle;}
input[type="checkbox"], input[type="radio"] {
	background:none;
	border:none;
	width:auto;
	padding:0;
}

/*Tables*/
table {
 *border-collapse: collapse; /* IE7 and lower */
	box-sizing:border-box;
	border-spacing: 0;
	width: 100%;
}
/*tabla basica*/
.basica td, .basic th {
	padding: 0.31em;
	text-align: left;
	box-sizing:border-box;
}
.basica tr:hover {
	background-color: #F2F2F2;
	transition: all 0.1s ease-in-out;
}
.basica thead tr:hover { background-color:transparent; }
/*tabla */
.bordered tr:hover {
	background-color: #F2F2F2;
	transition: all 0.1s ease-in-out;
}
.bordered tr:hover tr {
	background-color: transparent!important;
	transition: all 0.1s ease-in-out;
}
.bordered tr:hover td a { color:#0066AC; }
.bordered td, .bordered th {
	border-bottom: 1px solid #EAEAEA;
	padding: 0.50em;
	text-align: left;
	box-sizing:border-box;
	vertical-align:middle;
}
.bordered .conInput{ padding: 0.25em 0.50em}
.bordered .conInput input{ padding: 0.22em 0.31em}
.bordered .conInput select{ padding: 0.22em 0.31em}
.bordered td { border-top: 1px solid #EAEAEA; }
.bordered th {
	border-top: 1px solid #EAEAEA;
	box-sizing:border-box
}
.bordered td:first-child, .bordered th:first-child { border-left: none; }
.bordered th:only-child { border-radius: 6px 6px 0 0; }
/*tabla th vertical*/
.borderedv {
	border-bottom:2px solid #EAEAEA;
	border-top:2px solid #EAEAEA;
}
.pseudotabla { padding:0.31em }
.borderedv tr:hover {
	background-color: #F2F2F2;
	transition: all 0.1s ease-in-out;
}
.bordered thead tr:hover { background-color:transparent }
.bordered thead th { border-bottom:2px solid #eaeaea }
.borderedv tr:hover td a { color:#0066AC; }
.borderedv td, .borderedv th {
	border-bottom: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	padding: 0.31em;
	box-sizing:border-box;
	text-align: left;
}
.borderedv th {
	/*box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;*/
	border-bottom:1px solid #EAEAEA;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
.borderedv td:first-child, .bordered th:first-child { border-left: none; }
.borderedv th:only-child { border-radius: 6px 6px 0 0; }
.throw {
	font-weight:normal;
	text-align:left;
}
.throw a { font-weight:bold; /*word-break:break-all;*/ }
.spam_principal{ color:#333;}
.spam_secundario{ color:#999;}
/*tabla th vertical sin border de separacion*/
.sinb td, .sinb th {
	border-bottom: 0px solid #EAEAEA;
	border-top: 0px solid #EAEAEA;
}
.tabla-principal {
	border-bottom:2px solid #CCC;
	margin-bottom:10px;
}
.tabla-principal td, .tabla-principal th {
	border:none!important;
	color:#000;
}
table.reducida td.details{ padding: 0px!important}
table.reducida td.details .alert-info{ margin-bottom: 0px;}
/*tablas ver mas datos*/
.vermas tr:nth-last-child(2) { border-bottom: 2px solid #EAEAEA }
.vermas {
	border-bottom: 0px solid #EAEAEA;
	text-align:right;
	padding:0.63em 0
}
.vermas a {
	background:url(../img/vermas.png) no-repeat right 5px;
	padding-right: 15px;
}
.vermas tr:hover:last-child { background-color:none; }
/*limitación datos*/
.limitador-datos {
	height:16px;
	line-height:16px;
	overflow:hidden;
	position:relative;
	word-break:avoid;
}
.limitador-datos a { word-break:avoid; }
/*.limitador-datos::after{ position:absolute; width:18px; float:right; height:18px; color:#000; top:0px; right:-18px; z-index:1; content:"...";}*/
/*.nolimitar-datos{ white-space:nowrap; word-break:avoid;}*/
/*tablas especificas*/
.encabg th {
	background-color: #666;
	color: #fff;
	text-shadow:none;
	border:none;
	border-right:1px solid #fff;
	box-sizing:content-box;
}
/*tabla con menu*/
.menu th:last-child { padding:0px; }
.last td { border-bottom:2px solid #EAEAEA }
/*listado*/
.listado-IPs .encabezado {
	font-weight:bold;
	margin:0 0 0.31em 0
}
/*TRs desabilitados*/
.tr_disable td, .tr_disable th, .tr_disable a, .tr_disable span {
	color:#CCC!important;
	text-decoration:none!important;
}
/*tablas en línea*/
.tablasinteriores td, .tablasinteriores th {
	vertical-align:top;
	border-bottom:1px solid #CCC;
	border-top:none
}
.tablasinteriores table td, .tablasinteriores table th {
	border:none!important;
	vertical-align:top;
	padding:0 0.63em 0.31em 0.63em;
}
.dato-relacionado {
	font-size:0.90em!important;
	padding-left:1.7em!important;
}
.desactivado{ color: #CCC!important}
.jerarquia { background:url(/img/ico_jerarquia.png ) no-repeat 0.80em 20% }
/*imagenes columna C*/
.vc_grafico img {
	width:100%;
	max-width:500px;
	min-width:300px;
}
.checkbox { vertical-align:middle; }
td.checkbox {
	width:30px;
	text-align:center;
	margin:0 auto;
}
td.checkbox input {
	width:auto;
	text-align:center;
	margin:0 auto;
}
/*soporte*/
.soporte a {
	color:#0066AC;
	text-decoration:none;
}
table th a, table td a {
	/*color: #666;*/
	color:#0066AC;
	text-decoration:none;
}
table th a:hover, table td a:hover {
	color: #0066AC;
	text-decoration:none;
}
.soporte th a {
	color: #fff;
	text-decoration:none;
	padding-right:15px;
}
.soporte th a:hover { color: #fff; }
/*ordenar*/
.sorting { background:url(/img/updown.png )no-repeat right center }
.sorting-up { background: url(/img/up.png) no-repeat right center; }
.sorting-down { background: url(/img/down.png) no-repeat right center; }
/*icon intervenciones*/
.asico {
	background-image:url(/img/icos-inter.png);
	background-repeat: no-repeat;
	width:15px;
	height:15px;
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
	left:0px;
	position:absolute;
}
.no .asico { background-position: 0px -56px }
.si .asico { background-position:0px 5px }
.re .asico { background-position:0px -36px }
.sa .asico { background-position:0px -16px }
.auto .asico { background: url(/img/automatic.png) no-repeat right center; }
.soporte .c1 { padding:4px 4px 4px 15px; }
/*titulos*/
.titulo1 {
	color:#015A96;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:3px;
	text-align:left;
	font-size:1.1em;
}
.titulo2 {
	color:#000;
	border-bottom:2px solid #EAEAEA;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:3px;
	font-size:1.1em;
}
.titulo3 {
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
	font-size:1.1em;
}
/*login*/
.login {
	padding:3em 1em;
	margin:0 auto;
}
table.login td { padding:0.31em; }
table.login th {
	text-align:left;
	font-weight:normal
}
/*colABC*/
#login .colAB { width:99% }
#login .colC { display:none; }
/*boton*/
input.boton {
	background: #0066AC;
	background: linear-gradient(#0066AC, #025E9B);
}
/*filtrar*/
.filtrar {
	text-align:right;
	margin-bottom:10px;
	text-transform:uppercase;
	font-weight:bold;
}



/*navegación acciones*/ /*acciones menú*/
.actions { float:right }
.actions .encabezado {
	float:left;
	font-size:1em;
	height:24px;
	line-height:24px;
	overflow:hidden;
	color:#000;
	font-weight:bold;
}
.actions ul {
	float:right;
	display:inline-block;
}
.nav-actions { display: block; }
.nav-actions ul{ float: right;}

.nav-actions ul li,.actions ul li {
	display:inline-block;
	background: #EFEFEF;
	background: linear-gradient(#FFFFFF, #EEEEEE);
	border:1px solid #EAEAEA;
}
.nav-actions ul li:nth-child(1),.actions ul li:nth-child(1) { margin-left:0; }
.nav-actions ul li a,.actions ul li a {
	text-decoration:none;
	display:inline-block;
	padding:0 1.5em;
	color:#0168AC;
	font-weight:bold;
	height:24px;
	line-height:24px;
	text-transform:uppercase;
}
.nav-actions ul li.activo a,.actions ul li.activo a, #opciones-cuartomenu ul li a:hover {
	position:relative;
	z-index:4;
	background: linear-gradient(#EAEBEB, #FCFCFC);
	background-color:#EAEBEB;
	/*background: #FFF; Older browsers */
}
.nav-actions ul li:hover,.actions ul li:hover{background: linear-gradient(#027AC9, #025E9B);
	border:1px solid #02436F;}
.nav-actions ul li:hover a,.actions ul li:hover a{ color: #B4D3E7!important}
.nav-actions ul li.activo a,.actions ul li.activo a { font-weight:bold; }
.filtrar .nav-actions{ display: inline;}
.bloque header .actions{ margin-bottom:5px!important}

/*alertas*/
.text-alert { color: #CC3300 !important }
/*cajas info*/
.alert-success, .alert-info, .alert-warning, .alert-danger {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert-info h3 {
	font-weight:bold;
	font-size:1em;
	border-bottom:1px solid #CCC;
	line-height:1.5;
	margin:0 0 1em 0
}
.alert-info p {
	font-size:1em;
	line-height:1.1;
}
.alert-warning {
	color: #c09853;
	background-color: #fcf8e3;
	border-color: #fbeed5;
}
.alert-danger {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}
/*filtrado*/
.filtrado {
	position:relative;
	padding:4px;
}
.mostrar {
	display:inline;
	margin-right:15px;
}
.subir {
	display:inline;
	margin-right:15px;
}
.results {
	display:inline;
	margin-right:15px;
}
.results span { font-weight: bold; }
.results span.left {
	background:url(../img/left.png) no-repeat top left;
	width:20px;
	height:25px;
	display:inline-block;
	margin:0px 5px;
	vertical-align:middle;
}
.results span.right {
	background:url(../img/right.png) no-repeat top left;
	width:20px;
	height:25px;
	display:inline-block;
	margin:0px 5px;
	vertical-align:middle;
}
.filtrado .filtrar {
	float:right;
	text-transform:uppercase;
	font-weight:bold;
}
/*filtro*/
.filtro .filtrar {
	text-align:right;
	text-transform:uppercase;
	font-weight:bold;
}
/*texto*/
.percent {
	font-size:1.636em;
	font-weight:bold;
}
/*margenes entre bloques*/
.bloque, .bloque-tabla .bloque-grafico {
    clear:both;
    margin: 0 auto 1em auto!important;
}
.bloque-grafico {
    clear:both;
    margin: 0 auto 1em auto!important;
    overflow:auto!important;
    width:100%;	
    box-sizing:border-box;
    text-align:center;
    overflow-x:hidden!important;
}
.bloque-scroll, .bloque-tabla-scroll {
    clear:both;
    /*margin: 0 auto 1em auto!important;*/
    overflow:auto!important;
    width:100%;
    box-sizing:border-box;
    text-align:center;
    overflow-y:hidden!important;
}
/*estados*/
.ok { color:#00CC00 }
.ko { color:#CC0000 }
.warning { color: #FF9900 }
.estados { font-weight:bold; }
.estados li {
	font-weight:bold;
	margin:0 0 0.16em 0
}
.estado-verde, .gradeE .state { color:#00CC00 }
.estado-amarillo, .gradeA .state { color:#FFCC00 }
.estado-naranja, .gradeC .state { color:#FF9900 }
.estado-rojo, .gradeR .state { color:#CC3300 }
/*leyenda/selectrango*/
.rango { position: relative; }
.bloque-grafico header {
	position:relative;
	z-index:1;
	margin:0 auto 0.63em auto
}
.anno-mes {
	position:relative;
	display:inline-block;
	padding:0 0 0 1em;
}
.anno-mes .deco {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 5px solid #797F90;
	border-bottom: 5px solid transparent;
	display:inline-block;
}
.anno-mes a {
	text-decoration:none;
	color:#666;
}
.anno-mes a.selected {
	color: #0066AC;
	text-decoration:none;
	font-weight:bold;
}
.legend {
	display:inline-block;
	float:right;
	font-size:0.90em;
}
.legend li {
	display:inline-block;
	color: #333;
}
.legend .square1 {
	width: 10px;
	height: 10px;
	background: #4BB2C5;
	display:inline-block;
	border: 1px solid #CCCCCC;
	margin-right:5px;
	margin-left:5px;
}
.legend .square2 {
	width: 10px;
	height: 10px;
	background: #EAA228;
	display:inline-block;
	border: 1px solid #CCCCCC;
	margin-right:5px;
	margin-left:5px;
}
.legend .square3 {
	width: 10px;
	height: 10px;
	background: #C5B47F;
	display:inline-block;
	border: 1px solid #CCCCCC;
	margin-right:5px;
	margin-left:5px;
}
.bloque-grafico .tipo { display:inline-block }
.rendimiento { text-align:center; }
.rendimiento span {
	font-weight: bold;
	cursor:default;
}
.rendimiento span.inactivo { opacity:0.5!important; }
.rendimiento .fechah { display:inline-block; }
span.left {
	background:url(../img/left.png) no-repeat top left;
	width:20px;
	height:20px;
	display:inline-block;
	margin:0px 5px;
	vertical-align:middle;
}
span.right {
	background:url(../img/right.png) no-repeat top left;
	width:20px;
	height:20px;
	display:inline-block;
	margin:0px 5px;
	vertical-align:middle;
}
.zoom { display:inline-block; }
.zmas {
	background:url(../img/lupamas.gif) no-repeat top left;
	width:20px;
	height:20px;
	display:inline-block;
	margin:0px 5px;
	vertical-align:middle;
}
.zmenos {
	background:url(../img/lupamenos.gif) no-repeat top left;
	width:20px;
	height:20px;
	display:inline-block;
	margin:0px 5px;
	vertical-align:middle;
}
.center { text-align:center; }
/*asi*/
.openclose {
	background-color: #FFFFE0;
	border-top:2px solid #ccc;
	padding:10px;
}
.openclose .datos { float:left }
.openclose .datos span { font-weight:bold; }
.openclose .fecha { float:right; }
.openclose .fecha span { font-weight:bold; }
.asi-message { padding:10px; }
.asi-comment {
	background-color: #EEE;
	border-top:2px solid #ccc;
	padding:10px;
}
.asi-comment-int {
	background-color: #FCFCFC;
	border-top:2px solid #ccc;
	padding:10px;
}
.asi-comment .datos { float:left; }
.asi-comment .datos span { font-weight:bold; }
.asi-comment .fecha { float:right; }
.asi-comment .fecha span { font-weight:bold; }
.asi-comment-texto { padding:10px; }
/*cajas de rango*/
.caja-rango {
	padding:0 0.31em;
	display:inline-block;
	text-align:center;
}
.caja-rango .cr_top {
	display:inline-block;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid transparent;
	border-bottom: 8px solid;
	border-bottom-color: #000;
	box-sizing:border-box;
	cursor:pointer;
}
.caja-rango .cr_top_disabled {
	border-bottom-color: #ccc;
	cursor:default;
}
.caja-rango .cr_valor {
	text-align:center;
	margin:0 auto 2px auto;
	display:block;
	line-height:1.3;
}
.caja-rango .cr_bottom {
	display:inline-block;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-top: 8px solid;
	border-top-color: #000;
	cursor:pointer;
}
.caja-rango .cr_bottom_disabled {
	border-top-color: #ccc;
	cursor:default;
}
.caja-rango .cr_top:hover { border-bottom-color:#666 }
.caja-rango .cr_bottom:hover { border-top-color:#666 }
.caja-rango .cr_top_disabled:hover { border-bottom-color:#ccc }
.caja-rango .cr_bottom_disabled:hover { border-top-color:#ccc }
/*tabla de segundo nivel*/
.tabla-segundo-nivel { position:relative; }
.tabla-segundo-nivel .encabezado {
	font-weight:bold;
	color:#444;
	text-align:center;
}
.tabla-segundo-nivel table {
	height:50px;
	/*word-break:break-all;*/
	font-size:0.90em;
	width:100%!important; /*border-top:1px solid #EFEFEF; border-left:1px solid #EFEFEF;*/
}
.tabla-segundo-nivel th {
	text-align:center;
	font-weight:bold;
	padding:0.1em 0.05em; /*border-right:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF;*/
}
.tabla-segundo-nivel td {
	text-align:center;
	font-weight:normal;
	padding:0.05em; /*border-right:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF;*/
}
.celda-combi { vertical-align:middle!important; }
/*tabla detalle*/
.tabla-detalle { position:relative; }
.tabla-detalle table {
	/*word-break:break-all;*/
	width:100%!important;
	border:none!important;
}
.tabla-detalle .thead {
	color:#444;
	font-weight:bold;
	padding:0.31em 0.63em;
	/*border-radius:7px 7px 0 0;*/
	text-align:left;
}
.tabla-detalle thead th {
	background:none!important;
	text-align:left;
	font-weight:bold;
	border:none!important;
	padding:0.31em 0;
}
.tabla-detalle tbody td, .tabla-detalle tbody th {
	background:none!important;
	text-align:left;
	font-weight:normal;
	border:none!important;
	padding:0.31em 0;
}
.th_oculto { display:none!important; }
/*graficos*/
.grafico-caudal {
	position:relative;
	display:block;
}
#container, .grafico .contenedor {
	width : 88%;
	min-height:150px;
	margin: 8px auto;/*background:blue;*/
}
.grafico-ampliado { padding: 1em; border: 2px solid #EEE; box-shadow: 0 0 10px rbga(0,0,0,0.6)}
.grafico-ampliado .slb-cerrar {
	display:block;
	float: right;
	position: relative;
	z-index: 99;
	height: 19px;
	width: 19px;
	margin: -9px -6px 0 0;
	text-transform:uppercase;
	background:url(/img/spr-iconos.png) 100% -715px no-repeat;
	padding:0;
}
.grafico .minicontainer {
	width : 88%;
	min-height:105px;
	margin: 8px auto;/*background:blue;*/
	cursor: pointer;
}
.grafico .minicontainer .flotr-grid-label { font-size:0.80em!important; }
.grafico .minicontainer .flotr-title { font-size:0.80em!important; }
/*version c*/
.grafico .minicontainerC {
	width : 200px;
	min-height:80px;
	margin: 8px auto;
	cursor: pointer;
}
.grafico .minicontainerC .flotr-grid-label { font-size:0.80em!important; }
.grafico .minicontainerC .flotr-title { font-size:0.80em!important; }
/*leyenda*/
.grafico .leyenda {
	text-align:center;
	background:#FFF;
	width:auto!important;
	display:block;
	margin: 0 auto 0 auto;
}
.grafico .leyenda table {
	width:auto!important;
	font-size:0.80em!important;
	margin:0 auto;
}
.grafico .leyenda table tbody {
	width:auto!important;
	display:inline-block;
}
.grafico .leyenda tr {
	vertical-align:middle;
	/*display:inline-block;*/
	margin:0 0.31em 0 auto;
	white-space:nowrap
}
.grafico .leyenda td {
	display:inline-block;
	vertical-align:middle;
}
.grafico .leyenda .flotr-legend-th {
	margin:0 0.31em 0.63em 0!important;
	font-weight:bold;
}
.grafico .leyenda .flotr-legend-color-box { margin:0 0.31em 0.63em 0.31em!important }
.grafico .leyenda .flotr-legend-label { margin:0 0.63em 0.63em 0!important }
.enlace-grafico, .enlace-grafico:hover { text-decoration:none!important; }
/*filtrado*/
#botones-filtrado {
	margin:0 auto 1em auto;
	text-align:left;
}
#botones-filtrado .encabezado { display:none; }
#botones-filtrado ul {
	clear:both;
	display:block;
}
#botones-filtrado ul li {
	display:inline-block;
	border-right:1px solid #FFF;
	margin-left:-3px;
}
#botones-filtrado ul li:nth-child(1) { margin-left:0; }
#botones-filtrado ul li a, #botones-filtrado ul li label {
	text-decoration:none;
	display:inline-block;
	height:2.5em;
	padding:0 1.5em;
	color:#596366;
	background-color:#E8EAEA;
	background-image: linear-gradient(#F7F8F8, #E8EAEA);
	line-height:2.5;
	text-transform:uppercase;
}
#botones-filtrado ul li.activo a, #botones-filtrado ul li.activo label, #botones-filtrado ul li a:hover, #botones-filtrado ul li label:hover {
	position:relative;
	z-index:4;
	color:#FFF;
	background-color:#025287;
	background-image: linear-gradient(#025287, #90B3CA);
	box-sizing:border-box;
}
#botones-filtrado ul li.activo a, #botones-filtrado ul li.activo label { font-weight:bold; }
#botones-filtrado label input[type="radio"] { display:none; }
/*graficas especiales*/
.grafico-correo {
	position:relative;
	/*top:-25px;*/
	max-width:900px;
	text-align:center;
	margin:0 auto;
}
.grafico-correo #container {
	width:100%;
	max-width:900px;
	margin:0 auto;
}
.grafico-correo .anno-mes{ position:absolute; left:10px; top:-5px; height:20px; line-height:20px;}
.grafico-correo .label_fecha{ border:1px solid #ccc; border-bottom:none; height:20px; line-height:20px; padding:0 10px; font-size:13px; font-weight:bold; color:#000; top: 0px;
    position: absolute;
    right: 50px;
    background: #FFF;
    z-index: 999;}
.grafico-correo .flotr-title {
		height:20px;
		line-height:20px;
	}
.grafico-correo select#tipo_grafica{ padding: 2px 5px; color: #000; font-size: 11px; }
.graficos-2-columnas{ margin: 0 auto; text-align: center; vertical-align: middle;}
.grafico-left,.grafico-left2{ /*float: left;*/ display: block; vertical-align: middle;}
.grafico-right,.grafico-right2{ /*float: right;*/ display: block; vertical-align: middle;}
.leyendas-personalizadas{ font-size: 11px;}
.leyendas-personalizadas .columna{ width: 31%; float: left; text-align: center;}
.leyendas-personalizadas .columna2{ width: 99%; float: left; text-align: center;}
.leyendas-personalizadas table{ width: 98%; text-align: center; margin: 0 auto}
.leyendas-personalizadas thead th{ text-align: left; background: #E0E0E0; color: #333; padding: 2px}
.leyendas-personalizadas tbody th{ text-align: left; padding: 6px 0 0 6px; vertical-align: middle; width: 10px;}
.leyendas-personalizadas tbody td{ text-align: left; padding: 6px 0 0 6px; vertical-align: middle;}

/*ajustes*/

.ajusteTabla {
	margin-top: 25px;
}

/*cajas de texto de tablas*/

.btn-xsmall {
	font-size:0.80em;
	padding:0.3em 0.6em;
}
.btn-small {
	font-size:0.90em;
	padding:0.4em 0.8em;
}
.btn-large {
	font-size:1em;
	padding:0.5em 1em;
}
.btn-xlarge {
	font-size:1.1em;
	padding:0.6em 1.2em;
}
/*datepicker*/
.ui-datepicker-trigger {
	margin:0 6px 0 3px;
	vertical-align:middle;
}

/*Colapsar contenido*/
table.reducida .collapsarContenido{ padding: 0px!important; text-align: center!important; min-width: 26px;}
table.reducida .collapsarContenido a{border: 1px solid #EEE;
background: #FFF url("/img/colapsar.png") no-repeat 50% -1px;
height: 20px;
margin: 3px 6px;
display: block;
text-indent: -999em;
outline: none;}
table.reducida .collapsarContenido a:hover{ background-color: #F2F2F2; border: 1px solid #DDD}
table.reducida .collapsarContenido a.highlight{ background-color: #EFEFEF; background-position: 50% -25px}
table.reducida .ocultar{ display: none;}

table.collapsada .collapsarContenido{ padding: 0px!important; text-align: center!important; min-width: 26px;}
table.collapsada .collapsarContenido a{border: 1px solid #EEE;
background: #FFF url("/img/colapsar.png") no-repeat 50% -1px;
height: 20px;
margin: 3px 6px;
display: block;
text-indent: -999em;
outline: none;}
table.collapsada .collapsarContenido a:hover{ background-color: #F2F2F2; border: 1px solid #DDD}
table.collapsada .collapsarContenido a.highlight{ background-color: #EFEFEF; background-position: 50% -25px}

/*spiner*/
.spinner {
	position: relative;
	top: 50%;
	left: 50%;
	margin: 25px 0 0 -25px;
	height: 50px;
	width: 50px;
	padding:0;
	text-indent: 250px;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/spinner.png) no-repeat 50% 50%;
	background-size:contain;
	animation-name: spinnerRotate;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	z-index:10;
}
/*firmas globales*/
#firmatxtlabel{ font-size:13px;}
#firmasGlobales textarea{ height:149px;}
/*específicos de formulario*/
.texto-campo{ line-height:2; font-size:0.96em}
@-webkit-keyframes spinnerRotate { from {
 -webkit-transform:rotate(0deg);
}
to { -webkit-transform:rotate(360deg); }
}

#alerta_sin_datos {
  position: relative;
  top: 75px;
  background: rgba(0,0,0, 0.8);
  color: white;
  padding: 10px;
  border-radius: 5px;
}

#ayuda_entrar {
	font-size:0.90em;
}
.mb-5px{
	margin-bottom:5px;
}