/* Tooltips helpers */
.item .tooltip{ float:left; top:2px; left:7px; position:relative; z-index:2; }
.item .tooltip:hover{ z-index:3; }
.item .tooltip > span{ display:inline-block; width:15px; height:15px; line-height:15px; font-size:0.9em; font-weight:bold; text-align:center; color:#FFF; cursor:help; background-color:#00AEEF; position:relative; border-radius:10px; }
.item .tooltip .content{ opacity:0; width:200px; background-color:#333; color:#FFF; font-size:0.9em; position:absolute; top:0; left:20px; padding:8px; border-radius:6px; pointer-events:none; transition:0.2s cubic-bezier(0.1, 0.1, 0.25, 2); -webkit-transition:0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2); -moz-transition:0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2); }
.item .tooltip p{ padding:0; }
.item .tooltip.down .content{ left:auto; right:0; top:30px; }
.item .tooltip:hover .content{ opacity:1; left:36px; }
.item .tooltip .content b{ height:0; width:0; border-color:#333 #333 transparent transparent; border-style:solid; border-width:9px 7px; position:absolute; left:-14px; top:8px; }
.item .tooltip.down .content b{ left:auto; right:6px; top:-10px; border-width:5px; border-color:transparent #333 #333 transparent; }

/* alerts (when validation fails) */

.item .alert{ 
	float:left; 
	margin:0 0 0 20px; 
	padding:3px 5px;
	border:0px;
	color:#cc0000; 
	max-width:170px;
	position:absolute;  
	right:0;
	top:-4px;
	opacity:0; 
	z-index:1; 
	transition:0.15s ease-out; 
	font-size:11px;
	text-shadow:none;
	line-height:29px;
	background:none;
	
		  
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
 
.item.bad .alert{ right:0; opacity:1;}
.item.bad .text{ color:#cc0000;} 
.item.bad.security_code .alert{ top:5px; right:5px}
.item.bad textarea + .alert{ top:3px; right:5px;}
 
 
.item input.short{ width:90px; }

.item select{ float:left; width:220px; padding:2px 0; margin:0; border:1px solid #CCC; text-transform:capitalize; }
.item select option{ padding:1px; }

.item > .extra{ float:left; font-size:0.9em; color:#999; line-height:2em; margin-left:13px; }

 
.bad input, 
.bad select, 
.bad textarea{ border:1px solid #cc0000; box-shadow:0 0 4px -2px #d7a437; position:relative; left:0; }
    
	
.input_group .icons{ z-index:9} 


/*custom*/
[required] {
    color:#555555;
    box-shadow: none;
}

form .item { position:relative;}