@font-face {
	font-family: 'MyGesFont';
	src: url('../fonts/OpenSans-Regular-webfont.eot'); /* IE9 Compat Modes */
	src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/OpenSans-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/OpenSans-Regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
	}

a:link    {text-decoration: underline}
a:visited {text-decoration: underline}
a:hover   {text-decoration: none}
a:active  {text-decoration: underline}

body, html {
	height: 100%;
	margin:0;
	padding:0;
}

textarea { 
    resize: none; 
}

/* =================================== ADDED 31oct23 ===================================== */
#bDashboard #contenidoMvc {
    /*height: calc(100vh - 375px) !important;*/
}

#bDashboard #formData > table > tbody > tr:first-child {
    display: none !important;
}
/* ======================================================================================= */

.Arial7  {font-family: Arial; font-size: 7pt}
.Arial7N {font-family: Arial; font-size: 7pt; font-weight: bold}
.Arial7White  {font-family: Arial; font-size: 7pt; color:#FFFFFF}
.Arial7NWhite {font-family: Arial; font-size: 7pt; font-weight: bold; color:#FFFFFF}
.Arial7K  {font-family: Arial; font-size: 7pt; font-style: italic}
.Arial7Gris  {font-family: Arial; font-size: 7pt; color:#757575}

.Arial8  {font-family: Arial; font-size: 8pt}
.Arial8N {font-family: Arial; font-size: 8pt; font-weight: bold}
.Arial8K {font-family: Arial; font-size: 8pt; font-style: italic}
.Arial8NK {font-family: Arial; font-size: 8pt; font-weight: bold; font-style: italic}
.Arial8White  {font-family: Arial; font-size: 8pt; color:#FFFFFF}
.Arial8NWhite {font-family: Arial; font-size: 8pt; font-weight: bold; color:#FFFFFF}
.Arial8NRed {font-family: Arial; font-size: 8pt; font-weight: bold; color:#FF0000}

.Arial9  {font-family: Arial; font-size: 9pt}
.Arial9N {font-family: Arial; font-size: 9pt; font-weight: bold}
.Arial9White  {font-family: Arial; font-size: 9pt; color:#FFFFFF}
.Arial9NWhite {font-family: Arial; font-size: 9pt; font-weight: bold; color:#FFFFFF}
.Arial9NRed {font-family: Arial; font-size: 9pt; font-weight: bold; color:#FF0000}

.Arial10 {font-family: Arial; font-size: 10pt}
.Arial10N {font-family: Arial; font-size: 10pt; font-weight: bold}
.Arial10White {font-family: Arial; font-size: 10pt; color:#FFFFFF}
.Arial10NWhite {font-family: Arial; font-size: 10pt; font-weight: bold; color:#FFFFFF}

.Arial12 {font-family: Arial; font-size: 12pt}
.Arial12N {font-family: Arial; font-size: 12pt; font-weight: bold}
.Arial12White {font-family: Arial; font-size: 12pt; color:#FFFFFF}
.Arial12NWhite {font-family: Arial; font-size: 12pt; font-weight: bold; color:#FFFFFF}

.Tahoma7  {font-family: Tahoma; font-size: 7pt}
.Tahoma7N {font-family: Tahoma; font-size: 7pt; font-weight: bold}
.Tahoma7White  {font-family: Tahoma; font-size: 7pt; color:#FFFFFF}
.Tahoma7K  {font-family: Tahoma; font-size: 7pt; font-style: italic; font-weight: normal }
.Tahoma7KWhite  {font-family: Tahoma; font-size: 7pt; color:#FFFFFF; font-style: italic}
.Tahoma7NWhite {font-family: Tahoma; font-size: 7pt; font-weight: bold; color:#FFFFFF}
.Tahoma7G  {font-family: Tahoma; font-size: 7pt; color:#808080}
.Tahoma7NRed {font-family: Tahoma; font-size: 7pt; font-weight: bold; color:#FF0000}

.Tahoma8  {font-family: Tahoma; font-size: 8pt}
.Tahoma8K {font-family: Tahoma; font-size: 8pt; font-style: oblique}
.Tahoma8N {font-family: Tahoma; font-size: 8pt; font-weight: bold}
.Tahoma8White  {font-family: Tahoma; font-size: 8pt; color:#FFFFFF}
.Tahoma8NWhite {font-family: Tahoma; font-size: 8pt; font-weight: bold; color:#FFFFFF}
.Tahoma8NBlue {font-family: Tahoma; font-size: 8pt; font-weight: bold; color:#0080FF}
.Tahoma8G  {font-family: Tahoma; font-size: 8pt; color:#808080}
.Tahoma8NRed {font-family: Tahoma; font-size: 8pt; font-weight: bold; color:#FF0000}
.Tahoma8Red {font-family: Tahoma; font-size: 8pt; color: #FF0000 }
.Tahoma8Black  {font-family: Tahoma; font-size: 8pt; color:#000000}
.Tahoma8Boton  {font-family: Tahoma; font-size: 8pt; top: -2px}

.Tahoma9  {font-family: Tahoma; font-size: 9pt}
.Tahoma9K {font-family: Tahoma; font-size: 9pt; font-style: oblique}
.Tahoma9N {font-family: Tahoma; font-size: 9pt; font-weight: bold}
.Tahoma9White  {font-family: Tahoma; font-size: 9pt; color:#FFFFFF}
.Tahoma9NWhite {font-family: Tahoma; font-size: 9pt; font-weight: bold; color:#FFFFFF}
.Tahoma9G  {font-family: Tahoma; font-size: 9pt; color:#808080}
.Tahoma9NRed {font-family: Tahoma; font-size: 9pt; font-weight: bold; color:#FF0000}

.Tahoma10 {font-family: Tahoma; font-size: 10pt}
.Tahoma10N {font-family: Tahoma; font-size: 10pt; font-weight: bold}
.Tahoma10White {font-family: Tahoma; font-size: 10pt; color:#FFFFFF}
.Tahoma10NWhite {font-family: Tahoma; font-size: 10pt; font-weight: bold; color:#FFFFFF}
.Tahoma10NBule {font-family: Tahoma; font-size: 10pt; font-weight: bold; color:#00a0df}
.Tahoma10G  {font-family: Tahoma; font-size: 10pt; color:#808080}
.Tahoma10NRed {font-family: Tahoma; font-size: 10pt; font-weight: bold; color:#FF0000}

.Tahoma12 {font-family: Tahoma; font-size: 12pt}
.Tahoma12N {font-family: Tahoma; font-size: 12pt; font-weight: bold}
.Tahoma12White {font-family: Tahoma; font-size: 12pt; color:#FFFFFF}
.Tahoma12NWhite {font-family: Tahoma; font-size: 12pt; font-weight: bold; color:#FFFFFF}
.Tahoma12G  {font-family: Tahoma; font-size: 12pt; color:#808080}

.HelVetica14NWhite {font-family: Helvetica,Arial; font-size: 14pt; font-weight: bold; color:#FFFFFF}

.Verdana9  {font-family: Verdana; font-size: 9pt}
.Verdana9N {font-family: Verdana; font-size: 9pt; font-weight: bold}
.Verdana9White  {font-family: Verdana; font-size: 9pt; color:#FFFFFF}
.Verdana9NWhite {font-family: Verdana; font-size: 9pt; font-weight: bold; color:#FFFFFF}
.Verdana9NRed {font-family: Verdana; font-size: 9pt; font-weight: bold; color:#FF0000}

.Verdana11White {font-family: Verdana,Arial; font-size: 11px; color:#FFFFFF}
.Verdana11NWhite {font-family: Verdana,Arial; font-size: 11px; color:#FFFFFF; font-weight: bold;}
.Verdana12 {font-family: Verdana,Arial; font-size: 12px; color:#000000}

.MyGes { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; }

.MyGes8 { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 8px; }
.MyGes8N { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 8px; font-weight: bold; }

.MyGes9 { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 9px; }
.MyGes9N { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 9px; font-weight: bold; }

.MyGes10 { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 10px; }
.MyGes10N { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; }

.MyGes11 { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 11px; }
.MyGes11N { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; }

.MyGes12 { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 12px; }
.MyGes12N { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; }

.MyGes13 { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 13px; }
.MyGes13N { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; }

.MyGes14 { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 14px; }

.MyGes14N {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.MyGes15N { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; }

.MyGes24N {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.MyGes70N { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 70px; font-weight: bold; }

.MyGes10Red { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 10px; color: #FF0000 }
.MyGes11Red { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 11px; color: #FF0000 }

.MyGes9White { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 9px; color: #FFFFFF }
.MyGes10White { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 10px; color: #FFFFFF }
.MyGes11White { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 11px; color: #FFFFFF }
.MyGes12White { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 12px; color: #FFFFFF }

.MyGes9NRed { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 9px; font-weight: bold; color: #FF0000 }
.MyGes10NRed { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #FF0000 }
.MyGes11NRed { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FF0000 }
.MyGes12NRed { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000 }
.MyGes15NRed {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FF0000 !important;
}

.MyGes9NWhite { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 9px; font-weight: bold; color: #FFFFFF }
.MyGes10NWhite { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF }
.MyGes11NWhite { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF }
.MyGes12NWhite { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF }
.MyGes14NWhite { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF }
.MyGes15NWhite { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; color: #FFFFFF }
.MyGes22NWhite { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; color: #FFFFFF }

.MyGes9Gris { font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; font-size: 9px; color: #757575 }
.MyGes11Gris {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #757575;
}

.FuenteCuerpoMensaje {
    font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 13px;
}

.CampoTextoMyGesN {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px
}

.CampoTextoPadding {
    padding: 4px 2px;    
}

.CampoTexto {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 4px;
}
.CampoTextoBLOQ {
	font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
		font-size: 11px;
		font-weight: normal; 
		color: #4E4E4E;
		border: 1px solid #999999; 
		background-color : #EEEEEE; 
		width: 100%; 
		padding-left: 2px; 
		padding-right: 2px;
}

.CampoTextoOBLIG {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold; 
    color: #000000;
    border: 1px solid #999999; 
    background-color: #D6D8D9; 
    width: 100%; 
    overflow: hidden; 
		border-radius: 4px;
		}

.CampoTexto10 {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 4px;
}

.CampoTextoOBLIG10 { 
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; 
    font-size: 10px;
    font-weight: normal; 
    color: #000000;
    border: 1px solid #999999; 
    background-color :#D6D8D9; 
    width: 100%; 
    border-radius: 4px;
}

.CampoTextoBLOQ10 {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal; 
    color: #4E4E4E;
    border: 1px solid #999999; 
    background-color: #D6D6D6; 
    width: 100%; 
    padding-left: 2px; 
    padding-right: 2px;
    border-radius: 4px;
}

.CampoTextoBLOQN {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold; 
    color: #4E4E4E;
    border: 1px solid #999999; 
    background-color: #EEEEEE; 
    width: 100%; 
    border-radius: 4px;
}

.CampoTexto11 {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    padding: 2px;
}

.CampoTexto14 {
	font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal; 
	color: #000000;
	border: 1px solid #999999; 
	background-color : #FFFFFF; 
	width: 100%; 
	height: 28px;
	padding: 2px; 
}

.CampoTextoSinBorde {
    border: 0 !important; 
}

.CampoTextoBLOQRojo {
	font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
		font-size: 11px;
		font-weight: bold; 
		color: #FFFFFF;
		border: 1px solid #999999; 
		background-color : #FF0000; 
		width: 100%; 
		padding-left: 2px; 
		padding-right: 2px;
}

.CampoTextoBLOQRojo15 {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #999999;
    background-color: #FF0000;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.CampoTextoBLOQVerde15 {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #999999;
    background-color: #008000;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

/*.CampoTextoOBLIG10{font-family: Tahoma; font-size: 10px;font-weight: normal; color: #000000;border: 1px solid #999999; background-color :#D6D8D9; width: 100%; padding-left: 2px; padding-right: 2px}*/

.CampoTextoN     {font-family: Tahoma; font-size: 11px;font-weight: bold; color: #000000;border: 1px solid #999999; background-color : #FFFFFF; width: 100%; padding-left: 2px; padding-right: 2px }
.CampoTextoBLOQ10N {font-family: Tahoma; font-size: 10px;font-weight: bold; color: #ACA899;border: 1px solid #999999; background-color : #EEEEEE; width: 100%; padding-left: 2px; padding-right: 2px}
.CampoTextoBLOQ12N {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #ACA899;
    border: 1px solid #999999;
    background-color: #EEEEEE;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px
}
.CampoTextoBLOQ14N {font-family: Tahoma; font-size: 14px;font-weight: bold; color: #ACA899;border: 1px solid #999999; background-color : #EEEEEE; width: 100%; padding-left: 2px; padding-right: 2px}

.CampoTextoNewHeight { height: 20px; }
.CampoTextoNewHeight2 { height: 22px; padding-top: 3px; }
.CampoBusqueda { padding-left: 20px !important }
.CampoTextoLogin {font-family: Tahoma; font-size: 12pt;font-weight: normal; color: #000000;border: 1px solid #999999; background-color : #FFFFFF; width: 100%; height: 38px; padding: 8px }

.CampoTexto2{font-family: Tahoma; font-size: 11px; font-weight: normal; color: #000000; border: 1px solid #999999; background-color : #FFFFFF; padding-left: 2px; padding-right: 2px }

.CampoCentrado { text-align:center }
.CampoCentradoDerecha { text-align:right }
.CampoPaddingLeft { padding-left: 10px }

.Listado {
	font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; 
	font-size: 11px; 
	border: 1px solid #909090;
	border-radius: 4px;
}

.Listado28 {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 11px;
    border: 1px solid #909090;
    border-radius: 4px;
    height: 28px;
}

.Listado10 {
	font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; 
	font-size: 10px; 
	border: 1px solid #909090;
	border-radius:4px;
}

.Listado7    {font-family: Tahoma; font-size: 7pt; border: 1px solid #909090;}
.Listado9   {font-family: Tahoma; font-size: 9px; height:15px; border: 1px solid #909090;}
.ListadoOBLIG {font-family: Tahoma; font-size: 10px; height:17px; border: 1px solid #909090; background-color : rgb(255, 145, 145);}
.Listado8OBLIG {
    background-color: rgb(255, 145, 145);
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 11px;
    border: 1px solid #909090;
    border-radius: 4px;
    height: 28px;
}
.Listado8BLOQ {font-family: Tahoma; font-size: 8pt; border: 1px solid #ACA899; background-color : #EEEEEE;}

.CeldaCabecera {background-color : #EBEADB; border-bottom:2px solid #CBC7B8;}
.CeldaCabecera2 {background-color :#D3D3C5; border-bottom:2px solid #CBC7B8;}
.CeldaCabeceraTotal {color: #FFFFFF; background-color: #000000; border-bottom: 2px solid #CBC7B8;}
.CeldaCabeceraTotal2 {color: #FFFFFF; background-color: #696969; border-bottom: 2px solid #CBC7B8;}
.CeldaCabeceraSabado {
    background-color: #c2c1b7;
    border-bottom: 2px solid #CBC7B8;
    color: #FFF;
}
.CeldaCabeceraDomingo {
    background-color: #9e9d94;
    border-bottom: 2px solid #CBC7B8;
    color: #FFF;
}
.CeldaCabeceraFestivo {
    background-color: #f00;
    border-bottom: 2px solid #CBC7B8;
    color: #FFF;
}

.Titulo01 { color: #FFFFFF; background-color: #00a0df; text-align: center; }
.Titulo02 { color: #FFFFFF; background-color: #00a0df; padding-left:10px; font-family: Arial; font-size: 12pt; font-weight: bold }
.Titulo03 { color: #FFFFFF; background-color: #8496D5; padding-left:10px; font-family: Arial; font-size: 12pt; font-weight: bold }

.Titulo03A { color: #FFFFFF; background-color: #8496D5; padding-left:10px; }

.Titulo04 { color: #000000; background-color: #E7E8EC; text-align: left; }
.Titulo05 { color: #FFFFFF; background-color: #001E38; }
.Titulo06 { color: #FFFFFF; background-color: #7DA2F6; text-align: center; }

.Titulo07 { color: #FFFFFF; background-color: #00a0df; text-align: center; height: 25px; background:url('../images/BG_HEADER_BLUE_25.png') repeat-x }

.Titulo07A { color: #FFFFFF; background-color: #00a0df; text-align: center; height: 25px; background:url('../images/BG_HEADER_BLUE_50_A.png') repeat-x }
.Titulo07B { color: #FFFFFF; background-color: #00a0df; text-align: center; height: 25px; background:url('../images/BG_HEADER_BLUE_50_B.png') repeat-x }

.Titulo08 { color: #FFFFFF; background-color: #00a0df; text-align: center; height: 50px; background:url('../images/BG_HEADER_BLUE_50.png') repeat-x }

.TituloInfAzul {
    color: #FFFFFF;
    background-color: #00a0df;
    text-align: center;
    height: 25px;
    background: url('../images/BG_HEADER_BLUE_25.png') repeat-x;
    width: 100%;
}

.DatosInf {
    vertical-align: middle;
    text-align: center;
    background-color: #F5F3EE;
    width: 100%;
    height: 30px;
    padding-top: 15px
}

.Titulo11 {
    color: #FFFFFF;
    background-color: #00a0df;
    text-align: center;
}

.Titulo09 {
    color: #FFFFFF;
    background-color: #878787;
    padding-left: 10px;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold
}

.Titulo01Borde { 

background: rgb(10,119,213); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiMwYTc3ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiM1MzlmZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiM4N2JjZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(10,119,213,1) 17%, rgba(83,159,225,1) 57%, rgba(135,188,234,1) 92%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(17%,rgba(10,119,213,1)), color-stop(57%,rgba(83,159,225,1)), color-stop(92%,rgba(135,188,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(10,119,213,1) 17%,rgba(83,159,225,1) 57%,rgba(135,188,234,1) 92%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(10,119,213,1) 17%,rgba(83,159,225,1) 57%,rgba(135,188,234,1) 92%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(10,119,213,1) 17%,rgba(83,159,225,1) 57%,rgba(135,188,234,1) 92%); /* IE10+ */
background: linear-gradient(to right,  rgba(10,119,213,1) 17%,rgba(83,159,225,1) 57%,rgba(135,188,234,1) 92%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a77d5', endColorstr='#87bcea',GradientType=1 ); /* IE6-8 */

		color: #FFFFFF; 
		/*background-color: rgb(103, 160, 205); */
		padding-left: 3px; 
		
		border-width: 1px; 
		border-style: solid; 
		/*
		border-color: #0081A6; 
		*/
		border-radius:4px; 
		
		text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
		 -ms-border-radius:4px; -o-border-radius:4px;


		
		}
.Titulo02Borde { color: #FFFFFF; background-color: #0071E1; padding-left: 3px; border-width: 2px; border-style: outset; }
.Titulo03Borde { color: #FFFFFF; background-color: #E17410; padding-left: 3px; border-width: 2px; border-style: outset; }

.Titulo09Borde {
    background: rgb(135, 135, 135); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiMwYTc3ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiM1MzlmZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiM4N2JjZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(135, 135, 135,1) 17%, rgb(155, 155, 155) 57%, rgba(187, 187, 187,1) 92%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(17%,rgba(135, 135, 135,1)), color-stop(57%,rgba(155, 155, 155,1)), color-stop(92%,rgba(187, 187, 187,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(135, 135, 135,1) 17%,rgba(155, 155, 155,1) 57%,rgba(187, 187, 187,1) 92%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(135, 135, 135,1) 17%,rgba(155, 155, 155,1) 57%,rgba(187, 187, 187,1) 92%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(135, 135, 135,1) 17%,rgba(155, 155, 155,1) 57%,rgba(187, 187, 187,1) 92%); /* IE10+ */
    background: linear-gradient(to right, rgba(135, 135, 135,1) 17%,rgba(155, 155, 155,1) 57%,rgba(187, 187, 187,1) 92%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#D2D2D2',GradientType=1 ); /* IE6-8 */
    color: #FFFFFF;
    /*background-color: rgb(103, 160, 205); */
    padding-left: 3px;
    border-width: 1px;
    border-style: solid;
    /*
		border-color: #0081A6; 
		*/
    border-radius: 4px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.BordeInferior { border-bottom: 1px solid #939393; }
.BordeInferior2 { border-bottom: 1px solid #7BAEE7; }
.BordeD { border-right: 1px solid #5281ED; }
.BordeMensaje { border-bottom:1px solid #5281ED; border-left:1px solid #5281ED; border-top:1px solid #5281ED; border-right: 1px solid #5281ED; }
.BordeCelda { border-bottom: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; }
.BordeCelda2 { border-bottom: 2px solid #C0C0C0; border-left: 2px solid #C0C0C0; border-top: 2px solid #C0C0C0; border-right: 2px solid #C0C0C0; }
.BordeCelda3 { border-bottom: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; }
.BordeCelda4 { border-bottom: 2px solid #C0C0C0; border-left: 2px solid #C0C0C0; border-top: 2px solid #C0C0C0; border-right: 2px solid #C0C0C0; background-color:#C0C0C0 }
.BordeCeldaIzquierda { border-left: 1px solid #C0C0C0; border-right: 1px solid #FFFFFF; }
.BordeCeldaIzquierda2 { border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-right: 1px solid #FFFFFF;  }
.BordeCeldaLateral { border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; }
.BordeCeldaLateral2 { border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; }
.BordeBlanco { border-bottom:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
.BordeD05 { border-right:2px solid #FFFFFF; }
.BordeD06 { border-right: 1px solid #525252; }

.CeldaMargen { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }

.FondoMenu { background-color:#D2DEFB }

.FondoMenu2 { background-color: #4B87CF }
.FondoMenu3 { background-color: #001D37 }
.FondoMenu4 { background-color: #001D38 }
.FondoMenu5 { background-color: #525252 }

.FondoMAzulClaro { background-color:#647BCA }
.FondoMNaranja { background-color:#FF8000 }
.FondoMGris { background-color: #EBEBEB !important }
.FondoMGris2 { background-color: #AFAFA6 !important }
.FondoMVerde { background-color:#00D56A }
.FondoMVerdeClaro {
    background-color: #C4FFC4
}
.FondoMRojo { background-color:#FF5151 }
.FondoMAmarillo { background-color:#F0F000 }
.Pestanya { background-color:#7399F2; padding-left: 3px; border-width: 2px; border-style: outset; }
.PestanyaActiva { background-color:#1248C7; padding-left: 3px; border-width: 2px; border-style: outset;  }
.FondoNuevoMenu { background-color: #F5F3EE }
.FondoMGranate {
    background-color: #800000
}
.FondoMMarron {
    background-color: #CD853F
}

.Bloqueado { background-color : #EEEEEE }

.Subrrayado {
	text-decoration: underline;
}

.SubrrayadoLink {
	text-decoration: underline; color: #0070DF; cursor: pointer;
}

div.popup {
	position: absolute;
	display: none;
	padding: 3px;
	border: 2px solid #004D71;
	background-color: #FFFFFF;
	z-index: 99999;
}

div.menuBar,
div.menuBar a.menuButton,
div.menus,
div.menus a.menuItem {
  /*font-family: Tahoma, Arial;*/
  font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

div.menuBar {
  /*background-color: #D2DEFB;*/
  /*border: 1px solid;*/
  border-color: #D2DEFB #D2DEFB #D2DEFB #D2DEFB;
  padding: 4px 2px 4px 2px;
  text-align: left;
}

div.menuBar a.menuButton {
  background-color: transparent;
  color: #000000;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 10000;
  text-align: center;  
}

div.menuBar a.menuButton:hover {
  background-color: #93A070;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  color: #FFFFFF;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #93A070;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #ffffff;
  left: 1px;
  top: 1px;
}

div.menus {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #D0D0D0 #D0D0D0 #D0D0D0 #D0D0D0;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 10001;
}

div.menus a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menus a.menuItem:hover, div.menus a.menuItemHighlight {
  background-color: #000080;
  color: #ffffff;
}

div.menus a.menuItem span.menuItemText {}

div.menus a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menus div.menuItemSep {
  border-top: 1px solid #909090;
  border-bottom: 1px solid #f0f0f0;
  margin: 4px 2px;
}

.titulo_rss a{
	font: bold 13px Tahoma;
	color: #364F9C;
	text-decoration:none;
	display:block;
	margin-top:12px;
}

.titulo_rss a:hover{
	color: #666;
}

.descripcion_rss {
	font: 12px Tahoma;
	/*font: 11px Verdana, Arial, Helvetica, sans-serif;*/
	color: #888;
	display:block;
}

.fecha_rss {
	font: 11px Tahoma;
	/*font: 10px "Lucida Sans Unicode", Verdana, Arial, Georgia;*/
	color: #CC6633;
}

[disabled] {
	color:#4E4E4E;
   background-color:#EEEEEE;
}

.frameGrafico img {
    position: relative;
    top: -10px;   
}

.Opcion {
    filter: alpha(opacity=90); 
    opacity: .90;    
}

.OpcionCentrado {
    text-align: center;
}

.OpcionNegrita {
    filter: alpha(opacity=100); 
    opacity: 1;    
}

.OpcionTexto {
    font-weight: bold;
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 14px; 
    color: #FFFFFF;
    position: absolute;
    bottom: 2px;
    left: 10px;
}

.OpcionTextoGris {
    font-weight: bold;
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 12px; 
    color: #BBBBBB;
    position: absolute;
    bottom: 2px;
    left: 10px;
}

.Opcion a:link { 
    text-decoration: none; 
    color: #FFFFFF;
}
.Opcion a:hover { 
    text-decoration: underline;
    color: #FFFFFF;
}
.Opcion a:visited {
    text-decoration: none; 
    color: #FFFFFF;
}
.Opcion a:active { 
    text-decoration: none; 
    color: #FFFFFF;
}

.Listado11px {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 11px;
    height: 28px;
    padding: 3px;
}

.Listado12px {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 26px;
    padding: 3px;
}

.Listado14px { 
    font-family: Tahoma; 
    font-size: 14px;
    height: 26px;
    padding: 3px;
}

.ListadoOBLIG11px {
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 11px;
    height: 28px;
    padding: 3px;
    background-color: rgb(255, 145, 145);
}

.ListadoOBLIG12px { 
    font-family: Tahoma; 
    font-size: 12px; 
    border: 1px solid #909090; 
    background-color: rgb(255, 145, 145); 
    height: 20px 
}

.CampoTexto12px {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px
}
.CampoTexto12pxOBLIG { font-family: Tahoma; font-size: 12px; border: 2px solid #E80000; height: 26px; padding: 4px; }

.MensajeAlerta {
    background-color: #FFFFFF;
    border: 1px solid #666666;
    padding: 5px 10px;
    /*position: absolute;*/
}

.MensajeAlerta-2 {
    background-color: #FFFFFF;
    border: 1px solid #666666;
    /*position: absolute;*/
}

.busquedaRapida {  
	position: absolute;
	width: 580px;
    top: 24px;
    left: 0px;
	border: 1px solid #525252;
	background-color: #FFFFFF;
	z-index: 99999;
}

/* Barra de botones */

.navbar-static-top {
    margin-bottom: 0;
    position: static;
}

.navbar {
 margin-bottom: 11px;
    margin-top: -5px;
    overflow: visible;
    padding-left: 0;
}

.navbar-inner:after {
    clear: both;
}

.navbar-inner:before, .navbar-inner:after {
    content: "";
    display: table;
    line-height: 0;
}

.navbar-inner:before, .navbar-inner:after {
    content: "";
    display: table;
    line-height: 0;
}
.navbar-inverse .navbar-inner {
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
   /* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);*/
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    border-width: 0 0 1px;
}

.navbar-static-top .navbar-inner {
    border-radius: 0 0 20px 20px;
    height: 85px;
}

.navbar-inner {
    background-color: #FAFAFA;
    background-image: linear-gradient(to bottom, #F0F0F0, #FFFFFF);
    background-repeat: repeat-x;
    border: 1px solid #D4D4D4;
    border-radius: 8px 8px 8px 8px;
  /*  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);*/
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.container:after {
    clear: both;
}

.container:before, .container:after {
    content: "";
    display: table;
    line-height: 0;
}

.container:before, .container:after {
    content: "";
    display: table;
    line-height: 0;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 97%;
}

.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 940px;
}

.navbar .container {
    width: auto;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 940px;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 97%;
}

.container {
    margin-left: auto;
    margin-right: auto;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 100%;
}

.the-icons-add {
    list-style: none outside none;
    margin-left: 0;
    text-align: center;
}

.the-icons-min {
    list-style: none outside none;
    margin-left: 0;
    text-align: center;
}

.the-icons-mod {
    list-style: none outside none;
    margin-left: 0;
    text-align: center;
}

.the-icons-consulta {
    list-style: none outside none;
    margin-left: 0;
    text-align: center;
}

.the-icons-list {
    list-style: none outside none;
    margin-left: 0;
    text-align: center;
}

.the-icons-separador {
    list-style: none outside none;
    margin-left: 0;
}

.the-icons-save {
    list-style: none outside none;
    margin-left: 0;
    text-align: center;
}

.the-icons-search {
    list-style: none outside none;
    margin-left: 0;
    text-align: center;
}

ul.the-icons-search li {
    height: 40px;
}
.the-icons-search li {
    float: left;
    line-height: 25px;
	margin-left: 30px;
    margin-right: 10px;
    padding-top: 10px;
    width: 41px;
}

.the-icons-exit {
    list-style: none outside none;
    margin-left: 0;
    text-align: center;
}

ul.the-icons-add li {
    height: 30px;
}
.the-icons-add li {
    float: left;
    line-height: 25px;
    margin-right: 20px;
    padding-top: 10px;
    width: 31px;
}
li {
    line-height: 20px;
}

li a {
    color: #B1B1B1;
    text-decoration: none !important;
}

li a:hover {
    color: #000 !important;
    text-decoration: none;
}

li a:active {

}

.the-icons-activo{
    color: #000000 !important;
    text-decoration: none;
}

/* Icons
------------------------- */
.the-icons {
margin-left: 0;
list-style: none;
}
.the-icons li {
float: left;
width: 25%;
line-height: 25px;
}

.the-icons-separador {
margin-left: 0;
list-style: none;
}

.the-icons-separador li {
float: right;
width: 50px;
line-height: 25px;
}

.the-icons-min {
margin-left: 0;
list-style: none;
text-align:center;
}

.the-icons-min li {
    float: left;
    line-height: 25px;
    margin-right: 20px;
    padding-top: 10px;
    width: 31px;
}

.the-icons-mod {
margin-left: 0;
list-style: none;
text-align:center;
}
.the-icons-mod li {
    float: left;
    line-height: 25px;
    margin-right: 20px;
    padding-top: 10px;
    width: 50px;
}

.the-icons-list {
margin-left: 0;
list-style: none;
text-align:center;
}
.the-icons-list li {
    float: left;
    line-height: 25px;
    margin-right: 20px;
    padding-top: 10px;
    width: 50px;
}

.the-icons-consulta {
margin-left: 0;
list-style: none;
text-align:center;
}
.the-icons-consulta li {
    float: left;
    line-height: 25px;
    margin-right: 20px;
    padding-top: 10px;
    width: 50px;
}

.the-icons-save {
margin-left: 0;
list-style: none;
text-align:center;
}
.the-icons-save li {
    float: left;
    line-height: 25px;
    margin-right: 15px;
    padding-top: 10px;
    width: 40px;
}

.the-icons-exit {
margin-left: 0;
list-style: none;
text-align:center;
}
.the-icons-exit li {
    float: right;
    line-height: 25px;
    margin-right: 20px;
    padding-top: 10px;
    width: 40px;
}

/*************************************************   defecto *************************************************************/

ul.the-icons li{
height: 30px;
}
ul.the-icons li i{
float: left;
width: 200px;
height: 24px;
vertical-align: center;
text-align: center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
ul.the-icons li:hover i{
color: #08b;
transform: scale(2,2);
-ms-transform: scale(2,2);
-webkit-transform: scale(2,2);
-o-transform: scale(2,2);
-moz-transform: scale(2,2);
}

/*************************************************   add      *************************************************************/

ul.the-icons-add li{
height: 30px;

}
ul.the-icons-add li i{
float: left;
width: 30px;
height: 30px;
vertical-align: center;
text-align: center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
font-size: 24px;
  padding-right: 5px;
}
ul.the-icons-add li:hover i{
color: #00c997;
transform: scale(2,2);
-ms-transform: scale(2,2);
-webkit-transform: scale(2,2);
-o-transform: scale(2,2);
-moz-transform: scale(2,2);
}


/*************************************************   min      *************************************************************/

ul.the-icons-min li{
height: 30px;
}
ul.the-icons-min li i{
float: left;
width: 30px;
height: 30px;
vertical-align: center;
text-align: center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
font-size: 24px;
  padding-right: 5px;
}
ul.the-icons-min li:hover i{
color: #c90021;
transform: scale(2,2);
-ms-transform: scale(2,2);
-webkit-transform: scale(2,2);
-o-transform: scale(2,2);
-moz-transform: scale(2,2);
}


/*************************************************   mod      *************************************************************/

ul.the-icons-mod li{
height: 30px;
}
ul.the-icons-mod li i{
float: left;
width: 30px;
height: 30px;
vertical-align: center;
text-align: center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
font-size: 24px;
  padding-right: 5px;
  
  


    padding-left: 10px;

 
  
  
  
  
}

ul.the-icons-mod li:hover i{
color: #fe6508;
transform: scale(2,2);
-ms-transform: scale(2,2);
-webkit-transform: scale(2,2);
-o-transform: scale(2,2);
-moz-transform: scale(2,2);
}


/*************************************************   consulta      *************************************************************/

ul.the-icons-consulta li{
height: 30px;
}
ul.the-icons-consulta li i{
float: left;
width: 30px;
height: 30px;
vertical-align: center;
text-align: center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
font-size: 24px;
    padding-right: 5px;
    padding-left: 10px;
}
ul.the-icons-consulta li:hover i{
color: #bb08fe;
transform: scale(2,2);
-ms-transform: scale(2,2);
-webkit-transform: scale(2,2);
-o-transform: scale(2,2);
-moz-transform: scale(2,2);
}

/***************************************************** search ****************************/

ul.the-icons-search li{
height: 30px;

}
ul.the-icons-search li i{
float: left;
width: 40px;
height: 30px;
vertical-align: center;
text-align: center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
font-size: 24px;
padding-right: 5px;
padding-left: 5px;
}

ul.the-icons-search li:hover i{
color: #00c997;
transform: scale(2,2);
-ms-transform: scale(2,2);
-webkit-transform: scale(2,2);
-o-transform: scale(2,2);
-moz-transform: scale(2,2);
}

/*************************************************   list      *************************************************************/

ul.the-icons-list li{
height: 30px;
}
ul.the-icons-list li i{
float: left;
width: 30px;
height: 30px;
vertical-align: center;
text-align: center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
font-size: 24px;
    padding-right: 5px;
    padding-left: 10px;
}
ul.the-icons-list li:hover i{
color: #13cbf2;
transform: scale(2,2);
-ms-transform: scale(2,2);
-webkit-transform: scale(2,2);
-o-transform: scale(2,2);
-moz-transform: scale(2,2);
}


/*************************************************   save      *************************************************************/

ul.the-icons-save li{
height: 30px;
}
ul.the-icons-save li i{
float: left;
width: 30px;
height: 30px;
vertical-align: center;
text-align: center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
font-size: 24px;
padding-right: 5px;
padding-left:9px;
}
ul.the-icons-save li:hover i{
color: #5aff00;
transform: scale(2,2);
-ms-transform: scale(2,2);
-webkit-transform: scale(2,2);
-o-transform: scale(2,2);
-moz-transform: scale(2,2);
}



/*************************************************   exit      *************************************************************/

ul.the-icons-exit li{
height: 30px;
}
ul.the-icons-exit li i{
float: left;
width: 30px;
height: 30px;
vertical-align: center;
text-align: center;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
font-size: 24px;
  padding-right: 5px;
  padding-left:5px;
}
ul.the-icons-exit li:hover i{
color: #ff0000;
transform: scale(2,2);
-ms-transform: scale(2,2);
-webkit-transform: scale(2,2);
-o-transform: scale(2,2);
-moz-transform: scale(2,2);
}

/* Sidenav for Docs
-------------------------------------------------- */
.bs-docs-sidenav {
width: 228px;
margin: 30px 0 0;
padding: 0;
background-color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
display: block;
width: 190px \9;
margin: 0 0 -1px;
padding: 8px 14px;
border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
position: relative;
z-index: 2;
padding: 9px 15px;
border: 0;
text-shadow: 0 1px 0 rgba(0,0,0,.15);
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
float: right;
margin-top: 2px;
margin-right: -6px;
opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
background-color: #f5f5f5;

}
.bs-docs-sidenav a:hover .icon-chevron-right {
opacity: .5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
background-image: url(../img/glyphicons-halflings-white.png);
opacity: 1;
}
.bs-docs-sidenav.affix {
top: 40px;
}
.bs-docs-sidenav.affix-bottom {
position: absolute;
top: auto;
bottom: 270px;
}

.openButtonClass
{
	color: Black;
    font-size: 9px;
    font-weight: normal;
}

fieldset {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
    background: none repeat scroll 0 0 #F5F3EE;
    border: 1 solid rgb(204, 204, 204);
    border-radius: 4px;
	margin-top: 20px;
	padding-left:25px;
}

.fieldsetleyenda
{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background: none repeat scroll 0 0 #F5F3EE;
	border: 1 solid rgb(204, 204, 204);
	border-radius: 4px;
	margin-top: 20px;
	padding-left: 25px;
	background-color: #FFFFE6;
}

legend {
    background: linear-gradient(to bottom, rgb(240, 240, 240) 0%, rgb(215, 215, 215) 44%, rgb(200, 200, 200) 100%) repeat scroll 0 0 transparent;
    border: 1px solid rgb(134, 134, 134);
    border-radius: 4px 4px 4px 4px;
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: inline-block;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin: 0.1em 0.1em 0.5em -1.2em;
    min-height: 25px;
    padding: 6px 19px 0;
    text-align: left;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    transition: all 0.1s linear 0s;
    vertical-align: top;
    width: 234px
}

 #tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li{
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .7em 3.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #fff;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after{
  background: #fff;
  z-index: 3;
}

#content
{
    background: #fff;
    padding: 2em;
    height: 220px;
    position: relative;
    z-index: 2;	
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}
/*
#login
{
    background-image: url("images/login.png");
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    height: 400px;
    margin-left: 39%;
    margin-top: 100px;
    padding-left: 24px;
    padding-top: 82px;
    width: 400px;
	
	
	}

#login_input
{

	width:400px;
	height:70px;
	display: block;
	
	}
	

#login_button
{
   background-image: url("images/login-button.png");
    border: 0 none;
    display: block;
    height: 51px;
    margin-left: 130px;
    margin-top: -40px;
    width: 120px;
	}
	
	.radio, .checkbox {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	top: .5em;
	display: inline-block;
	background: #fafafa;
	background: -webkit-linear-gradient(top,  #fafafa 0%,#dcdcdc 100%);
	position: relative;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	border: 1px solid #aaa;
	box-shadow: inset 0 1px 2px #fff, 
			0 1px 2px #bbb;
	-webkit-transition: .1s linear;
}
*/	
.checkbox {
	border-radius: 3px;
}
	
.radio:checked:after{
	content: '';
	display: inline-block;
	position: absolute;
	height: 5px;
	width: 5px;
	border-radius: 5px;
	background: #777;
	margin-left: .4em;
	margin-top: .4em;
	box-shadow: 0 1px 1px #fff;
}
	
.checkbox:checked:after{
	content: 'ν';
	display: inline-block;
	position: absolute;
	margin-left: 0.21em;
	margin-top: -0.25em;
	color: #444;
	font-weight: bolder ;
	font-size: 14px;
	text-shadow:  0 1px 1px #fff;
}
	
.radio:not(:disabled):active,
.checkbox:not(:disabled):active {
  	background: #f0f0f0;
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#bebebe 100%);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
  	text-shadow: 0 1px 0 rgba(255,255,255,0.25);
}

.radio:not(:disabled):hover, 
.checkbox:not(:disabled):hover {
	background: #ffffff;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
}
	
.radio:disabled, 
.checkbox:disabled {
	border: 1px solid #bbb;
}

.OpcionGris { 
    color: #3F3F3F;
    font-weight: bold; 
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 10px; 
    text-align:center; 
    background-color:#939393; 
    border-top-right-radius: 4px;    
    border-top-left-radius: 4px;
    float: left;
    width: 100px;
    word-wrap: break-word;
}

.OpcionGris_Icono {
    color: #3F3F3F;
    font-weight: bold;
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
    background-color: #939393;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    float: left;
    width: 52px;
    word-wrap: break-word;
    font-size: 24px;
}

.OpcionGris_Activo {
    color: #3F3F3F;
    font-weight: bold;
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
    background-color: #F5F3EE;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    float: left;
    width: 100px;
    word-wrap: break-word;
}

.OpcionGris_Activo_Icono {
    color: #3F3F3F;
    font-weight: bold;
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
    background-color: #F5F3EE;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    float: left;
    width: 52px;
    word-wrap: break-word;
    font-size: 24px;
}

.BigBtn { 
    cursor: pointer;
    background-color: #E6E6E6;
    border-radius: 4px;  
    color: #3F3F3F;
    float: left;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
    height: 55px;
    padding: 10px;
    margin: 10px 10px 10px 0;
    text-align: center;
    width: 80px;
}

.BigBtn:hover { 
    background-color: #6A6A6A;
    border: 3px solid #6A6A6A; 
    color: #FFFFFF;
}

.BigBtnSelected {
    font-weight: bold;
    border: 3px solid #6A6A6A; 
    background-color: #BEBEBE;  
}

.BigBtnNoSelected {
    border: 3px solid #CBCBCB;  
}

.BigBtn2 { 
    cursor: pointer;
    background-color: #E6E6E6;
    border-radius: 4px;  
    color: #3F3F3F;
    float: left;
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 16px;
    padding: 10px;
    margin: 10px 10px 10px 0;
    text-align: center;
    width: 80px;
}

.BigBtn2:hover { 
    background-color: #6A6A6A;
    border: 3px solid #6A6A6A; 
    color: #FFFFFF;
}

.BigBtnSelected2 {
    font-weight: bold;
    border: 3px solid #6A6A6A; 
    background-color: #BEBEBE; 
}

.BigBtnNoSelected2 {
    border: 3px solid #CBCBCB;  
}

.MensajesDivBusqueda {
    width: 700px;
    height: 60px; 
    position: absolute; 
    left: 320px; 
    top: 12px;
    background-color: #F5F3EE;
    border: 6px solid #939393;
    border-radius: 4px;
    padding: 10px 0 4px;
    z-index: 1;
}

.DivCerrar {
    cursor: pointer;
    color: #939393;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    right: 2px;
    top: -3px;    
}

.DivCerrar:hover {
    color: #000000;    
}

.NuevoLink:link {
    text-decoration: none !important;
    color: #000000 !important;
}

.NuevoLink:visited {
    text-decoration: none !important;
    color: #000000 !important;
}

.NuevoLink:hover {
    text-decoration: underline !important;
    color: #000000 !important;
}

.NuevoLink:active {
    text-decoration: none !important;
    color: #000000 !important;
}

.NuevoLinkRed:link {
    text-decoration: none !important;
    color: #FF0000 !important;
}

.NuevoLinkRed:visited {
    text-decoration: none !important;
    color: #FF0000 !important;
}

.NuevoLinkRed:hover {
    text-decoration: underline !important;
    color: #FF0000 !important;
}

.NuevoLinkRed:active {
    text-decoration: none !important;
    color: #FF0000 !important;
}

.MenuDiv { 
/*    
    cursor: pointer;
    float: left;
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif; 
    font-size: 13px; 
    font-weight: bold;
    padding: 0 5px;
*/
    height: 45px; 
    padding: 5px 12px 0 6px; 
    margin-bottom: -5px; 
    position: relative;
}

.MenuDivTexto { 
    height: 30px; 
    padding: 0 2px;
}

.MenuDivCerrar {
/*
    cursor: pointer;
    color: #363636;
    font-family: Tahoma;
    font-size: 9px;
    font-weight: bold;
    float: right; 
    padding-left: 5px;
    position: relative;
    top: -14px;
    right: 2px; 
*/
    color: #363636;
    position: absolute; 
    right: 2px; 
    top: 1px;    
}

.MenuDivCargando {
    color: #363636;
    position: absolute;
    left: 2px;
    top: 1px;
}

.MenuDivCerrar:hover {
    color: #DD0000;    
}

.MenuDivEspacio {
    float: left; 
    width: 2px;
}

.FondoMActivo { 
    color: #3F3F3F;
    font-weight: bold; 
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 10px; 
    text-align: center; 
    background-color: #F5F3EE; 
    float: left;
    width: 110px;
    height: 50px;
    border-top-right-radius: 4px;    
    border-top-left-radius: 4px;
}

.FondoMNoActivo { 
    color: #3F3F3F;
    font-weight: bold; 
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 10px; 
    text-align: center; 
    background-color: #939393; 
    float: left;
    width: 110px;
    height: 50px;
    border-top-right-radius: 4px;    
    border-top-left-radius: 4px;
}

.CuadroOpciones {
    padding: 10px;
    margin: 10px 10px 10px 0;
    height: 130px;
    /*text-align: center;*/
    float: left;
    border-radius: 4px;
    border: 3px solid #CBCBCB;
} 

div.ficha-articulo {
	position: absolute;
	display: none;
	padding: 3px;
	border: 2px solid #004D71;
	background-color: #FFFFFF;
}

.listaArticulos, .listaSeleccionTipoEvento
{
	border: 1px solid #000000;
	background-color: White;
	font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal; 
	color: #000000;
	border: 1px solid #999999; 
	background-color : #FFFFFF; 
	overflow: auto;
}

.listaArticulos
{
	width: 450px; 
	height: 95px;
}

.listaSeleccionTipoEvento
{
	width: 425px;
}

.leyenda{
     width: 20%;
     height: 20%;
     position: absolute;
     left: 65%;
     top: 30%;
     margin-top: -165px;
	 margin-left: -1px;
	 padding: 40px;
	 cursor: move;
	 opacity : 0.8; 
}

.tableJQGrid 
{
    border: 1px solid #4297d7;
    width: 98%;
} 

.tableJQGrid table {
    width: 98%;
    font-size:11px;
    border-collapse: collapse;
    border: 0px;
	border-top: none;
}

.tableJQGrid thead tr {
	background-color: #5c9ccc;
	font-size: 11px;
	font-weight: bold; 
	color: White; 
	font-family: Verdana;
	text-align: center;       
}

.tableJQGrid tbody tr 
{
	border: 1px solid #a6c9e2;
	padding: 0 2px 0 2px; 
	font-size: 11px; 
	color: #222222; 
	font-family: Verdana;
	text-align: center;   
	height: 20px;    
}

.TrListadoMargenes td {
    border: 1px solid #FFFFFF;
}

#divPopupFondo {
    background-color: #b3d6e6;
    filter: alpha(opacity=50);
    opacity: .50;
}

.TablaPopup .CeldaNoTrans {
    background-color: #F5F3EE;
    padding-left: 10px;
    padding-top: 5px;
    vertical-align: top;
}

.TablaPopup .CeldaTrans {
    filter: alpha(opacity=50);
    opacity: .50;
}

.BordeSuperior {
    border-top: 1px solid #5281ED;
}

.BordeD {
    border-right: 1px solid #5281ED;
}

.BordeI {
    border-left: 1px solid #5281ED;
}

.twin {
    border-bottom: 1px solid #ACA899 !important;
}

.Titulo03Borde2 {
    color: #FFFFFF;
    background-color: #848484;
    padding-left: 3px;
    border-width: 2px;
}

.BigBtn3 {
    cursor: pointer;
    background-color: #C0D0E3;
    border-radius: 4px;
    color: #000000;
    float: left;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
    height: 280px;
    padding: 10px;
    margin: 10px 10px 10px 0;
    text-align: center;
    width: 150px;
}

.BigBtn3:hover {
    background-color: #C0D0E3;
    border: 3px solid #4B87CF;
    color: #000000;
}

.BigBtn3Selected {
    font-weight: bold;
    border: 3px solid #C0D0E3;
    background-color: #C0D0E3;
}

.BigBtn3NoSelected {
    border: 3px solid #CBCBCB;
}

.BigBtn4 {
    cursor: pointer;
    background-color: #C0D0E3;
    border-radius: 4px;
    color: #000000;
    float: left;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
    height: 465px;
    padding: 10px;
    margin: 10px 10px 10px 0;
    text-align: center;
    width: 480px;
}

    .BigBtn4:hover {
        background-color: #C0D0E3;
        border: 3px solid #4B87CF;
        color: #000000;
    }

.BigBtn4Selected {
    font-weight: bold;
    border: 3px solid #C0D0E3;
    background-color: #C0D0E3;
}

.BigBtn4NoSelected {
    border: 3px solid #CBCBCB;
}

.BigBtn5 {
    background-color: #C0D0E3;
    border-radius: 4px;
    color: #000000;
    float: left;
    font-family: Tahoma;
    font-size: 10pt;
    /*height: 340px;*/
    padding: 10px;
    margin: 10px;
    text-align: center;
    width: 520px;
}

.BigBtn6 {
    background-color: #C0D0E3;
    border-radius: 4px;
    color: #000000;
    float: left;
    font-family: Tahoma;
    font-size: 10pt;
    height: 350px;
    padding: 10px;
    margin: 10px;
    text-align: center;
    width: 300px;
}

.BigBtn7 {
    background-color: #C0D0E3;
    border-radius: 4px;
    color: #000000;
    float: left;
    font-family: Tahoma;
    font-size: 10pt;
    height: 150px;
    padding: 10px;
    margin: 10px;
    text-align: center;
    width: 300px;
}

.BigBtn8 {
    background-color: #C0D0E3;
    border-radius: 4px;
    color: #000000;
    float: left;
    font-family: Tahoma;
    font-size: 10pt;
    height: 210px;
    padding: 10px;
    margin: 10px;
    text-align: center;
    width: 300px;
}

.BigBtn9 {
    background-color: #C0D0E3;
    border-radius: 4px;
    color: #000000;
    float: left;
    font-family: Tahoma;
    font-size: 10pt;
    height: 350px;
    padding: 10px;
    margin: 10px;
    text-align: left;
    width: 300px;
}

.BigBtnEncuestaEmpleados {
    border-radius: 4px;
    color: #000000;
    float: left;
    font-family: Tahoma;
    font-size: 10pt;
    height: 210px;
    padding: 10px;
    margin: 10px;
    text-align: center;
    width: 300px;
    background: url(../images/survey-clipart.png), #C0D0E3;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-size: 300px;
}

/* Prevent the text contents of draggable elements from being selectable. */
[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}

.draggable {
    border-radius: 10px;
}

.draggable.is-pointer-down {
    background: #09F;
}

.draggable.is-dragging {
    opacity: 0.7;
}

.handle {
}

.Titulo10Borde {
    background: rgb(194, 0, 0); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiMwYTc3ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiM1MzlmZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiM4N2JjZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(194, 0, 0,1) 17%, rgba(218,0,0,1) 57%, rgba(240,0,0,1) 92%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(17%,rgba(194, 0, 0,1)), color-stop(57%,rgba(218,0,0,1)), color-stop(92%,rgba(240,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(194, 0, 0,1) 17%,rgba(218,0,0,1) 57%,rgba(240,0,0,1) 92%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(194, 0, 0,1) 17%,rgba(218,0,0,1) 57%,rgba(240,0,0,1) 92%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(194, 0, 0,1) 17%,rgba(218,0,0,1) 57%,rgba(240,0,0,1) 92%); /* IE10+ */
    background: linear-gradient(to right, rgba(194, 0, 0,1) 17%,rgba(218,0,0,1) 57%,rgba(240,0,0,1) 92%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C20000', endColorstr='#F00000',GradientType=1 ); /* IE6-8 */
    color: #FFFFFF;
    padding-left: 3px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#historicoChat {
    background-color: #fffff9;
    padding: 10px 30px;
    border: 1px solid #999999;
    height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
}

div.ficha-productividad {
    position: absolute;
    display: none;
    padding: 20px;
    border: 2px solid #004D71;
    background-color: #F5F3EE;
    z-index: 100;
}

div.ficha-productividad-fondo {
    position: absolute;
    display: none;
    background-color: #B7B7B7;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

div.ficha-cambiohorario {
    position: absolute;
    display: none;
    padding: 20px;
    border: 2px solid #004D71;
    background-color: #F5F3EE;
    z-index: 100;
}

div.ficha-cambiohorario-fondo {
    position: absolute;
    display: none;
    background-color: #B7B7B7;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

#CuadroLecturaMensaje {
    border: 1px solid #d1d1d1;
    font-size: 13px;
    line-height: 1.6;
    word-wrap: break-word;
    background-color: #ffffff;
    padding: 20px;
}

.CampoTextoNewDesign {
    color: #000000;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px
}

.CampoTextoNewHeight3 {
    height: 26px;
}

#mensaje-caducidad-fondo {
    background-color: #b3d6e6;
    filter: alpha(opacity=50);
    opacity: .50;
}

/*#CHAT {
    position: absolute;
    bottom: 0;
    right: 100px;
    width: 220px;
    height: 20px;
    background-color: #32549E;
    color: #FFF;
    padding: 6px;
    text-align: center;
    cursor: hand;
    border-radius: 4px 4px 0 0;
    z-index: 9999;
}*/

#CHAT-IFRAME {
    position: absolute;
    bottom: 0px;
    right: 109px;
    width: 80px;
    height: 30px;
    background-color: #32549E;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    z-index: 9999;
    font-size: 20px;
    transition: all .3s ease;
}

#CHAT-IFRAME:hover {
    background-color: #4d6aab;
}

.iconos-barra-menu {
    cursor: pointer;
    font-size: 20px;
    color: #32549F;
}

.iconos-barra-menu-myaccess {
    cursor: pointer;
    font-size: 20px;
    color: #fff;
}

.DiasCalendarioSeleccionado {
    color: #fff !important;
    background: #09F !important;
    border: 3px solid #09F !important;
}

.DiasCalendarioDeshabilitado {
    color: #585858;
    background: #CBC7B8;
    border: 3px solid #CBC7B8;
}

.DiasCalendarioNoMostrados {
    color: #CBC7B8;
    background: #CBC7B8;
    border: 3px solid #CBC7B8;
}

.DiasCalendarioValido {
    color: #000;
    background: #9DFF9D;
    border: 3px solid #9DFF9D;
}

.DiasCalendario_v2 {
    color: #000;
    background: #fc0;
    border: 3px solid #fc0;
}

.DiasCalendario_v3 {
    color: #fff;
    background: #09F;
    border: 3px solid #09F;
}

.DiasCalendarioVacio {
    color: #000;
    background: #FFF;
    border: 3px solid #FFF;
}

.menuCRM {
    cursor: pointer;
    color: #3F3F3F;
    background-color: #EBEADB;
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 24px;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 2px solid #CBC7B8;
}

.menuTextoCRM {
    cursor: pointer;
    color: #3F3F3F;
    background-color: #EBEADB;
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 18px;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 2px solid #CBC7B8;
    white-space: nowrap;
}

.tituloMyGesCRM {
    float: right;
    padding-right: 50px;
    top: 30%;
    font-family: MyGesFont, "Calibri", Helvetica, Arial, sans-serif;
    font-size: 60px;
    font-weight: bold;
    position: relative;
    z-index: -1;
}

.RedondaRoja {
    background-color: #FF0000;
    border-radius: 40px;
    padding: 7px;
    color: #ffffff;
    display: inline-block;
    border-radius: 40px;
    padding: 7px px;
    min-width: 12px;
    color: #ffffff;
    text-align: center;
}

.RedondaNaranja {
    background-color: #FF8C00;
    border-radius: 40px;
    padding: 7px;
    color: #ffffff;
    display: inline-block;
    border-radius: 40px;
    padding: 7px px;
    min-width: 12px;
    color: #ffffff;
    text-align: center;
}

.RedondaVerde {
    background-color: #008000;
    border-radius: 40px;
    padding: 7px;
    color: #ffffff;
    display: inline-block;
    border-radius: 40px;
    padding: 7px px;
    min-width: 12px;
    color: #ffffff;
    text-align: center;
}

.RedondaAzul {
    background-color: #32549F;
    border-radius: 40px;
    padding: 3px;
    color: #ffffff;
    display: inline-block;
    border-radius: 40px;
    padding: 7px;
    min-width: 12px;
    color: #ffffff;
    text-align: center;
}

.RedondaAzul3px {
    background-color: #32549F;
    border-radius: 40px;
    padding: 3px !important;
    color: #ffffff;
    display: inline-block;
    border-radius: 40px;
    padding: 7px;
    min-width: 12px;
    color: #ffffff;
    text-align: center;
}

.RedondaRoja3px {
    background-color: #FF0000;
    border-radius: 40px;
    padding: 3px !important;
    color: #ffffff;
    display: inline-block;
    border-radius: 40px;
    padding: 7px;
    min-width: 12px;
    color: #ffffff;
    text-align: center;
}

.RedondaVerde3px {
    background-color: #0f0;
    border-radius: 40px;
    padding: 3px !important;
    color: #ffffff;
    display: inline-block;
    border-radius: 40px;
    padding: 7px;
    min-width: 12px;
    color: #ffffff;
    text-align: center;
}

.RedondaVerdeClaro {
    background-color: #0f0;
    border-radius: 40px;
    padding: 7px;
    color: #ffffff;
    display: inline-block;
    border-radius: 40px;
    padding: 7px px;
    min-width: 12px;
    color: #ffffff;
    text-align: center;
}

.MarcoVerde {
    background-color: #008000;
    color: #ffffff;
}

.MarcoRojo {
    background-color: #FF0000;
    color: #ffffff;
}

.MarcoNaranja {
    background-color: #A75C00;
    color: #ffffff;
}

.blink_me {
    animation: blinker 1s linear infinite;

}

@keyframes blinker {
    50% {
        opacity: 0.5;
    }
}

.FixedHElement {
    position: absolute;
    top: 4px;
}

.TituloBordeProgramaVerde {
    background-color: #096;
    padding-left: 3px;
    border-width: 2px;
    border-style: outset;
    height: 50px;
    font-weight: bold;
}

.TituloBordeProgramaNaranja {
    background-color: #fc3;
    padding-left: 3px;
    border-width: 2px;
    border-style: outset;
    height: 50px;
    font-weight: bold;
}

.TituloBordeProgramaRojo {
    background-color: #f30;
    padding-left: 3px;
    border-width: 2px;
    border-style: outset;
    height: 50px;
    font-weight: bold;
}

.contenedor-flex {
    display: flex;
    /* Opcional, para que las cajas se separen */
    justify-content: space-between;
}

.contenedor-grid-3-col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* Crea dos columnas de igual tamaño */
    grid-gap: 40px; /* Opcional, para separar las cajas */
    margin-top: 10px;
}

.contenedor-grid-2-col {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Crea dos columnas de igual tamaño */
    grid-gap: 50px; /* Opcional, para separar las cajas */
    margin-top: 10px;
}

.diapositiva-inf-fact-margen {
    width: 297mm;
    min-height: 210mm;
    margin: 20px 0 60px;
}

@media print {
    .diapositiva-inf-fact-margen {
        width: 297mm;
        min-height: 205mm;
    }

    @page {
        /* Define un margen superior de 2 centímetros en cada página */
        margin-top: 10mm;
    }
}

.diapositiva-inf-fact-margen-editar-datos {
    width: 297mm;
    margin: 20px 0 60px;
}

.TituloInfAzul50 {
    color: #FFFFFF;
    background-color: #00a0df;
    text-align: center;
    height: 50px;
    background: url('../images/BG_HEADER_BLUE_50.png') repeat-x;
    width: 100%;
}

.divCuadroInformeFactMargen {
    width: 140px;
}

.grafico-facturacion-cliente {
    position: absolute; /* Se posiciona en relación al TD más cercano con position: relative */
    top: 50%; /* Puedes ajustarlo a '0' o '50%' dependiendo de dónde lo quieras */
    left: 100%; /* Coloca el popup justo a la derecha del TD */
    /* Estilos visuales */
    width: 540px;
    height: 400px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #333;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 100; /* Asegura que aparezca encima de otros elementos */
    /* Ocultar por defecto */
    display: none;
}