input.validation-failed,
input.validation-failed:focus{
	color: red !important;
	border-color: red !important;
	border-width: 1.5px !important;
}

input.validation-failed + span + label,
input.validation-failed + button + span + label,
input.validation-failed + button + button + button + span + label{
	color: red !important;
}

.input-text-wrapper:has(.rf-msg-err) span.input-text-currency-code{
	color: red !important;
}

.input-text-wrapper:has(.rf-msg-err) input,
.input-text-wrapper:has(.rf-msg-inf) input{
	color: red !important;
	border-color: red !important;
	border-width: 1.5px !important;
}
.input-text-wrapper:has(.rf-msg-err) label,
.input-text-wrapper:has(.rf-msg-inf) label{
	color: red !important;
}

.icon-left {
    position: absolute;
    left: 15px;
    top: 17px;
    color: #aaa;
    transition: 0.3s;
    max-width: 25px !important;
    max-height: 25px !important;
}

.form-floating .rf-msg {
	position: absolute;
}

.form-floating .rf-msg .rf-msg-det{
	line-height: 11px;
	display: inline-block;
	color: red;
}

.form-control{
	border-radius: 8px !important;
}
.form-floating>label{
	padding: 1rem 35px;
	color: var(--desc-color);
	/*transition: all .5s linear;*/ /*for floating label amination*/
}
.form-floating>.form-control {
    padding: 1rem 47px;
}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{
	transform: scale(.95) translateY(-0.5rem) translateX(0.15rem);
}

.form-control:focus{
	border-color:var(--theme-color-brand-primary) !important;
	box-shadow: none;
	border-width: 1.5px; 
}

input.form-control:hover{
	border-color:#1C1B1E;
	border-width: 2px; 
}

/*for floating label*/
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
   
    /*transform: scale(.95) translateY(-1.8rem) translateX(-2.0rem);*/
    transform: scale(.95) translateY(-25px) translateX(-30px);
    opacity: 1;
    font-size: 11px;
    color: #1C1B1E;
    line-height: 3px;
}

.form-floating>.form-control:focus~label span.span-input-text, 
.form-floating>.form-control:not(:placeholder-shown)~label span.span-input-text, 
.form-floating>.form-select~label span.span-input-text {
	background: #f2f2f2;
	height: 4px;
}

/*For Safari only*/
@media not all and (min-resolution:.001dpcm) { 
     @supports (-webkit-appearance:none) {
          .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
		   
		    transform: scale(.95) translateY(-1.4rem) translateX(-1.5rem);
		    
		}
     }
}

.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0.5rem;
}

.span-input-text{
	/*background: #fafafa;*/
    padding-left: 10px;
    padding-right: 11px;
}


/*End floating label*/

/*Clear button*/
.clear-textbox{
	background: url("../images/clear.svg.jsf?ln=common");
	width: 16px;
    height: 16px;
    position: absolute;
    right: 12px;
    padding-right:0;
    border: 0;
    top: 32%;
    background-repeat: no-repeat;
    display: none;
}

/*.form-floating>.form-control:focus~button, */
.form-floating>.form-control:not(:placeholder-shown)~button, 
.form-floating>.form-select~button{
	display: initial;
}

/* for no icon*/
.form-floating>.form-control.no-icon{
	padding-left: 20px;
	padding-right: 47px;
}
.form-floating>label.no-icon{
	padding: 1rem 10px;
}
.form-floating>.form-control.no-icon:focus~label, 
.form-floating>.form-control.no-icon:focus~label, 
.form-floating>.form-control.no-icon:not(:placeholder-shown)~label, 
.form-floating>.form-select~label{
	transform: scale(.95) translateY(-25px) translateX(0px);
	line-height: 4px;
}

.form-floating>.form-control.no-icon:focus~label span.span-input-text, 
.form-floating>.form-control.no-icon:focus~label span.span-input-text, 
.form-floating>.form-control.no-icon:not(:placeholder-shown)~label span.span-input-text, 
.form-floating>.form-select~label span{
	height: 4px;
	background: #f2f2f2;
	box-shadow: var(--box-shadow-floating-label);
}

/*For Safari only*/
@media not all and (min-resolution:.001dpcm) { 
     @supports (-webkit-appearance:none) {
          .form-floating>.form-control.no-icon:focus~label, 
			.form-floating>.form-control.no-icon:not(:placeholder-shown)~label, 
			.form-floating>.form-select~label{
				transform: scale(.95) translateY(-1.4rem) translateX(0px);
			}
     }
}

/*For Pass policy*/

li.failed img.failed{
	display: initial;
}

li.success img.failed{
	display: none;
}

li.failed img.success{
	display: none;
}
li.success img.success{
	display: initial;
}

button.show-pass-button,
button.hide-pass-button{
	position: absolute;
    right: 10px;
    top: 25%;
    border: 0;
    background: none;
    font-size: 10px;
    display: none;
    height: 24px;
    width: 25px;
    background-repeat: no-repeat;
}

button.show-pass-button{
	background: url("../images/show-pass.svg.jsf?ln=common");
	
}
button.hide-pass-button{
	background: url("../images/hide-pass.svg.jsf?ln=common");
}

input[type=text]::-webkit-contacts-auto-fill-button,
input[type=text]::-webkit-credentials-auto-fill-button,
input[type=password]::-webkit-contacts-auto-fill-button,
input[type=password]::-webkit-credentials-auto-fill-button,
input::-webkit-caps-lock-indicator {
   visibility: hidden;
   display: none !important;
   pointer-events: none;
   height: 0;
   width: 0;
   margin: 0;
}

.form-floating>.form-control, .form-floating>.form-select{
	height: 51px;
}

/*Disable caps lock indicator on Webkit browsers*/
input::-webkit-caps-lock-indicator { 
	visibility: hidden;
   display: none !important;
   pointer-events: none;
   height: 0;
   width: 0;
   margin: 0;
}   

/*Auto fill on firefox*/
/*FireFox only https://projects.zoho.com/portal/dreampayments#taskdetail/1328032000005805015/1328032000006320403/1328032000006322739*/
@-moz-document url-prefix() {
	.form-floating > .form-control:autofill ~ label{
		-webkit-transform:unset;
    	transform:unset;
	}
	.form-floating > .form-control:autofill:not(:placeholder-shown) ~ label,
	.form-floating>.form-control:autofill:focus~label{
		transform: scale(.95) translateY(-1.8rem) translateX(-2.0rem);
		opacity: 1;
		font-size: 11px;
		color: #1C1B1E;
	}
	
	.form-floating > .form-control:autofill ~ label{
		opacity: 1;
	}
}

span.input-text-currency-code{
	position: absolute; 
	left: 20px;
	top: 14px;
}

span.input-text-currency-code + input{
	padding-left: 40px !important;
}

span.input-text-currency-code + input:hover,
span.input-text-currency-code + input:focus{
	padding-left: 38px !important;
}