label{
	font-weight:normal !important;
}

/* The message box is shown when the user clicks on the password field */
#message {
	display:none;
	background: #e9f0fd;
	color: #000;
	position: relative;
	padding: 10px 30px;
	font-family:Proxima Nova, sans-serif;
	/*margin-top: 10px;*/
}

#message p {
	padding: 3px 20px;
	font-size: 15px;
}
#message1 {
	display:none;
	background: #e9f0fd;
	color: #000;
	position: relative;
	padding: 10px 30px;
	font-family:Proxima Nova, sans-serif
	/*margin-top: 10px;*/
}

#message1 p {
	padding: 3px 20px;
	font-size: 15px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
	color: black;
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
	color: black;
}

/* Tooltip container */
.tooltip {
	position: relative;
	opacity:1;
	
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 330px;
	background-color: #0056a7;
	color: #fff;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 120%;
	left: 30%;
	margin-left: -60px;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #0056a7 transparent;
}

/* Tooltip1 container */
.tooltip1 {
	position: relative;
	opacity:1;
	z-index: 0000;
}

.tooltip1 .tooltiptext1 {
	visibility: hidden;
	width: 330px;
	background-color: #0056a7;
	color: #fff;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 120%;
	left: 30%;
	margin-left: -60px;
}

.tooltip1 .tooltiptext1::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #0056a7 transparent;
}
.clearable{
	border: 1px solid #999;
	transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */