/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo'), local('Cairo-Regular'), url(MoGpUcTu_oZLf0bsrG2xFQ.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo'), local('Cairo-Regular'), url(iZqLGfCYEEkWEsr6HQRnSQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo'), local('Cairo-Regular'), url(gtxIPk0-ZE5IZ2RrdsRLuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "WinSoftPro-Medium";
  src: url("WinSoft.eot"); /* IE9 Compat Modes */
  src: url("WinSoft.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("WinSoft.otf") format("opentype"), /* Open Type Font */
    url("WinSoft.svg") format("svg"), /* Legacy iOS */
    url("WinSoft.ttf") format("truetype"), /* Safari, Android, iOS */
    url("WinSoft.woff") format("woff"), /* Modern Browsers */
    url("WinSoft.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
/* This stylesheet generated by Transfonter (https://transfonter.org) on November 24, 2017 6:49 AM */

@font-face {
    font-family: 'Sakkal Majalla';
    src: url('SakkalMajalla.eot');
    src: url('SakkalMajalla.eot?#iefix') format('embedded-opentype'),
        url('SakkalMajalla.woff') format('woff'),
        url('SakkalMajalla.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.tcode  {
 border: 1px dotted    #dce0e3;
 padding:2px;
 margin:auto;
}
.tcode, .tcode i ,.tcode span, .tcode i.far {
	font-size:inherit;
	color:inherit;
	padding-right:4px;
	  direction:rtl!important;
	   
}

[dir="rtl"] .dir-force{
	 
		 direction:rtl!important;
}
[dir="ltr"] .dir-force{
	   direction:ltr!important;
}
[dir="rtl"] .float-l{
	     float: left !important
}
[dir="ltr"] .float-l{
	    float: right !important
}

[dir="rtl"] .float-r{
	     float: right !important
}
[dir="ltr"] .float-r{
	    float: left !important
}
.opposite{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}