diff --git a/server/files/stylesheets/semantic.css b/server/files/stylesheets/semantic.css
index 805ffb86d..8f8702b29 100755
--- a/server/files/stylesheets/semantic.css
+++ b/server/files/stylesheets/semantic.css
@@ -44,7 +44,7 @@ body {
 }
 
 body#example {
-  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif/*rtl:"Droid Arabic Kufi", "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif */;
   background: #FCFCFC url(../images/bg.jpg) repeat;
   margin: 0px;
   padding: 0px;
@@ -60,7 +60,7 @@ h2,
 h3,
 h4,
 h5 {
-  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif/*rtl:"Droid Arabic Kufi", "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif */;;
 }
 
 /*
@@ -93,12 +93,14 @@ h4 + p {
 pre {
   background-color: #F0F0F0;
 }
+/*rtl:ignore*/
 pre.console {
   background-color: transparent;
   line-height: 1.6;
   font-family:  'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
   height: 300px;
   overflow: auto;
+  direction:ltr;
 }
 code {
   background-color: rgba(0, 0, 0, 0.02);
@@ -863,11 +865,13 @@ body.guide .main.container > * {
 #example div.code.hide {
   display: none;
 }
+/*rtl:ignore*/
 #example div.code {
   position: relative;
   width: 100%;
   height: 200px;
   text-align: left;
+  direction:ltr;
 }
 #example div.code {
   margin: -1em;
diff --git a/src/elements/icon.less b/src/elements/icon.less
index 376e4d163..d905aead8 100755
--- a/src/elements/icon.less
+++ b/src/elements/icon.less
@@ -119,6 +119,7 @@ i.icon.book:before { content: "\f02d"; }
 i.icon.bookmark.empty:before { content: "\f097"; }
 i.icon.bookmark:before { content: "\f02e"; }
 i.icon.box.arrow.down:before { content: "\f150"; }
+/*rtl:ignore*/
 i.icon.box.arrow.right:before { content: "\f152"; }
 i.icon.box.arrow.up:before { content: "\f151"; }
 i.icon.briefcase:before { content: "\f0b1"; }
diff --git a/src/modules/accordion.less b/src/modules/accordion.less
index 7be100169..e405d32a2 100755
--- a/src/modules/accordion.less
+++ b/src/modules/accordion.less
@@ -99,7 +99,7 @@
   transform: rotate(0deg);
 }
 .ui.accordion .title .dropdown.icon:before {
-  content: '\f0da';
+  content: '\f0da'/*rtl:'\f0d9'*/;
 }
 
 /*--------------
diff --git a/src/modules/dropdown.less b/src/modules/dropdown.less
index a5446eae0..c94425d9a 100755
--- a/src/modules/dropdown.less
+++ b/src/modules/dropdown.less
@@ -103,7 +103,7 @@
   margin: 0em 0em 0em 0.5em;
 }
 .ui.dropdown .menu .item .dropdown.icon:before {
-  content: "\f0da";
+  content: "\f0da"/*rtl:"\f0d9"*/;
 }
 
 
@@ -181,7 +181,7 @@
   right: 0px;
 }
 .ui.vertical.menu .dropdown.item > .dropdown.icon:before {
-  content: "\f0da";
+  content: "\f0da"/*rtl:"\f0d9"*/;
 }
 .ui.dropdown.icon.button > .dropdown.icon {
   margin: 0em;
diff --git a/src/modules/modal.less b/src/modules/modal.less
index 6de4ed902..1c44d2ecc 100755
--- a/src/modules/modal.less
+++ b/src/modules/modal.less
@@ -105,6 +105,7 @@
   padding-left: 1.5%;
   vertical-align: top;
 }
+/*rtl:ignore*/
 .ui.modal > .content > .left:not(.ui) > i.icon {
   font-size: 8em;
   margin: 0em;
@@ -131,10 +132,12 @@
 
 /* Mobile Only */
 @media only screen and (max-width : 768px) {
+   /*rtl:ignore*/
   .ui.modal .content > .left:not(.ui) {
     display: block;
     padding: 0em 0em 1em;
   }
+  /*rtl:ignore*/
   .ui.modal .content > .right:not(.ui) {
     display: block;
     padding: 1em 0em 0em;