/*a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}*/
a.tooltip:hover { 
text-decoration:none;
}

/* Tooltip */
.tooltip > .tooltip-inner {
    background-color: #13A2B5; /*#73AD21;*/
    color: #FFFFFF;
    border: 1px solid white;
    padding: 5px;
    font-size: 14px;
    text-align: left;
    max-width: 450px !important;
}

.tooltip.in {
    opacity: 1 !important;
}

.btn-group {
    white-space: nowrap;
}

    .btn-group .btn {
        float: none;
        display: inline-block;
    }

.btn + .dropdown-toggle {
    margin-left: -4px;
}

/*a.tooltip span {
display:none; 
margin: 42px 0px 0px -60px; 
padding: 8px 8px; 
}*/ 

/*a.tooltip:hover span {
display:inline; 
position:absolute; 
border:5px solid #cccccc; 
background:#D7E3FA; 
color:#000000; 
}*/

/*a.tooltipMenu:hover { 
text-decoration:none;
} 

a.tooltipMenu span {
display:none; 
margin: 2px  0px 0px 7px; 
padding: 2px 2px; 
} 

a.tooltipMenu:hover span {
display:inline; 
position:absolute; 
border:1px solid #cccccc; 
background:#e3edef; 
color:#000000; 
 font-weight:normal;
}*/



a.Mouse
{

}

.body {
    background-image: url('../imagenes/UI/Superior_r1_c2.jpg');
    background-repeat: repeat-x;
    background-attachment: inherit;
    background-color: transparent;
    background-position: top;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    color: #73879C;
}
.bodyA { background-image: url('');margin-left: 0px;margin-top: 150px;margin-right: 0px;margin-bottom: 0px;}

.a:link {text-decoration: none;color: #FFFFFF;font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;font-size: 10px;}
.a:visited {text-decoration: none;color: #FFFFFF;font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;font-size: 10px;}
.a:active {text-decoration: none;color: #FFFFFF;font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;font-size: 10px;}
.a:hover {text-decoration: underline;color: #FFFFFF;font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;font-size: 10px;}
img{ border-style: none;
    border-color: inherit;
    border-width: 0;
}

.SaltoDePagina
{
	 page-break-after:always;
}

/********************  IMAGENES  ****************/
.ImgLoginUp {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
}
			
/********************  MENUS  ****************/
.menuLateralBlanco
{
	font-size: 9px;
	font-family: 'Arial Rounded MT Bold';
	color: #FFFFFF;
}
.menuLateralBlancoBold {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.menuBlanco {

	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.menuMarron {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C64000;
	font-weight: bold;
}
.menuLateral {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
/*********************************************/

/***************  CONTENIDO HTML *****************/
.textError
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #cc3333;
    text-decoration: none;
}
.textErrorForm {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: red;
    text-decoration: none;
}
.celdaTextoNegro {	font-family: Verdana;
					font-size: 10px;
					font-weight: normal;
					color: #000000;}
.celtaTituloNegro {	font-family: Verdana;
			font-size: 10px;
			font-weight: bold;
			color: #000000;
			text-decoration: none;
			border: 1px solid #6B849A;
}


.footer {
	font-family: Verdana;
	font-size: 8px;
	color: #000000;
	text-align:justify;
}
.textPiePagina{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #000033;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
	
/*************************************************/

/**********  FRAMES, TABLAS, TRR  Y TDS  *************/
.fieldSet {
	margin: 20px  20px 0px 20px ;	
}
.fieldSetRecibo {
	margin: 0px  0px 0px 0px ;	
}
.tablaBorde
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
}
.tablaFondoAzul
{
	/*background-image: url('../imagenes/recFondo.jpg');
    background-repeat:no-repeat;*/
    background-color:#E6EFFE;
    border-color:#003366;
    border-width:thin;
    
}
.tablaFondoVerde
{
	/*background-image: url('../imagenes/recFondoVerde.jpg');
	background-repeat:no-repeat;*/
	 background-color:#E3EEEE;
    width: 784px;
}
.tdFichaTecnica {
	background-color: #DBDBDB;
	font-family: Calibri;
	font-size: 10px;
	font-weight: bold;
}

.form-controlGenFacIndi {
    display: block;
    width: 100%;
    height: 25px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-controlEdtAFi {
    display: block;
    width: 100%;
    height: 30px;
    padding: 5px 10px;
    font-family: "Calibri";
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.tdTitulo01
{
    background-color: #D8E9FB;
    font-family: "Calibri";
    font-size: 18px;
    font-weight: bold;
    height: 21px;
}
.tdTitulo02
{
    font-family: "Calibri";
    font-size: 18px;
    height: 21px;
}
.tdGris01 {
	font-family: Arial;
	font-size: 13px;
	/*font-weight: bold;	*/
	color: #000000;
	text-decoration: none;
	background-color: #ECECEC;
	border: 1px solid #E1E1E1;
	Padding-left: 2px;
	Padding-right: 2px;
}

.tdAzul05 {
	font-family: Arial;
	font-size: 13px;
	/*font-weight: bold;	*/
	color: #000000;
	text-decoration: none;
	background-color: #E1F0FF;
	border: 1px solid #E1F0FF;
	Padding-left: 2px;
	Padding-right: 2px;
}

.tdGris01Bold {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #ECECEC;
	border: 1px solid #E1E1E1;
	Padding-left: 2px;
	Padding-right: 2px;
}
.tdAzul04Bold {
	font-family: Roadgeek 2005 Series 1B;
	font-size: 18px;
	font-weight: bold;
	color: #E96A62;
	text-decoration: none;
	background-color: #D8E9FB;
	border: 1px solid #E1E1E1;
	Padding-left: 2px;
	Padding-right: 2px;
}
.tdAzul04 {
	font-family: Roadgeek 2005 Series 1B;
	font-size: 12px;
	font-weight: bold;
    Padding-left: 8px;
	Padding-right: 8px;
	color: #E96A62;
	text-decoration: none;
	background-color: #D8E9FB;
	border: 1px solid #E1E1E1;
}
.tdGris02 {
	font-family: Arial;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	
	border: 1px solid #E1E1E1;
	Padding-left: 5px;
	Padding-right: 5px;
}
.tdGris02Bold {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #F9F9F9;
	border: 1px solid #E1E1E1;
	Padding-left: 5px;
	Padding-right: 5px;
}
.tdGris03
{
	font-family: Arial;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
}
.tdGrisOscuro01
{
	font-family: Arial;
	font-size: 11px; /*font-weight: bold;	*/
	color: #000000;
	text-decoration: none;
	background-color: lightgrey;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: black 1px solid;
	border-left: black 1px solid;
	border-top: black 1px solid;
	border-right: black 1px solid;
}
.tdGrisOscuroBold01
{
	font-family: Arial;
	font-size: 11px; 
	font-weight: bold;	
	color: #000000;
	text-decoration: none;
	background-color: lightgrey;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: black 1px solid;
	border-left: black 1px solid;
	border-top: black 1px solid;
	border-right: black 1px solid;
}
.tdInfo01
{
    font-family: "Calibri";
    font-size: 12px;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    border-right: dimgray 1px solid;
    border-top: dimgray 1px solid;
    border-left: dimgray 1px solid;
    border-bottom: dimgray 1px solid;
    border: 0;
}
.tdBlanco01
{
    font-family: "Calibri";
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    border-right: dimgray 1px solid;
    border-top: dimgray 1px solid;
    border-left: dimgray 1px solid;
    border-bottom: dimgray 1px solid;
}
.tdBlanco02 {
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    Padding-left: 5px;
    Padding-right: 5px;
    border-radius: 100px 0px 0px 0px;
    -moz-border-radius: 100px 0px 0px 0px;
    -webkit-border-radius: 100px 0px 0px 0px;
    border: 0px solid #000000;
}
.tdBlanco03 {
	font-family: "Calibri";
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	Padding-left: 5px;
	Padding-right: 5px;
}
.tdAzul01
{
	font-family: "Calibri";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #008798;
	border: 1px solid #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
}
.tdAzul02 {	font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #000000;
			text-decoration: none;
			background-color: #BACEED;
			border: 1px solid #6092D5;
			Padding-left: 2px;
			Padding-right: 2px;
}
.tdAzul03 
{
	font-family: "Calibri";
	font-size: 12px;
	
	color: #003366;
	text-decoration: none;
	background-color: Transparent;
	border: 0px;
	Padding-left: 8px;
	Padding-right: 2px;
}
.tdTituloAzul01 
{
	font-family: "Calibri";
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	background-color: Transparent;
	border: 0px;
	Padding-left: 15px;
	padding-top:8px;
	
}
.tdAmarillo01
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #cc0000;
    text-decoration: none;
    background-color: #fff8dc;
    border: 1px solid #fff8dc;
    padding-left: 2px;
    padding-right: 2px;
}
.tdAmarillo02
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #cc0000;
    text-decoration: none;
    background-color: #fff8dc;
    border: 1px solid #fff8dc;
    padding-left: 2px;
    padding-right: 2px;
}
.tdAmarilloBorde01
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
	text-decoration: none;
	background-color: #ffffe6;
	padding-left: 5px;
	padding-right: 5px;
	border-right: #cc0033 1px dashed;
	border-top: #cc0033 1px dashed;
	border-left: #cc0033 1px dashed;
	border-bottom: #cc0033 1px dashed;
}
.tdAmarilloBorde02
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #cc0000;
	text-decoration: none;
	background-color: #FFFFCE;
	
	border-right: #cc0033 1px dashed;
	border-top: #cc0033 1px dashed;
	border-left: #cc0033 1px dashed;
	border-bottom: #cc0033 1px dashed;
}
.tdRojoBorde01
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #cc0000;
	text-decoration: none;
	background-color: #FFF8F2;
	padding-left: 15px;
	padding-right: 15px;
	border-right: #cc0033 1px dashed;
	border-top: #cc0033 1px dashed;
	border-left: #cc0033 1px dashed;
	border-bottom: #cc0033 1px dashed;
}
.tdVerdeBorde01
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #970000;
	text-decoration: none;
	background-color: #FFC4C4;
	padding-left: 5px;
	padding-right: 5px;
	border-right: #970000 1px dashed;
	border-top: #970000 1px dashed;
	border-left: #970000 1px dashed;
	border-bottom: #970000 1px dashed;
}
.tdSerMensajeCartera
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #970000;
	text-decoration: none;
	background-color: #FFC4C4;
	padding:5px;
	border-right: #970000 1px dashed;
	border-top: #970000 1px dashed;
	border-left: #970000 1px dashed;
	border-bottom: #970000 1px dashed;
}
.tdMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
 	color: #000099;
}
.tdEnlace
{
    background-image: url('../images/usuarios_r2_c2.jpg'); 
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight: bold;	*/
	color: #000000;
	text-decoration: none;
	border: 1px solid #E1E1E1;
	text-align:left;
}
.tdImgRojo01
{
    background-image: url('../imagenes/tdImgRojo01.jpg'); 
    background-repeat: repeat-x;
    height: 32px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 8px;
    padding-right: 8px;
    vertical-align:middle;
    padding-right: 8px;
    
}
.tdImgAzul01
{
    font-family: "Roadgeek 2005 Series 1B";
    font-size: 20px;
    color: #E96A1B;
    text-decoration: none;
    text-align: left;
    height: 29px;
    padding-left: 10px;
    border-bottom-style: dashed;
    border-bottom-width: thin;
    border-bottom-color: #DCDCD3;
}
.tdImgAzul02
{
    background-image: url('../imagenes/tdImgAzul02.jpg'); 
    background-repeat: repeat-x;
    height: 34px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 8px;
    padding-top:0px;
}
.tdImgAzul03 {
    font-family: "Roadgeek 2005 Series 1B";
    font-size: 20px;
    color: #E96A1B;
    text-decoration: none;
    text-align: center;
    height: 29px;
    padding-left: 10px;
    border-bottom-style: dashed;
    border-bottom-width: thin;
    border-bottom-color: #DCDCD3;
}
.tdImgAmarillo01
{
    background-image: url('../imagenes/tdImgAmarillo01.jpg'); 
    background-repeat: repeat-x;
    height: 21px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding-left: 8px;
    padding-right: 8px;
}
.tdImgAmarillo02
{
    background-image: url('../imagenes/tdImgAmarillo02.jpg'); 
    background-repeat: repeat-x;
    height: 21px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding-left: 8px;
    padding-right: 8px;
}
.tdImgVerde01
{
    background-image: url('../images/tdImgVerde01.jpg'); 
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	border: 1px solid #E1E1E1;
	text-align:left;
}
.tdImgVerde02
{
    background-image: url('../images/tdImgVerde02.jpg'); 
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
}
.tdImgVerde03
{
    background-image: url('../images/tdImgVerde03.jpg'); 
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
}
.tdImgGris01
{
    width: 100%;
    height: 21px;
    background-image: url('../Imagenes/tdImgGris01.jpg');
    background-repeat:repeat-x;
    text-align: left;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
    color: black;
    vertical-align: middle;
}
.tdImgGris02
{
    width: 100%;
    height: 21px;
    background-image: url('../Imagenes/tdImgGris02.jpg');
    background-repeat:repeat-x;
    text-align: left;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
    color: black;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align:middle;
}
.tdImgGris03
{
    width: 100%;
    height: 34px;
    background-image: url('../Imagenes/tdImgGris03.jpg');
    background-repeat:repeat-x;
    text-align: left;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
    color: black;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align:middle;
    
}
.tdImgContenido01
{
    width: 100%;
    background-image: url('../images/backGroundContenido.jpg');
}
.tdImgSuperior
{
    background-image: url(../imagenes/UI/Superior_r1_c2.jpg);
    background-repeat:no-repeat; 
    
    height: 70px; 
    padding-left:15px; 
    vertical-align:top;
}
/***********************************/


/*********************************************/
/************  LABELS  ***********************/
.lblGris01 {font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: normal;
			    font-weight:bold;
				color: #666666;}
.lblNegro10 {font-family: Verdana;
				font-size: 10px;
				font-weight: normal;
				color: #000000;}
.lblBlanco10 {font-family: Calibri;
				font-size: 10px;
				font-weight: normal;
				color: #FFFFFF;}								

.lblBlanco13 {font-family: Arial;
				font-size: 13px;
				font-weight: normal;
				color: #FFFFFF;
			}								
.lblNegro12 {font-family: Verdana;
				font-size: 11px;
				font-weight: normal;
				color: #000000;}
.lblTituloMarron
{
	font-weight: bold;
	font-size: 22px;
	color: #E80404;
	font-family: "Calibri";
}
.lblTituloMarronMutual
{
	font-weight: bold;
	font-size: 22px;
	color: #E80404;
	font-family: "Calibri";
}
.lblTituloMarronMutual02
{
	font-weight: bold;
	font-size: 19px;
	color: #E80404;
	font-family: "Calibri";
}
.lblTituloMarronMutual03
{
	font-size: 18px;
	color: #E80404;
	font-family: "Calibri";	
}
.lblTituloMarronMutual04
{
    font-size: 14px;
    color: #E96A1B;
    font-family: "Calibri";
}				
.lblMarron01 
{
	font-size: 10px;
	font-family: Calibri;
	color: #C64000;
	font-weight: bold;
}
.lblMarron02 
{
	font-size: 12px;
	font-family: Calibri;
	color: #C64000;
	font-weight: bold;
}
.lblAzul01 
{
	font-size: 12px;
	font-family: "Calibri";
	color: #0F5CFF;
	font-weight: bold;
}
.lblAzul02 
{
	font-size: 13px;
	font-family: "Calibri";
	color: #0F5CFF;
	font-weight: bold;
}
.lblMarronSub01
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C64000;
	font-weight: bold;
	text-decoration: underline overline;
}
.lblTitulo01
{
    font-family: Verdana;
    font-weight:bold;
    font-size: 12px;
}
.lblTituloUsuario
{
    font-family: 'Century Gothic';
    font-weight:normal;
    font-size: 12px;
}
.lblTituloBlanco
{
    font-family: Verdana;
    font-weight:bold;
    font-size: 18px;
    color: #FFFFFF;
}
.lblTituloVerdeOscuro
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #6A8727;
}
.lblLegendNegro01
{
    font-family: Verdana;
    font-weight:bold;
    font-size: 14px;
}
.lblLegendRojo01
{
    font-family: Verdana;
    font-weight:bold;
    font-size: 14px;
    color:Maroon;
}
.lblLegendGris01
{
    font-family: Verdana;
    font-weight:bold;
    font-size: 14px;
    color: Gray;
}
.lblBlanco01{

	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.lblBlanco02{

	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.lblToolTipMano
{
	cursor: hand;
}					
/*********************************************/
/********  OBJETOS DE FORMULARIOS  ***********/
.FormTextoGris {font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: normal;
			    font-weight:bold;
				color: #666666;}
.FormTextoAzul {font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: normal;
				color: #0000CC;}
.BotonTexto {	font-family: Verdana;
				font-size: 11px;
				font-weight: normal;
				color: #000000;}
.BotonEnviar
{
	font-family: Calibri;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
	border-bottom: silver 1px solid;
	border-left: silver 1px solid;
	border-top: silver 1px solid;
	border-right: silver 1px solid;
}
.txtBordeAzul
{
    font-family: "Calibri";
    font-size: 12px;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #6092D5;
    }

.txtBordeVerde
{
    font-family: Calibri;
    font-size: 12px;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #B4D66F;
}
.txtBordeGris
{
    font-family: Calibri;
    font-size: 12px;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #A0A0A0;
}

.ddlAzul
{
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 
}	            
/*********************************************/

/********   AJAX  ***********/
.dragMe
{
    width: 100%;
    height: 21px;
    background-image: url('../images/headerGris.jpg');
    text-align: left;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
    margin-left: 2px;
    margin-top: 2px;
    color: black;
    vertical-align: baseline;
}
/*****  CUANDO ESTA OK  *****/
.ajax__myTab .ajax__tab_header {
    font-family: Century Gothic;
    font-size: 11px;
    border-bottom: solid thin #ECECEC;
}

.ajax__myTab .ajax__tab_outer {
    padding-right: 4px;
    height: 30px;
    background-color: #F7F7F4; /*fondo de toda la pestaña no seleccionada*/
    margin-right: 2px;
    border-right: solid thin #C0C0C0;
    border-top: solid thin #C0C0C0;
    border-left: solid thin #C0C0C0;
}

.ajax__myTab .ajax__tab_inner {
    padding-left: 3px;
    background-color: #F7F7F4;/*fondo del texto de los tab que no estan seleccionados*/
}

.ajax__myTab .ajax__tab_tab {
    font-family: Century Gothic; 
    height: 13px;
    padding: 4px;
    margin: 0;
    color:#575748;
    box-sizing:unset;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_outer {
    background-color: #E1E1D9;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_inner {
    background-color: #E1E1D9;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_tab {
}

.ajax__myTab .ajax__tab_active .ajax__tab_outer
{
    background-color: #E1F0FF;
    border-left: solid thin #82A3C2;
    border-top: solid thin #82A3C2;
    border-right: solid thin #82A3C2;
}


.ajax__myTab .ajax__tab_active .ajax__tab_inner
{
    background-color: #E1E1D9;
}

.ajax__myTab .ajax__tab_active .ajax__tab_inner a {
   
}

.ajax__myTab .ajax__tab_active .ajax__tab_tab
{
    font-family: Century Gothic;
    color: #006688;
    font-weight: bold;
}

.ajax__myTab .ajax__tab_body {
    font-family: Century Gothic;
    font-size: 10pt;
    border: thin solid #C0C0C0;
    border-top: thin solid #82A3C2;
    padding: 8px;
    background-color: #ffffff;
}
/************* FIN DE CUANDO ESTA OK  *********************/
/*****  PARA LOS SUBTAB  *****/
.ajax__mySubTab .ajax__tab_header {
    font-family: Century Gothic;
    font-size: 11px;
    border-bottom: solid thin #ECECEC;
}

.ajax__mySubTab .ajax__tab_outer {
    padding-right: 4px;
    height: 30px;
    background-color: #F7F7F4; /*fondo de toda la pestaña no seleccionada*/
    margin-right: 2px;
    border-right: solid thin #C0C0C0;
    border-top: solid thin #C0C0C0;
    border-left: solid thin #C0C0C0;
}

.ajax__mySubTab .ajax__tab_inner {
    padding-left: 3px;
    background-color: #F7F7F4;/*fondo del texto de los tab que no estan seleccionados*/
}

.ajax__mySubTab .ajax__tab_tab {
    font-family: Century Gothic; 
    height: 13px;
    padding: 4px;
    margin: 0;
    color:#575748;
}

.ajax__mySubTab .ajax__tab_hover .ajax__tab_outer {
    background-color: #E1E1D9;
}

.ajax__mySubTab .ajax__tab_hover .ajax__tab_inner {
    background-color: #E1E1D9;
}

.ajax__mySubTab .ajax__tab_hover .ajax__tab_tab {
}

.ajax__mySubTab .ajax__tab_active .ajax__tab_outer
{
    background-color: #E1F0FF;
    border-left: solid thin #82A3C2;
    border-top: solid thin #82A3C2;
    border-right: solid thin #82A3C2;
}


.ajax__mySubTab .ajax__tab_active .ajax__tab_inner
{
    background-color: #E1F0FF;
}

.ajax__mySubTab .ajax__tab_active .ajax__tab_inner a {
   
}

.ajax__mySubTab .ajax__tab_active .ajax__tab_tab
{
    font-family: Century Gothic;
    color: #006688;
    font-weight: bold;
}

.ajax__mySubTab .ajax__tab_body {
    font-family: Century Gothic;
    font-size: 10pt;
    border: thin solid #C0C0C0;
    border-top: thin solid #82A3C2;
    padding: 8px;
    background-color: #ffffff;
}
/************* FIN DE LOS SUBTAB *********************/

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


#menuX {margin:0;padding:0; }
#menuX ul { margin:0;padding:0; }
#menuX ul li { display:block;padding:0; float:left;text-align:left;margin-right:2em; }
#menuX li a { color:#fff;font:bold 14px georgia;text-decoration:none;line-height: 1.3em; display:block; }
#menuX li a:hover { color:#ffc300; }
#menuX li span { font:11px arial; color:#666; margin:0; }
#menuX li span:hover {color:#999;}



/*****************************************/
/********* RECIBO DE PAGO ****************/
.tbReciboPos{ margin:0;padding:0; font-size:12px; font-family: 'MS Reference Sans Serif'; }

#recigoPago td
{
    
}

.tdRecigoPagoDetalle
{
 text-align:right;
 padding-right:12px;
 font-family: 'Calibri'; 
}

/**************************************************/
/********* LIQUIDACIONES Y FACTURA ****************/
.rowOtros {
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 11px;
    text-decoration: none;
    background-color: #CFD2D7;
    /*color: #055c4c;*/
}

.rowMarcacion {
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 11px;
    text-decoration: none;
    background-color: #FCD8B9;
    color: #CC3300;
}

.rowAbonada {
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 11px;
    text-decoration: none;
    background-color: #FFFFC1;
    color: #BF5506;
}

.rowPagada {
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 11px;
    text-decoration: none;
    background-color: White;
}

.rowSustitucionPatronal {
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #174F24;
    background-color: #B6E9C2;
}
.facRowDetalleHeader th
{
    font-size: 11px;
	color:#B2C9E8;
	padding: 0px 5px 4px 4px;
	text-align: center;
	vertical-align: bottom;
}  

.facRowDetalleFactura
{
    font-family: Calibri;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	Padding-left: 5px;
	Padding-right: 5px;
}
.facRowConceptos td
{
	padding: 2px 5px 2px 5px;
	background-color: #FFFFFF;
    font-size: 10px;
    color: #5F6874;
}
.rowDetalleInfo
{
    font-family: Calibri;
    font-size: 11px;
    text-decoration: none;
    background-color: White;
}

/*para el reporte */
.rowDetalleInfoHeader
{
    font-size: 12px;
	font-family: "Calibri";
	color: #0F5CFF;
	font-weight: bold;
    text-align:center;	
 }
.rowDetalleInfoHeader td
{
    height:26px; 
    padding-left:4px;
    padding-right:4px;
    border-bottom: gray 1px solid;       
}

.rowDetalleInfoBorde
{
    font-family: Calibri;
    font-size: 11px;
    padding-left:4px;
    padding-right:4px; 
    
    /*  border-left: gray 1px solid;       */
}

.rowDetalleInfoBorde td
{
    border-left: gray 1px solid;       
}

.rowDetalleInfoBordeIzquierda
{
    /*  border-left: gray 1px solid;       */
    font-size: 11px;
}

.rowDetalleInfoFooter
{
    font-size: 11px;
	font-family: "Calibri";
	color: #000000;
	font-weight: bold;
    text-align:right;
    padding :4px;
    border-top: gray 1px solid; 
    vertical-align:top;   
 }
.ajax__tab_tab
{
 color:Black;    
}

.facFieldset {
    margin: 0px 10px 0px 0px ;	
    border:2px solid #B2C9E8;
    border-radius:10px;
    position:relative;
    text-align:left;  
    /*width:100%;
    padding: 0px 20px 0px 0px ;*/
}

.facLegend {
    font-weight:bold;
    font-size: 20px;
    padding:5px;
    color:#B2C9E8;
}

.facLegend01 {
    font-weight: bold;
    font-size: 13px;
    padding: 5px;
    color: #B2C9E8;
}

.facLegend02 {
    font-weight: bold;
    font-size: 12px;
    padding: 4px;
    color: #A7A8AA;
    background-color: #E7EEF8;
    border-color: #9EBAE2;
    vertical-align: middle;
}

.facLegend03 {
    font-weight: bold;
    font-size: 12px;
    padding: 4px;
    color: #A7A8AA;
    vertical-align: middle;
}

.facLegend04 {
    font-weight: bold;
    font-size: 12px;
    padding: 4px;
    color: #F89859;
    border-color: #9EBAE2;
    vertical-align: middle;
}

.facTitulo {
    display: inline-block;
    padding: 6px 12px 10px 15px;
    margin-bottom: 0;
    margin-top:10px;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #5F6874;
    background-color: #E7EEF8;
    border-color: #9EBAE2;
    width:100%;    
}

.facSubTitulo {
    display: inline-block;
    padding: 6px 12px 10px 15px;
    margin-bottom: 0;
    margin-top:10px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #A7A8AA;
    background-color: #F7F9FD;
    border-color: #E0E9F6;
    width:100%;    
}

.facTituloPeriodo {
    display: inline-block;
    padding: 3px 5px 10px 15px;
    margin-bottom: 0;
    margin-top:10px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #A7A8AA;
    background-color: #F7F9FD;
    border-color: #E0E9F6;
    width:100%;    
}
.facConceptos
{
	font-family: Calibri;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	Padding-left: 5px;
	Padding-right: 5px;
}
.facConceptosTotal {
    font-weight:bold;
    font-size: 20px;
    padding:5px;
    width:96%;  
    text-align:right;
    color: #5F6874;
}
.facConceptosHeader th
{
    font-size: 17px;
	color:#B2C9E8;
	padding: 0px 5px 4px 4px;
	text-align: center;
	vertical-align: bottom;
}  

.facConceptosRow td
{
	padding: 2px 5px 2px 5px;
	background-color: #FFFFFF;
    font-size: 14px;
}

/*  NUEVOS ESTILOS AFIQ  */
.tdTituloModulo01
{
    font-size: 21px;
    color: #E96A1B;
    text-decoration: none;
    text-align: left;
    height: 36px;
    padding-left: 10px;
    border-bottom-style: dashed;
    border-bottom-width: thin;
    border-bottom-color: #DCDCD3;
}

.tdTituloModuloAnexo01
{
    font-family: "Calibri";
    font-size: 18px;
    text-decoration: none;
    text-align: left;
    height: 36px;
    padding-left: 10px;
    border-bottom-style: dashed;
    border-bottom-width: thin;
    border-bottom-color: #DCDCD3;
}

.tdTituloInfo01
{
    font-weight: bold;
    height: 21px;
    color:#4F5257;
}
.infoIngreso {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /*border-radius: 4px;*/
    color: #fff;
    background-color: #1ABB9C;
    border-color: #1ABB9C;
    width: 100%;
}

.infoRetirado {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /*border-radius: 4px;*/
    color: #fff;
    background-color: #CE7ABE;
    border-color: #CE7ABE;
    width: 100%;
}

.infoEPS {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /*border-radius: 4px;*/
    color: #fff;
    background-color: #2282ed;
    border-color: #2282ed;
    width: 100%;
}

.infoAFP {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /*border-radius: 4px;*/
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    width:100%;
}
.infoARL {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /*border-radius: 4px;*/
    color: #333;
    background-color: #BDE6F2;
    border-color: #87D1E7;
    width:100%;
}
.infoCCF {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /*border-radius: 4px;*/
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    width:100%;
}

.icono{
	font-size: 22px;
    color:#A4C5E4;
    padding:10px;
    /*padding-right:10px;*/
}
/*
  .icono + .tooltip > .tooltip-inner {
	  background-color: #C7DFF7; 
	  color: #000000; 
	  border: 1px solid #92C0EF; 
	  padding: 5px;
	  font-size: 14px;
  }
  
  .icono + .tooltip.top > .tooltip-arrow {
	  border-top: 5px solid green;
  }
  
  .icono + .tooltip.bottom > .tooltip-arrow {
	  border-bottom: 3px solid blue;
  }
  
  .icono + .tooltip.left > .tooltip-arrow {
	  border-left: 5px solid red;
  }
  
  .icono + .tooltip.right > .tooltip-arrow {
	  border-right: 5px solid black;
  }*/

@media print {
    .content-block, p {
        page-break-inside: avoid;
    }

    .facLegend01 , .facLegend02 ,
    .lblAzul02 , .lblAzul01, .rowDetalleInfoHeader {
        color: black !important;
    }

}

.checkBoxInline {
    display: inline-table !important;
    margin-left: 25px;
}

.gdvTableStyle {
    font-family: Calibri;
    font-size: 13px;
    color: #000000;
    text-decoration: none;
    Padding-left: 5px;
    Padding-right: 5px;
}

.gdvAltrowstyle {
    background-color: #edf5ff;
}

.gdvHeaderstyle th {
    /*background: url(../Imagenes/sprite.png) repeat-x 0px 0px;*/
    background: #DDE7F0;
    border: #284E98 1px solid;
    border-style: solid thin;
    color: #284E98;
    padding: 4px 5px 4px 4px;
    text-align: center;
    vertical-align: bottom;
}

    .gdvHeaderstyle th a {
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        display: block;
        padding-right: 10px;
        color: #284E98;
    }

.gdvRowstyle .sortaltrow, .gdvAltrowstyle .sortaltrow {
    background-color: #edf5ff;
}

.gdvRowstyle .sortrow, .gdvAltrowstyle .sortrow {
    background-color: #dbeaff;
}

.gdvRowstyle td {
    padding: 2px 2px 2px 2px;
    /*    border: solid 1px #C0C0C0;*/
    background-color: #FFFFFF;
}

.gdvAltrowstyle td {
    padding: 2px 2px 2px 2px;
    /*    border: solid 1px #C0C0C0;*/
    background-color: #edf5ff;
}


.gdvHeaderstyle .sortascheader {
    background: url(../Imagenes/sprite.png) repeat-x 0px -100px;
}

    .gdvHeaderstyle .sortascheader a {
        background: url(../Imagenes/dt-arrow-up.png) no-repeat right 50%;
    }

.gdvHeaderstyle .sortdescheader {
    background: url(../Imagenes/sprite.png) repeat-x 0px -100px;
}

.gdvHeaderstyle .sortdescheader a {
    background: url(../Imagenes/dt-arrow-dn.png) no-repeat right 50%;
}

.divInfoBorder {
    background-color: #F8F8F8;
    border: 1px gray solid !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.modalWindow {
    border: solid 1px #c0c0c0;
    background: #FFFFFF;
    padding: 0px 10px 10px 10px;
    position: absolute;
}

.modalBackground {
    background-color: #A5A5A5;
    filter: alpha(opacity=40);
    opacity: 0.8;
}

.imagenReciboServicio {
    max-width:300px;
}

.modalPopup {
    background-color: #fff;
    border: 3px solid #ccc;
    padding: 10px;
    width: 300px;
}
/*------------- CALENDARIO  -----------------*/
.calendarOuter {
    text-align: left;
    float: left;
    padding-left: 25px;
    /*margin-left: 25px;
	padding-top:15px;*/
}

.detailsOuter {
    text-align: left;
    width: 300px;
    float: left;
    margin-left: 25px;
}

.calendarWrapper {
    background-color: #A1DCED; /*#4CCAEF; */
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 5px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    /*box-shadow: 0px 0px 15px Gray;*/
}

.myCalendar {
    background-color: #f2f2f2;
    width: 300px; /*156px; antes 366*/
    border: none !important;
}

    .myCalendar a {
        text-decoration: none;
    }

    .myCalendar .calTitle {
        /*font-weight: bold;*/
        /*height: 40px;
		line-height: 40px;*/
        background-color: #25BAE4;
        color: #ffffff;
        border: none !important;
        font-size: 15px !important;
        text-transform: capitalize;
    }

    .myCalendar th.calDayHeader {
        /*height: 35px;
		font-size: 0.8em;*/
    }

    .myCalendar tr {
        border-bottom: solid 1px #ddd;
    }

        .myCalendar tr td.hovered {
            background-color: #e0e0e0 !important;
        }

    .myCalendar table tr {
        border-bottom: none !important;
    }

    .myCalendar tr:last-child td {
        border-bottom: none;
    }

    .myCalendar tr td.calDay, .myCalendar tr th.calDayHeader {
        border-right: solid 1px #ddd;
        border-top: solid 1px #ddd;
    }

    .myCalendar tr td:last-child.calDay, .myCalendar tr th:last-child.calDayHeader {
        border-right: none;
    }

    .myCalendar td.calDay:nth-child(7) a,
    .myCalendar td.calDay:nth-child(1) a {
        color: #c52e2e !important;
    }

    .myCalendar .calNextPrev {
        text-align: center;
    }

        .myCalendar .calNextPrev a {
            font-size: 1px; /* 1px = get rid if it */
        }

        .myCalendar .calNextPrev:nth-child(1) a {
            color: #4CCAEF !important;
            background: url("../Imagenes/prevMonth.png") no-repeat center center;
        }

            .myCalendar .calNextPrev:nth-child(1) a:hover, .myCalendar .myCalendarNextPrev:nth-child(3) a:hover {
                background-color: transparent;
            }

        .myCalendar .calNextPrev:nth-child(3) a {
            color: #4CCAEF !important;
            background: url("../Imagenes/nextMonth.png") no-repeat center center;
        }

    .myCalendar .calDaySelected a {
        background-color: #25bae5;
    }

    .myCalendar .calDayHeader a,
    .myCalendar .calDay a,
    .myCalendar .calDaySelected a,
    .myCalendar .calNextPrev a {
        display: block;
        line-height: 30px;
    }

    .myCalendar .calToday {
        background-color: #f2f2f2;
        /*-webkit-box-shadow: 1px 1px 8px 1px #8f8f8f;*/
        box-shadow: 1px 1px 2px 1px #8f8f8f;
        display: inline-block;
        width: 52px !important;
        height: 40px !important;
        border: 1px solid #ddd;
        padding-top: 6px;
        /*        margin-left: -1px;
        margin-top: -1px;
        padding-top:3px;
        position: relative;*/
    }

        .myCalendar .calToday a { /*color: orange #25bae5 !important;*/
            font-weight: bold;
        }

        .myCalendar .calToday.calDaySelected a {
            display: inline;
            line-height: 16px;
            background-color: transparent;
        }

        .myCalendar .calToday.calDaySelected {
            background-color: #BFE4FF;
        }

        .myCalendar .calToday a:after {
            content: "HOY";
            color: #000;
            font-size: 0.5em;
            display: inline-block;
            pointer-events: none;
            width: 100%;
            float: left;
        }

        .myCalendar .calDay a:hover,
        .myCalendar .calDaySelected a:hover,
        .myCalendar .calToday:hover {
            background-color: #e0e0e0;
        }

    .myCalendar td.otherMonthDay a,
    .myCalendar td.otherMonthDay:nth-child(1) a,
    .myCalendar td.otherMonthDay:nth-child(7) a {
        color: #b0b0b0 !important;
    }

    .myCalendar .activityDay a {
        background-image: url(../Imagenes/Triangle.gif);
        background-position: top right;
        background-repeat: no-repeat;
    }

    .myCalendar .calDay.activityDay a:hover {
        background-image: url(../Imagenes/Triangle.gif);
        background-position: top right;
        background-repeat: no-repeat;
    }

.SelectedDate {
    font-size: 18px;
    color: gray;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

table.details {
    font-size: 14px;
    width: auto;
}

    table.details td {
        vertical-align: top;
        padding-bottom: 10px;
    }

        table.details td.time {
            font-weight: bold;
            width: 60px;
            text-align: right;
        }

        table.details td.desc {
            text-align: left;
            padding-left: 15px;
        }

        table.details td.empty {
            font-weight: normal;
            text-align: left;
        }

@media screen and (max-width:600px) {
    .calendarOuter {
        float: none;
        margin: 0px auto;
    }

    .detailsOuter {
        float: none;
        width: auto;
        margin: 20px 10px;
    }

    .myCalendar {
        width: 296px; /*156px;*/
    }

        .myCalendar .calToday {
            width: 42px !important;
            height: 32px !important;
            padding-top: 1px;
        }

    .calendarWrapper {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 7px;
        /*box-shadow: 0px 0px 10px Gray;*/
    }

    .myCalendar .calTitle {
        height: 6px;
        line-height: 6px;
    }

    .myCalendar th.calDayHeader {
        height: 25px;
        font-size: 0.7em;
    }

    .myCalendar .calNextPrev a {
        line-height: 35px;
    }

    .myCalendar .calDay a,
    .myCalendar .calDaySelected a,
    .myCalendar .calNextPrev a {
        display: block;
        line-height: 35px;
    }

    .myCalendar .calToday.calDaySelected a {
        line-height: 16px;
    }
}

/*------------- FIN CALENDARIO  -----------------*/
input[type=checkbox], input[type=radio] {
    margin: 4px 13px 0;
    margin-top: 1px \9;
    line-height: normal;
}

/* Estilo general para la paginación */
    .gridview-pagination {
        display: flex;
        justify-content: center;
        margin-top: 15px;
        list-style: none;
        padding: 0;
    }
    .gridview-pagination td {
        border-top:none !important;
    }
    .gridview-pagination li {
        margin: 0 5px;
    }

    .gridview-pagination a {
        text-decoration: none;
        color: #007bff;
        padding: 8px 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        transition: background-color 0.3s, color 0.3s;
    }

        .gridview-pagination a:hover {
            background-color: #f0f0f0;
            color: #0056b3;
        }

    /* Resaltar la página actual */
        .gridview-pagination span {
            background-color: #007bff;
            color: #fff;
            border-color: #007bff;
            font-weight: bold;
            cursor: default;
            pointer-events: none;
            border-radius: 4px;
            padding: 8px 12px;
        }