.capslock,  .capslock-ltr{
	background: #e2eeff url("/static/dist/img/caps.png") no-repeat scroll !important;
	padding-left:50px !important;
	background-size: 35px !important;
	background-position-x: 1% !important;
	background-position-y: center !important;
	
}

.capslock-rtl{
	background: #e2eeff url("/static/dist/img/caps.png") no-repeat scroll !important;
	padding-right:50px !important;
	background-size: 35px !important;
	background-position-x: 99% !important;
	background-position-y: center !important;
	
}
		
		
		
.has-error .capslock, .has-error .capslock:hover, .has-error .capslock:focus,
.has-error .capslock-ltr, .has-error .capslock-ltr:hover, .has-error .capslock-ltr:focus,
.has-error .capslock-rtl, .has-error .capslock-rtl:hover, .has-error .capslock-rtl:focus  {
  border-color: #d32535 !important;
  color: rgb(140, 34, 64) !important;
  background: rgb(255, 225, 226) url("/static/dist/img/caps.png") no-repeat scroll 3px 6px !important;
  background-size: 35px !important;
  background-position-x: 1% !important;
  background-position-y: center !important;
}




.has-success .capslock, .has-success .capslock:hover,.has-success .capslock:focus,
.has-success .capslock-ltr, .has-success .capslock-ltr:hover,.has-success .capslock-ltr:focus,
.has-success .capslock-rtl, .has-success .capslock-rtl:hover,.has-success .capslock-rtl:focus {	
	border-color:  #117a65  !important;		
   	color: #0e6655 !important;
   	background-color:  #d5f5e3  !important;
   	background: #d5f5e3  url("/static/dist/img/caps.png") no-repeat scroll 3px 6px !important;
  	background-size: 35px !important;
  	background-position-x: 1% !important;
	background-position-y: center !important;
    
}


.eye-icon, .eye-icon-ltr {
  position: absolute; /* Or relative depending on your layout */
  right: 20px; /* Adjust as needed */
  top: 32px; /* Vertically center the icon */
  
  cursor: pointer;
  font-weight: 900;
  font-size: 130%;
  color: #337ab7;
}

.eye-icon-rtl {
  position: absolute; /* Or relative depending on your layout */
  left: 20px; /* Adjust as needed */
  top: 32px; /* Vertically center the icon */
  
  cursor: pointer;
  font-weight: 900;
  font-size: 130%;
  color: #337ab7;
}