Appointments+ settings page layout breaks for translated content

Hi, I have added translations for Appointments+ plugin and the back end option Appointments->Settings->Display Settings->"Custom Color Set" javascipt popups are not working when using the page with translations. The following function does not run at all when using translated content:
jQuery(document).ready(function($){
$('.colorpicker_input').each( function() {

Also the fields of the colorpicker popup are added to the bottom of the settings page. How can I fix this?