.divlogin { 
    background: url(../img/logo.png) no-repeat; 
	background-size: cover;
    background-position: center center; 
    width: 100%; 
	height: 100vh;
	top: 0;
    display: flex;
    align-content: center;
	align-items: center;
	position: fixed;
	z-index: 100; }
.divlogin .container-login{ 
    width: 100%;
    text-align: center;
}
.divlogin .container-login .divcont{
    width: 100%;
    max-width: 300px;
    background: rgba(255,255,255,0.8);
    padding: 20px;
	border-radius: 10px;
	border: .5px solid #006ab6 ;
    display: inline-block;
}
.divlogin .container-login .divcont h3{
    margin-top: 0px;
}
.divlogin .container-login .divcont input{ 
    height: 30px; 
    margin: 0px; 
    border: 0px; 
    outline: none; 
    padding: 10px; 
    border-radius: 5px; 
    width: 90%;
    margin-bottom: 10px;
}
.divlogin .container-login .divcont input.error { 
	border-bottom: 3px solid red; }
.divlogin .container-login .divcont button { 
    display: block;
    margin: 0px;
    margin: auto; 
	margin-bottom: 10px;
    padding: 10px 30px;
	color: #D32F2F;
	background-color: #fff;
	border: .5px solid #D32F2F;
	border-radius: 10px;
}
.divlogin .container-login .divcont a {
    font-size: 12px;
    margin-right: 10px;
    color:#333;
}
.config {
	border: .5px solid;
	border-radius: 10px;
	margin: 0;
	padding: 0 5px;
	float: right;
}
#familiares .tooltiptext {
	visibility: hidden;
	width: 320px;
	background-color: white;
	color: #006ab6;
	text-align: center;
	border: .5px solid #006ab6;
	border-radius: 6px;
	padding: 5px;
	
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: 102%;
	left: 50%;
	margin-left: -160px;
  }
  
  #familiares:hover small {
	visibility: visible;
  }
.wrap {
	width: 90%;
	max-width: 500px;
	padding: 20px;
	margin: auto;
	background: #fff;
	box-shadow: 0px 0px 3px gray; 
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.contenedor-formulario {
	width: 100%;
	color: #f2f2f2;
	padding: 50px; }
	.contenedor-formulario form {
	  width: 100%;
	  margin: auto; }
	  .contenedor-formulario select,
	  .contenedor-formulario select:focus {
		  border: none;
	  }
	  .contenedor-formulario form .logo {
		  min-height: 120px;
		  border: .5px solid #D32F2F;
		  border-radius: 10px;
		  margin: 0;
		  padding: 10px 0;
		  float: right;
		  display: flex;
		  flex-flow: column wrap;
		  justify-content: space-around;
		  align-items: center;		}
	  .contenedor-formulario form .input-group {
		position: relative;
		margin-bottom: 32px; }
		.contenedor-formulario form .input-group input[type="text"],
		.contenedor-formulario form .input-group input[type="email"],
		.contenedor-formulario form .input-group input[type="password"],
		.contenedor-formulario form .input-group input[type="date"],
		.contenedor-formulario form .input-group input[type="time"] {
		  font-family: "Roboto";
		  font-size: 16px;
		  color: #006ab6;
		  width: 100%;
		  outline: none;
		  padding: 15px;
		  background: none;
		  border: none;
		  border-bottom: 2px solid #BBDEFB; }
		  .contenedor-formulario form .input-group input[type="text"]:focus, 
		  .contenedor-formulario form .input-group input[type="text"]:active,
		  .contenedor-formulario form .input-group input[type="date"]:focus, 
		  .contenedor-formulario form .input-group input[type="date"]:active,
		  .contenedor-formulario form .input-group input[type="time"]:focus, 
		  .contenedor-formulario form .input-group input[type="time"]:active,
		  .contenedor-formulario form .input-group input[type="email"]:focus,
		  .contenedor-formulario form .input-group input[type="email"]:active,
		  .contenedor-formulario form .input-group input[type="password"]:focus,
		  .contenedor-formulario form .input-group input[type="password"]:active {
			outline: none;
			border-bottom: 2px solid #006ab6; }
		  .contenedor-formulario form .input-group input[type="text"].error,
		  .contenedor-formulario form .input-group input[type="date"].error,
		  .contenedor-formulario form .input-group input[type="time"].error,
		  .contenedor-formulario form .input-group input[type="email"].error,
		  .contenedor-formulario form .input-group input[type="password"].error {
			border-bottom: 2px solid #D32F2F; }
			.contenedor-formulario form .input-group input[type="text"].error + label,
			.contenedor-formulario form .input-group input[type="date"].error + label,
			.contenedor-formulario form .input-group input[type="time"].error + label,
			.contenedor-formulario form .input-group input[type="email"].error + label,
			.contenedor-formulario form .input-group input[type="password"].error + label {
			  color: #D32F2F; }
		.contenedor-formulario form .input-group label { color: #006ab6; }
		  .contenedor-formulario form .input-group label.label {
			-webkit-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
			margin-left: 15px;
			font-size: 16px;
			line-height: 16px;
			position: absolute;
			top: 16px;
			left: 0; }
			.contenedor-formulario form .input-group label.label.active,
			.contenedor-formulario form label.generic {
			  top: -12px;
			  font-size: 12px;
			  line-height: 12px;
			  color: #ec008b; }
		.contenedor-formulario form .input-group.checkbox label, 
		.contenedor-formulario form .input-group.radio label {
		  display: inline-block;
		  cursor: pointer;
		  color: #006ab6;
		  position: relative;
		  padding: 5px 15px 5px 51px;
		  font-size: 1em;
		  border-radius: 3px;
		  -webkit-transition: all 0.3s ease;
		  -o-transition: all 0.3s ease;
		  transition: all 0.3s ease; }
		  .contenedor-formulario form .input-group.checkbox label:hover, 
		  .contenedor-formulario form .input-group.radio label:hover {
			background: #bbdefb; }
		  .contenedor-formulario form .input-group.checkbox label:before, 
		  .contenedor-formulario form .input-group.radio label:before {
			content: "";
			display: inline-block;
			width: 17px;
			height: 17px;
			position: absolute;
			left: 15px;
			border-radius: 50%;
			background: none;
			border: 2px solid #006ab6; }
		.contenedor-formulario form .input-group.error label {
		  color: #D32F2F; }
		  .contenedor-formulario form .input-group.error label:hover {
			background: rgba(211, 47, 47, 0.2); }
		  .contenedor-formulario form .input-group.error label:before {
			border: 2px solid #D32F2F; }
		.contenedor-formulario form .input-group.radio input[type="radio"] {
		  display: none; }
		  .contenedor-formulario form .input-group.radio input[type="radio"]:checked + label:before {
			display: none; }
		  .contenedor-formulario form .input-group.radio input[type="radio"]:checked + label {
			padding: 5px 15px;
			background: #006ab6;
			border-radius: 2px;
			color: #f2f2f2; }
		.contenedor-formulario form .input-group.checkbox label:before {
		  border-radius: 3px; }
		.contenedor-formulario form .input-group.checkbox input[type="checkbox"] {
		  display: none; }
		  .contenedor-formulario form .input-group.checkbox input[type="checkbox"]:checked + label:before {
			display: none; }
		  .contenedor-formulario form .input-group.checkbox input[type="checkbox"]:checked + label {
			background: #006ab6;
			color: #f2f2f2;
			padding: 5px 15px; }
	  .contenedor-formulario form input[type="submit"] {
		background: #006ab6;
		border-radius: 1px;
		border: 2px solid #f2f2f2;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-family: "Roboto";
		font-size: 16px;
		padding: 15px;
		width: 100%;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease; }
		.contenedor-formulario form input[type="submit"]:hover {
		  background: #1976D2; }
		  .contenedor-formulario form ul {
			  max-height: 200px;
			  overflow-y: auto;
		  }
		  .contenedor-formulario form ul li { color: #006ab6; }
		  .contenedor-formulario form button {
			color: #D32F2F;
			border: .5px solid #D32F2F;
			border-radius: 10px; }
@media screen and (max-width: 672px) {
	.wrap { width: 100%; }
}