.PasoBlanco
{
	background-color: Transparent;
	height: 44px;
    width: 59px;
}

.Boton_Paso_Activo {
	background: url("images/Circulo_Activo.png");
	height: 44px;
    width: 46px;
	background-color: Transparent;
	background-repeat: no-repeat;
    cursor: default;
    font-family: Arial,"Arial Black";
    font-size: 27px;
    font-style: normal;
    font-variant: normal;
    font-weight: bolder;
    list-style-image: none;
    padding: 0 3px 3px 0;
    text-decoration: none;
    width: 46px;
	color: #0038A7;
}

.Boton_Paso_Desactivo {
	background: url("images/Circulo_Inactivo.png");
	height: 44px;
    width: 46px;
	background-color: Transparent;
	background-repeat: no-repeat;
    cursor: default;
    font-family: Arial,"Arial Black";
    font-size: 27px;
    font-style: normal;
    font-variant: normal;
    font-weight: bolder;
    list-style-image: none;
    padding: 0 3px 3px 0;
    text-decoration: none;
    width: 46px;
	color: #ACACAC;
}

.FlechaPuntos {
	background: url("images/FlechaPuntos.png");
	background-color: Transparent;
	background-repeat: repeat-x;
	height: 12px;
	width: 50px;
	vertical-align: middle;
	margin-top: -4px;
}

.FlechaActivo {
	background: url("images/FlechaActiva.png");
	background-color: Transparent;
	background-repeat: no-repeat;
	height: 16px;
	width: 7px;
	margin-top: 0px;
}

.FlechaDesactivo {
	background: url("images/FlechaDesactiva.png");
	background-color: Transparent;
	background-repeat: no-repeat;
	height: 16px;
    margin-top: 0px;
    width: 7px;
}

.ReadonlyAttributePasosActivo {
	border-width: 0;
    font-weight: bold;
	font-family: Arial;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    padding-left: 2px;
    padding-right: 2px;
    text-decoration: none;
    font-weight: bold;
	color: black;
}

.ReadonlyAttributePasosDesactivo {
    font-family: Arial;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    padding-left: 2px;
    padding-right: 2px;
    text-decoration: none;
	color: #ACACAC;
}

.ConfirmButton {
	background: url("images/ConfirmButton.gif");
	background-color: Transparent;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

table.Boton_Paso_Desactivo A {
    color: #ACACAC;
    font-size: 27px;
    font-style: normal;
    font-variant: normal;
    font-weight: bolder;
    text-decoration: none;
}

TABLE.Boton_Paso_Activo A {
    color: #0038A7;
    font-size: 27px;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
	font-family: Arial,"Arial Black";
    font-size: 27px;
}

/*************** Estilos para formularios ***************/

.PasosFormTablaPrincipalDesa{
    background-image: url("images/Form/FondoDesa.png");
    height: 44px;
	width: 100%;
}

.PasosFormTablaPrincipalAct{
    background-image: url("images/Form/FondoAct.png");
    height: 44px;
	width: 100%;
}

.PasosFormTablaPrincipalDesa tr td {
	text-align: right;
}

.PasosFormTablaPrincipalAct tr td {
	text-align: right;
}

.PasosFormCirculoDesa {
    background-image: url("images/Form/CirculoDesa.png");
    width: 33px;
	text-align: right;
	background-repeat: no-repeat;
	background-position: right center;
	height: 28px;
}

.PasosFormCirculoAct {
    background-image: url("images/Form/CirculoAct.png");
    width: 33px;
	text-align: right;
	background-repeat: no-repeat;
	background-position: right center;
	height: 28px;
}

.PasosFormFlechaDesaAct {
	background-image: url("images/Form/FlechaDesaAct.png");
	width: 25px;
}

.PasosFormFlechaActDesa {
	background-image: url("images/Form/FlechaActDesa.png");
	width: 27px;
}

.PasosFormFlechaActAct {
	background-image: url("images/Form/FlechaActAct.png");
	width: 27px;
}

.PasosFormFlechaDesaDesa {
	background-image: url("images/Form/FlechaDesaDesa.png");
	width: 25px;
}

.PasosFormTextoCirculo {
    color: #FFFFFF !important;
    font-family: 'Arial';
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
	text-decoration: none;
	padding-right: 11px;
}

.PasosFormTextoTitulos {
	color: #000000 !important;
    font-family: 'Arial';
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
    padding: 7px;
	text-decoration: none;
}

/********** Wizar de concreta **********/
.ucpasosConcreta .wizard-nav-tabs-wrapper { /* Para posicionar relativamente la ayuda */
    position: relative!important;
}

/* Pasos de formulario */
.ucpasosConcreta .wizard-nav-tabs {
	display: block;
	padding: 0;
	margin-bottom: 40px;
	padding-bottom: 10px;
	overflow: hidden;
}
.ucpasosConcreta .wizard-nav-tabs li {
	position: relative;
	display: block;
	float: left;
	list-style-type: none;
	border-bottom: 1px solid #265993;
	height: 90px;
    min-height: 90px;
}

.ucpasosConcreta .wizard-nav-tabs li.active:before {
	content: '';
	position: absolute;
	bottom: -9px;
	left: 48%;
    border: solid;
    border-width: 6px 6px 0 6px;
	border-color: #265993 transparent;
}
.ucpasosConcreta .wizard-nav-tabs li.active {
	border-width: 3px;
	vertical-align: top;
	height: 91px;
    min-height: 91px;
}
.ucpasosConcreta .wizard-nav-tabs li a {
	text-decoration: none;
	color: #231F20;
}
.ucpasosConcreta .wizard-nav-tabs li .wizard-step {
	display: block;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
.ucpasosConcreta .wizard-nav-tabs li .wizard-step-description {
	display: block;
	text-align: center;
	line-height: 1.2;
	padding: 0 20%;
}
.ucpasosConcreta .wizard-nav-tabs li.active .wizard-step, .wizard-nav-tabs li.active .wizard-step-description {
	color: #265993;
}
.ucpasosConcreta .wizard-nav-tabs li .step-divider {
	position: absolute;
	top: 15px;
	right: -3px;
}
.icn {
	margin-top: 0;
	margin-right: 0;
}

.icn-arrow-right-sm {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000;
}

.ucpasosConcreta .wizard-nav-tabs * {
	box-sizing: border-box;
}

/********** Wizar de Agesic **********/
.ucpasosAgesic .wizard-nav-tabs {
	padding: 0;
    margin-bottom: 40px;
    overflow: hidden;
    background: #F5F5F5;
    border: 1px solid #d9d8d8;
	display: flex;
}

.ucpasosAgesic .wizard-nav-tabs li:first-child {
	padding-left: 25px;
}

.ucpasosAgesic .wizard-nav-tabs li {
	position: relative;
	display: table-cell;
	list-style-type: none;
	padding: 10px 0;
	padding-left: 0px;
	padding-left: 60px;
	box-sizing: border-box;
	float: left;
}

.ucpasosAgesic .wizard-nav-tabs li::before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #DCDCDC;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

.ucpasosAgesic .wizard-nav-tabs li::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #F5F5F5;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.ucpasosAgesic .wizard-nav-tabs li.active::after {
    border-left: 30px solid #e2e9ef;
}

.ucpasosAgesic *, .ucpasosAgesic ::before, .ucpasosAgesic ::after {
    box-sizing: inherit;
}

.ucpasosAgesic .wizard-nav-tabs li a {
	text-decoration: none;
	color: #231F20;
}

.ucpasosAgesic a {
    color: #064D8E;
    word-wrap: break-word;
}

.ucpasosAgesic .paso-validado {
    display: block;
    overflow: hidden;
}

.ucpasosAgesic .wizard-nav-tabs li .wizard-step {
    display: block;
    font-size: 1.7em;
    line-height: 1;
    margin-bottom: 3px;
}

.ucpasosAgesic .paso-validado > span {
    display: block;
    float: left;
}

.ucpasosAgesic .paso-validado > .icn {
    margin-left: 12px;
    margin-top: 5px;
}

.ucpasosAgesic .paso-validado > span {
    display: block;
    float: left;
}

.ucpasosAgesic .icn-circle-success {
    background: url("./images/icn-circle-success.png") no-repeat;
    width: 18px;
    height: 18px;
}

.ucpasosAgesic .wizard-nav-tabs li .wizard-step-description {
    display: block;
    line-height: 1.2;
}

.ucpasosAgesic .wizard-nav-tabs li.active {
    background: #e2e9ef;
}

.ucpasosAgesic .wizard-nav-tabs li.active .wizard-step, .ucpasosAgesic .wizard-nav-tabs li.active .wizard-step-description {
    color: #1A2F5A;
    font-weight: bold;
}

/********** Wizar generico **********/
.wizard-nav-tabs-2 li {
	width: 50%;
}

.wizard-nav-tabs-3 li {
	width: 33.3333333333%;
}
.wizard-nav-tabs-4 li {
	width: 25%;
}
.wizard-nav-tabs-5 li {
	width: 20%;
}
.wizard-nav-tabs-6 li {
	width: 16.6666666667%;
}


@media screen and (max-width: 980px) {
	/* Pasos de formulario */
	.ucpasosConcreta .wizard-nav-tabs {
		margin-bottom: 25px;
	}
	.ucpasosConcreta .wizard-nav-tabs {
		margin-bottom: 0;
		padding-bottom: 25px;
	}
	.ucpasosConcreta .wizard-nav-tabs li {
		border-bottom: none;
		height: auto;
		min-height: inherit;
		padding: 10px 0;
		border-radius: 3px;
	}
	.ucpasosConcreta .wizard-nav-tabs li.active:before {
		border: none;
	}
	.ucpasosConcreta .wizard-nav-tabs li.active {
		border: none;
		height: auto;
		min-height: inherit;
		background: #F4F4F4;
	}
	.ucpasosConcreta .wizard-nav-tabs li .wizard-step-description {
		padding: 0 10%;
	}
	.ucpasosConcreta .wizard-nav-tabs li.active .wizard-step, .wizard-nav-tabs li.active .wizard-step-description {
		color: #265993;
	}
	.ucpasosConcreta .wizard-nav-tabs li .step-divider {
		display: none;
	}
	
	.ucpasosAgesic .wizard-nav-tabs li:after,
	.ucpasosAgesic .wizard-nav-tabs li:before,
	.ucpasosAgesic .wizard-nav-tabs li.active:after {
		border: none;
		display: none;
	}
	
	.ucpasosAgesic .wizard-nav-tabs li {
		padding-left: 15px;
		padding-right: 15px;
		border-left: 1px solid #E1E1E1;
		padding-bottom: 100%;
		margin-bottom: -100%;
	}
	.ucpasosAgesic .wizard-nav-tabs {
		padding-bottom: 15px;
	}
}

/* --------------- |640| --------------- */
@media screen and (max-width: 640px) {
	  /* Nombre de los pasos */
	.ucpasosAgesic .wizard-nav-tabs li .wizard-step-description {
		display: none;
	}
}