livechatinc.com rtl support to chat widget

livechatinc.com widget - rtl.css

caption,td,th{text-align:right;}
#wrapper{left:0;right:0;}
.outline{border-radius:10px 10px 0 0;}
#content .integration p{padding-right:0;padding-left:0;}
.ajax-loader{margin-right:5px;}
#title-container .title-button{float:left;}
#title-container #close-chat{margin-left:-12px;padding:6px 6px 5px 12px;}
#title-container #minimize{margin-left:5px;}
body.pop-out #notification{left:36px;right:5px;}
body.pop-out.state-chatting #notification{left:58px;}
body.state-chatting #notification{left:86px;}
#title{padding:0 8px 6px 7px;}
#title #title-text{margin-right:3px;}
#operators .wrapper{float:right;border-radius:5px 5px 0 0;}
#operators #rating{float:right;margin-left:10px;}
#operators a.rate-good{float:left;}
#operators a.rate-good .icon-thumbs-up{float:right;}
#operators span.rate-good{margin-left:3px;float:right;padding:0 0 0 4px;}
#operators a.rate-bad{float:left;}
#operators #rate_me_feedback_form{right:-1px;left:-2px;}
#operators #rate_me_feedback_form form{margin-right:-5px;}
#operators #rate_me_feedback_form input[type=submit]{margin:5px 5px 0 0;}
#operators #rate_me_feedback_form .top-shadow{right:0;left:0;}
#operators #email_transcript{float:right;}
#operators #email_transcript .icon-email{margin:3px 1px 0 0;}
#operators #email_transcript_form{right:-1px;left:-2px;}
#operators #email_transcript_form form{margin-right:-5px;}
#operators #email_transcript_form input.text{margin-right:5px;}
.submit input,select{margin-right:0;}
#operators #email_transcript_form .top-shadow{right:0;left:0;}
#body{border-radius:5px 5px 0 0;}
#body .top-shadow{right:0;}
#body-inner{border-radius:5px 5px 0 0;}
#body .view{border-radius:5px 5px 0 0;}
#content .form div p,#content .integration,#content p,#typing-indicator{padding-right:10px;padding-left:10px;}
#content img.avatar{float:right;margin-left:15px;}
.delivered.last-sent .delivered-indicator,.last-seen .last-seen-indicator{float:left;padding-left:10px;left:0;}
#body input.checkbox,#body input.radio{float:right;margin-left:5px;margin-right:0;}
#body .form-facebook .fb_iframe_widget{text-align:right;}
#body .form-facebook .fb-connect-or span:after,#body .form-facebook .fb-connect-or span:before{right:0;}
#body .form-facebook .fb-connect-or span:after{left:0;right:auto;}
#body .author .icon-mobile{margin-right:4px;}
#body .time{float:left;left:0;}
#body .time.visible{padding-left:10px;}
#body .url-preview{border-right:2px solid #eee;}
#body .url-preview .details .description,#body .url-preview .details .title{float:right;padding-right:8px;}
#body .url-preview .image{float:right;padding:0 8px 5px 0;}
#textarea-wrapper{border-radius:0 0 5px 5px;}
#message-placeholder{right:5px;}
body.mobile #message-wrapper .btn-send{left:0;}
#footer #powered{padding-left:5px;float:left;}
#footer #social{float:right;}
#footer #social a{float:right;padding:2px 0 0 5px;}
#social #plusone-container{float:right;margin:2px 0 0 5px;}
#social .twitter-follow-div{margin-left:5px;}
#fb-butt .fb_button_icon{float:right;}
#fb-butt .fb_button_border{float:right;border-left:1px solid #29447E;}
#tooltip{right:0;}
#tooltip-arrow{right:0;}
#notification{right:12px;left:64px;}
#confirm-closing p.actions input{margin-left:20px;}
#sound{right:-9999em;}
#drag-and-drop-mask{right:0;left:0;}
#drag-and-drop-mask div{right:10px;left:10px;}
#popup-file{right:5%;}
#popup-file #popup-file-confirm-bad-list li .file-size,#popup-file #popup-file-confirm-list li .file-size{float:left;}
#progressbar-file .progress-label{padding-right:10px;}
#progressbar-file .progress-label .upload-failed-hide{float:left;margin-left:10px;}
#progressbar-file .cancel-upload{float:left;margin-left:5px;}
#send-file-clip{left:2px;}
body.mobile #send-file-clip{left:0;}
body.mobile #send-file-clip .icon-clip{margin-left:-5px;}
body.filesharing-enabled #message{padding-left:20px;}
#operators .logo, #operators .operator-info {
    background-position: 0 50%;
    background-repeat: no-repeat;
}
.operator-name, .operator-role {
    display: block;
    max-width: 100%;
}

#operators .rating-button {
    border-left: none;
    border-right: none;
    margin-left: 8px;
    margin-right: 0;
}

#content p.client .msg-text, #content p.operator .msg-text, #content p.system .msg-text {
    direction: rtl;
}

#body .time {
    float: left;
    left: 0;
}

#body .time {
    text-align: left;
}

.delivered.last-sent .delivered-indicator, .last-seen .last-seen-indicator {
    text-align: left;
}

#send-file-clip {
    right: auto;
}

#confirm-closing p.actions input{
margin-left:0;
}

go to https://my.livechatinc.com/settings/theme and add this css to add the chat widget rtl styles, if you dont have account you can try for free here