/* un cambio para ver si actualiza SVN */

body {
	overflow: scroll;
}

/* herencia de Hugo */
.boxwrap							{ width:980px; margin:0 auto; overflow:hidden;  }
.inner								{ width:100%; margin:0 auto;  position:relative;   }
.boxwrap .inner						{ width:860px; padding:20px 30px; overflow:hidden; height:100%; background:#FFFFFF;}

/* --- PARTNERS
________________________________________*/

.partners {
	width: 100%;
	height: 80px;
	padding-top: 15px;
	text-align: center;
	background: #FFFFFF;
}

.partners img
{
    margin: 0 5px;
}

#logon {
	width: 100%;
	height: 260px;
}

.TableDataLogOn
{
    padding-left: 0px;
	width: 100%;
}

.TableDataLogOnLabel
{
    text-align: right;
    width: 20%;
	vertical-align: middle;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9em;
}

.TableDataLogOnInput
{
    text-align:left;
}

.TableDataLogOnTBody
{
}

	.TableDataLogOnTBody a {
		vertical-align: text-bottom;
	}

.TableDataLogOnField
{
}

#seguimientoDeEnvios {
	height: inherit;
	padding-left: 10px;
}
/* FIN de herencia de Hugo */

/* --- GENERAL CSS ------------------------ */
#main {
	width: 97%;
	margin-left: 25px;
}


img
{
    margin:0;
    padding:0; 
    outline:none;
    border: 0;
}

	img.ui-datepicker-trigger {
		vertical-align: bottom;
	}

body
{
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	color: #5c5c5c;
	font-style: normal;
	font-size: 12px;
	line-height: 20px;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" , Arial, Helvetica, sans-serif;
	background-image: url(../Content/Imagenes/fondocorreo.jpg);
} 

fieldset
{
	border: thin groove #C0C0C0;
	padding-right: 11px;
}

fieldset.soloBordeInferior
{
	border-bottom-width: thin;
	border-color: #808080;
	border-style: none none groove none;
	border-width: medium;
	padding: 0 0 10px 0;
	margin: 0;
}

#stretched	#wrap_all				{ width:100%; margin:0 auto; }

#wrapper {
	width: 100%;
	margin: 0 auto;
	min-width: 990px;
}

#wrap_all							
{ 
	width:100%; 
	margin:0px auto 10px auto;
	min-width: 990px;
}

.clear								{ clear:both;}

p									{ margin: 0 0 20px 0;	}
a									{ text-decoration:none;	}
a:hover								{ text-decoration:underline; }

#stretched {
	background-color: #0899D6;
}

/* --- HEADINGS
________________________________________*/

h1						{ font-size:28px; margin:0 0 20px 0; }
h2						{ font-size:24px; margin:0 0 15px 0; }
h3 						{ font-size:20px; margin:0 0 15px 0; }
h4						{ font-size:17px; margin:0 0 15px 0; }
h5 						{ font-size:14px; margin:0 0 10px 0; }
h6						{ font-size:11px; margin:0 0 10px 0; }

h1, h2, h3, h4, h5, h6	{ font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; padding: 0; color:#000000; }

/* --- LAYOUT
________________________________________*/

.inner {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

/* --- HEADER
________________________________________*/
#header {
	width: 100%;
	height: 55px;
	margin: 0px auto 5px auto;
	position: relative;
	-moz-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
	z-index: 100;
	background: #FFFFFF;
}

	/* para logo original */
	#header .logo {
		float: left;
		padding-left: 20px;
		padding-top: 10px;
	}

	/* para logo festivo */
	/*#header .logo {
		float: left;
		padding-left: 60px;
		padding-top: 2px;
	}*/

/* --- 27.COPYRIGHT
________________________________________*/

.copyright								{ margin:2px auto 2px auto; overflow:hidden; padding:5px 0 0 0;  }
.copyright p 							{ text-align:center; margin:0; padding:1px 0 0 0; color: white; }
.copyright .inner						{ border-top:1px solid #333;}

/* --- FIN  DE GENERAL CSS ------------------------ */

.RedirectActionForms
{
    text-align:center;
    padding-bottom:10px;
    padding-top:10px;
}

/* ----------- VARIOS ----------------- */
.tooltipAvisoNuevaFuncionalidad.ui-tooltip, .arrow:after {
	background: black;
	border: 2px solid white;
}
.tooltipAvisoNuevaFuncionalidad.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
}

.uppercase .dxeEditAreaSys {
	text-transform: uppercase;
}

.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}

	.arrow.top {
		top: -16px;
		bottom: auto;
	}

	.arrow.left {
		left: 20%;
	}

	.arrow:after {
		content: "";
		position: absolute;
		left: 20px;
		top: -20px;
		width: 25px;
		height: 25px;
		box-shadow: 6px 5px 9px -9px black;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.arrow.top:after {
		bottom: -20px;
		top: auto;
	}

@keyframes blink {
	50% {
		border-color: white;
	}
}

/*#subtitulo {
	font-size: 1.5em;
	text-align: left;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*font-family: 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 10px;
	color: white;
}

	#subtitulo p {
		margin: 0px;
		padding: 8px;
		border-width: 2px;
		border-style: none;
		border-bottom-style: solid;
		border-top-style: solid;
		width: 40%;
		border-radius: 10px;
		border-color: dodgerblue;
		color: white;*/
		/*animation: blink .5s step-end 5 alternate;*/
	/*}*/

.DivDataLogOn
{
	border: thin solid #66CCFF;
	/*width: 98%;
	margin-left: 10px;*/
	background-color: #CCEEFF;
	padding-bottom: 1px;
	padding-top: 1px;
	height: inherit;
}

.divContenido
{
    padding-bottom: 10px;
    padding-top: 35px;
}

.superDivData
{
	background-color: white;
}

.superDivData p
{
    margin: 10px;
}

.DivData {
	border: thin solid #66CCFF;
	width: 98%;
	margin-left: 10px;
	background-color: whitesmoke;
	padding-bottom: 1px;
	padding-top: 1px;
}	

	.DivData span.dxflGroupBoxCaption_Office2010Silver {
		background-color: #CCEEFF;
	}

	.DivData span.dxflGroupBoxCaption_Office2010Silver.captionPageControl {
		background-color: #f3f2f2;
		color: black;
	}

	.DivData span.dxflGroupBoxCaption_Office2010Silver.captionPageControlMayor {
		background-color: #f3f2f2;
		color: black;
		border-style: solid;
		border-width: thin;
	}

	.DivData span.dxflGroupBoxCaption_Office2010Silver.captionPageControlMayorDestacado {
		background-color: #f3f2f2;
		color: darkblue;
		border-style: solid;
		border-width: thin;
	}

	.DivData span.dxflGroupBoxCaption_Office2010Silver.captionStandar {
		color: black;
		background-color: white;
	}

.DivDataSeparador {
	background-color: transparent;
	padding-top: 10px;
}

.DivDataValidationSummary {
	border: thin solid #66CCFF;
	width: 99.9%;
	background-color: whitesmoke;
	padding-bottom: 1px;
	padding-top: 1px;
	position: absolute;
}

.DivDataInformacion
{
    clear: both; 
    text-align: center; 
    padding-top: 8px; 
    padding-bottom: 1px; 
    margin-left: 1px; 
    margin-top: 0px; 
    background-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-color: #00C1EF;
}

.DivInformacionTable {
	clear: both;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 1px;
	margin-left: 1px;
	margin-top: 0px;
	background-color: transparent;
	display: table;
	height: 400px;
	width: 100%;
}

.DivInformacionTableCell {
	display: table-cell;
	vertical-align: middle;
}

.DivDataGrid
{
    padding-left: 2px;
    width: 100%;
    text-align: center;
}

.DivDataConfiguracion
{
    width: 100%;
    text-align: center;
}

.DivDataPivot
{
	border: thin solid #66CCFF;
	background-color: whitesmoke;
	padding-bottom: 0px;
	padding-top: 0px;
}

.DivDataGridPivot
{
    padding-left: 0px;
    width: 100%;
    text-align: center;
	display: inline-block;
}

.DivMenuAccionesGridPivot {
	margin: 5px;
}

.DivFormatoYFiltro {
	border: thin solid #66CCFF;
	background-color: #CCEEFF;
	padding-bottom: 1px;
	padding-top: 1px;
}

.DivDataAncho {
	width: 120%;
	margin-left: -90px;
	text-align: center;
}

.DivCentrado {
	display: inline-block;
}

.descripcion {
	width: 250px;
}

.fecha {
	width: 70px;
}

.codigoCompuesto {
	width: 125px;
}

.valoresEnteros{
	width: 50px;
}

.valoresCon3Decimales{
	width: 100px;
}

div.datosAgrupados {
	padding-top: 10px;
}

.datosAgrupados {
}

	.datosAgrupados i {
		font-size: medium;
	}

.tablaDosColumnas {
	padding-bottom: 0px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: normal;
}

	.tablaDosColumnas tr {
		height: 20px;
	}

	.tablaDosColumnas th {
		width: 10%;
		text-align: right;
		vertical-align: middle;
	}

		.tablaDosColumnas th label {
			font-weight: bold;
		}

	.tablaDosColumnas td {
		width: 40%
	}

		.tablaDosColumnas td input.input-readonly {
			background-color: #CCCCCC;
			background-image: none;
		}

		.tablaDosColumnas td select {
			padding: 5px;
		}

.DivAgrupa
{
	border: groove;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.ui-tabs
{
	font-size: 90%;
}

.ui-tabs-nav a
{
	font-weight: normal;
}

.TableDataTabs {
	padding-left: 3%;
	padding-bottom: 0px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: normal;
}

	.TableDataTabs tr {
		height: 20px;
	}

	.TableDataTabs th {
		width: 25%;
		text-align: right;
		vertical-align: middle;
	}

		.TableDataTabs th label {
			font-weight: bold;
		}

	.TableDataTabs td {
		/*width: auto;*/
	}

		.TableDataTabs td span.field-validation-error {
			color: red;
		}

		.TableDataTabs td input.input-readonly {
			background-color: #CCCCCC;
			background-image: none;
		}

		.TableDataTabs td select {
			padding: 5px;
		}

.TableDataTabsDosColumnas {
	padding-bottom: 0px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: normal;
}

	.TableDataTabsDosColumnas tr {
		height: 20px;
	}

	.TableDataTabsDosColumnas th {
		width: 10%;
		text-align: right;
		vertical-align: middle;
	}

		.TableDataTabsDosColumnas th label {
			font-weight: bold;
		}

	.TableDataTabsDosColumnas td {
		/*width: auto;*/
	}

		.TableDataTabsDosColumnas td span.field-validation-error {
			color: red;
		}

		.TableDataTabsDosColumnas td input.input-readonly {
			background-color: #CCCCCC;
			background-image: none;
		}

		.TableDataTabsDosColumnas td select {
			padding: 5px;
		}

.TableDataTabsTresColumnas {
	padding-bottom: 0px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: normal;
}

	.TableDataTabsTresColumnas tr {
		height: 20px;
	}

	.TableDataTabsTresColumnas th {
		width: 10%;
		text-align: right;
		vertical-align: middle;
	}

		.TableDataTabsTresColumnas th label {
			font-weight: bold;
		}

	.TableDataTabsTresColumnas td {
		width: 23%;
	}

		.TableDataTabsTresColumnas td span.field-validation-error {
			color: red;
		}

		.TableDataTabsTresColumnas td input.input-readonly {
			background-color: #CCCCCC;
			background-image: none;
		}

		.TableDataTabsTresColumnas td select {
			padding: 5px;
		}

.ui-button.ui-widget.fieldDataInput {
	text-align: left;
}

select.input-validation-error {
	border: 1px solid red;
}

textarea.input-validation-error {
	border: 1px solid red;
}

input.input-validation-error {
	border: 1px solid red;
}

.ui-state-default.ui-jqdropdownlist-button {
	background: none;
}

li.ui-jqdropdownlist-item a:hover {
	text-decoration: none;
}

.ui-jqdropdownlist-item-text {
	font-size: 0.8em;
}

.TableData
{
	padding-left: 3%;
	padding-bottom: 0px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: normal;
}

.TableDataField
{
    height: 20px;
}

.TableDataLabel {
	text-align: right;
	vertical-align: middle;
	width: 45%;
}

.TableDataInput
{
    text-align:left;
    width:250px;
    vertical-align:middle;
}

.TableDataInput a
{
    vertical-align: top;
}

.TableDataInput span
{
    font-size: 11px;
}

.DivDataDocumentacion
{
	width: 100%;
    border-style: solid;
    border-color: #D8D8D8;
    border-width: thin;
    height: 50px;
    background-color: #CCEEFF;
}

.TableDataDocumentacion
{
    padding-bottom: 20px;
	width:100%;
	height:auto;
}

.TableDataDocumentacionField
{
    height: 5px;
}

.TableDataDocumentacionLink
{
    text-align:right;
    vertical-align:middle;
    width:45%;
}

.TableDataDocumentacionLabel
{
    text-align:left;
    font-size:small;
    width:150px;
    vertical-align:middle;
}

.TableDataDocumentacionLabel a
{
    color: #000099;
}

.DivDataAboutContacto
{
	width: 100%;
    border-style: solid;
    border-color: #D8D8D8;
    border-width: thin;
    background-color: #FFFFFF;
}

.TableDataAboutContacto
{
    padding-bottom: 20px;
	width: 100%;
}


.TableDataAboutContactoField
{
    height:30px;
}

.TableDataAboutContactoLabel
{
    padding-left:250px;
    text-align:left;
    vertical-align:middle;
    width:10%;
}

.TableDataAboutContactoInput
{
    padding-left:250px;
    text-align:left;
    vertical-align:middle;
}

.DivDataAbout
{
	width: 100%;
    border-style: solid;
    border-color: #D8D8D8;
    border-width: thin;
    background-color: #FFFFFF;
}

.TableDataAbout
{
    padding-bottom: 20px;
	width: 100%;
}


.TableDataAboutField
{
    height:30px;
}

.TableDataAboutLabel
{
    padding-top:10px;
    padding-left:30px;
    padding-right:30px;
    text-align:justify;
    vertical-align:middle;
    width:10%;
}

.TableDataAboutInput
{
    padding-left:250px;
    text-align:left;
    vertical-align:middle;
}

.DataLabel
{
    text-align:right;
    vertical-align:middle;
    width:45%;
}

.negrita
{
    font-weight: bold;
}

.fondo-blanco
{
    background-color: #FFFFFF;
	background-image: none;
}

.fondo-destacado {
	background-color: rgb(162,158,146);
	border-width:  medium;
	border-color: black;
	border-style: solid;
}

.completo-centrado
{
    width: 100%;
    text-align: center;
}

.mitad-centrado {
	width: 50%;
	margin: 0 auto;
	display: table;
}

.padding5px
{
	padding: 5px;
}

.paddingTopBottom5px {
	padding-top: 5px;
	padding-bottom: 5px;
}

.caja-destacada {
	padding: 20px 5px;
}

body.renderAs
{
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: x-small;
}

.renderAs table
{
    border: none;
    margin: 10px;
    border-spacing: 0px;
}

.renderAs th
{
    padding: 5px;
    margin: 0px;
    border-style: solid;
    border-width: thin;
}

.renderAs tr
{
    margin: 0px;
    padding: 0px;
}

.renderAs td
{
    border-style: solid;
    border-width: thin;
    border-bottom-style: none;
    border-top-style: none;
    border-color: #C0C0C0;
    padding: 5px;
    white-space: nowrap;
}

.select-readonly
{
	background-color: #CCCCCC;
	background-image: none;
}

.input-readonly
{
	background-color: #CCCCCC;
	background-image: none;
}

.textarea-readonly
{
	background-color: #CCCCCC;
	background-image: none;
}

.tituloDivData
{
	text-decoration: none;
    color: #FFFFFF;
    background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    border: 1px solid #ACCFE8;
    border-width: 1px 1px 1px 0;
    border-left: 1px solid #ACCFE8;
	height: 22px;
	width: 99.8%;
	background-color: #99CCFF;
	margin-top: -1px;
}

.leyendaTituloDivData
{
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#funcionalidades {
	width: 100%;
	text-align: -webkit-center;
}

.renglonFuncionalidades {
	width: 60%;
	height: 160px;
}

.renglonSolicitarRol {
	height: 160px;
}

.redondeado {
	border-radius: 4px;
}

.bordeAzul {
	border-color: blue;
}

.div-al50 {
	width: 45%;
	float: left;
	margin: 2px;
}

.div-al70 {
	width: 70%;
	float: left;
	height: inherit;
}

.div-al30 {
	width: 30%;
	float: left;
	height: inherit;
}

.div-al80 {
	width: 80%;
	float: left;
	height: inherit;
}

.div-al20 {
	width: 20%;
	float: left;
	height: inherit;
}

.borde-estilo-boton {
}

.estilo-boton-menu {
	height: 150px;
}

.tabla-funcionalidades {
	height: 135px;
}

.tabla-chica {
	height: 60px;
}

.tabla-funcionalidades td.tabla-imagen {
	width: 33%;
}

	.tabla-funcionalidades td.tabla-imagen img {
		width: 128px;
		height: 128px;
	}

.tabla-funcionalidades td.imagen-chica img {
	width: 64px;
	height: 64px;
}

.tabla-funcionalidades td.tabla-texto {
	width: 77%;
}

.tabla-funcionalidades td h3 {
	font-family: 'Dosis', sans-serif;
	font-size: x-large;
	margin: 0;
	text-align: left;
}

.tabla-funcionalidades td h1 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: medium;
	text-align: left;
	margin: 0;
}

	.tabla-funcionalidades td h1.negrita {
		color: darkblue;
	}

.tabla-funcionalidades td.texto-chico h1 {
	height: 50px;
}

.field-validation-error {
	color: red;
}

.field-validation-error-lightbackground {
	text-align: center;
	color: red;
	background-color: white;
}

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

.validationSummaryError {
	background-color: lightpink;
}

.validationSummary div {
	height: auto;
	display: block;
	line-height: normal;
	position: relative;
}

	.validationSummary div.validation-summary-errors {
	}

		.validationSummary div.validation-summary-errors ul {
			border: thin ridge #FF0000;
			background-color: #F9F4F9;
		}

	.validationSummary div.validation-summary-valid {
		border: none;
	}

	.validationSummary div ul li {
		line-height: 20px;
		color: red;
	}


div.validationSummary2 {
	height: auto;
	display: block;
	line-height: normal;
	position: relative;
}

	div.validationSummary2 div.validation-summary-errors {
	}

		div.validationSummary2 div.validation-summary-errors ul {
			border-width: medium;
			border-style: solid;
			border-color: red;
			background-color: lightpink;
			text-align: left;
			padding-left: 25px;
			margin-top: 0px;
			margin-bottom: 0px;
		}

	div.validationSummary2 div.validation-summary-valid {
		border: none;
	}

	div.validationSummary2 div ul li {
		line-height: 20px;
		color: red;
		padding-top: 2px;
		padding-bottom: 2px;
		font-family: 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
		font-size: 14px;
	}


.busqueda {
	border: thin groove #C0C0C0;
	padding: 0px;
	margin: 0px;
	border-radius: 4px;
	background-color: ghostwhite;
	width: 100%;
}

	.busqueda input.fieldDataInput {
		background-color: white;
	}

.recuadroLeyendaInformacion {
	height: 300px;
}

.leyendaLeyendaInformacion {
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

.recuadroFondoGris {
	border: thin groove #C0C0C0;
	padding: 0px;
	margin: 0px;
	border-radius: 4px;
	background-color: #f3f2f2;
}

.recuadroFondoGrisClaro {
	border: thin groove #C0C0C0;
	padding: 0px;
	margin: 0px;
	border-radius: 4px;
	background-color: #fafafb;
}

.configuracion {
	border: thin groove #C0C0C0;
	padding: 5px;
	margin: 0px;
	border-radius: 4px;
	background-color: #f3f2f2;
}

	.configuracion input.fieldDataInput {
		background-color: white;
	}

	.configuracion th {
		width: 35%;
	}

	.configuracion td {
		text-align: start;
	}

.divEspaciado {
	padding: 20px;
}

.leyendaAyuda {
	font-style: italic;
}

#ventanaSolicitarRol, #enviandoSolicitud {
	font-size: small;
}

.dxbButton_Office2010Silver.botonDestacado {
	background: none;
	background-color: #0072C6;
	color: white;
	border: none;
	
}

.dxbButton_Office2010Silver.botonDestacado:hover {
	background: none;
	background-color: deepskyblue;
	color: black;
	border: none;
}

.dxbButton_MetropolisBlue.botonDestacado {
	background: none;
	background-color: #0072C6;
	color: white;
	border: none;
	
}

.dxbButton_MetropolisBlue.botonDestacado:hover {
	background: none;
	background-color: deepskyblue;
	color: black;
	border: none;
}

.dxbButton_MetropolisBlue.botonSuscripcion {
	background-color: #0072c6;
	color: white;
	font-size: medium;
}

.pagedSignal {
	margin-top: 5px;
	margin-right: 20px;
	text-align: right;
	display: inline;
	float: right;
}

/*.botonDestacado {
	background-color: cornflowerblue;
	color: blue;
	font-size: medium;
}*/

/* ----------- fin de VARIOS ----------------- */

/* ----------- TABLE FRAME ----------------- */
.table-frame, .table-head, .table-subhead
{
	width: 100%;
	border-width: thin;
	border-style: solid;
	border-collapse: collapse;
}

.table-foot
{
	width: 100%;
	border-width: thin;
	border-style: solid;
	border-collapse: collapse;
	text-align: left;
}

.table-foot th
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

.table-frame thead
{
    /* background-color: #CCCCCC; */
}

.table-subhead .first-column
{
    text-align: right;
    width: 30%;
}

.table-subhead .second-column
{
    text-align: left;
    width: 30%;
}

.table-subhead .third-column
{
    text-align: right;
    width: 25%;
}

.table-subhead .quarter-column
{
    text-align: left;
    width: 15%;
}

.table-head thead
{
    /* background-color: #CCCCCC; */
}

.table-frame td, .table-frame th
{
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    border-top-width: thin;
    border-right-width: thin;
    margin: 0px;
    text-align: center;
}

td.numerico
{
    text-align: right;
    padding-right: 2px;
}

td.sin-borde-derecho
{
    border-right-width: 0px;
}
/* ----------- fin de TABLE FRAME ----------------- */
/* ----------- CSS para login display ----------- */
#logindisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 5px 5px 20px 10px;
    color: white;
    width: auto;
	padding-right:50px; 
	height: 5px;
}

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

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

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

/* ----------- Fin de CSS para login display ----------- */


.editor-label {
	float: left;
	width: 45%;
	text-align: right;
	margin-right: 5px;
}

.editor-field {
	padding: 2px;
}

.link-negro {
    color: black;
}

a.linkSiempreSubrayado {
	text-decoration: underline;
}

.grid-toolbar {
	padding: 2px;
	border: none;
}

	.grid-toolbar div.div-al30 {
		padding: 2px;
	}


.grid-content {
	width: 98.5%;
}

.grid-references {
}

.grid-bottom {
	background-color: transparent;
	padding-top: 50px;
}

#toolbar {
	margin: 1px;
}

.dxgvFocusedRow_Office2010Silver {
	background: #faedb6 !important;
}

.lineaDeSeparacion {
	margin-top: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: lightgray;
}

/* ---- CSS para DX (DevExpress) */
.nextButtonMargin {
	margin-left: 2px;
}

.DivData div.dxtc-pc {
	width: 100%;
}

div.dxrpCollapseButton {
	padding-right: 750px;
}

.corner-radius-title {
	border-radius: 20px;
}

.remove-padding {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.remove-margin {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.remove-padding-margin {
	padding: 0px !important;
	margin: 0px !important;
}

.disable-dbl-tap-zoom {
	touch-action: manipulation;
}

.button-actions {
	margin-right: 2px;
}
/* ------------------------------*/

/* BORDER ANIMATION */

#subtitulo {
	font-size: 1.5em;
	text-align: left;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 10px;
	color: white;
}

	#subtitulo p {
		margin: 0px;
		padding: 8px;
		border-width: 2px;
		border-style: none;
		border-bottom-style: solid;
		border-top-style: solid;
		width: 40%;
		border-radius: 10px;
		border-color: dodgerblue;
		color: white;
		position: relative;
	}

		#subtitulo p::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border-style: none;
			border: 1px;
			border-bottom-style: solid;
			border-top-style: solid;
			border-radius: 10px;
			border-color: white;
			/*border-color: dodgerblue;*/
			transition: all .5s;
			animation: clippath 3s 1 linear;
		}

@keyframes clippath {
	0%, 100% {
		clip-path: inset(0 0 95% 0);
	}

	25% {
		clip-path: inset(0 95% 0 0);
	}

	50% {
		clip-path: inset(95% 0 0 0);
	}

	75% {
		clip-path: inset(0 0 0 95%);
	}
}