/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    background-color: #5c87b2;
    font-size: .85em;
    font-family: "Cambria", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}
a {
	color: #2489CE;
	text-decoration: none;
}
table a:hover 
{
	text-decoration: underline;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.7em;
    color: #7F7F7F;
    padding-left: 1%;
    margin: 0;
    padding-bottom: 10px;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
     font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* VISTA DE IMPRESION Y VISTA EN PANTALLA (indica si se muestra o se oculta en la vista de impresión o en la vista normal en pantalla)
------------------------------------------------------------------------------------------------------------------------------------*/
.VistaPantalla {display: block;}
.VistaImpresion {display: none;}

/* COLORES FUENTES
----------------------------------------------------------
.GrisClaro
{
	color: #C9C9C9;
    font-weight: bold;
}
*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main {
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

footer, 
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
	border: none;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 0px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 1px;
    border: solid 0px #e8eef4;
    padding-right: 10px;
}

table th {
    padding-top: 5px;
    padding-right: 10px;
    text-align: left;
    background-color: transparent;
    border: solid 0px #e8eef4;
}

tfoot{
	border-top: 1px solid gray;
	font-weight: bold; 
}

tr:nth-child(odd){ background: transparent;}
tr:nth-child(even){ background: #EAEAEA;}

.TablaFases
{
	width: 100%;
}



/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

.EstiloCero
{
	color:Gray;
}

/* Tabla Con bordes */
.TablaBordes {
    border: solid 1px gray;
    border-collapse: collapse;
}

.TablaBordes td {
    padding: 5px;
    border: solid 1px gray;
}

.TablaBordes th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px gray;
}

/* Contenido */
.loading {
  height: 100%;
  width:100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: none;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

.loading-image {
  position: absolute;
  top: 50%;
  left:50%;
  right:0;
  z-index: 100;
}

.CabeceraDcha
{
	float:right;	
}

.CabeceraIzda
{
	float:left;
}

.Fila
{
	float:left;
	width:98%;
	padding-left: 1%;
	padding-right: 1%;
	margin-bottom:0.5em;
}

.FilaFormulario
{
	float:left;
	width:98%;
	padding-left: 1%;
	padding-right: 1%;
	margin-bottom: 10px;
}

.FilaScroll
{
    height:100px;
    overflow:auto;
    width:475px;
}

.FilaCentro
{
	float:left;
	width:100%;
	padding-left: 1%;
	padding-right: 1%;
	margin:0px auto 0.5em auto;
}

.FilaTitulo
{
	float:left;
	width:100%;
	vertical-align:bottom;
}

.FilaControl
{
	float:left;
	text-align:left;
}

.FilaLeyenda
{
	float:left;
	text-align:left;
	color:Gray;
	font-style:italic;
	margin-left:10px;
	margin-top:15px;
}

.FilaValidation
{
	float:left;
	width:100%;
	color:Red;
}

.Columna100 {
	float:left;
	width:98%;
	padding:1%;
}

.Columna50 {
	float:left;
	width:48%;
	padding:1%;
}

.Columna33 {
	float:left;
	width:33%;	
}

.Columna25 {
	float:left;
	width:23%;
	padding:1%;
}

.Columna75 {
	float:left;
	width:73%;
	padding:1%;
}

/* Únicamente para la pantalla de Login */
.CajaLogin
{
	width:400px;
	height:370px;
	margin:0 auto 0 auto;
	margin-top:10px;
}

.Caja
{
	float:left;
	width:800px;
	margin:10px 5px 0 5px;
	border-width:1px;
	border-color:Gray;
}

.Mapa
{
	float:left;
	width:100%;
	height:370px;	
	border-width:2px;
	border-color:Gray;
}

.FilaLogin
{
	width:400px;
	float:left;
	margin-bottom:10px;
}

.separadorSecciones{
	margin-top: 0px;		
	float: left;
    width: 100%;
}


#divFechaDesdeHasta{
	float: right; display:none; z-index:99; margin-top: 5px;
}

/* Para el menú superior de la barra de título */
.CajaMenu
{
	width:400px;
	margin:0 auto;
	padding-top: 50px;
}

.CajaContenido
{
	float:left;
	padding: 20px 0 20px 10px;
}

.Titulo {
    background-color: transparent;
    border-bottom: 1px solid black;
    color: Black;
    float: left;
    font-size: 15px;
    padding: 0;
    width: 95%;
}

thead {
    color: Black;
    font-weight:bold;
}

.TextoTitulo
{
	float:left;
	margin:5px 5px 5px 5px;
	font-weight:bold;
}

.contenedorBtn{
	width: 240px; 
	height: 100px; 
	float: left;
	margin-right: 5px;
}

.popupMensaje{
	padding: 15px;
	text-align: center;
}

/* Indicadores */
#InformeTitulos
{
	float:left;
	width: 70%;
}
#FiltroInforme
{
	float: right;
    right: 4em;
}
.FiltroInformeBoton
{
	display:inline;
	float: left;
	margin: 0 10px;
}
.TituloPrincipal {
	float: left;
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 21px;
	color: #5FD0DF;
	padding-left: 15px;
}

.SubTituloInforme
{
	float: left;
	margin-bottom:6px;
	font-weight:bold;
	font-size:16px;
	color: #5F5E5E;
	padding-left: 15px;
}

.TituloInterior{
	margin-bottom: 0px;
	font-weight:bold;
	font-size: 18px;
	color: #7F7F7F;
}

.tituloPrincipal {
	color: #797979;
	font-family: "Cambria", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	font-size: 66px;
	font-weight: bold;
	margin-top: -10px;
	margin-bottom: -10px;
	text-align: center;
	width: 100%;
	margin-left: 26px;
}

.subtituloPrincipal {
	color: #797979;
	font-family: "Cambria", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 3px;
	text-align: left;
	width: 100%;
	margin-left: 40px;
}
.tituloPag {   
    color: #254368;
    font-size: 22px;
    font-family: "Cambria", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    font-weight: normal;
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
}

.subtituloPag{
    color: #254368;
    font-family: "Cambria", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 3px;
    text-align: left;
    width: 100%;
}
/* Se usan en Calidad.aspx (hablar con Guillermo) */
.subtituloBtn{
	float:left;
	width:200px;
	color: #7F7F7F;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
#datosUsuario{
	/*position: fixed;
    right: 15px*/
    position: absolute;
    text-align: center;
    width: 100%;
    color: #254368;
    font-family: "Cambria","Trebuchet MS",Verdana,Helvetica,Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    z-index: -111;
}

#contacto
{
    border: 1px solid #00415E;
    border-bottom: none;
    bottom: 0;
    color: white;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 15px;
    margin: 0;
    padding: 5px;
    position: fixed;
    right: 0px;
    text-align: center;
    width: 215px;
    border-radius: 5px 5px 0 0;
    z-index: 100;
}



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

.logoIbergest{
	float: right;
	text-align: right;
	width: 100%;
	margin-right: 20%;
	
}

/* Clase para la fecha de la barra Superior */
.Fecha {
	padding:0;
	height:28px;
}

/* Labels de toda la aplicación */
.Label {
	font-weight:bold;
	color:#3D71A3;
	font-style:italic;
}

.LabelContent {
	font-weight:normal;
	color:black;
	margin-left:3px;
}

.LabelRequerido {
	font-weight:bold;
	color:#3D71A3;
}
.LabelRequeridoError {
	font-weight:bold;
	color: red;
}

.CapaTitulo{
	float:left;
	margin-top:5px;
}

.CapaContenido{
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * ListView.less
 * Version 1.0
 */
.listview {
	  margin-left: 0;
	  list-style: none;
	  zoom: 1;
	  text-shadow: 0 0 0 #FFFFFF;
	  text-align: left;
}
.listview li {
	  margin-bottom: 10px;
	  border: 4px transparent solid;
	  padding: 10px;
	  width: 300px;
	  position: relative;
	  display: block;
	  cursor: pointer;
	  zoom: 1;
}
.listview li .icon {
	  width: 48px;
	  height: 48px;
	  float: left;
}
.listview li .icon img {
	  width: 100%;
	  height: 100%;
}
.listview li .data {
	margin-left: 55px;
}
.listview li .data h4 {
	margin: 0;
	padding: 0 0 2px 0;
}
.listview li .data p {
	margin: 0;
	font-size: 9pt;
}
.listview li .data .static-rating.small,
.listview li .data .progress-bar {
	margin-bottom: 3px;
}
.listview li:hover {
	outline: 3px #ccc solid;
}
.listview li:active {
	outline: 3px #3e3e3e solid;
}
.listview li:before,
.listview li:after {
	display: table;
	content: "";
}
.listview li:after {
	clear: both;
}
.listview.image li {
	width: 380px;
}
.listview.image li .icon {
	width: 100px;
	height: 100px;
	border: 1px #ccc solid;
}
.listview.image li .data {
	margin-left: 110px;
}
.listview.image li .data h4 {
	margin-bottom: 4px;
}
.listview.image li .data p {
	line-height: 16px;
	font-size: 10pt;
	margin-bottom: 5px;
}
.listview.image li .data .static-rating.small,
.listview.image li .data .progress-bar {
	margin-bottom: 10px;
}
.listview.iconic li .icon {
	width: 32px;
	height: 32px;
	border: 1px #ccc solid;
}
.listview.iconic li .data {
	margin-left: 40px;
}
.listview.fluid li {
	float: left;
	margin-right: 10px;
}
.listview  > li.selected {
	border: 4px #2d89ef solid;
}
.listview  > li.selected:after {
	width: 0;
	height: 0;
	border-top: 40px solid #2d89ef;
	border-left: 40px solid transparent;
	position: absolute;
	display: block;
	right: 0;
	content: ".";
	text-indent: -9999px;
	top: 0;
	z-index: 1000;
}
.listview  > li.selected:before {
	  position: absolute;
	  content: "\2714";
	  color: #fff;
	  right: 5px;
	  top: 0;
	  font-family: "Cambria", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	  z-index: 2000;
}
.listview:before,
.listview:after {
	  display: table;
	  content: "";
}
.listview:after {
	clear: both;
}

.listview a {
    text-shadow: 0 0 0 #FFFFFF;
}

.listviewLink
{
	 text-shadow: 0 0 0 #FFFFFF;
	 text-decoration: none;
}

/* Popups */
.Popup
{
	float:left;
	padding:1em;	
}

/* Para las tablas analíticas */
.colTituloBlanco
{
	text-align: center;
	vertical-align:middle;
	background-color:#F9F9F9;
}

.colTituloColor
{
	text-align: center;
	background-color:#EAEAEA;
	vertical-align: middle;
}

.colImporteBlanco
{
	text-align: right;
	vertical-align:middle;
	width: 65px;
	background-color:#F9F9F9;
}
.colImporteColor
{
	text-align: right;
	background-color:#EAEAEA;
	vertical-align:middle;
	width: 65px;
}

.colPorcentajeBlanco
{
	text-align: right;
	vertical-align:middle;
	width: 65px;
	background-color:#F9F9F9;
}
.colPorcentajeColor
{
	text-align: right;
	background-color:#EAEAEA;
	vertical-align: right;
	width: 65px;
}

.colAnaliticaActividad
{
	text-align: left;
	background-color:#F9F9F9;
	vertical-align:middle;
	padding-right: 10px;
}

.filaSeparador 
{
	border-bottom:1px solid black;
}

/*.col1
{
	text-align: center;
	vertical-align:middle;
}

.col1Value
{
	text-align: center;
	vertical-align:middle;
	padding-right: 20px;
}

.col2
{
	text-align: center;
	background-color:#D3D1D6;
	vertical-align:middle;
}

.col2Value
{
	text-align: center;
	background-color:#D3D1D6;
	vertical-align:middle;
	padding-right: 20px;
}*/

.colNum
{
	text-align: right;
	vertical-align:middle;
	padding-right: 20px;
	font-weight:normal;
}

.colNumBold
{
	text-align: right;
	vertical-align:middle;
	padding-right: 20px;
	font-weight:bold;
}

.colTitulo
{
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	background-color:transparent;
}

.FilaSubTitulo
{
    background-color:transparent !important;
    font-style:italic;
}

.colNumArea
{
	text-align: right;
	vertical-align:middle;
	padding-right: 20px;	
}

.colDatosGenerales{
	float: left;
	width: 450px; /*Width of left column*/
	margin-left: -100%;
}

.colDetalleFicha{
	float: left;
	width: 100%;	
}
.colDetalleFichaContenido{
	margin-left: 450px; /*Set left margin to LeftColumnWidth*/
}

.colResumen{
	float: left;
	width: 330px; /*Width of left column*/
	margin-left: -100%;
	border-right: 1px solid #D8D8D8;
}

.colResumenPeq{
	float: left;
	width: 240px; /*Width of left column*/
	margin-left: -100%;
	border-right: 1px solid #D8D8D8;
}

.colResumenIndustrial{
	float: left;
	width: 540px; /*Width of left column*/
	margin-left: -100%;
	border-right: 1px solid #D8D8D8;
}

.colDetalle{
	float: left;
	width: 100%;
}
.colDetalleContenido{
	margin-left: 330px; /*Set left margin to LeftColumnWidth*/
}

.colDetalleContenidoPeq{
	margin-left: 240px; /*Set left margin to LeftColumnWidth*/
}

.colDetalleContenidoIndustrial{
	margin-left: 580px; /*Set left margin to LeftColumnWidth*/
}


.colActividad{
	float:left;
	width:200px;
}

.colActividadPeq{
	float:left;
	width:150px;
}

.colArea{
	float:left;
	width:800px;
}

.margenContenido{
margin-left: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.Separador{
	width: 100%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	float: left;
	border-bottom: 1px solid #D8D8D8;
    color: #7F7F7F;
    font-size: 1.5em;
}


.TituloTabla
{
	width:310px;
	height:20px;
	background-color: #D8D8D8;
	color:Black;
	font-weight:bold;
	border-bottom:1px solid #7F7F7F;
	text-align:center;
	vertical-align:middle;
	text-shadow:#FFFFFF 0 0px 0;
}

.TituloTablaPeq
{
	width:230px;
	height:20px;
	background-color: #D8D8D8;
	color:Black;
	font-weight:bold;
	border-bottom:1px solid #7F7F7F;
	text-align:center;
	vertical-align:middle;
	text-shadow:#FFFFFF 0 0px 0;
}

.TituloTablaActividad
{
	float:left;
	width:190px;
	height:20px;
	color:Black;
	font-weight:bold;
	border-bottom:1px solid #7F7F7F;
	text-align:center;
	vertical-align:middle;
	text-shadow:#FFFFFF 0 0px 0;
}
.TituloTablaActividadPeq
{
	float:left;
	width:140px;
	height:20px;
	color:Black;
	font-weight:bold;
	border-bottom:1px solid #7F7F7F;
	text-align:center;
	vertical-align:middle;
	text-shadow:#FFFFFF 0 0px 0;
}
.TituloTablaArea
{
	float:left;
	width:220px;
	height:20px;
	color:Black;	
	vertical-align:middle;
	text-shadow:#FFFFFF 0 0px 0;
}


hr 
{
	border-width: 1px;
	border-color: #DDDDDD;
}

#divOperativa{
	float: left;
}
#divIndicadores{
	float: left;
}


/*  GROUP BOX  */

fieldset.groupBox {
    border: 1px solid #ddd;
    padding: 0.8em;
    margin: 1%;
    border-radius: 4px;
}

fieldset.groupBoxMinHeight {
    border: 1px solid #ddd;
    padding: 0.8em;
    min-height: 220px;
    margin: 1%;
    border-radius: 4px;
}

fieldset.groupBoxMinHeight legend 
{
    font-size: 1.4em;
    font-weight: bold;
    color: #7F7F7F;
    margin: 0;
}

fieldset.groupBox legend 
{
    font-size: 1.4em;
    font-weight: bold;
    color: #7F7F7F;
    margin: 0;
}


/* FIN GROUP BOX */


#caja_izq {
    background-color: #4C9AB1;
    color: #FFFFFF;
    margin: 10px;
    overflow: auto;
    width: 95%;
}
#caja_der {
    background-color: #82B04D;
    border-left: 30px solid #FFFFFF;
    float: right;
    width: 62%;
}
.columna_izquierda {
    float: left;
    margin-left: -350px;
    padding: 20px;
    position: relative;
    width: 280px;
}
.columna_derecha {
    float: left;
    padding: 20px;
    width: 95%;
}

.txtOverflow
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal !important;
    width: 100%;
}

table
{
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis
{
    white-space:nowrap; 
    width:100%; 
    overflow:hidden; 
    text-overflow:ellipsis;
}

.advertencia
{    
    background-color:#ff8c00;
    text-align:center;    
    color:White;
}

.caducado
{ 
    background-color:red;
    text-align:center;    
    color:White
}

.centrado
{     
    text-align:center;         
}


.fle{float:left}
.fri{float:right}
.clear {clear:both}

.ui-dialog-contain {width: 92.5%;max-width: 800px!important;margin: 10%;padding: 0;position: relative;top: -125px!important}
.ui-dialog-contain .defForm{max-height:670px}
span.Label{font:bold}
div>fieldset{padding:0px 3px}


.defForm span.Label{position:relative;top:4px}
/*
.defForm input[type="text"]{margin-top:0.5em!important}
.defForm input{margin-top:0.2em!important}
*/

.columna500{width:48%;}
.columna{padding:0px 2px}
input[disabled="disabled"], textarea[disabled="disabled"],.textEnriquecido{opacity:0.6;filter:alpha(opacity=60);background:#fff}

.textEnriquecido{overflow:auto;max-height:200px;max-width:98%;-moz-border-radius: 4px;border-radius: 4px;padding:3px 3px;margin-top:10px;moz-box-shadow: 0 0 2px 2px #e3e3e3;-webkit-box-shadow: 0 0 2px 2px #e3e3e3;box-shadow: 0 0 2px 2px #e3e3e3;height:200px}

.subirGrid-40{position:relative;top:-40px}

#dialogoDetalleContrato .ui-dialog-contain .defForm{height:440px}
#dialogoDetalleNotificacion .ui-dialog-contain .defForm{height:580px}
#dialogoDetalleAviso .ui-dialog-contain .defForm{height:580px}

/*GENERALES TABS*/
.tabsControl{margin:3px 0px -3px 3px;width: 100%}
.tabsControl ul{list-style:none none inside; padding:4px 4px;margin:0px;}
.tabsControl ul>li {display:inline}
.tabsControl ul li>a{padding:4px 4px;font-weight:bold;border:1px solid #2373A5;border-radius: 8px 8px 0px 0px!important;moz-border-radius: 8px 8px 0px 0px!important;
                     background:#4c86b2;text-shadow:none}
.tabsControl ul li>a:hover{text-decoration:none!important;opacity:0.8;filter:80}                     
.tabsControl ul li>a:visited{color:#3D71A3} 
.tabsControl ul li>a.actual{background:#dadde5;color:#3d71a3}                   
.tabsControl ul li>a.actual:hover{cursor:default;text-decoration:none!important;color:#3d71a3;opacity:1;filter:100}

.tabsContent{min-height:440px}

.defForm{background: #f7f8f9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjdmOGY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZTZlOWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZDdkYWUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZjVmNmY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==)!important;
background: -moz-linear-gradient(45deg, #f7f8f9 1%, #e6e9ee 11%, #d7dae3 40%, #f5f6f9 97%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(1%,#f7f8f9), color-stop(11%,#e6e9ee), color-stop(40%,#d7dae3), color-stop(97%,#f5f6f9))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #f7f8f9 1%,#e6e9ee 11%,#d7dae3 40%,#f5f6f9 97%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #f7f8f9 1%,#e6e9ee 11%,#d7dae3 40%,#f5f6f9 97%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #f7f8f9 1%,#e6e9ee 11%,#d7dae3 40%,#f5f6f9 97%)!important; /* IE10+ */
background: linear-gradient(45deg, #f7f8f9 1%,#e6e9ee 11%,#d7dae3 40%,#f5f6f9 97%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#f5f6f9',GradientType=1 )!important; /* IE6-8 fallback on horizontal gradient */
}

/*Autocomplete JQMobile*/
.sugerencia{z-index:50;position:absolute;cursor:pointer}
.sugerencia>li{filter:90;opacity:.9} 
.sugerencia>li:hover{filter:100;opacity:1}

.truncado
{
        width:10px;/*Luego se debe de cambiar por el deseado*/
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;        
        
}

.tituloGrafica
{
    color: #8E8E8E;
    font-family: arial;
    font-weight: bold;
    margin-left: 70px;
    font-family: arial;
    font-size: 14px;
}

.noData
{
    margin-top: 120px;
    margin-left: 50px;
    text-align:center;
    color: #8E8E8E;
    font-family: arial;    
}

.contenidoGrafica
{
    width: 190px; 
    height: 285px;
    float:left;
}

img[src="data:image/png;base64,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"]{display:none!important;visibility:hidden;opacity:0!important;filter:alpha(opacity=00)!important;width:0px!Important;height:0px!important;position:absolute!important;left:-9999px!important}
div>img[src|="data:"]{display:none!important;visibility:hidden!important;opacity:0!important;filter:alpha(opacity=00)!important;}

.interactivaVerde {
	color: #008A99;
}

.container {
	display: flex;
	justify-content: center; /* Center horizontally */
	align-items: center; /* Center vertically */
	width: 100%; /* Ensure the container takes up the full width of its parent */
	height: 96vh; /* Optional: make the container take up the full viewport height */
}

.content {
	display: inline-block;
	text-align: left;
}