/* CSS Document */

.better-validity-tooltip {
	cursor: pointer;
	color: #ff3329;
	background: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	font-size: .75em;
	line-height: 1;
	padding: .5em;
	border: 1px solid;
	border-radius: .25em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: .9;
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-transform-origin: 1em 0;
	-ms-transform-origin: 1em 0;
	transform-origin: 1em 0
}
.better-validity-tooltip[aria-hidden=true] {
	opacity: 0;
	-webkit-transform: translateY(1em);
	-ms-transform: translateY(1em);
	transform: translateY(1em)
}
.better-validity-tooltip:before, .better-validity-tooltip:after {
	content: '';
	width: 0;
	left:55px;
	height: 0;
	display: block;
	position: absolute;
	bottom: 100%
}
.better-validity-tooltip:before {
	border: 6px solid transparent;
	border-bottom-color: inherit
}
.better-validity-tooltip:after {
	border: 5px solid transparent;
	border-bottom-color: #FFF;
	margin-left: 1px
}
input[aria-invalid=false], select[aria-invalid=true], textarea[aria-invalid=true] {
	/* background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjNDJCMzAwIiBkPSJNMTYgM0M4LjgyIDMgMyA4LjgyIDMgMTZzNS44MiAxMyAxMyAxMyAxMy01LjgyIDEzLTEzUzIzLjE4IDMgMTYgM3ptNy4yNTggOS4zMDdsLTkuNDg2IDkuNDg1Yy0uMjM4LjIzNy0uNjIzLjIzNy0uODYgMGwtLjE5Mi0uMTktNS4yMi01LjI1NmMtLjIzOC0uMjM4LS4yMzgtLjYyNCAwLS44NjJsMS4yOTQtMS4yOTNjLjIzOC0uMjM3LjYyNC0uMjM3Ljg2MiAwbDMuNjkgMy43MTdMMjEuMSAxMC4xNWMuMjQtLjIzNy42MjUtLjIzNy44NjMgMGwxLjI5NCAxLjI5NWMuMjQuMjM3LjI0LjYyMyAwIC44NjJ6Ii8+PC9zdmc+)!important */
}
input[aria-invalid=true], select[aria-invalid=true], textarea[aria-invalid=true] {
	
	/*	
	background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjRkFBQjFGIiBkPSJNMTUuNSAzLjVjLTcuMTggMC0xMyA1LjgyLTEzIDEzczUuODIgMTMgMTMgMTMgMTMtNS44MiAxMy0xMy01LjgyLTEzLTEzLTEzem0wIDIwLjM3NWMtLjgzIDAtMS41LS42NzItMS41LTEuNXMuNjctMS41IDEuNS0xLjVjLjgyOCAwIDEuNS42NzIgMS41IDEuNXMtLjY3MiAxLjUtMS41IDEuNXptMS41LTYuNWMwIC44MjgtLjY3MiAxLjUtMS41IDEuNS0uODMgMC0xLjUtLjY3Mi0xLjUtMS41di03YzAtLjgzLjY3LTEuNSAxLjUtMS41LjgyOCAwIDEuNS42NyAxLjUgMS41djd6Ii8+PC9zdmc+) no-repeat!important */
}
input[aria-invalid], select[aria-invalid=true], textarea[aria-invalid=true] {
	-webkit-background-size: auto 22px!important;
	background-size: auto 22px!important;
	background-position: right 3.5px!important;
	background-repeat: no-repeat!important
}
input[aria-invalid][type=checkbox], input[aria-invalid][type=radio] {
	background: none
}
input[aria-invalid]::-ms-clear, input[aria-invalid]::-ms-reveal {
display:none
}
:invalid {
outline:inherit;
-webkit-box-shadow:inherit;
box-shadow:inherit
}

/* NEW */

.better-validity-tooltip {
	-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.25)!important;
    -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.25)!important;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.25)!important;
	color: #666;
	
	background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjRkFBQjFGIiBkPSJNMTUuNSAzLjVjLTcuMTggMC0xMyA1LjgyLTEzIDEzczUuODIgMTMgMTMgMTMgMTMtNS44MiAxMy0xMy01LjgyLTEzLTEzLTEzem0wIDIwLjM3NWMtLjgzIDAtMS41LS42NzItMS41LTEuNXMuNjctMS41IDEuNS0xLjVjLjgyOCAwIDEuNS42NzIgMS41IDEuNXMtLjY3MiAxLjUtMS41IDEuNXptMS41LTYuNWMwIC44MjgtLjY3MiAxLjUtMS41IDEuNS0uODMgMC0xLjUtLjY3Mi0xLjUtMS41di03YzAtLjgzLjY3LTEuNSAxLjUtMS41LjgyOCAwIDEuNS42NyAxLjUgMS41djd6Ii8+PC9zdmc+) no-repeat!important;
	-webkit-background-size: auto 18px!important;
	background-size: auto 18px!important;
	background-position: 3px 2px!important;
	background-repeat: no-repeat!important;
  /*  background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 90%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(90%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 90%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 90%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 90%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 90%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );*/
    text-transform: capitalize;
	font-size:12px;
	border-color:#b6c0c2;
	width:110px!important;  
	/*  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z…3YzAtLjgzLjY3LTEuNSAxLjUtMS41LjgyOCAwIDEuNS42NyAxLjUgMS41djd6Ii8+PC9zdmc+")!important;*/
	
}

.better-validity-tooltip span {
	margin-left:18px!important;
}
.better-validity-tooltip::before {
	color:#666;
}
.better-validity-tooltip::after {
	/*border-bottom-color: #666;*/
}