body,
html {
	background-color: #e5e5e5;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}

.ms-welcome__main {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex: 1 0 0;
	flex: 1 0 0;
	padding: 10px 10px;
}

.ms-welcome__features {
	list-style-type: none;
}

.ms-welcome__features.ms-List .ms-ListItem {
	padding-bottom: 20px;
	display: -webkit-flex;
	display: flex;
}


.ms-Button.ms-Button--hero .ms-Button-label {
	color: #0078d7;
}

.ms-Button.ms-Button--hero:hover .ms-Button-label,
.ms-Button.ms-Button--hero:focus .ms-Button-label {
	color: #005a9e;
	cursor: pointer;
}

b {
	font-weight: bold;
}

h2 {
	text-align: center;
	padding: 20px 0;
}

.table-bordered {
	border: 1px solid #ddd !important;
}

table caption {
	padding: .5em 0;
}

@media screen and (max-width: 767px) {
	table caption {
		display: none;
	}
}

.p {
	text-align: center;
	padding-top: 140px;
	font-size: 14px;
}

.searchButton {
	height: 36px;
	border: 0px;
	background: none;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	padding-top: 3px;
}

.datosTabla {
	border-top: 0px !important;
	border: 1px solid darkgray;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	font-size: 13px !important;
}

.scrollTabla {
	padding: 15px;
	overflow: scroll;
}

.tablacatalogo {
	cursor: pointer;
}

.nivel1 {
	color: black;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

.nivel2 {
	font-size: 16px;
	font-weight: 600;
}

.nivel3 {
	font-size: 14px;
}

.nivel4 {
	font-size: 14px;
}


.padding2 {
	padding-left: 10px !important;
}

.padding3 {
	padding-left: 20px !important;
}

.padding4 {
	padding-left: 30px !important;
}

.padding5 {
	padding-left: 40px !important;
}


.collapsible {
	background-color: #f1f1f1;
	color: gray;
	cursor: pointer;
	padding: 7px;
	width: 100%;
	margin: 0;
	text-align: left;
	font-size: 13px;
	border-bottom: 1pt !important;
	border-bottom-style: solid !important;
	border-top: none !important;
	border-top-color: gray;
	border-bottom-color: gray;
}

.active,
.collapsible:hover {
	background-color: #87CEEB;
	color: white;
}

.contentCollapsible {
	background-color: #f1f1f1;
	color: gray;
	cursor: pointer;
	padding: 7px;
	margin: 0;
	width: 100%;
	/* border: none; */
	text-align: left;
	outline: none;
	font-size: 13px;
}

.active,
.contentCollapsible:hover {
	background-color: #87CEEB;
	color: white;
}

.content {
	padding: 0 22px;
	display: none;
	overflow: hidden;
	/* background-color: #f1f1f1; */
}



/*Clases generales*/

body {
	background-color: white;
	font-family: Arial;
	color: rgb(70, 90, 100);
	font-size: 18px;
}

.masinfo,
.acercade,
.guiamontaje,
.cambioux {
	font: normal 12px/1.5 "Lucida Grande", arial, sans-serif;
	padding: 0 10px 4px;
	position: relative;
	color: #444;
	background-color: #fff;
	border: 1px solid #d2d2d2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.cambioux.comparativo {
	background-color: #f6f6f6;
}



.cambioux .busquedacomp {
	background-color: #ffffff;
	padding: 20px;
	padding-top: 5px;
	border: 1px solid #d2d2d2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.acercade,
.guiamontaje {
	/*padding: 40px;*/
	padding: 4% 4%;
	font-size: 13px;
	margin: 0%
}


.cambioux h1 {
	font: bold 18px "Lucida Grande", arial, sans-serif;
	color: #068ac6;
}

.acercade h1,
.guiamontaje h1 {
	font: bold 14px "Lucida Grande", arial, sans-serif;
	margin-block-end: -10px;
}

.acercade h2,
.guiamontaje h2 {
	font: bold 28px/1 "Lucida Grande", arial, sans-serif;
	color: #03A9F4;
}

.acercade .paso,
.guiamontaje .paso,
.cambioux .paso {
	font-size: 14px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	padding-left: 9px;
	padding-right: 9px;
	background-color: #0884ba;
	margin-right: 10px;
	/*vertical-align: text-top; no funciona en explorer*/
}

.imgseccion {
	vertical-align: text-bottom;
	padding-left: 5px;
	padding-right: 5px;
}

.cambioux .header {
	background-color: #00aaf8;
	text-align: center;
	padding: 1px;
	margin-left: -10px;
	margin-right: -10px;
}

.cambioux .header h1 {
	font: bold 18px "Lucida Grande", arial, sans-serif;
	color: #ffffff;
	font-size: 15px;
}

.hemoscambiado {
	text-align: center;
	margin-bottom: -15px;
}

.hemoscambiado span {
	background-color: #ffe790;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
}

.texto_hemoscambiado {
	background-color: white;
	padding: 10px;
	margin-left: 10%;
	margin-right: 10%;
	border: 1px solid #ececec;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 10px;
	text-align: center;
	padding-top: 18px;
}

.texto_hemoscambiado table {
	font-size: inherit;
}

.busquedacomp h2 {
	color: #00aaf8;
}


.cambioux img {
	vertical-align: middle;
}

.guiamontaje .paso {
	background-color: #03a8f4;
}

.acercade .subseccion .paso,
.guiamontaje .subseccion .paso,
.cambioux .paso {
	background-color: #59a5c8;
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
}

.acercade .titulo,
.guiamontaje .titulo,
.cambioux .titulo {
	color: inherit;
	font-size: 20px;
}

.acercade .subtitulo,
.guiamontaje .subtitulo,
.cambioux .subtitulo {
	color: #0884ba;
	font-size: 16px;
	font-weight: bold;
}

.cambioux .subtitulo {
	font-size: 14px;
}

.acercade .subtitulo2,
.guiamontaje .subtitulo2 {
	font-weight: bold;
}

.acercade .nota,
.guiamontaje .nota,
.cambioux .nota {
	background-color: #fffcd5;
	border: 1px solid #e7dca4;
	padding: 10px;
	color: inherit;
	border-style: dashed;
}

.cambioux .nota {
	font-size: inherit;
}

.cambioux .tip {
	background-color: #f6f6f6;
	border: 1px solid #bcbcbc;
	padding: 10px;
	color: inherit;
	border-style: dashed;
}

.cambioux .tip.actual {
	background-color: #fffcd5;
	border: 1px solid #e7dca4;
	border-style: dashed;
}

.guiamontaje .final {
	font-weight: bold;
	font-style: italic;
	margin-top: 30px;
}

.guiamontaje .subseccion,
.acercade .subseccion,
.cambioux .subseccion {
	padding-left: 40px;
}

.ventanadestino {
	font-size: inherit;
}

.comparativoux h2 {
	color: #0c7bb0;
	font-size: 16px;
	margin-block-end: 4px;
}

.ruta-pestania {
	color: #20abec;
	font-size: 11px;
}

/*JVEL:14382 En Internet Explorer las imagenes quee stán dentro de un link salen con un borde de colores*/
a img {
	border: 0px;
}

.tags {
	position: relative;
	padding: 5px 60px 5px 50px;
	margin-left: -32px;
	display: inline-block;
	white-space: nowrap;
	color: #fff;
	font-weight: 100;
	background-image:
		linear-gradient(45deg, #a1acb4, #a1acb4 32px, rgba(0, 0, 0, 0) 32px),
		linear-gradient(135deg, #a1acb4, #a1acb4 32px, rgba(0, 0, 0, 0) 32px),
		linear-gradient(135deg, #a1acb4, #a1acb4);
	background-repeat: no-repeat;
	background-position: 100% 100%, 100% 100%, -32px 100%;
	background-size: 48px 100%, 48px 100%, 100% 100%;
	cursor: default;
}

.tags:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: .25em solid transparent;
	border-bottom-color: #015d87;
	border-right-color: #015d87;
	top: -6px;
	left: 0;
}

.tags.r8 {
	background-image:
		linear-gradient(45deg, #7eb83a, #7eb83a 32px, rgba(0, 0, 0, 0) 32px),
		linear-gradient(135deg, #7eb83a, #7eb83a 32px, rgba(0, 0, 0, 0) 32px),
		linear-gradient(135deg, #7eb83a, #7eb83a);
}

.tags.r8:before {
	border-bottom-color: #598129;
	border-right-color: #598129;
}



.masinfo h1 {
	font: bold 14px/1.3 "Lucida Grande", arial, sans-serif;
	display: block;
	width: 100%;
	width: calc(100% + 9px);
	max-width: calc(100% + 9px);
	margin: 0;
	margin-bottom: 25px;
	padding: 5px 10px;
	position: relative;
	left: -15px;
	top: 8px;
	color: #ffffff;
	text-shadow: 0 1px 1px #3e3e3e;
	border-top: 1px solid #318ac6;
	border-bottom: 1px solid #318ac6;
	background-color: #3198dd;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#33acfc), to(#3198dd));
	background: -webkit-linear-gradient(top, #33acfc 0%, #3198dd 100%);
	background: -moz-linear-gradient(top, #33acfc 0%, #3198dd 100%);
	background: -ms-linear-gradient(top, #33acfc 0%, #3198dd 100%);
	background: -o-linear-gradient(top, #33acfc 0%, #3198dd 100%);
	background: linear-gradient(top, #33acfc 0%, #3198dd 100%);

	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.masinfo h1::before,
.masinfo h1::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: -11px;
	z-index: -10;
	border: 5px solid;
	border-color: #277bb4 transparent transparent transparent;
}

.masinfo h1::before {
	left: 0;
}

.masinfo h1::after {
	right: 0;
}

/*.masinfo h1{
	font-size:1.4em;
	color: #21abe2;
    }*/
.masinfo h2 {
	font-size: 1.2em;
	color: #2a718d;
}

.masinfo h3 {
	font-size: 1.2em;
}

.masinfo h4 {
	font-size: 1em;
}

.masinfo h5 {
	font-size: 0.8em;
}

.masinfo h6 {
	font-size: 0.6em;
}

.ventanaorigen {
	border-spacing: 0;
	line-height: 0px;
}

.ventanaorigen img,
.ventanadestino img,
.estiloscp img {
	width: 100%;
}

.ventanadestino img[ruta="ruta-imagenes"] {
	width: inherit;
}

.masinfo img,
.acercade img,
.guiamontaje img,
.cambioux img {
	max-width: 100%;
}

.masinfo .texto_relacionados>ul {
	padding-left: 20px;
}

.boton-nav {
	text-decoration: none;
	background-color: white;
	padding: 5px;
	color: #8d8d8d;
	font-size: 18px;
	font-weight: bold;
	font-family: monospace;
}



.ventanaorigen table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.tabla_tip {
	padding-top: 15px;
	width: 100%
}

.tabla_tip .td_img {
	text-align: right;
}

.tipscp {
	font: normal 12px/1.5 "Lucida Grande", arial, sans-serif;
	padding: 0px;
	position: relative;
	color: #444;
	background-color: #fff;
}

.tipscp .contenidotip {
	padding-right: 15px;
	padding-left: 15px;
}

.tipscp h1 {
	font-size: 20px;
}

.masinfotips {
	text-align: center;
	padding: 10px;
}

.masinfotips>a {
	padding: 10px;
	border: 2px solid #4f8fe1;
	border-radius: 5px;
	font-size: 14px;
	color: #4f8fe1;
	font-weight: bold;
	text-decoration: none;
}

/*Tipos de tips*/
.tip_cfg h1 {
	color: #4f8fe1;
}

.tip_estilo h1 {
	color: #4f8fe1;
}

.tip_soporte h1 {
	color: #6eba34;
}

.tip_help h1 {
	color: #6eba34;
}

.tip_new h1 {
	color: #6eba34;
}


/*Solicitado por CJIMENEZ*/
.texto_descripcion {
	padding-bottom: 10px;
}

.titulo_ejemplo {

	/*Solicitado por CJIMENEZ*/
	padding-bottom: 5px;

	font-weight: bold;
	font-size: 14px;
}

.texto_ejemplo {

	/*Solicitado por CJIMENEZ*/
	padding-bottom: 10px;

	font-style: italic;
}

.titulo_configuracion {

	/*Solicitado por CJIMENEZ*/
	padding-bottom: 5px;

	font-weight: bold;
	font-size: 14px;
}

.texto_configuracion {
	background-color: #f6f4f4;
	padding: 10px;
}

.titulo_observaciones {

	/*Solicitado por CJIMENEZ*/
	padding-bottom: 5px;

	font-weight: bold;
	font-size: 14px;
}

.texto_observaciones {
	padding: 10px;
	background-color: #FFF8DC;
	border-left: 2px solid #efdb7a;

	/*Solicitado por CJIMENEZ*/
	margin: 0 0 10px 0;
}

.ruta_config {
	color: #13a0e0;
	font-weight: bold;
	font-style: italic;
}

.texto_html {
	/*Solicitado por CJIMENEZ*/
	margin: 0 0 10px 0;
}

.texto_relacionados {
	background-color: #eef8ff;
	padding: 10px;
	margin-top: 8px;
}

.texto_relacionados .titulo_relacionados {
	font-weight: bold;
	color: #2c86c1;
}

.fuente-codigo {
	font-family: consolas, monaco, "Andale Mono", monospace;
	font-style: normal;
}

.codigo_html {
	padding: 10px;
	background-color: #eee;
	border-left: 2px solid #8BC34A;
	font-family: consolas, monaco, "Andale Mono", monospace;
	font-style: normal;

}

.codigo_html .comentarios {
	color: #529a00;
	font-weight: bold;
}

.texto_ejemplo .codigo_html {
	background-color: #e5f0d8;
}

.codigo_css {
	padding: 10px;
	background-color: #eee;
	border-left: 2px solid #ffbe5e;
	font-family: consolas, monaco, "Andale Mono", monospace;
	font-style: normal;

}

.codigo_css .comentarios {
	color: #529a00;
	font-weight: bold;
}

.color_enfasis {
	color: #E91E63;
}

.etiqueta {
	font-weight: bold;
}

.titulo {
	font-weight: bold;
	font-size: 14px;
	color: #21abe2;
}

.parrafo_margen {
	margin-left: 20px;
}

.resource-error {
	height: 80px;
}

/*Estilo para archivos not found*/
#content_notfound {
	text-align: center;

}

.img_notfound {
	max-height: 150px;
	max-width: 100%;
	height: auto;
}

.letra_grande_notfound {
	font-size: 40px;
	color: #627177;
	font-weight: bold;
}

.letra_pequenia_notfound {
	color: #7b7a7a;
	font-size: 14px;
}


.masinfo table,
.acercade table,
.guiamontaje table {
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
}

/*Estilo para todas las tablas de más info*/
.masinfo table,
.acercade table,
.guiamontaje table {
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
}

.masinfo table th,
.acercade table th,
.guiamontaje table th {
	font-size: 12px;
	background-color: #1a6ba5;
	border: 1px solid #fff;
	color: #ffffff;
	padding: 5px;
}

.masinfo table th.subtitulo,
.acercade table th.subtitulo,
.guiamontaje table th.subtitulo {
	background-color: #70a5cc;
	text-align: left;
}

.masinfo table tr:hover td,
.acercade table tr:hover td,
.guiamontaje table tr:hover td {
	background-color: #c2e3f8;
	color: #2f5068;
}

.masinfo table td,
.acercade table td,
.guiamontaje table td {
	background-color: #dbf0ff;
	border-bottom: 1px solid #fff;
	color: #3b7195;
	border-top: 1px solid transparent;
	padding: 5px;
}

.masinfo table tr:nth-child(even) td,
.acercade table tr:nth-child(even) td,
.guiamontaje table tr:nth-child(even) td {
	background-color: #dbf0ff;
}

.masinfo table tr:nth-child(odd) td,
.acercade table tr:nth-child(odd) td,
.guiamontaje table tr:nth-child(odd) td {
	background-color: #edf8ff;
}

table.sinestilo {
	font-size: inherit;
	font-style: inherit;
	color: rgb(70, 90, 100) !important;
	background-color: transparent !important;
}

table.sinestilo td {
	font-size: inherit;
	font-style: inherit;
	color: rgb(70, 90, 100) !important;
	background-color: transparent !important;
}

table.sinestilo tr {
	font-size: inherit;
	font-style: inherit;
	color: rgb(70, 90, 100) !important;
	background-color: transparent !important;
}

table.tabla_combinada tr {
	background-color: #dbf0ff;
}



/*Estilo para tablas genericas*/
table.tbl_generica {
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
}

.tbl_generica th {
	font-size: 12px;
	background-color: #91d1ff;
	border-top: 4px solid #78c4ff;
	border-bottom: 1px solid #fff;
	color: #045db7;
	padding: 8px;
}

.tbl_generica tr:hover td {
	background-color: #c2e3f8;
	color: #2f5068;
}

.tbl_generica td {
	background-color: #dbf0ff;
	border-bottom: 1px solid #fff;
	color: #3b7195;
	border-top: 1px solid transparent;
	padding: 8px;
}

/*Estilo para tablas de catálogos*/
table.tbl_catalogo {
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
}

.tbl_catalogo th {
	font-size: 12px;
	background-color: #3176c4;
	border: 1px solid #2d3c47;
	color: #FFFFFF;
	padding: 3px;
}

.tbl_catalogo tr:hover td {
	background-color: #71a7e0;
	color: #000000;
	border-style: dotted;
}

.tbl_catalogo td {
	background-color: #d9eaf7 !important;
	border: 1px solid #c8c8c8;
	color: #000000;
	padding: 3px;
}

.masinfo iframe {
	width: 100%;
	max-width: 500px;
	max-height: 280px;
	height: 50vw;
}

.masinfo iframe[src$=".pdf"] {
	height: 100vw;
	max-height: 580px;
}

/*Selector para links que empiezen con # 
Estos son links a secciones dentro del HTML*/
.masinfo a

/*[href^="#"]*/
,
.guiamontaje a,
.acercade a {
	text-decoration: none;
	font-weight: bold;
	color: #03A9F4;
}

.texto_relacionados a {
	text-decoration: underline;
	font-weight: normal;
	color: #41aee0;
}

.texto_relacionados .titulo {
	font-size: 16px;
	color: #21abe2;
}



/* Este estilo se usará para estilo general de la ayuda */
.General {
	margin: auto;
	min-width: 460px;
	max-width: 760px;
	width: 100%;
	font-family: Arial;
	color: rgb(70, 90, 100);

}

/* Este estilo se usará para el título de la ayuda de las funciones en ContaExcel  */
.Tit {
	background-color: rgb(227, 232, 236);
	padding: 10px;
	/*width: 100%;*/
	text-align: left;
	font-style: italic;
	color: rgb(90, 109, 123);
	font-size: 22px;
	font-weight: bold
}

/* Este estilo se usará para un subtítulo de la ayuda de las funciones en ContaExcel */
.SubTit {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
	color: rgb(90, 109, 123);
	font-size: 19px;
	font-weight: bold;
}

/* Este estilo se usará para la texto dentro del subtítulo de las funciones en ContaExcel */
.TxtSubTit {
	margin-top: 7px;
	color: rgb(90, 109, 123);
}


/* Este estilo se usará para un sub-subtítulo de la ayuda de las funciones en ContaExcel */

.SubTit2 {
	width: 100%;
	margin-top: 10px;
	margin-left: 20px;
	text-align: left;
	color: rgb(90, 109, 123);
	font-size: 16px;
	font-weight: bold
}

/* Este estilo se usará para el texto dentro de un sub-subtítulo del la ayuda de las funciones en ContaExcel */
.TxtSubTit2 {
	margin-left: 20px;
	margin-top: 7px;
	color: rgb(90, 109, 123);
}



/* Este estilo se usará para la función con sus parámetros */
.Funcion {
	padding: 10px 10px 10px 0px;
}

.Funcion tr td {
	line-height: 22px;
}



/* Este estilo se usará para el nombre de la función */
.NombreFun {
	color: rgb(100, 119, 133);
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

/* Este estilo se usará para el nombre de la función colocado en la nota y demás lugares de la ayuda*/
.NombreFunNota {
	width: 100%;
	color: rgb(100, 119, 133);
	font-style: italic;
	font-weight: bold;

}

.EspP {
	width: 5%;

}

.EspG {
	width: 10%;

}


/* Los siguientes estilos determinan el estilo de cada argumento en la función */
.Arg1 {
	color: rgb(255, 0, 0);
	font-style: italic;
	font-weight: normal
}

.Arg2 {
	color: rgb(0, 0, 255);
	font-style: italic;
	font-weight: normal
}

.Arg3 {
	color: rgb(0, 120, 0);
	font-style: italic;
	font-weight: normal
}

.Arg4 {
	color: rgb(255, 120, 0);
	font-style: italic;
	font-weight: normal
}

.Arg5 {
	color: rgb(255, 0, 150);
	font-style: italic;
	font-weight: normal
}

.Arg6 {
	color: rgb(150, 0, 150);
	font-style: italic;
	font-weight: normal
}

.Arg7 {
	color: rgb(0, 200, 0);
	font-style: italic;
	font-weight: normal
}

.Arg8 {
	color: rgb(100, 0, 0);
	font-style: italic;
	font-weight: normal
}

.Arg9 {
	color: rgb(0, 0, 0);
	font-style: italic;
	font-weight: normal
}

.ce-descontinuada {
	color: rgb(90, 109, 123);
	font-style: italic;
	font-weight: normal;
	font-size: 17px;
}



/* Este estilo es usado para la tabla de explicación de los argumentos */
.GeneralTablaExplicacion {
	width: 100%;
	margin-top: 5px;
	border-collapse: separate;
	color: #5a6d7b;
	font-size: 14px;
}

.GeneralTablaExplicacion td {
	padding: 5px;
	background-color: #f2f4f5;
}


/* Este estilo es usado para el encabezado de la tabla de explicación de los argumentos */
.EncabezadoTablaExplicacion {
	color: #FFF;
	padding: 5px;
}

.EncabezadoTablaExplicacion td {
	background-color: #5a768c;
}

/* Estos estilos son usados para los bordes de la tabla de explicación de los argumentos */
.EsquinaIZTablaExplicacion {
	border-top-left-radius: 5px;
}

.EsquinaDETablaExplicacion {
	border-top-right-radius: 5px;
}

/*Estilo de la nota*/
.Nota {

	text-align: left;
	font-size: 14px;
	color: rgb(90, 109, 123);
}

/*Estilo del Título del ejempLo*/
.TitEjemplo {
	background-color: rgb(227, 232, 236);
	margin: 15px 0px 10px 0px;
	padding: 5px 0px 5px 10px;
	/*width: 100%;*/
	text-align: left;
	color: rgb(90, 109, 123);
	font-family: Arial;
	font-size: 18px;
	font-weight: bold
}

/*Este estilo se usa para la tabla de datos*/
.GeneralTablaEjemplo {
	margin: auto !important;
	margin-top: 5px;
	border-collapse: separate;
	font-size: 14px;
}

.GeneralTablaEjemplo tr td {
	text-align: center;
}


/*Este estilo se usa para centrar un texto de datos*/
.Centrar {
	text-align: center !important;
}

/*Este estilo se usa para la tabla de datos que se quiera alinear a la izquierda*/
.GeneralTablaEjemploIZ {
	margin: auto !important;
	margin-top: 5px;
	border-collapse: separate;
	font-size: 14px;
}

.GeneralTablaEjemploIZ tr td {
	text-align: left;
}


/*Este estilo se usa para el encabezado de la tabla Datos*/
.EncabezadoTablaEjemplo {
	background-color: rgb(45, 108, 203);
	color: #FFF;
	text-align: center !important;
}

.EncabezadoTablaEjemplo td {
	padding: 7px;
	line-height: 20px;
	text-align: center !important;
}



/*Este estilo se usa para cambiar el color de fondo de una fila*/
.OperacionAzul {

	background-color: rgb(215, 227, 243);
}

.OperacionAzul td {
	padding: 5px;
}


/*Este estilo se usa para cambiar el color de fondo de una fila*/
.OperacionVerde {
	background-color: rgb(224, 254, 244);
}

.OperacionVerde td {
	padding: 5px;
}

.OperacionAmarilla {

	background-color: rgb(255, 255, 150);
}

.OperacionAmarilla td,
.OperacionAmarilla th {
	padding: 5px;
}


/*Este estilo se usa para la tabla de resultados*/
.TablaDatos {
	margin: auto;
	color: rgb(0, 0, 0);
	font-size: 14px;
	background-color: rgb(255, 255, 255);
	border-collapse: collapse;
	align-self: center;
}

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


/*Este estilo se usa para el encabezado de la tabla de resultados*/
.EncabezadoTablaEjemploInfo {
	color: rgb(50, 50, 50);
	text-align: center;
	background-color: #f6f7f7 !important;
}


/*Este estilo se usa para cambiar el color del borde de una cuadro en una tabla*/
.BordeRojo {
	border: 2px solid red !important;
}

.BordeAzul {
	border: 2px solid blue !important;

}

.BordeVerde {
	border: 2px solid green !important;
}

.EstiloEsp {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: rgb(45, 108, 203);
	color: #FFF;
	text-align: left !important;
	padding: 7px;
}



.FondoGris {
	background-color: rgb(250, 250, 250);
}

.FondoGris td {
	background-color: rgb(250, 250, 250);
	text-align: center;
}



.FondoAzulClaro {
	background-color: rgb(205, 230, 250) !important;
}

.TxtRojo {
	color: rgb(255, 0, 0);
	font-weight: normal
}

.TxtAzul {
	color: rgb(0, 0, 255);
	font-weight: normal;

}

.TxtVerde {
	color: rgb(0, 255, 0);
	font-weight: normal
}



.CentrarIma {
	text-align: center !important;
}

.Der {
	text-align: right !important;
}

.BordeSeleccion {
	border: 2px solid rgb(0, 114, 198) !important;

}

.BordeSeleccion2 {
	border-left: 2px solid rgb(0, 114, 198) !important;
	border-top: 2px solid rgb(0, 114, 198) !important;
	border-right: 2px solid rgb(0, 114, 198) !important;
}

.BordeSeleccion3 {
	border-left: 2px solid rgb(0, 114, 198) !important;
	border-right: 2px solid rgb(0, 114, 198) !important;
}

.BordeSeleccion4 {
	border-left: 2px solid rgb(0, 114, 198) !important;
	border-right: 2px solid rgb(0, 114, 198) !important;
	border-bottom: 2px solid rgb(0, 114, 198) !important;
}


/* SAmaya.May-2018. Tabs para ejemplos de código de evaluador de expresiones */
.masinfo .tab1 {
	padding-left: 1em;
}

.masinfo .tab2 {
	padding-left: 2.5em;
}

.masinfo .tab3 {
	padding-left: 4em;
}

.masinfo .tab4 {
	padding-left: 5.5em;
}

.masinfo .tab5 {
	padding-left: 7em;
}

.masinfo .tab6 {
	padding-left: 8.5em;
}

.masinfo .tabNone,
.masinfo .tab1,
.masinfo .tab2,
.masinfo .tab3,
.masinfo .tab4,
.masinfo .tab5,
.masinfo .tab6 {
	display: block;
	display: -webkit-box;
}

.masinfo p.list-item {
	list-style: disc outside none;
	display: list-item;
	margin-left: 1.5em;
}

.masinfo ol.ordered-list {
	list-style: none;
	counter-reset: li;
}

.masinfo ol.ordered-list li::before {
	content: counter(li) ". ";
	color: #32a4f0;
	font-weight: bold;
	display: inline-block;
	width: 1.35em;
	margin-left: -1em
}

.masinfo ol.ordered-list li {
	counter-increment: li;
}

/*Estilo para chat de ContaPyme*/

.content-main .container {
	position: relative;
	border-radius: 15px 0px 15px 15px;
	padding: 1px 10px 3px 10px;
	margin: 7px 0;
	margin-left: 10%;
	background-color: #5385ee;
	/* float:right; */
	display: inline-block;
	max-width: 70%;
	min-width: 100px;
	clear: both;

}

.content-main .msgclient {
	border-radius: 0px 15px 15px 15px;
	color: #535b63;
	background-color: #f2f3f4;
	margin-right: 10%;
	margin-left: 0px;
	float: left;
}

.content-main .time {
	float: right;
	font-size: 8px;
	margin-top: 5px;
}

.content-main img.check {
	width: 8px;
	height: 8px;
}

.msgclient .check {
	display: none;
}


.content-main .separador {
	color: #535b63;
	text-align: center;
	font-size: 10px;
	display: inline-block;
	width: 100%;
}

.content-main .separador span {
	background-color: #dee7fa;
	padding: 5px;
	border-radius: 5px;
}


.datosTabla {
	font-size: 13px !important;
	border-top: 0px !important;
	border: 1px solid darkgray;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.ncuenta {
	max-width: 200px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap !important;
}


.tittle {
	font-weight: 100;
	font-size: 28px !important;
}

.cont_tittle {
	background-color: #f4f4f4;
	height: 7%;
}

.btn-connect {
	background-color: #f4f4f4;
	width: 100%;
	border-radius: 2em;
	font-size: 20px;
}

.centrado {
	display: flex;
	justify-content: center;
}

.sin_m {
	margin: 0;
}


.table-bordered {
	border: 1px solid #ddd !important;
}

table caption {
	padding: .5em 0;
}

@media screen and (max-width: 767px) {
	table caption {
		display: none;
	}
}

.p {
	text-align: center;
	padding-top: 140px;
}

.searchButton {
	height: 36px;
	border: 0px;
	background: none;
	color: #fff;
	cursor: pointer;
}

.datosTabla {
	font-size: 13px !important;
	border-top: 0px !important;
	border: 1px solid darkgray;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.scrollTabla {
	padding: 15px;
	overflow: scroll;
}

.tablacatalogo {
	font-size: 13px !important;
	cursor: pointer;
}

@media (max-width:400px) {
	.tipotercero {
		display: none !important;
	}

	.nunidad {
		display: none !important;
	}

	.nombre {
		max-width: 133px !important;
	}

	.nrecurso {
		max-width: 133px !important;
	}
}

.tipotercero {
	max-width: 133px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap !important;
}

.nombre {
	max-width: 233px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap !important;
}

.cedula {
	max-width: 100px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap !important;
}

.irecurso {
	max-width: 100px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap !important;
}

.nrecurso {
	max-width: 200px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap !important;
}

i.fa {
	line-height: 1.5 !important;
}

#run {
	position: absolute;
	padding-left: 8px;
}

#texto-seleccionador {
	padding-left: 32px;
	width: 100%;
}

.error {
	color: red;
}

.referenciaError {
	color: green;
}