
.login input{
	border:none !important;
	background-color: #F2F5F9 !important;
}

.symbol_button{

	font-size:16px;
	font-weight: 900;
	color:#ffffff;
	margin-left:15px;
}

.footer-container{

	background-color: #006AB4;

}
.footer-wrapper.sticky {
	position: fixed;
	width: 100%;
	bottom: 0;
}

.pre-crono{
	width: 100%;
	height: 100px;
	position: relative;
}
.crono{
	font-size: 40px;
	color: #06B6D0;
	border: 4px #06B6D0 solid;
	position: absolute;
	padding: 28px 0 0 0;
	width: 80px;
	border-radius: 40px;
	font-weight: 500;
	text-align: center;
	height: 80px;
	right: 0;
}


.footer-container.sticky {
	position: fixed;
	width: 100%;
	bottom: 0;
	background-color: #006AB4;
}


.color-primary,
.page-contacto .contenido-content a,
.page-articulos .contenido-content a,
.page-curso .contenido-content a,
.page-cuestionario .contenido-content a:not(.btn),
.contenido .contenido-content ol li::before,
.pager span.cycle-pager-active,
.proceso .paso-block .paso-content .pasos a.paso:hover,
#timeline #next,
#timeline #prev{
	color: #006AB4;
}

.background-primary,
#cookie-consent button,
#cookie-consent a,
.alert,
.reproductor .btn:not(#learn-more):not(#consent),
#timeline .timelineNumber,
.proceso .paso-header,
.botones .btn{
	background-color: #06B6D0!important;
}

.proceso:nth-child(-n +9) .paso-header{
	background-color: #ffce00!important;
}
.proceso:nth-child(10) .paso-header{
	background-color: #ff6b00!important;
}
.proceso:nth-child(11) .paso-header{
	background-color: #ff6b00!important;
}
.proceso:nth-child(12) .paso-header{
	background-color: #ff6b00!important;
}
.proceso:nth-child(13) .paso-header{
	background-color: #ff6b00!important;
}
.proceso:nth-child(14) .paso-header{
	background-color: #06B6D0!important;
}
.proceso:nth-child(15) .paso-header{
	background-color: #06B6D0!important;
}
.proceso:nth-child(16) .paso-header{
	background-color: #512583!important;
}



.color-secondary{
	color: #512583  !important;
}
.secondary-color{color: #512583;}
.background-secondary,
.btn#full{
	background-color: #512583 !important;
}
.color-3{
	color: #06B6D0  !important;
}
.background-3{
	background-color: #006AB4 !important;
}
.color-white{
	color: white !important;
}

.label_inputs{

	color:#06b6d0 !important;
	float:left !important;
	text-align:left !important;
	font-size: 14px  !important;
	font-weight: 400  !important;
}
.v-middle{
	height: 100%;
	width: 100%;
	display: table;
}

.v-middle > div{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	line-height: 1.2;
}

.text-transform-none{
	text-transform: none !important;
}

.header .logo img{
	max-width: 360px;
	margin-top: 10px;
}
.banner{
	position: relative;
}
.page-default .banner{
	margin-bottom: 232px;
}
.page-default2 .banner, .page-seguimiento .banner{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
	background-image: url("/imagenes/banner.png");
	background-color: #06B6D0;
	position: relative;
}
.page-seguimiento .banner, .banner .finalizado-exito{
	color: #006AB4;
	font-size: 28px;
	font-weight: 400;
}
.page-seguimiento .banner .ok, .finalizado.ok{
	color: #4CAF50;
	font-weight: 410;
}
.page-seguimiento .banner .ko, .finalizado.ko{
	color: red;
	font-weight: 410;
}
.home-banner-text{
	font-family: 'Graphik', Arial, sans-serif;
	font-size: 28px;
	font-weight: 300;
	letter-spacing: 0.11px;
	position: initial;
	max-width: 760px;
}
.page-default .home-banner-text{
	max-width: 1000%;
}

.home-banner-layer{
	height: 226px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.page-default .home-banner-layer{
	height: auto;
}

.banner .container{
	height: 100%;
}
.description-1{
	font-weight: 600;
	color: white;
}
.login h2{
	font-size: 32px;
	font-weight: 700;
}

.login .btn,
.btn:not(#learn-more):not(#consent){
	font-size: 20px !important;
	line-height: 20px;
	font-weight: 500 !important;
	height: auto !important;
	padding: 10px 20px;
	font-family: 'Graphik', Arial, sans-serif;
}

.btn:not(#learn-more):not(#consent):not(.btn-cntExp):not(.page-default .page-registro){
	min-width: 183px;
}

.login input[type="text"],
.login input[type="password"]{
	font-family: 'Graphik', Arial, sans-serif;
	font-size: 20px;
	font-weight: 300;
	height: 50px;
	padding-left: 20px;
	padding-right: 20px;
}

.login a,
.login .textos a:hover,
.login label{
	color: #06b6d0 !important;
	font-family: 'Graphik', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
}

.login label{
	font-size: 18px;
}
.footer{
	font-size: 19px;
	font-weight: 300;
}
.footer2{
	font-weight: 500;
	text-align: left;
	margin: auto;
}
.footer2>div{
	text-align: center;
}
.page-recordar .login .btn{
	width: auto;
}

.contenido .contact p{
	font-size: 21px;
	font-weight: 300;
	font-family: 'Graphik', Arial, sans-serif;
}

/* body:not(.page-default) .footer,
body:not(.page-default) .footer-wrapper .footer2 > div > hr{
	display: none;
} */

.page-default{
	background-repeat: no-repeat;
	background-size: 2900px auto;
	background-position: center top -260px;
	background-image: url("/imagenes/banner-cover.png");
	background-color: #006AB4;
}

.form-control{

	border:none !important;
	background-color: #F2F5F9 !important;
}
.page-contacto .form-control,
.page-registro .form-control,
.page-configuracion .form-control{
	font-size: 16px;
	font-weight: 300;
}
.bg-bb{
	background: rgba(59,168,222,1);
	background: -moz-linear-gradient(left, rgba(59,168,222,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(59,168,222,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(59,168,222,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(59,168,222,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(59,168,222,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(59,168,222,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ba8de', endColorstr='#ffffff', GradientType=1 );
	color: #ffffff;
	font-weight: bold;
	height: 10px;
}
.bar-fake{
	position: absolute;
	top: 0;
	left: 0;
	background: #3BA8DE;
	height: 100%;
	width: 50%;
}
.banner finalizado-exito{
	font-size: 30px;
	font-weight: 700;
	line-height: 39px;
	margin-bottom: 0;
}

.banner .saludo-name{
	color: #FFFFFF;
	font-size: 26px;
}
.su-progreso{
	color: #006AB4;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 20px;
}
.progressbox .saludo-name, .progressbox .finalizado-exito, .progressbox .saludo, .progressbox .finalizado-exito{
	text-align: left;
}
.progreso:not([rel="0"]) svg {
	stroke-linecap: round;
}

.banner-layer.completado .btn:not(#learn-more):not(#consent) {
    min-width: 390px;
		display: inline-block;
		color: white;
}
.background-grey {
		background-color: #BFC9D4;
}

.modulo .cabecera,
.seguimiento-modulo .tipo{
	font-size: 30px;
}

.modulo .titulo a,
.seguimiento-modulo .titulo{
	font-size: 22px;
}

.modulo .progreso {
    margin-top: 30px;
}

.modulo .texto {
    font-size: 18px;
    margin-top: 18px;
}

.modulo .texto li{
    font-family: inherit;
}

.banner .progressbox .btn.btn-descargar:not(#learn-more):not(#consent){
	font-size: 31px !important;
	line-height: 31px;
	width: auto;
}

.contenido .contenido-header hr{
	border-color: #06B6D0;
}

.page-articulos .contenido-autores h1{
	font-size: 30px;
}

.respuesta.active{
	border-color: #057dc1;
}

.respuesta.active .icono::before{
	color: #057dc1;
}

.btn:not(#learn-more):not(#consent)#full{
	text-transform: none;
	font-family: 'Graphik', Arial, sans-serif;
	font-size: 17px !important;
	font-weight: 300 !important;
	letter-spacing: -0.1px !important;
	top: 75px;
	padding-left: 50px;
}

.btn#full i::before{
	content: '';
	background-repeat: no-repeat;
	width: 31px;
	height: 25px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6px;
	margin: auto;
	background-size: contain;
	background-position: center;
}
.btn#full .fa-window-maximize::before{
	background-image: url("/imagenes/maximize.png");
}
.btn#full .fa-window-restore::before{
	background-image: url("/imagenes/minimize.png");
}

.reproductor .btn:not(#learn-more):not(#consent){
	font-size: 16px !important;
}

.proceso .paso-block .paso-content .pasos a.paso.ok::before,
.proceso .paso-block .paso-content .pasos a.paso.ko::before {
    font-size: 30px;
}

.proceso .paso-block .paso-content .pasos a.paso {
	padding-left: 34px;
    line-height: 30px;
}

#timeline #next,
#timeline #prev {
    top: 54px;
}

.banner .progreso svg {
    max-width: 100%;
}

.banner .progreso {
    max-width: 427px;
}

#fmcContent .contenido .contenido-header h1, .h1-header{
	padding-bottom: 4px;
	color: #4a4a4a;
	font-size: 26px;
}

#fmcContent .contenido .contenido-header h1 span{
	font-family: 'Graphik', Arial, sans-serif;
	font-size: 21px;
	font-weight: 300;
}

.anterior-modulo.btn:not(#learn-more):not(#consent),
.siguiente-modulo.btn:not(#learn-more):not(#consent){
	color: white !important;
	text-transform: none;
}

.btn.disabled {
    pointer-events: none;
    opacity: .25;
}

.page-cuestionario .cuestionario > .texto,
.cuestionario.comprobacion #respuestas{
	margin-bottom: 25px;
}

.page-cuestionario .botones a.btn{
	color: white !important;
}

.cuestionario.comprobacion .pregunta{
	margin-bottom: 15px;
}

.respuesta.comprobacion.respuesta-usuario:not(.active){
	border: 3px solid red;
}
.respuesta.comprobacion.correcta{
	border: 3px solid red;
}
.respuesta.comprobacion.respuesta-usuario:not(.active) .icono::before{
	color: red;
	content: '\E00E';
}
.respuesta.comprobacion.correcta .icono::before{
	color: #4CAF50;
	content: '\E006';
}
.login input[type="text"],
.login input[type="password"]{
	height: 42px;
}

.banner .progressbox .btn.btn-descargar:not(#learn-more):not(#consent){
	width: 250px;
	min-width: unset;
	margin-left: auto;
	margin-right: auto;
}

.form-group .g-recaptcha > div{
	overflow: hidden;
}
.footer{
    font-size: 14px;
}

.accede,
.registrate,
.cierre,
.btn:not(#learn-more):not(#consent),
.btn:not(#learn-more):not(#consent)#full,
.banner .progressbox .btn.btn-descargar:not(#learn-more):not(#consent){
	font-size: 16px !important;
	font-weight: 700;
}

.home-banner-text,
.login h2,
.banner .saludo,
.banner .finalizado{
	font-size: 26px;
}
.banner .saludo{margin: 0;}
.login input[type="text"],
.login input[type="password"],
.login label,
.login a,
.login .textos a:hover,
.modulo .texto,
.header .usuario_detalles,
.menu a,
.contenido .contenido-content .autor .texto p,
.page-contacto .form-control,
.page-registro .form-control, .page-configuracion .form-control,
.contenido .contenido-content,
.contenido .contenido-content .texto,
.page-cuestionario h4,
.proceso .paso-block .paso-content .pasos{
	font-size: 14px;
}

.banner .saludo-name{
	font-size: 32px;
	color: #182C4C;
}

.modulo .cabecera,
.seguimiento-modulo .tipo,
.page-articulos .contenido-autores h1,
#fmcContent .contenido .contenido-header h1,
.progressbox h2, .h1-header{
	font-size: 22px;
}

.modulo .titulo a,
.seguimiento-modulo .titulo,
.contenido .contenido-content .autores h2,
.contenido .contact p,
#fmcContent .contenido .contenido-header h1 span,
.contenido .contenido-content h2,
.cuestionario .titulo,
.contenido .register p{
	font-size: 18px;
}

@media (min-width:992px){
	.footer > div:last-child{
		margin-bottom: -25px;
	}

	.modulo {
		padding: 0 20px;
	}
}

@media (max-width:991px){
	/* .header .container > .row{
		display: block !important;
		margin-bottom: 20px;
	} */

	.logo img {
		width: auto;
	}
}

@media (max-width:767px){
	.header .container > .row {
		margin-bottom: 0;
	}
}
@media (max-width:767px){
	.home-banner-layer {
		width: 100% !important;
	}
	.botones-cabecera {
		font-size: 13px;
		margin-top: 10px;
	}
}
@media (max-width:450px){
	.login .btn {
		display: block;
		margin: 15px auto !important;
	}

	.banner-layer.completado {
		top: 0;
	}

	.banner-layer.completado .finalizado{
		margin-top: 0;
	}

	.banner .progressbox .btn {
		max-width: 100%;
	}

	.banner-layer.completado .btn:not(#learn-more):not(#consent) {
		min-width: 100%;
	}

	.btn.pull-right,
	.btn.pull-left{
		float: none !important;
		margin-bottom: 10px;
		display: block;
	}
}

/* fresenius */
.top-bar-blue{
	border-top: 14px solid #006AB4;
}
.mt-10{margin-top: 10px}
.mt-50{margin-top: 50px}
.home-banner-text.default{
	  color: #512583;
	  font-family: 'Graphik', Arial, sans-serif;
	  font-size: 37px;
	  font-style: normal;
	  font-stretch: normal;
	  font-weight: bold;
	  text-align: left;
	  text-transform: none;
	  text-decoration: none;
		width: 100%;
		display: block;
		margin-top: 60px;
}
.page-default .home-banner-text.default{
	  font-size: 45px;
}
.page-default2 .home-banner-text.default{
	  margin-top: 35px;
}
.home-banner-text .subtitle{
	color: #006AB4;
	font-family: 'Graphik', Arial, sans-serif;
	font-weight: bold;
	font-size: 22px;
	width: 100%;
	display: block;
	margin-bottom: 30px;
}
.page-default2 .home-banner-text.default{
	color: #fff;
}
.page-default2 .home-banner-text .subtitle{
	color: #fff;
}
.w-100x100{
	width: 100%;
}
.ptb-8{
	padding: 8px 0;
}
.ptb-12{
	padding: 12px 0;
}
.ptb-15{
	padding: 15px 0;
}
.ptb-20{
	padding: 20px 0;
}
.ptb-30{
	padding: 30px 0;
}
.ptb-95{
	padding: 95px 0;
}
.fs-20{
	font-size: 20px;
}
.bgc-grey{
	background-color: #e8e8e8;
}
/* home */
.gird-grid{
	border-radius: 8px;
	margin-bottom: 30px;
}
.gird-modul{
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
}
.page-default2 .grid-mid>div{
	border-radius: 30px;
	height: 150px;
	padding-top: 16px;
	margin-bottom: 20px;
	overflow: hidden;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	background: rgba(41,188,209,1);
	background: -moz-linear-gradient(top, rgba(41,188,209,1) 0%, rgba(0,106,180,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(41,188,209,1)), color-stop(100%, rgba(0,106,180,1)));
	background: -webkit-linear-gradient(top, rgba(41,188,209,1) 0%, rgba(0,106,180,1) 100%);
	background: -o-linear-gradient(top, rgba(41,188,209,1) 0%, rgba(0,106,180,1) 100%);
	background: -ms-linear-gradient(top, rgba(41,188,209,1) 0%, rgba(0,106,180,1) 100%);
	background: linear-gradient(to bottom, rgba(41,188,209,1) 0%, rgba(0,106,180,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29bcd1', endColorstr='#006ab4', GradientType=0 );
}
.page-default2 .pre-icon > div{
	border: none;
}
.mod-grid{
	width: 100%;
	border-radius: 8px;
	text-align: center;
}
.mod-title{
	color: #efefef;
	font-size: 90px;
	font-weight: 700;
	position: relative;
}
.mod-title>div{
		color: #512583;
		font-size: 18px;
		position: relative;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		padding: 40px 20px 0;
}
.mod-descrip{
	background-color: #ffffff;
	color: #3d3d3d;
	font-size: 15px;
	font-weight: 400;
	padding: 10px 15px;
	min-height: 137px;
	margin-bottom: 20px;
}
.pre-icon{
	padding: 0 0 0 30px;
	margin-bottom: 50px;
}
.page-default2 .pre-icon{
	cursor: not-allowed;
}
.pre-icon.active{
	cursor: pointer;
}
.course-modules .pre-icon:first-child{

	padding-left:0 ;

}

@media (max-width:991px){
	.pre-icon{
		padding: 0 150px;
	}
}
@media (max-width:460px){
	.pre-icon{
		padding:0;
	}
}
.pre-icon>div {
	width: 100%;
	text-align: center;
	border-bottom: 4px solid white;
}
.pre-icon>div>span {
	color: white;
	opacity: 1;
	font-size: 22px;
	font-weight: bold;
}
.pre-icon.active>div>span {
	opacity: 1;
}
.modOk{
	background-color: white;
	position: relative;
}
.modOk:hover {
    background-color: white;
		color: #512583;
    border: 0;
		cursor: default;
}
.modOk::before{
	font-family: 'fontawesome';
	font-weight: 700;
	position: absolute;
	left: 0;
	content: "\f058";
	color: #00F0BF;
	font-size: 25px;
}
/* Contenido */
.iframe-container {
  overflow: hidden;
  padding-top: 90%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
	 border-radius: 10px;
}
.swiper-controls{
	position: relative;
	height: 55px;
	background-color: #222222;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #222222;
}
.swiper-pagination-current, .swiper-pagination-current:after, .swiper-pagination-total{color: white}
.swiper-pagination-current{font-weight: bold;}
.swiper-pagination-total:before {content: 'de \00a0';}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none}
.swiper-slide img{width: 100%;height: auto;}
.swiper-container{border-top-left-radius: 10px;border-top-right-radius: 10px;}

.input_descargar{
	background-color: #f2f5f9;
	border-radius: 8px;
	padding: 10px;
	max-height: 200px;
	overflow: auto;
}
.input_descargar textarea{
	background: none;
	border: none;
	width: 100%;
}
.deletNote{
	color: red;
	float: right;
	padding: 5px;
	cursor: pointer;
}

.btnera{
	display:inline-block;
	width:100%;
	background-color: #F2F5F9;
	border-radius: 6px;
	padding: 10px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.leyenda .respuesta{
	width:  40px;
	margin-right: 10px;
}
.leyenda>div{
		display: inline-block;
		margin-right: 20px;
}
.leyenda>div>div{
		display: inline-block;
		vertical-align: middle;
}
.leyenda{
		text-align: left;
}
.page-curso{
	background: transparent no-repeat url("/imagenes/bg-curso.png") right top;
}
@media (max-width:1470px){
	.page-curso{
		background: none;
	}
}

.color-red{
	color: red;
}
.color-green{
	color: #4CAF50;
}

/* Footer */

.footer-wrapper2{
	background-color: #085A93;
}

/* Media queries */
@media (max-width:450px){
	.header .logo img {
	    max-width: 200px;
	    margin-top: 22px;
	}
	.top-bar-blue .col-xs-7.text-right{
		padding: 0 8px 0 0;
	}
	.registrate, .accede {
    width: 135px;
	}
	.page-acceso .btn, .page-registro .btn{
		width: 142px !important;
	}
	.proceso .paso-header {
    padding: 8px 25px;
	}
	.bloque {
    margin-bottom: 5px;
	}
	.proceso .paso-block .paso-content .pasos a.paso {
    line-height: 20px;
	}
	.home-banner-text {
    font-size: 24px !important;
	}
	.banner {
		height: 220px;
	}
	.home-banner-text {
    margin: 0px 0 !important;
	}
	.page-default {
    background-position: center top -346px;
	}
}

ul.docs {
	margin: 0;
	padding: 0;
}

.docs li {
	list-style-type: none;
	margin-bottom: 20px;
}

.format-pdf {
	background: transparent url(../../imagenes/pdf.png) no-repeat left center;
	padding: 10px 0 10px 45px;
}
/* Modal Idiomas */
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	max-width: 100%;
	width:563px;
	height:311px;
	border-radius: 27px;

}

/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
#myBtn{
	visibility: hidden;
}
.content_buttons{
	display: flex;
	vertical-align: center;
}
.buttons_language{
	border-radius: 8px;
	background-color: rgba(25,188,212, 1);
	width: 188px;
	height:43px;
	margin:auto;
	text-decoration: none;
	color:#fff;
	text-align: center;
	margin:auto;
	padding-top:2%;
}
.modal-content img{
	padding-top:82px;
	display: block;
	margin:auto;
	width:262px;
	margin-bottom: 52px;
}