How to style the configurable list to RTL format?

Hello dear, My form is builded to support Arabic language and that's mean every field should be in the right side of the form, and input typing is from right to left.

I need to do the same thing with configurable list, the first field should be in right side and typing as well, i did it many times before with css codes, but I'm need a help with configurable list, so please can you help me?

Please add the following CSS code to the form in order to change the display the input fields to right on a configurable list.

div#cid_252 {

    float: right !important;

    clear: both !important;

}

Now, the following CSS code needs to be added to the Custom CSS section of the Configurable list widget.

div#listContainer {

    direction: rtl !important;

}

Please give it a try and let us know if you need any further assistance. We will be happy to help.