@font-face {
		  font-family: 'VazirCode';
		  src: url('fonts/Vazir-Code.eot?#') format('eot'),  /* IE6–8 */
			   url('fonts/Vazir-Code.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
			   url('fonts/Vazir-Code.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

.ar-helper{
    padding:0px;
    margin:0px;
    border:0px solid;
    width:0px;
    height:30px;
    z-index:-10;
    position: absolute;
    background-color:red;
    left:0px;
    top:0px;
}

.ar-editor {
  padding:0px; margin:0px;
  width:98%;
  
  background-color:#010509; 
  color:  yellow;
  text-align:right;
	font-size: 22px;
	overflow-y: scroll;
	white-space: pre !important;
	font-family:VazirCode;
}

.ar-line {
  padding:2px;
  margin:0px;
  
  min-height:25px;
 /* border:1px solid;	*/
 background-color:#010509; 
    white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.caret {
  display:inline;
  padding:0px;
  margin:0px;
  position: absolute;
  z-index:10;
  //font-weight: 50;
  font-size: 30px;
  width:2px;
  color: #a40000;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}
@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}
.keyword {
    margin:0px; padding:0px;
  color:white;
}

.operator {
  color:#f51212;
  margin:0px; padding:0px;
}

.space {
    margin:0px; padding:0px;
  color:#44DD98;
}

[contenteditable] {
    padding: 10px;
    border: dotted 1px #aaa;
    direction: rtl;
    background-color:#00000;
    min-height:200px;
    color: yellow;
}
[contenteditable] > div {
    margin: 0px 0;
}
[contenteditable] strong {
    font-weight: normal;
    
    color: white;
}

[contenteditable] span {
    font-weight: normal;
    
    color: #FF1100;
}