.collapse {
    visibility: unset !important;
}

.menu-item-dashboard .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/dashboard.svg') no-repeat center center !important;
    mask: url('../svgs/dashboard.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.menu-item-customer .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/customer.svg') no-repeat center center !important;
    mask: url('../svgs/customer.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.menu-item-utilities .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/utilities.svg') no-repeat center center !important;
    mask: url('../svgs/utilities.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.menu-item-reports .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/reports.svg') no-repeat center center !important;
    mask: url('../svgs/reports.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.menu-item-quotes .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/quotes.svg') no-repeat center center !important;
    mask: url('../svgs/quotes.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

#setup-menu-item .menu-icon, #setting-menu-item .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/setting.svg') no-repeat center center !important;
    mask: url('../svgs/setting.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.menu-item-messaging .menu-icon, .menu-item-lead_manager .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/messages.svg') no-repeat center center !important;
    mask: url('../svgs/messages.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.menu-item-contact-manager .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/contact-manager.svg') no-repeat center center !important;
    mask: url('../svgs/contact-manager.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.menu-item-opportunity .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/opportunities.svg') no-repeat center center !important;
    mask: url('../svgs/opportunities.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.menu-item-Activites .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/activities.svg') no-repeat center center !important;
    mask: url('../svgs/activities.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.menu-item-workflows .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/workflows.svg') no-repeat center center !important;
    mask: url('../svgs/workflows.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.sub-menu-item-lead_manager_email .menu-icon, .sub-menu-item-lead_manager_mailbox .menu-icon, .sub-menu-item-lead_manager_email_campaigns .menu-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/email.svg') no-repeat center center !important;
    mask: url('../svgs/email.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.sub-menu-item-lead_manager_email_configurations .menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
   -webkit-mask: url('../svgs/setting.svg') no-repeat center center !important;
    mask: url('../svgs/setting.svg') no-repeat center center !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}







/* LOADER CSS */
.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite;
  }
  
  .loader::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #2e8ef7;
    animation: prixClipFix 2s linear infinite;
  }
  
  /* Removed the .loader::after selector that created the inner black border */
  
  #loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
  
  #loading-overlay.fade-out {
    opacity: 0;
  }
  
  #page-content {
    opacity: 0;
    transition: opacity 0.3s ease-in;
  }
  
  #page-content.fade-in {
    opacity: 1;
  }
  
  ::-webkit-scrollbar {
    width: 6px; 
    height: 2px; 
    }

    ::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: #D0D9E1;
    border-radius: 10px;
    }

    
    ::-webkit-scrollbar-thumb:hover {
    background: #555; 
    }

  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes prixClipFix {
    0% {
      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    }
  
    25% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    }
  
    50% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    }
  
    75% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    }
  
    100% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    }
  }
  /* Loader CSS END */