.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: -35px;
  right: -60%;
  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;
}

/*--------------------------------------------------------------------------------------*/
.tex-shadow { text-shadow: 0px 0px 1px #000;}
.tex-shadow-black { text-shadow: 2px 1px 1px #000;}
.tex-shadow-white { text-shadow: 2px 1px 1px #FFF;}
/*--------------------------------------------------------------------------------------*/
.my_backg
{
 background-image: url('../../forms/Night.jpg');
 background-size:   cover;
 background-repeat: no-repeat;
 background-position:center;
 height: 100%;
 overflow: hidden;
 direction: rtl;

}

/*--------------------------------------------------------------------------------------*/
 .text-just {
    text-align: justify;     /* المحاذاة بين الهامشين */
    direction: rtl;          /* اتجاه عربي */
    line-height: 32px;       /* تحسين تباعد الأسطر */
    text-align-last: justify; /* (اختياري) يجعل آخر سطر مبرراً */
}
/*--------------------------------------------------------------------------------------*/