/*html { background-color: rgb(0, 255, 255);}*/
html {
	background-color: #e6e6e6;;
}


/* Body
//
// 1. Remove the margin in all browsers.
// 2. As a best practice, apply a default `background-color`.
// 3. Set an explicit initial text-align value so that we can later use the
//    the `inherit` value on things like `<th>` elements.
*/
.ui-widget {
	font: 1.1em/100% 'Open Sans', 'Helvetica Neue', Arial, Geneva,
		sans-serif !important;
}

textarea {
	font: 13px/170% 'Open Sans', 'Helvetica Neue', Arial, Geneva, sans-serif
		!important;
}

.xsmall {
	font-size: x-small;
}

/*reset*/
a {
	text-decoration: none !important;
}

a img {
	border: none !important;
}

a:active {
	outline: none !important;
}

/*Clases*/
.Boton {
	font-family: Verdana;
	font-size: x-small;
}

.VentanaAyuda {
	text-align: left;
	width: 300px;
	margin: 0 auto 0 auto;
}

.SeccionTexto {
	padding: 0px;
	text-align: center;
	vertical-align: text-top;
}

.Justificame {
	text-align: justify;
}

.AlineacionSuperior {
	vertical-align: top;
	margin-left: 0px;
}

.cssPanelProgramacion {
	vertical-align: top;
}

.VerdanaBoldxSmall {
	font-size: x-small;
	font-weight: bold;
	margin-top: 1px;
}

.VerdanaBoldSmall {
	font-size: small;
	font-weight: bold;
}

.VerdanaBoldxxSmall {
	font-family: Verdana;
	font-size: xx-small;
	font-weight: bold;
}

.VerdanaNormalxxSmall {
	font-family: Verdana;
	font-size: xx-small;
}

.VerdanaNormalxSmall {
	font-family: Verdana;
	font-size: x-small;
}

.VerdanaNormalSmall {
	font-family: Verdana;
	font-size: small;
	height: 372px;
	width: 290px;
}

.VerdanaBoldMedium {
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
}

.VerdanaRoja {
	font-family: Verdana;
	color: #FF0000;
}

.VerdanaRojaBoldxSmall {
	font-size: x-small;
	font-weight: bold;
	color: #FF0000;
}

.VerdanaRojaBoldSmall {
	font-size: small;
	font-weight: bold;
	color: #840000;
}

.VerdanaRojaNormalxxSmall {
	font-family: Verdana;
	font-size: xx-small;
	color: #FF0000;
}

.VerdanaRojaNormalxSmall {
	font-family: Verdana;
	font-size: x-small;
	color: #FF0000;
}

.VerdanaRojaNormalSmall {
	font-family: Verdana;
	font-size: small;
	color: #FF0000;
}

.VerdanaRojaBoldMedium {
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
	color: #FF0000;
}

.VerdanaRojaBoldxxSmall {
	font-size: xx-small;
	font-family: Verdana;
	font-weight: bold;
	color: #FF0000;
}
/*fin de clases*****/

/*Pagina Principal*/
#CuerpoPrincipal {
	background: #ddd url('../images/background.jpg') repeat;
	color: #666;
	margin: 10px 0;
	font-family: Verdana;
	font-size: small;
}

#CapaPaginaCompleta {
	background-position: left top;
	width: 100%;
	height: 100%;
	background-image: url('../images/background.jpg');
	background-repeat: repeat;
}

#CapaPaginaPrincipal {
	border: 1px solid #C0C0C0;
	position: absolute;
	left: 50%;
	margin-left: -250px;
	background-color: #FFFFFF;
}

#BienvenidaCabecera {
	background: url('../images/degradado2.gif');
	height: 40px;
	color: #808080;
}

#CabeceraPaginaPrincipal {
	height: 220px;
	margin-bottom: 0px;
}
/*Dise�o de la pagina maestra*/
#CapaMP { /*border-style: solid;
	 border-width: 1px;*/
	/*background-position: center top;*/
	width: 100%;
	height: 100%;
	padding-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	/*background: url(images/head.jpg);
	 background-repeat: no-repeat;
	 background-attachment: fixed;*/
}

#TablaCabeceraMP { /*background-position: center center;*/
	background-position: bottom;
	width: 100%;
	height: 47px;
}

#TablaCuerpoMP {
	width: 90%;
	height: 90%;
}

eMP {
	width: 100%;
	text-align: center;
	font-size: small;
}

#ColSeccionContenido {
	width: 100%;
}

#CapaSeccionContenido {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

#ColSeccionAyuda {
	width: 30%;
	vertical-align: top;
}

.ParrafoAyuda {
	width: 170px;
}

#MenuPrincipal {
	font-family: Verdana;
	font-size: medium;
}

#CapaCuerpoPaginaMaestra {
	width: 100%;
	height: 90%;
}

#CabeceraPaginaMaestra {
	background-color: white;
}

#CapaDestinatarios {
	border-width: 1px;
	border-color: #808080;
	position: relative;
	right: 0;
}

#CapaAyudaContenidoPersonalizado {
	border: 1px solid #FFCC66;
	width: 100%;
	height: 100%;
	vertical-align: top;
	font-size: x-small;
	color: #000000;
}

#CabeceraAyudaContenidoPersonalizado {
	height: 20px;
	background-color: #FFCC66;
	text-align: center;
	font-weight: bold;
	color: #000000;
}

#TablaNavegacionMP {
	width: 100%;
	background-repeat: repeat-x;
	background-image: url('../images/degradado2.gif');
}

#CapaNavegacionMP {
	width: 100%;
	height: 60px;
	background-repeat: repeat-x;
	background-image: url('../images/degradado2.gif');
	vertical-align: bottom;
}

#CapaNavegacion {
	font-weight: bold;
	color: #000000;
}

#CuerpoCapaNavegacion {
	width: 100%;
	height: 30px;
}

#CapaHistorialEnvio {
	width: 300px;
}

#CapaMisDatos {
	width: 104%;
}

#CuerpoCapaMisDatos {
	border: 1px solid #99CCFF;
}
/*Pagina Contenido: Enviosms.aspx*/
.MiCalendario .ajax__calendar_container {
	border: 1px solid #646464;
	background-color: White;
	color: red;
}

.MiCalendario .ajax__calendar_other .ajax__calendar_day, .MiCalendario .ajax__calendar_other .ajax__calendar_year
	{
	color: white;
}

.MiCalendario .ajax__calendar_hover .ajax__calendar_day, .MiCalendario .ajax__calendar_hover .ajax__calendar_month,
	.MiCalendario .ajax__calendar_hover .ajax__calendar_year {
	color: black;
}

.MiCalendario .ajax__calendar_active .ajax__calendar_day, .MiCalendario .ajax__calendar_active .ajax__calendar_month,
	.MiCalendario .ajax__calendar_active .ajax__calendar_year {
	color: black;
	font-weight: bold;
}

#TablaGeneracionMensaje {
	width: 400px;
	height: 422px;
	vertical-align: top;
}

#CeldaComposicionSMS {
	width: 367px;
	vertical-align: top;
}

#PnlSeccionDestinatarios {
	border: 1px solid #00FFFF;
}

#CapaProgramacionEnvio {
	vertical-align: top;
}

#CapaMensajeSms {
	height: auto;
	vertical-align: top;
}

#ColumnaSeccionDestinatarios {
	
}

#CapaDestinatarios {
	height: 96%;
	width: 100%;
	vertical-align: top;
}

#CabeceraCapaDestinatarios {
	vertical-align: top;
	height: 17px;
	width: 256px;
}

.div {
	
}

#CapaResultadoAnalisis {
	font-size: x-small;
	width: 145px;
}

#navmenu li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#navmenu ul {
	margin: 0;
	padding: 0;
}

#txtResultado {
	
}

#CapaDetallesMensajeHistorial {
	font-family: Verdana;
	font-size: small;
	height: 380px;
	width: 388px;
}

#CuerpoDetallesMensajeHistorial {
	
}

.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099CC;
	text-decoration: none;
}
/*a.Vinculo:link {font-weight: bold; text-decoration: none; color: #808080}
 a.Vinculo:visited {font-weight: bold; text-decoration: none; color: #808080}
 a.Vinculo:hover {font-weight: bold; text-decoration: none; color: #cc0000}
 a.Vinculo:active {font-weight: bold; text-decoration: none; color: #cc0000}*/
a.Vinculo:link {
	text-decoration: none;
	font-size: small;
	text-align: center;
}

a.Vinculo:visited {
	text-decoration: none;
}

a.Vinculo:hover {
	text-decoration: none;
}

a.Vinculo:active {
	text-decoration: none;
}

a.CleanLink {
	text-decoration: none !important;
}

a.CleanLink:link {
	text-decoration: none !important;
}

a.CleanLink:visited {
	text-decoration: none !important;
}

a.CleanLink:hover {
	text-decoration: none !important;
}

a.CleanLink:active {
	text-decoration: none !important;
}

A.LinkStyle {
	text-decoration: none
}

A.LinkStyle:link {
	text-decoration: none;
	color: inherit
}

A.LinkStyle:visited {
	text-decoration: none;
	color: inherit
} /*must inherit color to show correctly what we want*/
A.LinkStyle:hover {
	text-decoration: none
}

A.LinkStyle:active {
	text-decoration: none
}

#CapaCoberturaUsuarios {
	height: 416px;
}

#CapaBienvenidaUsuarioPanel {
	height: 416px;
}

#CapaBienvenidaUsuarioPanel {
	height: 416px;
}
/*Envio Masivo*/
.TituloContenido {
	font-size: small;
	color: #808080;
	font-family: Verdana;
	margin: 10px;
}
/*cuadros de dialogo asistentes*/
.GsDialogWindows {
	padding: 0px;
	font-family: Verdana;
	font-size: small;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	border: 0px;
}

.Oculto {
	visibility: hidden;
}

.Visible {
	visibility: visible;
}

.confirm-dialog {
	BACKGROUND: url('../images/dialog24.png') no-repeat left top;
	MARGIN: 0px auto;
	WIDTH: 330px;
	PADDING-TOP: 14px;
	POSITION: relative;
}

.confirm-dialog .inner {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 11px;
	BACKGROUND: url('../images/dialog24.png') no-repeat left bottom;
	FLOAT: left;
	MARGIN: 0px 0px -20px 0px;
	WIDTH: 290px;
	PADDING-TOP: 0px;
}

.confirm-dialog .base {
	BORDER-TOP: #ddd 1px solid;
	BACKGROUND: url('../images/dialog-base.png') no-repeat left bottom;
	PADDING-BOTTOM: 4px;
	MARGIN-LEFT: -11px;
	MARGIN-RIGHT: -11px;
	PADDING-TOP: 4px;
	TEXT-ALIGN: center;
}

.confirm-dialog H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.25em;
	COLOR: #f60;
	TEXT-ALIGN: center;
}

.confirm-dialog input {
	WIDTH: 50px;
}

.closeMe {
	DISPLAY: block;
	BACKGROUND: url('../images/close24.png') no-repeat 0px 0px;
	LEFT: -5px;
	WIDTH: 26px;
	TEXT-INDENT: -1000em;
	POSITION: absolute;
	TOP: -7px;
	HEIGHT: 26px;
}
/*
 .modalBackground {
 background-color:Gray;
 filter: alpha(opacity=70);
 opacity: 0.7;
 } */

/* otros*/
.LabelWrap {
	overflow: hidden;
	white-space: nowrap;
}

.DialogBorder_Fine {
	border: 1px solid #9DA0AA;
}

.Rounded4 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url('/scripts/pie/PIE.htc');
}

.Rounded2 {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	behavior: url('/scripts/pie/PIE.htc');
}

.RoundedShadow {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 4px 6px;
	-moz-box-shadow: #666 0px 4px 6px;
	box-shadow: #666 0px 4px 6px;
	/*for IE8 css3 enable*/
	behavior: url('/scripts/pie/PIE.htc');
}

.Shadow {
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	/*for IE8 css3 enable*/
	behavior: url('/scripts/pie/PIE.htc');
}

.Gradiente {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99),
		to(#66EE33));
	background: -moz-linear-gradient(top, #EEFF99, #66EE33);
	background: linear-gradient(#EEFF99, #66EE33);
	-pie-background: linear-gradient(#EEFF99, #66EE33);
	behavior: url('/scripts/pie/PIE.htc');
}

.Gradiente_LightGray_Down {
	background: -moz-linear-gradient(top, #FAFAFA, #eaeaea);
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA),
		to(#eaeaea));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr='#FAFAFA', endColorstr='#eaeaea');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FAFAFA', endColorstr='#eaeaea')";
	border: solid 1px #444;
}

.Gradiente_LightGray_UP {
	background: -moz-linear-gradient(top, #F1F1F1, #F5F5F5);
	background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1),
		to(#F5F5F5));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr='#F1F1F1', endColorstr='#F5F5F5');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F1F1F1', endColorstr='#F5F5F5')";
	border: solid 1px #444;
}

.modalBackground {
	background-color: Gray;
	-moz-opacity: 0.2;
	filter: alpha(opacity =         20);
	opacity: 0.2;
}

.modalPopup {
	background-color: White;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
}

.myFieldset legend {
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 -.4em;
	padding: 5px 15px;
	font-weight: bold;
	font-size: 1em !important;
	background-color: #EEE;
	color: #333;
	border: 1px solid #CCC;
	border-image: initial;
	width: auto !important;
}

.myFieldset {
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #EEE;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	/*background: #FAFAFA;*/
	background: #212529;
	clear: both;
	/*margin: 1em;*/
	margin: 1.2em 0.5em 0.5em 0.3em;
	/*padding: 1em 1.4em 1.4em;*/
	padding: 1em 1em 1em;
	border-image: initial;
	vertical-align: middle;
	border-image: initial;
	padding: 1em 1em 1em
}

.mySmallFieldSet {
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #EEE;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	/*background: #FAFAFA;*/
	background: white;
	clear: both;
	margin: 0.2em !important;
	padding: 0.2em 0.8em 0.8em !important;
	border-image: initial;
	vertical-align: middle;
}
/*
.active {
	background: #FFC !important;
}
*/
.ui-state-highlight {
	background: #FFC !important;
}

.wrap {
	margin: 0 auto 0 auto;
}

.comment {
	background-color: #DEDEDE;
	color: #555;
	padding: 5px;
	margin: 5px;
	font-style: italic;
	text-align: left;
	display: inline-block;
}

.dialog {
	display: none;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.toBottom {
	bottom: 0;
}

.centered {
	text-align: center;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*Esta clase esta pensada para ser puesta div que tiene un boton para conseguir que ese bot�n se vaya al fondo de la div padre
de esta que tiene esta clase y a la derecha para conseguir el tipo efecto de boton de formulario. 
Es necesario que la div padre tenga position:relative*/
.formButtonWrapper {
	position: absolute;
	right: 1em;
	bottom: 1em;
}

input[type="radio"]:checked+label span {
	font-weight: bold !important;
}

.centerContentVerticalMiddle {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	width: 100%;
	height: 100%
}

/* Bootstrap rows equal height*/
.row.equal-cols {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row.equal-cols:before, .row.equal-cols:after {
	display: block;
}

.row.equal-cols>[class*='col-'] {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.row.equal-cols>[class*='col-']>* {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.disabled {
	pointer-events: none;
	opacity: 0.4;
}

#resetFiltro, #aplicarFiltro {
	background-color: #ffcdd2;
	box-shadow: 0 3px 1px -2px rgb(0 0 0/ 20%), 0 2px 2px 0 rgb(0 0 0/ 14%),
		0 1px 5px 0 rgb(0 0 0/ 12%);
	box-sizing: border-box;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	outline: none;
	border: none;
	-webkit-tap-highlight-color: transparent;
	display: inline-block;
	white-space: nowrap;
	text-decoration: none;
	vertical-align: baseline;
	text-align: center;
	margin: 0;
	min-width: 64px;
	line-height: 36px;
	padding: 0 16px;
	border-radius: 4px;
	overflow: visible;
	transform: translate3d(0, 0, 0);
	transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),
		box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
	font-weight: 500;
}

#resetFiltro {
	background-color: #ffcdd2;
}

#aplicarFiltro {
	background-color: #b71c1c;
	color: white;
}

label {
	font-weight: 400 !important;
}