@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #F5F5F5;
	/*font-family: 'Roboto', Arial, Helvetica, sans-serif;*/
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.btn-whatsapp {
	display: none;
	position: fixed;
	width: 50px;
	height: 50px;
	right: 5px;
	bottom: 5px;
	z-index: 150;
}

.background {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	z-index: -500;
}

.bg-header {
	background-color: #FFF;
	position: fixed;
	width: 100%;
	float: left;
	left: 0px;
	top: 0px;
	padding: 0px 15px;
	box-sizing: border-box;
	box-shadow: 0px 10px 10px #00000050;
	z-index: 250;
}

.header {
	width: 100%;
	float: left;
}

.logo {
/*	display: none;*/
	width: 300px;
	height: 40px;
	float: left;
	margin: 10px 0px;
}





/*		Menú		*/
.bg-menu {
	border-bottom: rgba(0, 0, 0, 0.05) 1px solid;
	width: -moz-calc(100% - 350px);
	width: -webkit-calc(100% - 350px);
	width: -o-calc(100% - 350px);
	width: calc(100% - 350px);
	float: right;
	padding-top: 15px;
	box-sizing: border-box;
}

.menu {
	width: 100%;
	float: right;
	line-height: 40px;
	text-align: right;
}

.menu-ico {
	width: 30px;
	height: 30px;
	float: left;
	margin: 5px 0px;
}

.menu-txt {
/*	width: 100px;*/
	height: 40px;
	line-height: 40px;
	float: right;
	margin-left: 10px;
	color: #07B;
}

.menu-responsive {
	display: none;
}

.aktivo {
/*	border: #FFF 1px solid !important;*/
	background-color: #0055BB10;
	border-left: #05B 5px solid !important;
	-moz-border-radius: 0px 5px 5px 0px !important;
	-webkit-border-radius: 0px 5px 5px 0px !important;
	border-radius: 0px 5px 5px 0px !important;
	font-weight: bold !important;
}

.aktivo .menu-txt {
	color: #05B;
}

.aktivo-registrar {
/*	border: #FFF 1px solid !important;*/
	background-color: #BB113310;
	border-left: #B13 5px solid !important;
	-moz-border-radius: 0px 5px 5px 0px !important;
	-webkit-border-radius: 0px 5px 5px 0px !important;
	border-radius: 0px 5px 5px 0px !important;
	font-weight: bold !important;
}

.aktivo-registrar .menu-txt {
	color: #B13;
}






/*		Login 		*/
.bg-login {
/*	background-color: #08E;*/
	background-color: #000;
	background-image: url(imagenes/bg-login.jpg?v=5);
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: -moz-calc(100vh - 110px);
	height: -webkit-calc(100vh - 110px);
	height: -o-calc(100vh - 110px);
	height: calc(100vh - 110px);
	float: left;
	margin-top: 60px;
	display: flex;
}

.login {
	width: 100%;
	max-width: 450px;
	min-width: 300px;
	height: -moz-calc(100% - 50px);
	height: -webkit-calc(100% - 50px);
	height: -o-calc(100% - 50px);
	height: calc(100% - 50px);
	float: left;
	padding: 0px 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.login-form-main {
	width: 450px;
	float: left;
	display: inline-block;
	padding: 0px 20px;
	margin: 0px 50px;
	margin-bottom: 20px;
	font-size: 16px;
	box-sizing: border-box;
	text-align: left;
}

.login-form {
	border:  #A14 3px solid;
	background-color: #FFFFFFAA;
	width: 100%;
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 30px;
	box-sizing: border-box;
	box-shadow: 0px 0px 125px #FFF;
}

.login-logo {
	width: 100%;
	max-height: 75px;
	display: inline-block;
	object-fit: contain;
	object-position: 50% 50%;
}

.login-titulo {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}

.login-respuesta {
	width: 100%;
	height: 40px;
	float: left;
	margin: 10px 0px;
}

.login-ico {
	position: relative;
	background-color: #A14;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: -60px;
	padding: 10px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}

.login-ico-pass {
	position: relative;
	width: 25px;
	height: 20px;
	float: left;
	padding: 10px;
	margin-left: -45px;
	margin-top: 5px;
	cursor: pointer;
}

.login-input {
	border: #A14 3px solid;	/*	 E03 - Rojo  */
	background-color: #FFFFFFAA;
	width: 100%;
	height: 50px;
	float: left;
	margin-bottom: 20px;
	padding: 0px 15px;
	padding-left: 65px;
	font-size: 16px;
	box-sizing: border-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.login-btn {
	width: auto;
	border: none;
	background-color: #333;
/*	background-image: url(imagenes/3D.png);
	background-size: 100% 100%;*/
	float: right;
	color: #FFF;
	font-size: 16px;
/*	font-weight: bold;*/
	padding: 15px 35px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bg-redirigiendo {
	background-color: rgba(255, 255, 255, 0);
	position: fixed;
/*	width: 0px;
	height: 0px;
	top: 50%;
	left: 50%;*/
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	z-index: 750;
}

.bg-redirigiendo-aktivo {
	background-color: rgba(255, 255, 255, 0.95);
/*	background-color: #FFF;*/
}
/*
.redirigiendo {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #666;
	box-sizing: border-box;
	overflow: hidden;
}*/

.redirigiendo-cerrar {
	position: fixed;
	width: 30px;
	height: 30px;
	right: 15px;
	top: 15px;
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);
	z-index: 775;
}

.redirigiendo-loading {
	position: fixed;
	width: 200px;
	height: 85px;
	top: 50%;
	left: 50%;
	margin-top: -90px;
	margin-left: -100px;
	filter: grayscale(100%);
	animation: colorFade 3s ease forwards;
	z-index: 775;
}

@keyframes colorFade {
	from { filter: grayscale(100%); }
	to { filter: grayscale(0%); }
}

.redirigiendo-texto {
	position: fixed;
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 35px;
	text-align: center;
	top: 50%;
	margin-top: 20px;
	left: 0px;
	z-index: 775;
}

.bg-logout-main {
	width: -moz-calc(100% - 550px);
	width: -webkit-calc(100% - 550px);
	width: -o-calc(100% - 550px);
	width: calc(100% - 550px);
	height: -moz-calc(100% - 50px);
	height: -webkit-calc(100% - 50px);
	height: -o-calc(100% - 50px);
	height: calc(100% - 50px);
	float: left;
	overflow-y: clip;
}

.bg-logout {
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: 50% 50%;
	box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.35);
}

.logout-main {
	background-color: #FFF;
	width: 100%;
	max-width: 450px;
	height: -moz-calc(100% - 50x);
	height: -webkit-calc(100% - 50px);
	height: -o-calc(100% - 50px);
	height: calc(100% - 50px);
	float: left;
	padding: 40px;
	box-sizing: border-box;
}

.logout-form-main {
	width: 450px;
	float: left;
	display: inline-block;
	padding: 0px 20px;
	margin: 50px;
	margin-top: 10%;
	font-size: 16px;
	box-sizing: border-box;
	text-align: left;
}

.logout-entrar {
	background-color: #900;
	background-image: url(imagenes/3D.png);
	background-repeat: no-repeat;
	background-size: 100% 75%;
	width: auto;
	display: inline-block;
	margin-top: 50px;
	padding: 10px 30px;
	text-align: center;
	color: #FFF !important;
	font-size: 20px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.respuesta {
	width: 100%;
	height: 0px;
	float: left;
	margin-bottom: 20px;
	box-sizing: border-box;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.respuesta-ico {
	width: 25px;
	height: 25px;
	float: left;
	margin: 7.5px 0px;
	margin-right: 5px;
}

.respuesta-fija {
	position: fixed;
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	width: calc(100% - 40px);
	height: 0px;
	left: 20px;
	bottom: 20px;
	text-align: center;
	box-sizing: border-box;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.correcto {
	background-color: #00993335;
	background-image: url(imagenes/ico-correcto.png);
	background-repeat: no-repeat;
	background-position: left 5px center;
	background-size: 30px 30px;
	width: 100%;
	min-height: 40px;
	line-height: 40px;
	color: #093;
	border: 2px solid #093;
	font-size: 14px;
	font-weight: bolder;
	margin-bottom: 10px;
	padding: 0px 5px;
	padding-left: 40px;
	float: left;
	text-align: left;
	box-sizing: border-box;
}

.error {
	background-color: #FF111135;
	background-image: url(imagenes/ico-error.png);
	background-repeat: no-repeat;
	background-position: left 5px center;
	background-size: 25px 25px;
	width: 100%;
	min-height: 40px;
	line-height: 40px;
	color: #F11;
	border: 2px solid #F11;
	font-size: 14px;
	font-weight: bolder;
	margin-bottom: 10px;
	padding: 0px 5px;
	padding-left: 40px;
	float: left;
	text-align: left;
	box-sizing: border-box;
}

.atencion, 
.pendiente {
	background-color: #FF660035;
	background-image: url(imagenes/ico-pendiente.png);
	background-repeat: no-repeat;
	background-position: left 5px center;
	background-size: 30px 30px;
	width: 100%;
	min-height: 40px;
	line-height: 40px;
	color: #F60;
	border: 2px solid #F60;
	font-size: 14px;
	font-weight: bolder;
	margin-bottom: 10px;
	padding: 0px 5px;
	padding-left: 40px;
	float: left;
	text-align: left;
	box-sizing: border-box;
}



/*		Columna Menu 		*/
.columna-miembro {
	width: 250px; 
	float: left;
	position: sticky;
	top: 90px;
	z-index: 10;
}

.mi-cuenta-miembro {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}

.mi-cuenta-miembro-foto-perfil {
	border: #048 2px solid;
	width: 75px;
	height: 75px;
	float: left;
	margin-top: 36px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

.mi-login-miembro {
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: -o-calc(100% - 100px);
	width: calc(100% - 100px);
	float: right;
	margin-top: 35px;
}

.mi-login-data-miembro {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	overflow: hidden;
	font-size: 13px;
	text-overflow: ellipsis;
}

.logout-miembro {
	background-color: #000;
	width: auto;
	display: inline-block;
	margin-top: 5px;
	padding: 5px 15px;
	color: #FFF;
}

.menu-miembro {
	width: 100%;
	float: left;
}

.menu-miembro-link {
	border-bottom: #CCC 1px solid;
	width: 100%;
	height: 50px;
	float: left;
}

.menu-miembro-ico {
	width: 20px;
	height: 20px;
	float: left;
	margin: 15px;
}

.menu-miembro-txt {
	width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: -o-calc(100% - 60px);
	width: calc(100% - 60px);
	height: 50px;
	line-height: 50px;
	float: left;
	margin-left: 0px;
	color: #048;
}

.menu-aktivo {
	background-color: #048;
}

.menu-aktivo .menu-miembro-ico, 
.menu-aktivo .menu-miembro-txt {
	-webkit-filter: hue-rotate(0deg)  saturate(0%) brightness(1000%);
	filter: hue-rotate(0deg)  saturate(0%) brightness(1000%);
}

.submenu-miembro-link {
	border-bottom: #CCC 1px solid;
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -o-calc(100% - 30px);
	width: calc(100% - 30px);
	height: 50px;
	float: left;
	margin-left: 30px;
}

.submenu-aktivo {
	background-color: #2AE;
}

.submenu-aktivo .menu-miembro-ico, 
.submenu-aktivo .menu-miembro-txt {
	-webkit-filter: hue-rotate(0deg)  saturate(0%) brightness(1000%);
	filter: hue-rotate(0deg)  saturate(0%) brightness(1000%);
}

.contenido-miembro {
	position: relative;
	border-left: #CCC 1px solid;
	width: -moz-calc(100% - 270px);
	width: -webkit-calc(100% - 270px);
	width: -o-calc(100% - 270px);
	width: calc(100% - 270px);
	float: right;
	padding-top: 20px;
	padding-left: 20px;
	box-sizing: border-box;
}
/*
.resumen-etapas {
	position: absolute;
	width: 30px;
	top: 80px;
	right: -35px;
	z-index: 50;
}

.resumen-etapas-linea {
	background-color: #048;
	width: 6px;
	height: 25px;
	float: left;
	margin: 0px 12px;
}

.resumen-etapas-paso {
	background-color: #048;
	width: 30px;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: center;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	color: #FFF;
}

.resumen-etapas-linea-activa {
	background-color: #090;
}

.resumen-etapas-paso-activo {
	background-color: #090;
}*/





/*		Menú de Acciones		*/
.menu-acciones {
	position: relative;
	width: 30px;
	height: 30px;
	float: left;
	margin: 0px 5px;
}

.menu-acciones:hover .menu-acciones-desplegable {
	display: block;
}

.menu-acciones-desplegable {
	display: none;
	border: #00000045 1px solid;
/*	border-top: #000000 2px solid;*/
	position: absolute;
	background-color: #F5F5F5;
	width: auto;
	right: -10px;
	top: 30px;
	padding: 5px;
	box-shadow: 0px 0px 10px #00000050;
	z-index: 50;
}

.menu-acciones-ico-main {
	width: 30px;
	height: 30px;
	float: left;
	padding: 5px;
	margin: 0px;
	margin-right: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	cursor: pointer;
}

.menu-acciones-ico {
	width: 30px;
	height: 30px;
	float: left;
/*	padding: 5px;*/
	margin: 0px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	cursor: pointer;
}

.menu-acciones-txt {
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: left;
	margin-left: 5px;
	color: #000;
}





/*		Slider		*/
.bg-slider {
	width: 100%;
	height: 100%;
	float: left;
}

.slider {
	width: 100%;
	height: 100%;
	float: left;
}





/*		Home		*/
.bg-home {
	background-size: cover;
	background-position: center center;
	position: relative;
	width: 100%;
	height: -moz-calc(100vh - 230px);
	height: -webkit-calc(100vh - 230px);
	height: -o-calc(100vh - 230px);
	height: calc(100vh - 230px);
	float: left;
	margin-bottom: 30px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	overflow: hidden;
}

.home-pantalla {
/*	background-color: #0055BB75;
	background-image: url(imagenes/bg-login.png);
	background-size: cover;*/
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}

.home-logo {
	width: auto;
	height: 150px;
	display: inline-block;
}





.bg-contenido {
	width: 100%;
	min-height: -moz-calc(100% - 125px);
	min-height: -webkit-calc(100% - 125px);
	min-min-height: -o-calc(100% - 125px);
	min-height: calc(100% - 125px);
	float: left;;
	margin-top: 75px
}

.contenido {
	border: #CCC 1px solid;
	background-color: #FFF;
	width: 100%;
	float: left;
	margin: 20px 0px;
	padding: 15px 10px;
	text-align: justify;
	box-sizing: border-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.info {
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -o-calc(100% - 20px);
	width: calc(100% - 20px);
	float: left;
	margin: 0px 10px;
	text-align: justify;
}

.registro-pasos-columna {
	width: 100%;
	float: left;
}

.registro-pasos-main {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.registro-pasos {
	width: 150px;
	height: 120px;
	float: left;
}

.registro-pasos-linea {
	border-top: #333 1px solid;
	width: -moz-calc(50% - 450px / 2);
	width: -webkit-calc(50% - 450px / 2);
	width: -o-calc(50% - 450px / 2);
	width: calc(50% - 450px / 2);
	height: 80px;
	float: left;
	margin-top: 40px;
	box-sizing: border-box;
}

.registro-pasos-numero {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	margin: 5px 50px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

.registro-pasos-txt {
	width: 150px;
	height: 60px;
	float: left;
	text-align: center;
	font-size: 14px;
}

.registro-paso-1 {
	border: #B13 1px solid;
	color: #B13;
}

.registro-paso-1-terminado {
	background-color: #B13;
	color: #FFF;
}

.registro-paso-2 {
	border: #07B 1px solid;
	color: #07B;
}

.registro-paso-2-terminado {
	background-color: #07B;
	color: #FFF;
}

.registro-paso-3 {
	border: #444 1px solid;
	color: #444;
}

.registro-paso-3-terminado {
	background-color: #444;
	color: #FFF;
}

.registro-terminos-condiciones-main {
	position: relative;
	border: #999 1px solid;
	width: 100%;
	height: 350px;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
}

.registro-terminos-condiciones {
	position: relative;
	width: 100%;
	height: 350px;
	float: left;
	font-size: 15px;
	padding: 15px;
	text-align: justify;
	overflow: auto;
	box-sizing: border-box;
}

.registro-terminos-condiciones-blanco {
	background-color: #FFF;
	position: absolute;
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -o-calc(100% - 20px);
	width: calc(100% - 20px);
	height: 15px;
	left: 0px;
	bottom: 0px;
	z-index: 15;
}

/**/


.entrevista-pasos-columna {
	width: 100%;
	float: left;
}

.entrevista-pasos-main {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.entrevista-pasos {
	width: 150px;
	height: 100px;
	float: left;
}

.entrevista-pasos-linea {
	border-top: #333 1px solid;
	width: -moz-calc(33% - 600px / 3);
	width: -webkit-calc(33% - 600px / 3);
	width: -o-calc(33% - 600px / 3);
	width: calc(33% - 600px / 3);
	height: 70px;
	float: left;
	margin-top: 30px;
	box-sizing: border-box;
}

.entrevista-pasos-numero {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	margin: 5px 50px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

.entrevista-pasos-txt {
	width: 150px;
	height: 60px;
	float: left;
	text-align: center;
	font-size: 14px;
}

.entrevista-paso-1 {
	border: #B13 1px solid;
	color: #B13;
}

.entrevista-paso-1-terminado {
	background-color: #B13;
	color: #FFF;
}

.entrevista-paso-2 {
	border: #07B 1px solid;
	color: #07B;
}

.entrevista-paso-2-terminado {
	background-color: #07B;
	color: #FFF;
}

.entrevista-paso-3 {
	border: #444 1px solid;
	color: #444;
}

.entrevista-paso-3-terminado {
	background-color: #444;
	color: #FFF;
}

.entrevista-paso-4 {
	border: #444 1px solid;
	color: #444;
}

.entrevista-paso-4-terminado {
	background-color: #444;
	color: #FFF;
}

.entrevista-completa-label {
	background-color: #B13;
	width: 100%;
	float: left;
	padding: 5px 10px;
	color: #FFF;
	box-sizing: border-box;
}

.entrevista-completa-data {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

/**/



.nota-clinica-pasos-columna {
	width: 100%;
	float: left;
}

.nota-clinica-pasos-main {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.nota-clinica-pasos {
	width: 150px;
	height: 120px;
	float: left;
}

.nota-clinica-pasos-linea {
	border-top: #333 1px solid;
	width: -moz-calc(50% - 450px / 2);
	width: -webkit-calc(50% - 450px / 2);
	width: -o-calc(50% - 450px / 2);
	width: calc(50% - 450px / 2);
	height: 80px;
	float: left;
	margin-top: 40px;
	box-sizing: border-box;
}

.nota-clinica-pasos-numero {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	margin: 5px 50px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

.nota-clinica-pasos-txt {
	width: 150px;
	height: 60px;
	float: left;
	text-align: center;
	font-size: 14px;
}

.nota-clinica-paso-1 {
	border: #B13 1px solid;
	color: #B13;
}

.nota-clinica-paso-1-terminado {
	background-color: #B13;
	color: #FFF;
}

.nota-clinica-paso-2 {
	border: #07B 1px solid;
	color: #07B;
}

.nota-clinica-paso-2-terminado {
	background-color: #07B;
	color: #FFF;
}

.nota-clinica-paso-3 {
	border: #444 1px solid;
	color: #444;
}

.nota-clinica-paso-3-terminado {
	background-color: #444;
	color: #FFF;
}





/*		Formularios		*/
.label {
	width: 100%;
	float: left;
	padding: 5px 10px;
	color: #FFF;
	box-sizing: border-box;
}

.input, 
.select {
	border: #999 1px solid;
	width: 100%;
	float: left;
	padding: 12px 10px;
	font-size: 15px;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.textarea {
	width: 100%;
	height: 100px;
	padding: 10px;
	font-size: 15px;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.input-editar, 
.select-editar {
	border: #999 1px solid;
	width: 100%;
	float: left;
	padding: 5px 10px;
	font-size: 15px;
	box-sizing: border-box;
}

.textarea-editar {
	width: 100%;
	height: 100px;
	padding: 10px;
	font-size: 15px;
	box-sizing: border-box;
}

.validar-email {
	width: 45px;
	height: 45px;
	float: left;
	margin-left: -50px;
	position: relative;
}

.validar-email-loading {
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 5px;
}

.validar-email-txt {
	border: #333 1px solid;
	background-color: #33333325;
	width: 100%;
	line-height: 25px;
	float: left;
	margin-bottom: 15px;
	padding: 5px 10px;
	box-sizing: border-box;
}

.bg-email-correcto {
	background-color: #00993335;
	background-image: url(imagenes/ico-correcto.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 35px 35px;
/*	color: #093;*/
	border: 2px solid #093;
	padding-right: 60px;
	box-sizing: border-box;
}

.bg-email-error {
	background-color: #FF111135;
	background-image: url(imagenes/ico-error.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 35px 35px;
/*	color: #F11;*/
	border: 2px solid #F11;
	padding-right: 60px;
	box-sizing: border-box;
}

.btn {
	border: none;
	background-color: #093;
	width: auto;
	height: 40px;
	min-width: 90px;
	float: right;
	padding: 10px 25px;
	color: #FFF;
	font-weight: bold;
	box-sizing: border-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.btn-loading {
	background-image: url(imagenes/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 90%;
	width: 40px;
}

.btn-deshabilitado {
	background-color: #CCC;
	color: #000;
}

.columna-izquierda {
	width: -moz-calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	width: -o-calc(50% - 10px);
	width: calc(50% - 10px);
	float: left;
	margin-right: 10px;
}

.columna-derecha {
	width: -moz-calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	width: -o-calc(50% - 10px);
	width: calc(50% - 10px);
	float: left;
	margin-left: 10px;
}

.columna-centrada {
	width: 50%;
	float: left;
	margin-left: 25%;
	margin-right: 25%;
}

.columna-tres-izquierda {
	width: -moz-calc(100% / 3 - 10px);
	width: -webkit-calc(100% / 3 - 10px);
	width: -o-calc(100% / 3 - 10px);
	width: calc(100% / 3 - 10px);
	float: left;
	margin-right: 10px;
}

.columna-tres-central {
	width: -moz-calc(100% / 3 - 10px);
	width: -webkit-calc(100% / 3 - 10px);
	width: -o-calc(100% / 3 - 10px);
	width: calc(100% / 3 - 10px);
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.columna-tres-derecha {
	width: -moz-calc(100% / 3 - 10px);
	width: -webkit-calc(100% / 3 - 10px);
	width: -o-calc(100% / 3 - 10px);
	width: calc(100% / 3 - 10px);
	float: left;
	margin-left: 10px;
}

.btn-nuevo {
	background-color: #093;
	float: right;
	color: #FFF;
	margin-top: 5px;
	padding: 10px 20px;
	padding-left: 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.contador-main {
	position: relative;
	width: 120px;
	height: 120px;
	display: inline-block;
	overflow: hidden;
}

.contador {
	border: #666;
	width: 120px;
	height: 120px;
	float: left;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	box-sizing: border-box;
	background: conic-gradient(red 0deg 0deg, #F5F5F5 360deg 360deg);
    animation: girar 1s linear infinite;
}

.contador::before {
    content: "";
    position: absolute;
	background-color: #F5F5F5;
    inset: 5px; /* grosor del borde */
    border-radius: 50%;
}

.contador-num {
	position: absolute;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	left: 0px;
	top: 0px;
	color: #666;
	font-size: 50px;
	z-index: 5;
}

@keyframes girar {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}





/*		Tablas		*/
.tabla {
	width: 100%;
	float: left;
	border-collapse: collapse;
	font-weight: lighter;
}

.tabla-titulo {
	background-color: #CCC;
}





/*		Miembros		*/
.titulo-miembro {
	background-color: #048;
	width: 100%;
	float: left;
	color: #FFF;
	font-size: 18px;
	text-align: left;
	font-weight: bolder;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 25px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	box-sizing: border-box;
}

.miembro-informacion {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	width: -moz-calc(100% - 370px);
	width: -webkit-calc(100% - 370px);
	width: -o-calc(100% - 370px);
	width: calc(100% - 370px);
	float: left;
	box-sizing: border-box;
}

.miembro-info {
	border: #CCC 1px solid;
	background-color: #FFF;
	width: 100%;
	float: left;
	padding: 10px;
	margin-bottom: 25px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
}

.miembro-foto {
	width: 95px;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.miembro-label {
	width: 150px;
	float: left;
	color: #999;
	font-weight: normal;
	text-align: right;
	padding-right: 15px;
	box-sizing: border-box;
}

.miembro-familiar {
	margin: 0px;
	margin-bottom: 15px;
}

.tabla-miembros-familiares {
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -o-calc(100% - 30px);
	width: calc(100% - 30px);
	float: left;
	margin: 15px;
}





/*		Familiares		*/
.familiar-tab-main {
	width: 100%;
	float: left;
	display: block;
	cursor: default;
}

.familiar-tab {
	border: #CCC 1px solid;
	background-color: #EEE;
	width: 150px;
	height: 40px;
	float: left;
	padding: 5px 15px;
	margin-right: 5px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

.familiar-tab-activo {
	background-color: #093;
	color: #FFF;
}

.familiar-tab-num {
	width: 35px;
	height: 40px;
	line-height: 40px;
	float: left;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
}

.familiar-tab-nombre {
	width: 115px;
	height: 40px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

.titulo-familiares {
	background-color: #05B;
	width: -moz-calc(100% + 20px);
	width: -webkit-calc(100% + 20px);
	width: -o-calc(100% + 20px);
	width: calc(100% + 20px);
	float: left;
	color: #FFF;
	font-size: 18px;
	text-align: left;
	font-weight: bolder;
	padding: 15px;
	margin: -10px;
	margin-bottom: 25px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	box-sizing: border-box;
}

.familiar-informacion {
	border: #CCC 1px solid;
	background-color: #FFF;
	width: 100%;
	float: left;
	padding: 10px;
	margin-bottom: 25px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
}

.familiar-info {
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -o-calc(100% - 20px);
	width: calc(100% - 20px);
	float: left;
	margin: 0px 10px;
}

/*.familiar-fieldset {*/
.familiar-main {
/*	border: #EEE 1px solid;*/
	width: 100%;
	float: left;
	margin-bottom: 50px;
	padding: 20px;
	box-sizing: border-box;
/*	box-shadow: 5px 5px 15px #00000050;*/
}

.info-familiar {
	width: 100%;
	float: left;
}

.familiar-legend {
	border: #05B 2px solid;
	background-color: #FFF;
	padding: 15px;
	margin-left: 25px;
	margin-bottom: 15px;
	box-shadow: 5px 5px 15px #00000050;
}

.familiar-tabla-main {
	width: -moz-calc(100% - 201px);
	width: -webkit-calc(100% - 210px);
	width: -o-calc(100% - 210px);
	width: calc(100% - 210px);
	float: left;
}

.familiar-tabla {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}

.familiar-tabla-titulo {
	width: 100%;
	padding: 10px 0px;
	color: #048;
	font-size: 16px;
	font-weight: bold;
	border-bottom: #048 2px solid;
}

.familiar-label {
	min-width: 150px;
/*	float: left;*/
	color: #999;
	font-weight: normal;
	text-align: right;
	padding-right: 15px;
	box-sizing: border-box;
}

.familiar-data {
	width: 100%;
}

.familiar-acciones-main {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.familiar-acciones {
	border: #B13 1px solid;
	width: 20%;
	min-width: 260px;
	height: 230px;
	margin-bottom: 25px;
	overflow: hidden;
	box-sizing: border-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	flex: 0 1 calc((100% - 40px) / 3);
}

.familiar-acciones-titulo {
	background-color: #B13;
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
	color: #FFF;
	text-align: center;
	overflow: hidden;
}

.familiar-acciones-img {
	width: 100%;
	height: 100%;
	float: left;
	padding: 5px 0px;
	max-height: 120px;
	object-fit: contain;
	object-position: 50% 50%;
	box-sizing: border-box;
}

.familiar-acciones-iconos {
	width: 100%;
	height: 30px;
	float: left;
	margin-top: 15px;
	display: flex;
	justify-content: center;
/*	gap: 20px;*/
	flex-wrap: nowrap;
}

.familiar-acciones-iconos .ico {
	width: 35px;
	height: 35px;
}

.familiar-pago-main {
	width: 100%;
	float: left;
	text-align: center;
}

.familiar-pago {
	border: #CCC 1px solid;
	width: 250px;
	display: inline-block;
	text-align: center;
	margin: 10px 20px;
	box-sizing: border-box;
}

.familiar-pago-titulo {
	background-color: #333;
	width: 100%;
	float: left;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	padding: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.familiar-pago-info {
	width: 100%;
/*	height: 180px;*/
	float: left;
	color: #05B;
	text-align: center;
	margin-bottom: 10px;
}

.familiar-pago-cantidad {
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: bolder;
	text-align: center;
	margin: 10px 0px;
}

.familiar-pago-status {
	width: auto;
	display: inline-block;
	padding: 5px 15px;
	margin: 5px;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.familiar-pago-btn {
	height: 40px;
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 5px;
}

.familiar-thumbnail-foto {
	background-color: #FFF;
	width: 100%;
	height: 100%;
	float: left;
	object-fit: contain;
	object-position: 50% 50%;
/*	box-shadow: 0px 0px 5px #00000050;*/
}

.foto-upload-completa {
	width: 100%;
	height: 350px;
	display: inline-block;
	margin: 20px 0px;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
}

.familiar-thumbnail-foto-completa {
	background-color: #FFF;
	width: 100%;
	height: 100%;
	float: left;
	object-fit: contain;
	object-position: 50% 0%;
}

.familiar-status-aviso {
	border: #F30 2px solid;
	background-color: #FF330015;
	width: 80%;
	float: left;
	padding: 15px;
	text-align: center;
	margin: 0px 10%;
	margin-bottom: 25px;
	box-sizing: border-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.familiar-status-columna {
	width: 80%;
	float: left;
	margin: 0px 10%;
}





/*		Entrevista		*/
.foto-upload-main {
	width: 100%;
	float: left;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.foto-upload {
	width: 33%;
	min-width: 250px;
	float: left;
	text-align: center;
}

.foto-upload-medicamentos {
	width: -moz-calc(67% - 20px);
	width: -webkit-calc(67% - 20px);
	width: -o-calc(67% - 20px);
	width: calc(67% - 20px);
	height: 200px;
	float: left;
	margin-right: 20px;
}

.foto-upload-centrada {
	width: 34%;
	min-width: 250px;
	float: left;
	text-align: center;
	margin: 0px 33%;
}

.foto-upload-preview {
	background-position: center center;
	background-origin: padding-box;
	background-size: 90% 90%;
	border: #999 5px dotted;
	width: 200px;
	height: 200px;
	display: inline-block;
	margin: 20px 0px;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
}

.foto-upload-full {
	position: relative;
	border: #999 1px solid;
	background-color: #FFF;
	width: 100%;
	float: left;
	padding: 12px 10px;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.foto-upload-medio {
	margin: 0px 40px;
}

.foto-upload-valido {
	position: absolute;
	width: 35px;
	height: 35px;
	bottom: 10px;
	right: 10px;
	z-index: 15;
}





/*		Pagos		*/
.pago-main {
/*	border: #CCC 1px solid;*/
	width: 100%;
	max-width: 280px;
	display: inline-block;
	text-align: center;
	margin: 10px 0px;
	box-sizing: border-box;
}

.pago-titulo {
	background-color: #05B;
	width: 100%;
	float: left;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	padding: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.pago-info {
	width: 100%;
/*	height: 180px;*/
	float: left;
	color: #05B;
	text-align: center;
	margin-bottom: 10px;
}

.pago-cantidad {
	width: 100%;
	float: left;
	font-size: 30px;
	font-weight: bolder;
	text-align: center;
	margin: 10px 0px;
}

.pago-divisa {
	font-size: 18px;
}

.btn-pago {
	background: #093;
	width: 120px;
	height: 35px;
	line-height: 35px;
	color: #FFF;
	font-size: 16px;
	display: inline-block;
	margin-top: 20px;
	border: 0px;
	font-weight: bold;
	cursor: pointer;
	letter-spacing: 0.8;
	border-radius: 5px;
	transition: all 0.2s ease;
}

.btn-pago:hover {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
}

.pago-respuesta-img {
	width: 120px;
	height: 120px;
	display: inline-block;
}

.pago-informacion {
	height: 25px;
	line-height: 25px;
	float: right;
}

.status-main {
	width: 200px;
	float: right;
	margin-top: 25px
}

.status {
	width: auto;
	display: inline-block;
	padding: 5px 15px;
	margin: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.ico-documentos {
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-left: 5px;
}
 
.ico-status-pago {
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-left: 5px;
}





/*		informacion de Pagos Familiares		*/
.familiar-pagos {
	border: #048 2px solid;
	background-color: #00448825;
	width: 100%;
	float: left;
	margin-bottom: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.familiar-pagos-img {
	background-color: #048;
	width: 100px;
	height: 100px;
	float: left;
	margin: 10px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

.familiar-pagos-info {
	width: -moz-calc(100% - 130px);
	width: -webkit-calc(100% - 130px);
	width: -o-calc(100% - 130px);
	width: calc(100% - 130px);
	margin: 10px 0px;
	float: left;
}

.familiar-pagos-etapa {
	width: 100%;
	float: left;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	color: #048;
}

.familiar-pagos-cantidad {
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: left;
	font-size: 18px;
}

.familiar-pagos-cantidad-parcialidades {
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: left;
}

.familiar-pagos-status {
	width: 100%;
	float: left;
}

.familiar-pagos-efectivo {
	width: 190px;
	height: 30px;
	float: left;
	border: #999 1px solid;
	padding: 0px 10px;
	font-size: 15px;
	box-sizing: border-box;
}

.familiar-pagos-efectivo-ico {
	background-color: #048;
	width: 30px;
	height: 30px;
	float: left;
	padding: 3px;
	margin-left: 5px;
	box-sizing: border-box;
}





/*		Tarifas		*/
.tarifa-cantidad {
	width: -moz-calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
	width: -o-calc(100% - 170px);
	width: calc(100% - 170px);
	float: left;
}

.tarifa-divisa {
	width: 150px;
	float: right;
}





/*		Columna		*/
.columna {
	width: 350px;
	float: right;
}

.columna-main {
	border: #CCC 1px solid;
	background-color: #FFF;
	width: 100%;
	float: left;
	margin-bottom: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
}

.columna-titulo {
	background-color: #048;
	width: 100%;
	float: left;
	color: #FFF;
	font-size: 18px;
	font-weight: bolder;
	padding: 10px;
	box-sizing: border-box;
}

.columna-contenido {
	width: 100%;
	float: left;
	padding: 15px;
	box-sizing: border-box;
}

.columna-tabla {
	width: 100%;
	float: left;
	border-collapse: collapse;
	font-weight: bold;
	font-size: 13px;
}

.columna-tabla-titulo {
	background-color: #333;
	font-size: 14px;
	color: #FFF;
}

.columna-doble-main {
	width: -moz-calc(100% + 20px);
	width: -webkit-calc(100% + 20px);
	width: -o-calc(100% + 20px);
	width: calc(100% + 20px);
	float: left;
	margin: 0px -10px;
}

.columna-doble-compensacion {
	width: 100%;
	float: left;
	padding: 0px 10px;
	box-sizing: border-box;
}

.columna-doble {
	width: -moz-calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	width: -o-calc(50% - 20px);
	width: calc(50% - 20px);
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}






/*		Checkboxes		*/
.checkbox-main {
	width: 50px;
	height: 20px;
	float: right;
	margin: 5px;
}

.checkbox-hide {
	display: none;
}

.bullet-main {
	position: relative;
	background-color: #EEE;
	border: #666 2px solid;
	width: 50px;
	height: 20px;
	float: right;
	text-align: right;
	color: #666;
	margin: 5px;
	padding: 0px 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
}

.bullet-main-activo {
	background-color: #9CB;
	border: #084 2px solid;
	color: #084;
	text-align: left;
	padding-left: 10px;
}

.bullet {
	position: absolute;
	background-color: #666;
	width: 25px;
	height: 25px;
	float: left;
	top: -4px;
	left: -7px;
	display: block;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	z-index: 5;
}

.bullet-activo {
/*	background-color: #9CB;*/
	background-color: #084;
	float: right;
	left: auto;
	right: -7px;
}





/*		Configuraciones		*/
.titulo-configuraciones {
	width: -moz-calc(100% - 130px);
	width: -webkit-calc(100% - 130px);
	width: -o-calc(100% - 130px);
	width: calc(100% - 130px);
	float: left;
	margin-bottom: 10px;
}

.tabla-configuraciones {
	width: 100%;
	float: left;
	margin-bottom: 50px;
}

.foto-perfil-configuraciones {
	width: 30px;
	height: 30px;
	display: inline-block;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}





/*		Footer		*/
.bg-footer {
/*	position: fixed;*/
	background-color: #333;
	width: 100%;
	height: 50px;
	float: left;
	bottom: 0px;
	z-index: 50;
}

.footer {
	width: 100%;
	padding: 10px 0px;
	float: left;
	text-align: center;
	font-size: 11px;
	color: #FFF;
}

#desarrollador-web {
	font-size: 11px;
	color: #FF0;
}