@CHARSET "UTF-8";

/* nuevos para el wizard*/
.mcwell{
	background-color: #9EEBA1;
	border-radius:5px;
	padding: 25px;
  /* 	position:relative; */
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

/*color azul con: wizard-datos-box-text */




/*Wizard*/
.box {
  	width:250px;
  	height:55px;
  	float:left;
  	background-color:white; 
 	margin:25px 5px;
  	border-radius:5px;
}

.box h3 {
	font-size: 14px;
	font-family: 'Didact Gothic', sans-serif;
}

.boxFirst {
 	margin-left: 55px;
}

.box3 h3 {
 	font-weight:normal;
  	text-align:center;
  	vertical-align: middle;
  	padding-top:15px;
  	padding-bottom:10px;
  	color:#fff;
  	
  	margin-left:6%;
  	margin-right:6%;
  	margin-top:3%;
  	margin-bottom:3%;
  	border:2px dashed #F7EEEE;
  	border-radius:5px;

}

.box1 h3 {
 	font-weight:normal;
  	text-align:center;
  	vertical-align: middle;
  	padding-top:15px;
  	padding-bottom:10px;
  	color:#fff;
  	
	width:87%;
  	height:25px;
  	margin-left:6%;
  	margin-top:3%;
}

.box3 {
  	background-color: #9EEBA1; /* verde */
}

.shadow1, .shadow3{
  	position:relative;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

.box1 {
	background-color: #EBA39E;  /* rojo */
}

.shadow1:before, .shadow1:after, .shadow3:before, .shadow3:after{
  	position:absolute;
  	content:"";
  	bottom:12px;left:15px;top:80%;
  	width:45%;
  	z-index:-1;
  	-webkit-transform: rotate(-6deg);
  	-moz-transform: rotate(-6deg);
  	transform: rotate(-6deg);
}

.shadow1:before, .shadow1:after {
  	background:#9B7468;
  	-webkit-box-shadow: 0 20px 15px #9B7468;
  	-moz-box-shadow: 0 20px 15px #9B7468;
  	box-shadow: 0 20px 15px #9B7468;
}
.shadow3:before, .shadow3:after {
	background:#479F41;
  	-webkit-box-shadow: 0 20px 15px #479F41;
  	-moz-box-shadow: 0 20px 15px #479F41;
  	box-shadow: 0 20px 15px #479F41;
}

.shadow1:after, .shadow3:after {
  	-webkit-transform: rotate(6deg);
  	-moz-transform: rotate(6deg);
  	transform: rotate(6deg);
  	right: 15px;left: auto;
}

 .wizard-labels li {
	list-style-type: none;
 	margin-right: 0.5em;
	padding: 0;
}

.wizard-bienvenido-box, 
.wizard-despedida-box  {
	background-color:white; 
	border-radius:5px;
	
	
	/* position: absolute;
  	width:250px;
  	height:75px;
  	float:left;  	
 	margin:100px 55px;  	
  	width: 100% */
}
 
.wizard-datos-box  {
	/*position: absolute;*/
	position:relative;
  	width:250px;
  	height:75px;
  	float:left;
  	background-color:white; 
 	margin:430px 55px;
  	border-radius:5px;
  	width: 100%
}

.wizard-bienvenido-box-text, 
.wizard-datos-box-text, 
.wizard-despedida-box-text {
	background-color: #9EEBA1;
	width: 85%;
	padding: 25px;
  /* 	position:relative; */
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

.wizard-datos-box-text {
	background-color: #00a1ff;
	width: 100%;
	padding: 10px;
  	position:relative;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

.wizard-bienvenido-box-text:before, .wizard-bienvenido-box-text:after, 
.wizard-datos-box-text:before, .wizard-datos-box-text:after, 
.wizard-despedida-box-text:before, .wizard-despedida-box-text:after {
  	background:#9B7468;
  	-webkit-box-shadow: 0 20px 15px #9B7468;
  	-moz-box-shadow: 0 20px 15px #9B7468;
  	box-shadow: 0 20px 15px #9B7468;
}

.wizard-bienvenido-box-text:before, .wizard-bienvenido-box-text:after,
.wizard-datos-box-text:before, .wizard-datos-box-text:after,
.wizard-despedida-box-text:before, .wizard-despedida-box-text:after  {
  	position:absolute;
  	content:"";
  	bottom:12px;left:15px;top:80%;
  	width:45%;
  	z-index:-1;
  	-webkit-transform: rotate(-6deg);
  	-moz-transform: rotate(-6deg);
  	transform: rotate(-6deg);
}

.wizard-bienvenido-box-text:after, 
.wizard-datos-box-text:after, 
.wizard-despedida-box-text:after {
  	-webkit-transform: rotate(6deg);
  	-moz-transform: rotate(6deg);
  	transform: rotate(6deg);
  	right: 15px;left: auto;
}

.wizard-form {
	position: absolute;
	top: 10px;
	right: 10px;
}

.texto-suelto {
	font-size: 12px;
}

.wizard-datos-error {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 9999;
}

.datos-comercial{
	position: absolute;
	margin-top: -15px;
	margin-left: 0px;
	width: 400px;
	z-index: 9999;
}

.nombreComercial{
	position: absolute;
	margin-top:  0px;
	margin-right: 0px;
	
	font-family: Century Gothic;
	font-weight: bold;	
	font-size: 12px;
}

.correoComercial {
	position: absolute;
	margin-top:  10px;
	margin-right: 0px;
	
	font-family: cursive;
	font-weight: bold;	
	font-size: 10px;
}

.register-datos-box-table {
	width: 100%;
}

.register-datos-box-table td {
	padding-top: 10px;
}

.userPhotoComercial {
		position: absolute;
	margin-left: 160px;
	background: white;
	border:2px solid;
	border-color: black;
	border-radius:10px;
		-moz-border-radius:10px;
	box-shadow: 5px 5px 5px black; 
	width: 32px;
	height: 32px;
}

.wizard {
	margin: 20px auto;
	background: #fff;
}

.wizard .nav-tabs {
	position: relative;
	margin: 40px auto;
	margin-bottom: 0;
	border-bottom-color: #e0e0e0;
}

.wizard > div.wizard-inner {
	position: relative;
}

.connecting-line {
	height: 2px;
	background: #e0e0e0;
	position: absolute;
	width: 80%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
	color: #555555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent;
}

span.round-tab {
	width: 70px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	border-radius: 100px;
	background: #fff;
	border: 2px solid #e0e0e0;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 25px;
}
span.round-tab i{
	color:#555555;
}
.wizard li.active span.round-tab {
	background: #fff;
	border: 2px solid #5bc0de;

}
.wizard li.active span.round-tab i{
	color: #5bc0de;
}

span.round-tab:hover {
	color: #333;
	border: 2px solid #333;
}

.wizard .nav-tabs > li {
	width: 25%;
}

.wizard li:after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 0;
	margin: 0 auto;
	bottom: 0px;
	border: 5px solid transparent;
	border-bottom-color: #5bc0de;
	transition: 0.1s ease-in-out;
}

.wizard li.active:after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 1;
	margin: 0 auto;
	bottom: 0px;
	border: 10px solid transparent;
	border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
	width: 70px;
	height: 70px;
	margin: 20px auto;
	border-radius: 100%;
	padding: 0;
}

.wizard .nav-tabs > li a:hover {
	background: transparent;
}

.wizard .tab-pane {
	position: relative;
	padding-top: 50px;
}

.wizard h3 {
	margin-top: 0;
}

@media( max-width : 585px ) {

	.wizard {
		width: 90%;
		height: auto !important;
	}

	span.round-tab {
		font-size: 16px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.wizard .nav-tabs > li a {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.wizard li.active:after {
		content: " ";
		position: absolute;
		left: 35%;
	}
}
/*Wizard-Fin*/