/* ةث */.activite-label{direction: rtl;}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
/* Reseting */

  * body {direction: rtl; font-family: "Almarai", sans-serif ;
  }
    
   .logo span, .sidebar-nav .nav-link.collapsed{font-family: "Almarai", sans-serif ;}
  .back-to-top {
 
    left: 15px;  right:auto
  }
  
  
  .dropdown-menu .dropdown-item i {
    margin-right:  0px; margin-left: 10px;
    
  }
   
  @media (min-width: 768px) {
    .dropdown-menu-arrow::before {
  
right: auto;
  
left:20px;
  
transform: rotate(45deg);
  
border-right: 1px solid #28292a;
  
border-left: none;
  
}
  }
   
   
  /*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
 
 
  .logo img {
     margin-left: 0;
     margin-right: 0px;
  }
  
  
  
  .header {
  
    padding-right: 20px; padding-left: 0;
    /* Toggle Sidebar Button */
    /* Search Bar */
  }
  
  .header .toggle-sidebar-btn {
  
    padding-right: 10px; padding-left: 0;
   
  }
  
 
 
   
  .header .search-form input {
    
    padding: 7px  8px 7px 38px;
   
  }
  
 
  
  .header .search-form button {
 
margin-left: -30px;
 
margin-right: -4px;
}
  
 
  
  
  .header-nav .nav-icon { 
    margin-left: 25px; margin-right: 0;
  }
  
 
  
  
  
 
  
  .header-nav .notifications {
    inset: 8px  auto auto -15px !important;
  }
 
  .header-nav .notifications .notification-item i {
    margin: 0   10px 0 20px;
    
  }
  
 
 
  .header-nav .messages {
    inset: 8px auto auto  -15px  !important;
  }
  
 
 
  .header-nav .messages .message-item img {
    margin: 0    10px 0 20px ;
   
  }
  
 
  
  .header-nav .profile .dropdown-item i {
    margin-right: 0px; margin-left: 10px;
  }
 
  
  /*--------------------------------------------------------------
  # Sidebar
  --------------------------------------------------------------*/
  .sidebar {
    
    left: 0; right: 0;
     
  }
  
  @media (max-width: 1199px) {
    .sidebar {
      left: 0;
      right: -400px;
    }
  }
  
 
.header {
 
    padding-right: 20px;   padding-left: 0  ;
    /* Toggle Sidebar Button */
    /* Search Bar */
  }
  
  .header .toggle-sidebar-btn {
   
    padding-left: 0;
    padding-right: 10px;
 
  }
  .sidebar {
right:0;
    left:auto;
    
  }

  
@media (max-width: 1199px) {
    .sidebar {
      right: -400px;
      left:auto
    }
  }
  
  @media (min-width: 1200px) {
  
    #main,
    #footer {
      margin-right: 350px;
      margin-left:0
    }
  }

  
  @media (max-width: 1199px) {
    .toggle-sidebar .sidebar {
      right: 0;left:auto
    }
  }
  




   
  
  @media (min-width: 1200px) {
  
    #main,
    #footer {
      margin-right: auto;
      margin-left:0
    }
  }
  
  @media (max-width: 1199px) {
    .toggle-sidebar .sidebar {
      left: auto;right:0
    }
  }
  
  @media (min-width: 1200px) {
  
    .toggle-sidebar #main,
    .toggle-sidebar #footer {
      margin-right: 0;
    }
  
    .toggle-sidebar .sidebar {
      right: -400px;
      left: auto;
    }
  }
  
  
 
 /* */
  
  
   
  
  .sidebar-nav .nav-link i {
 
    margin-left: 10px; margin-right: 0;
 
  }
  
 
 
  
  .sidebar-nav .nav-link .bi-chevron-down {
    margin-left: 0;    margin-right: 0;
    transition: transform 0.2s ease-in-out;
  }
  
  .sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {
    transform: rotate(180deg);
  }
  
 
  
  .sidebar-nav .nav-content a {
  
    padding: 10px 40px 10px 0;
 
  }
  
  .sidebar-nav .nav-content a i {
  
    margin-right: 8px; margin-left: 5px;
 
  }
   
  /*--------------------------------------------------------------
  # Dashboard
  --------------------------------------------------------------*/
  /* Filter dropdown */
  .dashboard .filter {
 
    right: auto; left: 0;
  
  }
  
  .dashboard .filter .icon { 
    padding-left: 20px;   padding-right: 0;
  }
  
 
 
  .dashboard .activity .activity-item .activite-label::before {
 
    right: 70px;  left:  0;
  }
  
  
  .dashboard .activity .activity-item .activity-content {
    padding-left: 0; padding-right: 10px;
  }
   
    
  .dashboard .news img {
 
    float: right;
  
  }
  
  .dashboard .news h4 {  margin-right: 95px;
    margin-left: 0; 
  }
   
  
  
  
  .dashboard .news p { margin-right: 95px;
    margin-left: 0; 
  }
   
 
    
  .profile .profile-card .social-links a {
  
    margin-left: 10px; margin-right: 0; 
  }
      
    
  .contact .php-email-form .loading:before { 
    margin: 0 0 -6px 10px;
   
  }
  
    

  .ms-auto {
    margin-left: 0;
    margin-right: auto;
}

li.message-item {
    text-align: right;
}

.ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;

    

li.dropdown-header.text-start {
    text-align: right !important;
}

.dashboard .filter .dropdown-item {
 
    text-align: right;
}}

body{
  margin-top:20px;
  background: #e6e6e669;
  }
  
  /*panel*/
  .panel {
      border: none;
      box-shadow: none;
  }
  
  .panel-heading {
      border-color:#eff2f7 ;
      font-size: 16px;
      font-weight: 300;
  }
  
  .panel-title {
      color: #2A3542;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-family: 'Open Sans', sans-serif;
  }
  
  
  /*product list*/
  
  .prod-cat li a{
      border-bottom: 1px dashed #d9d9d9;
  }
  
  .prod-cat li a {
      color: #3b3b3b;
  }
  
  .prod-cat li ul {
      margin-left: 30px;
  }
  
  .prod-cat li ul li a{
      border-bottom:none;
  }
  .prod-cat li ul li a:hover,.prod-cat li ul li a:focus, .prod-cat li ul li.active a , .prod-cat li a:hover,.prod-cat li a:focus, .prod-cat li a.active{
      background: none;
      color: #ff7261;
  }
  
  .pro-lab{
      margin-right: 20px;
      font-weight: normal;
  }
  
  .pro-sort {
      padding-right: 20px;
      float: left;
  }
  
  .pro-page-list {
      margin: 5px 0 0 0;
  }
  
  .product-list img{
      width: 100%;
      border-radius: 4px 4px 0 0;
      -webkit-border-radius: 4px 4px 0 0;
  }
  
  .product-list .pro-img-box {
      position: relative;
  }
  .adtocart {
      background: #fc5959;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      color: #fff;
      display: inline-block;
      text-align: center;
      border: 3px solid #fff;
      left: 45%;
      bottom: -25px;
      position: absolute;
  }
  
  .adtocart i{
      color: #fff;
      font-size: 25px;
      line-height: 42px;
  }
  
  .pro-title {
      color: #5A5A5A;
      display: inline-block;
      margin-top: 20px;
      font-size: 16px;
  }
  
  .product-list .price {
      color:#fc5959 ;
      font-size: 15px;
  }
  
  .pro-img-details {
      margin-left: -15px;
  }
  
  .pro-img-details img {
      width: 100%;
  }
  
  .pro-d-title {
      font-size: 16px;
      margin-top: 0;
  }
  
  .product_meta {
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      padding: 10px 0;
      margin: 15px 0;
  }
  
  .product_meta span {
      display: block;
      margin-bottom: 10px;
  }
  .product_meta a, .pro-price{
      color:#fc5959 ;
  }
  
  .pro-price, .amount-old {
      font-size: 18px;
      padding: 0 10px;
  }
  
  .amount-old {
      text-decoration: line-through;
  }
  
  .quantity {
      width: 75px;
  }
  
  .pro-img-list {
      margin: 10px 0 0 -15px;
      width: 100%;
      display: inline-block;
  }
  
  .pro-img-list a {
      float: left;
      margin-right: 10px;
      margin-bottom: 10px;
  }
  
  .pro-d-head {
      font-size: 18px;
      font-weight: 300;
  }

  @media (min-width: 1000px) {
#main{min-height:400px}}

  @media (min-width: 1200px) {
#main{min-height:480px}}


  @media (min-width: 1200px) {
 
    #main {
      margin-right: 300px;
      margin-left: 0;
      /* min-height: 500px; */
    }
  }



  .separator {
    border-top: 1px solid #727171; /* أو اللون الذي تفضله */
    margin: 10px 0; /* المسافة بين الفاصل والعناصر */
    padding-top: 10px; /* المسافة فوق الفاصل */
  }