body {
    
 }
 .fahares-ng2-auto-complete {
     width: 100%;
 }
 shik ,.shik{
     color:blue;
     font-style: inherit;
     background: rgba(244, 67, 54, 0.08);
     /* line-height: 35px; */
     /* display: flex; */
     border: 1px solid rgba(232, 179, 179, 0.39);
     border-right: 0;
     border-left: 0;
 }
 .fahras {
     color: orangered;
 }
 
 
 .Hadeeths {
     color:#00bca4;
 }
 
 .Amakens {
     color: #428bca;
 }
 
 .preson .alams {
     color: #F51010;
 }
 
 .team .Feraks {
     color: #c6098a;
 }
 
 .Kotops {
     color: rgb(52, 184, 246);
 }
 
 .Ayats {
     color: #990033;
 }
 .mce-visualblocks section section{
     padding-right:20px;
 }
 .mce-visualblocks section >h2 {
 
 
 }
  
 .Ashars {
     color: #C37000;
     /* width: 100%; */
     /* float: right; */
 }
 
 .Athars {
     color: #ff6a00;
 }
 div.times {
 display:inline;
 }
 .times{color: #030001;background: #CDDC39;} 
 
 ol{	
            
                 counter-reset:item;
              
                list-style: none;
     padding: 0;
     display: list-item;
             /*	list-style: none;
              
                 list-style: decimal;
                 padding: 0;
                 display: list-item;
                 /* margin: 0 48px 0 0; */
                 /* margin-bottom: 4em; 
                 text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
             }
 
             ol ol{   
                /* counter-increment: item;*/
                 counter-reset:item;
                 margin: 0 1em 0 0;
                 /* display: list-item; */
             }
 
             /* -------------------------------------- */			
 
             .rounded-list h2{
                position: relative;
                display: block;
                display: -webkit-box;
                display: box;
                cursor: pointer;
                padding: 0.4em 2em 0.4em 0.4em;
                /* padding: .4em; */
                margin: .5em 1em;
                background-color: #1c224a!important;
                color: #ffffff;
                text-decoration: none;
                border-radius: 0;
                transition: all .3s ease-out;
                font-size: 20px;
                /* font-family: droid arabic kufi, Arial, Sans-Serif; */
                font-weight: normal;
                text-align: right;
                 /* font-family: droid arabic kufi, Arial, Sans-Serif; */
                 font-weight: normal;
                 text-align: right;
 }
 
             .rounded-list h2.colleps{
                 background-color: #a9a9a9!Important;
             }
 
             .rounded-list h2:hover:before{
                 -moz-transform: rotate(360deg);
                   -webkit-transform: rotate(360deg);
                 -moz-transform: rotate(360deg);
                 -ms-transform: rotate(360deg);
                 -o-transform: rotate(360deg);
                 transform: rotate(360deg);	
             }
 
             .rounded-list h2:before{
                content: counters(item, "-");
                counter-increment: item;
                position: absolute;
                right: -1.0em;
                top: 57%;
                margin-top: -1.3em;
                background: #1c224a;
                height: 47px;
                width: 46px;
                line-height: 2em;
                border: 0.2em solid #fdf9f0;
                text-align: center;
                font-weight: bold;
                border-radius: 0;
                text-align: center;
                font-weight: bold;
                transition: all .3s ease-out;
                color: #fdcb37;
                
                  
                  -webkit-transition: all .3s ease-out;
                  -moz-transition: all .3s ease-out;
                  -ms-transition: all .3s ease-out;
                  -o-transition: all .3s ease-out;
                  transition: all .3s ease-out;
 }
 
             /* -------------------------------------- */
 i.fa.fa-minus-square.expand.fa-pluse-square:before {
 content: "\f0fe";
 }
 .mce-match-marker1 {background: #FFEB3B;}
 .ui-autocomplete-panel .ui-autocomplete-list-item{text-align:right}
 maknaz {
     background-color: rgba(0, 188, 212, 0.35);
     display: inline-block;
     background-position:center right;
     background-repeat:  no-repeat;
     background-size:contain!important;
 }
 maknaz.maknaz1 {
 /*background-image:url(images/m1.png) ;
 */
 padding-right:37px
 
 }
 maknaz.maknaz2 {background: rgba(0, 188, 212, 0.49)   ;padding-right:37px;}
 maknaz.maknaz3 {
 
 padding-right:37px 
     
 }
 maknaz.maknaz4{
 
 padding-right:37px
     
 }
 maknaz.maknaz5 {
 
 padding-right:37px
     
 }
 maknaz.maknaz6 {
 
 padding-right:37px
     
 }
 maknaz.maknaz7 {
 
 padding-right:37px
     
 }
     maknaz.maknaz8 {
         padding-right: 37px;
     }
     note{
         background: rgba(255, 193, 7, 0.26);
     }
     note:before{
      content: "\f249";
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     color:orange;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: #8BC34A;
 }
 .deletenote, .deletemaknaz {
 color:#FF5722;
 cursor:pointer;
 }
 
 .tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: .875rem;
   font-style: normal;
   font-weight: normal;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
   white-space: normal;
   opacity: 0;
 
   line-break: auto;
 }
 
 .tooltip.in {
   opacity: .9;
 }
 
 .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
   padding: 5px 0;
   margin-top: -3px;
 }
 
 .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
   bottom: 0;
   left: 50%;
   margin-left: -5px;
   border-width: 5px 5px 0;
   border-top-color: #000;
 }
 
 .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
   padding: 0 5px;
   margin-left: 3px;
 }
 
 .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow {
   top: 50%;
   left: 0;
   margin-top: -5px;
   border-width: 5px 5px 5px 0;
   border-right-color: #000;
 }
 
 .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
   padding: 5px 0;
   margin-top: 3px;
 }
 
 .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
   top: 0;
   left: 50%;
   margin-left: -5px;
   border-width: 0 5px 5px;
   border-bottom-color: #000;
 }
 
 .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
   padding: 0 5px;
   margin-left: -3px;
 }
 
 .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
   top: 50%;
   right: 0;
   margin-top: -5px;
   border-width: 5px 0 5px 5px;
   border-left-color: #000;
 }
 
 .tooltip-inner {
   max-width: 200px;
   padding: 3px 8px;
   color: #fff;
   text-align: center;
   background-color: #000;
   border-radius: .25rem;
 }
 
 .tooltip-arrow {
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
 }