.xtooltip-text {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  width: 100px;
  border-radius: 2px;
  color: white;
  background-color: #192733;
  padding: 5px;
}

.hover-text:hover .tooltip-text {
  visibility: visible;
}



.hover-text {
  position: relative;
  xdisplay: inline-block;
  xmargin: 40px;
  text-align: center;
}

/*--------------------------------------------------------------------------------------*/
.tooltip {
  position:  relative;
  xdisplay: inline-block;
  xcursor: default;
}

.tooltip .tooltiptext {
  visibility: hidden;
  padding: 5px 10px;
  background-color:      #222222;
  border : solid 0px #D4D0C8;
  color:  #FFF;
  text-align: center;
  border-radius: 3px;
  white-space: nowrap;
  direction:  rtl;
  font-family:  Aradet;
  font-size: 11pt;
  opacity: 0.9;



  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -150%;
  right: -50%;
  transition-property: visibility;
  transition-delay: 0s;

}

.tooltip:hover .tooltiptext {
  visibility: visible;
  transition-delay: 0.3s;
}
/*--------------------------------------------------------------------------------------*/
@media (prefers-reduced-motion: reduce) {
    .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-animation-duration: 1ms;
        animation-duration: 1ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: -1ms;
        animation-delay: -1ms;
    }
}
.fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse
{
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
/*--------------------------------------------------------------------------------------*/
.pic-left
{
float: left;
position:      fixed;
top:0px;
left: calc(100% - 95%);
width: 150px;
height: 80px;
}
.pic-left-land
{
float: left;
position:  absolute;
top: 10px;
left:10%;
width: 150px;
height: 60px;
}
.pic-left-land-2
{
float: left;
position:  absolute;
top: 70px;
left:8%;
width: 150px;
height: 60px;
}
.Rep-print
{
size:  A4 landscape;
margin-top : 25px;
margin-bottom: 40px;
 margin-right: 30%;
 margin-left: 30%;
direction: rtl;
}
.page-b
{
 page-break-after: always;
}

/*--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------*/