// majles

// @mixin majles {
  :root {
    --dashboard-text-primary: #ecd48a;
        
    --text-primary: #333333;
    --text-primary-highlight: #00a09c;
    --text-highlight1: #218f8e;
    --main-background-body: #f7f7f7;
    --main-background-white: #fff;
    --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.031372549);
    --border-radius: 1rem;

    --dashboard-primary-color: #ecd48a;
    --dashboard-secondary-color: #034239;

    --primary-color: rgb(0, 186, 186);
    --secondary-color: #2ecc71;

    --dark-green-color: #416a59;
    --dark-gray-color: rgba(7, 7, 7, 0.66);
    --light-color: #818899;
    --dark-blue-color: #21325e;
    --blue-color: rgb(0, 186, 186);
    --gray-color: #92a2b2;
    --light-blue-color: #3083ff;
    --red-color: #9f1918;
    --green-color: #009c98;
    --pink-color: #ea4c89;
    --orange-color: #c1600b;
    --list-background-color: #e8fcff;
    --hover-color:#D0F9FF;
    --active-color:#E8FCFF;
    --header-color: #00baba;
    // sidebar
    // --active-sidebar: #199c9c;
    --active-sidebar: #fff;
    --the-sidebar-background-color: #005453;
    --linear-gradient-sidebar: #034239;
    // --linear-gradient-sidebar: linear-gradient(
    //   to bottom,
    //   rgba(33, 143, 142, 1),
    //   rgba(17, 72, 71, 1)
    // );
    // --sidebar-collapsed-width: 0;
    // --sidebar-collapsed-width: 5.5em;
    --sidebar-collapsed-width: 6em;
    --sidebar-width: 10em;
    --header-height: 0;
    // --sidebar-text-color: #374151;
    --sidebar-text-color: #fff;
    --sidebar-active-text-color: #374151;

    --linear-gradient-nav: linear-gradient(to bottom, #1db6bb, #0f5b5e);
    --linear-gradient-img: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.15),
      rgba(0, 0, 0, 0.65)
    );
    // --sidebar-icons-width: 3.7em;
    // --sidebar-icons-height: 3.7em;

    --sidebar-icons-width: 2em;
    --sidebar-icons-height: 2em;

    
  }
// }