/* RYME XooTiX Registration Form UI Fix */


/* All registration fields */
.xoo-el-form-container input.xoo-el-form-control,
.xoo-el-form-container .xoo-el-form-field input {
    padding-left: 55px !important;
    height: 52px !important;
    background:#151515 !important;
    color:#fff !important;
    border-radius:14px !important;
}


/* Icons */
.xoo-el-form-container .xoo-el-input-icon,
.xoo-el-form-container .xoo-el-icon {
    left:18px !important;
    top:50% !important;
    transform:translateY(-50%);
    z-index:3;
}


/* First and Last name side-by-side fields */
.xoo-el-form-container .xoo-el-form-row input {
    padding-left:45px !important;
}


/* Placeholder */
.xoo-el-form-container input::placeholder {
    color:#b8b8b8 !important;
    opacity:1;
}


/* Password eye icon spacing */
.xoo-el-form-container .xoo-el-password-toggle {
    right:15px !important;
}


/* Focus */
.xoo-el-form-container input.xoo-el-form-control:focus {
    border-color:#2878d0 !important;
    box-shadow:0 0 0 2px rgba(40,120,208,.15);
}


/* Mobile */
@media(max-width:600px){
    .xoo-el-form-container input.xoo-el-form-control {
        height:48px !important;
    }
}