
#ccAvenueCheckout-popup .span6{width:48.7179%;float: left;}
#ccAvenueCheckout-popup .span8{width:65.812%;float: left;}
#ccAvenueCheckout-popup .span4{width:31.6239%;float: left;}
#ccAvenueCheckout-popup .span9{width:74.4681%;float: left;}
#ccAvenueCheckout-popup .span3{width:23.4043%;float: left;}
#ccAvenueCheckout-popup .span10{width:82.906%;float: left;}
#ccAvenueCheckout-popup .span2{width: 14.5299%;float: left;}
#ccAvenueCheckout-popup small{font-size:11px;}
#ccAvenueCheckout-popup{width:90%;height:auto;max-width:450px;max-height:468px;padding:15px;font-size:16px;margin:15px 0;}

#ccAvenueCheckout-popup .primary-button, 
#ccAvenueCheckout-popup .secondary-button {padding: 7px 12px;font-size: 12px;}

#ccAvenueCheckout-popup .error-text{padding:0;}
#ccAvenueCheckout-popup.account-created{max-width:640px;height:auto;}
#ccAvenueCheckout-popup.account-created .step-one,
#ccAvenueCheckout-popup.account-created .step-two{display:none;}

#ccAvenueCheckout-popup.signup .login,
#ccAvenueCheckout-popup.login .signup{display:none;}
#ccAvenueCheckout-popup.signup .signup,
#ccAvenueCheckout-popup.login .login{display:block;}


#ccAvenueCheckout-popup.forgot-pass-error .forgot-pass-form,
#ccAvenueCheckout-popup .forgot-pass-error{display:none;}
#ccAvenueCheckout-popup.forgot-pass-error .forgot-pass-error{display:block;}


#ccAvenueCheckout-popup .fa-forgot-pass:before {content: url("images/forgot_pass_icon.png");float: left;height: 24px;margin: 4px 0 0 3px;}
#ccAvenueCheckout-popup .error .error-text{display:none;}
#ccAvenueCheckout-popup .error .error .error-text{display:block;}

#ccAvenueCheckout-popup .error .field.field-border{border-color:#cc3333;}

#ccAvenueCheckout-popup .field-design label.title{position:relative;font-size:12px;height: 14px;}
#ccAvenueCheckout-popup .field-design label.title .eff{position:absolute;bottom:0;bottom: calc(-100% - 5px);left:0;}

#ccAvenueCheckout-popup .field{position: relative;}
#ccAvenueCheckout-popup input[type="text"], 
#ccAvenueCheckout-popup input[type="password"]{background: transparent none repeat scroll 0 0;border:0;}
#ccAvenueCheckout-popup .field .type-button{background: transparent none repeat scroll 0 0;}

#ccAvenueCheckout-popup .field-design select:focus, 
#ccAvenueCheckout-popup .field-design textarea:focus, 
#ccAvenueCheckout-popup .field-design input[type="text"]:focus, 
#ccAvenueCheckout-popup .field-design input[type="password"]:focus, 
#ccAvenueCheckout-popup .type-button:focus{outline: 0 none;box-shadow: none;}

#ccAvenueCheckout-popup .field-design label.title .eff{
color:#999;	
-webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition: all 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
#ccAvenueCheckout-popup .field-design.focused label.title .eff{bottom: 0;color:inherit;}

#ccAvenueCheckout-popup .error .error {font-size: 11px;line-height: 12px;}
#ccAvenueCheckout-popup .field-design .error {height: 15px;}

#ccAvenueCheckout-popup .field-design input[disabled]{cursor: default;}

#ccAvenueCheckout-popup .thankyou,
#ccAvenueCheckout-popup.account-created .verification{display:none;}
#ccAvenueCheckout-popup.account-created .thankyou{display:block;}

#ccAvenueCheckout-popup .process-btn{position:relative;}
#ccAvenueCheckout-popup .process-btn .fa-spin{left: 50%;margin: -6px 0 0 -6px;position: absolute;top: 50%;}

#ccAvenueCheckout-popup .ico-attach-right .ico{float:right;text-decoration:none;}
#ccAvenueCheckout-popup .popup-tab-static,
#ccAvenueCheckout-popup .popup-tab{float:left;border-width:0;text-align:left;width:50%;}
#ccAvenueCheckout-popup .popup-tab-static{float:none;width:auto;}

#ccAvenueCheckout-popup .popup-tab-static,
#ccAvenueCheckout-popup .popup-tab .popup-tab-t{padding: 7px 0;text-decoration:none;border-width:0 0 3px;display:block;}


#ccAvenueCheckout-popup.popup.login .popup-tab .popup-tab-t.login-tab,
#ccAvenueCheckout-popup.popup.signup .popup-tab .popup-tab-t.signup-tab{
	background-color:inherit;
	border-color:inherit;
	color:inherit;
}
#ccAvenueCheckout-popup .popup-tab.active .popup-tab-t{
	background-color:inherit;
	border-color:inherit;
}
#ccAvenueCheckout-popup a{text-decoration:none;}


#ccAvenueCheckout-popup .tooltip{position:relative;}
#ccAvenueCheckout-popup .tooltip .tooltip-pin{background-color: #000;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    font-family: arial;
    font-size: 11px;
    line-height: 20px;
    padding: 0 6px;
    position: absolute;
    right: 10px;
    top: 4px;
	opacity:0;
}

#ccAvenueCheckout-popup .tooltip:hover .tooltip-pin{opacity:1;right: 26px;}

#ccAvenueCheckout-popup .tooltip .tooltip-pin,
#ccAvenueCheckout-popup .tooltip:hover .tooltip-pin{
-webkit-transition: all 270ms cubic-bezier(0.780, 0, 0.850, 1); /* older webkit */
-webkit-transition: all 270ms cubic-bezier(0.780, -0.600, 0.850, 1.650); 
   -moz-transition: all 270ms cubic-bezier(0.780, -0.600, 0.850, 1.650); 
     -o-transition: all 270ms cubic-bezier(0.780, -0.600, 0.850, 1.650); 
        transition: all 270ms cubic-bezier(0.780, -0.600, 0.850, 1.650); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.780, 0, 0.850, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.780, -0.600, 0.850, 1.650); 
   -moz-transition-timing-function: cubic-bezier(0.780, -0.600, 0.850, 1.650); 
     -o-transition-timing-function: cubic-bezier(0.780, -0.600, 0.850, 1.650); 
        transition-timing-function: cubic-bezier(0.780, -0.600, 0.850, 1.650); /* custom */

}



#ccAvenueCheckout-popup .tooltip .tooltip-pin.content-bg{background-color: #000;}
#ccAvenueCheckout-popup .tooltip .tooltip-pin.caret-bg:after {border-color:#000;border-width:5px;}
#ccAvenueCheckout-popup .tooltip .tooltip-pin.carret.carretRight:after, 
#ccAvenueCheckout-popup .tooltip .tooltip-pin.carret.carretRight:before{margin-top: -5px;}
#ccAvenueCheckout-popup .tooltip .tooltip-pin.carret.carretRight:after{right: -10px;}
#ccAvenueCheckout-popup .tooltip .tooltip-pin.carret.carretRight:after {right: -9px;}