.dropdown-item:hover{
    background: none;
  }
  .dropdown-item:active {
    background: none;
  }
  html , body{
    background-color:#ffffff !important;
    direction: rtl;
    font-family: 'Cairo';
  }
  
  .card{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.75rem;
  }
  .ballon{
    position: absolute;
    margin-top: -4px;
    margin-right: 10px;
    width:13px;height:13px;
    border-radius:50%;
    background:#D81616;
    color:white;
    font-size:0.6rem
  }
  .navbar-toggler-icon {
    /* color: dimgrey; */
  }
  .navbar-nav .nav-item .nav-link{
    color: #7b809a;
  }
  
  .a1{
    width: 26px;
    height: 26px;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #0000004A;
    opacity: 1;
    border-radius: 20px;
    text-align: center
  }
  .offcanvas-end {
     max-width: 290px !important;
  }

  .ac6{
    color: black;
    font-size:0.9rem
  }
  .ac7{
    color: black;
    font-size:0.7rem
  }
  .ac8{
    font: normal normal normal 14px/19px Cairo;
    letter-spacing: 0px;
    color: #B6B6B6;;
  }
  .ac10{
      height: 55px;
      /* UI Properties */
      background: #FFFFFF 0% 0% no-repeat padding-box;
      box-shadow: 0px -5px 6px #00000012;
      position: absolute;
      bottom: 0;
      width: 100%;
      font: normal normal normal 12px/14px Cairo;
      letter-spacing: 0px;
      color: #D81616;
  }
  .bottomnavbar{
    position: fixed;bottom:0;height:50px;background:white;
    z-index: 1000;
  }
  .headercanvas{
    height: 174px;background: #ae91303b 0% 0% no-repeat padding-box;
  }
  .ac13{
    position: absolute;left:24px;z-index:3000;padding-top: 5px;
  }
  .ad2{
    font-size: 0.8rem;
  }
  .ad1{
    color: red;font-size:0.7rem;margin-right:8px;margin-top:4px
  }
  .ad4{
    text-align: center;font-size:0.9rem;color:red
  }
  .ad5{
    width: 104px;text-align:center;display:none
  }

  .ad6{
    text-align:center;display:none
  }

  .sidebar-item{
    height: 47px;
    background: #F1F1F1 0% 0% no-repeat padding-box;
  }
  .sidebar-item-text{
    font: normal normal normal 16px/18px Cairo;
    letter-spacing: 0px;
    color: #1F1F1F;
  }
  .canv-body1{
    height: calc(100% - 230px);overflow-y:auto;flex-grow: unset !important;
  }
  .canv-body2{
    height: calc(100% - 180px);overflow-y:auto;flex-grow: unset !important;
  }
  .active-nav{
    color: #AE9030 !important;
  }