html,
body,
div,
.ui *,
.ui.button {
  direction              : ltr;
  font-family            : -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.ui.top.aligned.page.modals.dimmer.transition.visible.active {
  z-index: 1000;
}

.ui.ribbon.label {
  left: -4.5%;
}

.ui.statistic>.label,
.ui.statistics .statistic>.label {
  font-family: inherit;
}

.ui.item.menu,
.ui.item.menu .item {
  margin: 0px;
}

/* Page Context */

.pushable:not(body) {
  transform: none;
}

.pushable:not(body)>.ui.sidebar,
.pushable:not(body)>.fixed,
.pushable:not(body)>.pusher:after {
  position: fixed;
  z-index : 1000;
}

.animationRotate {
  transition: transform 1s;
}

.animationRotate:hover {
  transform: rotate(360deg);
}

.animationScale {
  transition: all 1s;
}

.animationScale:hover {
  transform: scale(1.25) translateX(10px);
  opacity  : 0.3;
}

.animationFire {
  transition: transform 0.3s;
}

.animationFire:hover {
  animation: fire 500ms ease-in;
}

@keyframes fire {
  50% {
    transform: rotate(360deg);
  }

  80% {
    transform: translateX(80px) scale(2, 2);
    opacity  : 0.5;
  }

  100% {
    transform: translateX(500px) scale(40, 40);
    opacity  : 0;
  }
}

tr.dx-row.dx-data-row.dx-row-lines.dx-state-hover {
  cursor: pointer;
}

.arabic {
  direction: rtl !important;
}

.sound-waves {
  display: flex;
  width  : 65vw;
  height : 20vh;
}