body {
  direction: rtl;
  text-align: right;
  font-family: 'Cairo', sans-serif;
}
th, td {
    white-space: nowrap;
}
.avatar.avatar-online:after, .avatar.avatar-offline:after, .avatar.avatar-away:after, .avatar.avatar-busy:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 3px !important;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    box-shadow: 0 0 0 2px #fff;
}

.modal-footer{
    direction: ltr;
}

.menu-item > a{
    font-size: 18px !important;
}
.menu-item .menu-icon{
    font-size: 25px !important;
}
button {
  position: relative;
  overflow: hidden;
}

button .ripple-effect {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  animation: ripple-animation 0.6s linear;
  background-color: rgba(255, 255, 255, 0.4);
  pointer-events: none;
}

@keyframes ripple-animation {
  to {
    transform: scale(4);
    opacity: 0;
  }
}