a:hover {
	text-decoration: underline;
}

.ajax-loader {
	background:url(../i/ajax-loader.gif) no-repeat center center #FFF;
	position: fixed;
	height: 100%;
	width: 100%;
	display: none;
	z-index: 1060;
	opacity: 0.6;
}

.info_principal {
	position: fixed;
	z-index: 1080;
	width: 50%;
	margin: 0 25%;
}

.info_principal .alert {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 3px;
	margin: auto;
	text-align: center;
}

.bg-image {
	-webkit-background-size: cover;
	background-size: cover;
	opacity: .5;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	z-index: -1;
}

.start-wizard form {
	position: relative;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.start-wizard hgroup {
	margin-bottom: 5px;
}

.start-wizard hgroup * {
	white-space: normal;
}

.start-wizard hgroup > h2 {
	font-size: 2.4em;
}

.start-wizard hgroup > h2 > span {
	font-size: 0.5em;
	vertical-align: super;
	margin-left: 30px;
	color: cornsilk;
}

.start-wizard form > div {
	position: absolute;
	width: 100vw;
	display: inline-block;
	text-align: center;
}

.start-wizard form > div {
	left: 100vw
}

.start-wizard form > div.left-hide {
	left: -100vw;
}

.start-wizard form > div.active {
	left: 0;
}

.form-block, .control-block {
	position: relative;
	width: 500px;
	height: auto;
	display: inline-block;
	padding: 10px 25px;
	clear: both;
	text-align: left;
}

.control-block .btn,
#form-login .form-block .btn {
	font-size: 18px;
	font-weight: 400 !important;
	border-radius: 4px !important;
	text-shadow: 0 !important;
	min-width: 110px;
	border: 1px solid #969696;
	padding: 16px 25px 16px 25px;
	margin: 0px;
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
}

.control-block .btn-warning {
	border: 1px solid #F4DF52;
}

#form-login .form-block .btn-default:active,
#form-login .form-block .btn-default:focus,
#form-login .form-block .btn-default:hover,
#form-login .control-block .btn-default:active,
#form-login .control-block .btn-default:focus,
#form-login .control-block .btn-default:hover {
	color: white;
	background-color: #5c7798;
	border: 1px solid #3f5773;
}

#form-login {
	padding-top: 15px;
	height: inherit;
	overflow: visible;
}

#form-login .logo-login {
	display: inline-block;
	margin: 10px auto 0 auto;
	max-height: 60px;
	max-width: 90%;
}

.btn-block {
	width: 100%;
}

.form-block {
	background: rgba(255,255,255,.7);
}

#form-login .social_icon {
	text-decoration: inherit;
}

#form-login input,
#form-login select {
	color: #000;
	padding-left: 5px;
}

#form-login .has-error .input {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

#form-login .has-error .input:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.welcome{
	background: none;
	padding: 25px 35px;
}

 #form-login .form-block {
	background: none;
	padding: 5px 10px
}

.form-block.margin-negative{
	margin: -5px auto 10px;
 }

.form-block.save-pass > a{
	display: inline-block;
	text-align: center;
	line-height: 40px;
	width: 100%;
 }

.form-block.save-pass > a:hover{
	text-decoration: underline;
 }

.form-block * {
	white-space: initial;
}

.help {
	text-align: left;
	margin-top: -15px;
}

.input + .help {
	font-size: .8em;
	color: #e0944b;
	font-weight: 500;
	margin-top: 0px;

	animation: context-help ease-in-out 0.3s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	animation-fill-mode:forwards; /*when the spec is finished*/
	-webkit-animation: context-help ease-in-out 0.3s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
	-moz-animation: context-help ease-in-out 0.3s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: context-help ease-in-out 0.3s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-ms-animation: context-help ease-in-out 0.3s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes context-help{
  0% {
	opacity:0;
	transform:  translate(0px,-50px)  ;
  }
  100% {
	opacity:1;
	transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes context-help{
  0% {
	opacity:0;
	-moz-transform:  translate(0px,-50px)  ;
  }
  100% {
	opacity:1;
	-moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes context-help {
  0% {
	opacity:0;
	-webkit-transform:  translate(0px,-50px)  ;
  }
  100% {
	opacity:1;
	-webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes context-help {
  0% {
	opacity:0;
	-o-transform:  translate(0px,-50px)  ;
  }
  100% {
	opacity:1;
	-o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes context-help {
  0% {
	opacity:0;
	-ms-transform:  translate(0px,-50px)  ;
  }
  100% {
	opacity:1;
	-ms-transform:  translate(0px,0px)  ;
  }
}

#list_urls li {
	padding-left: 30px;
	background-size: 25px 25px;
	background-position: left top;
	background-repeat: no-repeat;
}

#list_urls li.inicio_icon {
	background-image: url(../i/iconos/home_white.svg);
}

#list_urls li.agenda_icon {
	background-image: url(../i/iconos/agenda_white.svg);
}

#list_urls li.pacientes_icon {
	background-image: url(../i/iconos/paciente_white.svg);
}

#footer_login.form-block {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 30px 0 10px;
}

#footer_login p {
	margin: auto;
	text-align: center;
}

#footer_login a {
	color: white;
	text-decoration: underline;
}

#footer_login img {
	width: 15px;
	height: 15px;
}

@media screen and (max-width: 767px) {
	.info_principal {
		width: 80%;
		margin: 0 10%;
	}

	.start-wizard hgroup > h2 {
		font-size: 2em;
	}

	.start-wizard hgroup > h2 > span {
		margin-left: 20px;
	}

	.start-wizard form {
		/*min-height: 600px;*/
	}

	.box-row > div > label {
		margin-top: 1rem;
	}

	.box-row > div:first-child > label {
		margin-top: 0;
	}

	#form-login > hgroup > * {
		font-size: 1.2em
	}
}

@media screen and (max-width: 500px) {
	.info_principal {
		width: 94%;
		margin: 0 3%;
	}

	.start-wizard hgroup > h2 {
		font-size: 1.8em;
	}

	.form-block {
		width: 95%;
		padding: 25px 10px;
	}

	.control-block{
		width: 95%;
		padding: 0;
		margin-top: 25px;
	}

	.standard-button, .standard-button2 {
		margin: 5px 0;
	}
}

/*--------------------------------------------- TERMINOS DE USO ------------------------------------*/
#modal_terminos .modal-dialog {
	width: 80%;
	margin: 1% auto;
	max-height: 98%;
	overflow: scroll;
}

#terminos {
	width: 96%;
	margin: auto;
	text-align: justify;
}

#terminos h2 {
	font-size: 21px;
	color: #00b588;
}

#terminos #contenido_terminos {
	font-size: 14px;
	width: 90%;
	margin: auto;
}

#terminos #contenido_terminos h3 {
	color: #00b588;
	font-weight: bold;
	line-height: 22px;
	margin: 10px 0 10px 0;
}

#terminos #contenido_terminos p {
	color: #303030;
	line-height: 22px;
	margin: 0 0 5px 0;
}

#terminos #contenido_terminos p.lista {
	margin: 0 0 3px 20px;
}

#terminos #contenido_terminos ol {
	margin: 10px 0 10px 50px;
	color: #303030;
	line-height: 22px;
}

#terminos #contenido_terminos ol li {
	list-style: decimal;
}