.navbar-custom {
    position: relative;
    z-index: 1040 !important;
}
.offcanvas-backdrop {
    z-index: 0 !important;
}
    .cardInfo {
        margin-bottom: 0.1rem !important;
    }
    .h-100 {
        height: 100px;
    }
    .display-6 {
        font-size: 2rem;
    }
    .cardInfo-body {
        padding: 0.1rem !important;
    }

    .cardInfoText {
      margin-top: -20px !important;
      margin-left: 45px !important;
    }

    [contenteditable="true"] {
        border: 1px solid #ced4da;
        padding: 0.25rem;
        border-radius: 0.25rem;
    }

    .progress {
        height: 20px;
    }
    .progress-bar {
        transition: width 0.3s ease;
    }

    #exec_toolbar{
        width: 100% !important;
    }

    /* [data-bs-theme=dark] label , [data-bs-theme=dark] h4, [data-bs-theme=dark] h5{
        color: #f1f1f1 !important;
    } */

    /* [data-bs-theme=light] label , [data-bs-theme=light] h4, [data-bs-theme=light] h5{
        color: #000000 !important;
    } */


    .section {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

    .section:hover {
    transform: translateY(-3px); 
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); 
    }

    .disabled-icon {
    pointer-events: none;   /* Disable click */
    opacity: 0.4;           /* Make it look disabled */
    cursor: default;        /* Disable pointer cursor */
}

[data-bs-theme=dark] .disabled-link-color {
    color: #8c959eb0 !important;
}
.modern-marquee-container {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
}

.modern-marquee-track {
  display: inline-block;
  padding-left: 100%;
  animation: modern-marqueeMove 30s linear infinite;
}

.modern-marquee-container:hover .modern-marquee-track {
  animation-play-state: paused;
}

.modern-marquee-track span {
  margin-right: 60px;   /* spacing between messages */
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
}
    [data-bs-theme=light] .modern-marquee-text {
        color:rgb(32, 31, 31);
    }

@keyframes modern-marqueeMove {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

    /* Horizontal Menu Styles */
    :root {
        --enov8-topnav-bg: #f7f9fc;
        --enov8-topnav-border: rgba(49, 58, 70, 0.12);
        --enov8-topnav-link: #4f5f70;
        --enov8-topnav-link-hover: #1f2d3d;
        --enov8-topnav-hover-bg: rgba(49, 58, 70, 0.08);
        --enov8-topnav-dropdown-bg: #ffffff;
        --enov8-topnav-dropdown-border: #d7dde5;
    }

    [data-bs-theme=dark] {
        --enov8-topnav-bg: var(--enov8-menu-background-color);
        --enov8-topnav-border: rgba(255, 255, 255, 0.1);
        --enov8-topnav-link: #c1c3c6;
        --enov8-topnav-link-hover: #bccee4;
        --enov8-topnav-hover-bg: rgba(255, 255, 255, 0.05);
        --enov8-topnav-dropdown-bg: var(--enov8-menu-background-color);
        --enov8-topnav-dropdown-border: rgba(255, 255, 255, 0.1);
    }

    .topnav {
        background-color: var(--enov8-topnav-bg);
        border-bottom: 1px solid var(--enov8-topnav-border);
    }

    .horizontal-menu-1 {
        background-color: var(--enov8-topnav-bg);
        border-bottom: 1px solid var(--enov8-topnav-border);
        padding: 0;
        position: relative;
        z-index: 1030;
    }

    [data-bs-theme=light] .topnav,
    [data-bs-theme=light] .horizontal-menu-1 {
        background-color: #f7f9fc;
        border-bottom: 1px solid rgba(49, 58, 70, 0.12);
    }

    [data-bs-theme=dark] .topnav,
    [data-bs-theme=dark] .horizontal-menu-1 {
        background-color: var(--enov8-menu-background-color);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .horizontal-menu-1 .navbar-nav {
        /* flex-direction: row; */
        width: 100%;
        /* justify-content: flex-start; */
        /* align-items: center; */
    }

    .horizontal-menu-1 .nav-item {
        position: relative;
        margin-right: 1rem;
    }

    .horizontal-menu-1 .nav-item:last-child {
        margin-right: 0;
    }

    .horizontal-menu-1 .nav-link {
        color: var(--enov8-topnav-link);
        padding: 0.75rem 1.25rem;
        font-weight: 500;
        font-size: 0.9375rem;
        transition: all 0.2s ease;
        border-bottom: 2px solid transparent;
    }

    [data-bs-theme=dark] .horizontal-menu-1 .nav-link {
        color: #c1c3c6;
    }

    [data-bs-theme=light] .horizontal-menu-1 .nav-link {
        color: #4f5f70;
    }

    .horizontal-menu-1 .nav-link:hover,
    .horizontal-menu-1 .nav-link:focus {
        color: var(--enov8-topnav-link-hover);
        background-color: var(--enov8-topnav-hover-bg);
    }

    [data-bs-theme=dark] .horizontal-menu-1 .nav-link:hover,
    [data-bs-theme=dark] .horizontal-menu-1 .nav-link:focus {
        color: #bccee4;
        background-color: rgba(255, 255, 255, 0.05);
    }

    [data-bs-theme=light] .horizontal-menu-1 .nav-link:hover,
    [data-bs-theme=light] .horizontal-menu-1 .nav-link:focus {
        color: #1f2d3d;
        background-color: rgba(49, 58, 70, 0.08);
    }

    .horizontal-menu-1 .nav-link.active {
        color: var(--ct-primary, #6379c3);
        border-bottom-color: var(--ct-primary, #6379c3);
    }

    [data-bs-theme=dark] .horizontal-menu-1 .nav-link.active {
        color: #6379c3;
        border-bottom-color: #6379c3;
    }

    .horizontal-menu-1 .dropdown-menu {
        margin-top: 0;
        border-top: none;
        border-radius: 0 0 0.375rem 0.375rem;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        min-width: 200px;
        background-color: var(--enov8-topnav-dropdown-bg);
        border-color: var(--enov8-topnav-dropdown-border);
    }

    [data-bs-theme=dark] .horizontal-menu-1 .dropdown-menu {
        background-color: var(--enov8-menu-background-color);
        border-color: rgba(255, 255, 255, 0.1);
    }

    [data-bs-theme=light] .horizontal-menu-1 .dropdown-menu {
        background-color: #ffffff;
        border-color: #d7dde5;
    }

    .horizontal-menu-1 .dropdown-item {
        color: var(--enov8-topnav-link);
        padding: 0.5rem 1rem;
        transition: all 0.2s ease;
    }

    [data-bs-theme=dark] .horizontal-menu-1 .dropdown-item {
        color: #c1c3c6;
    }

    [data-bs-theme=light] .horizontal-menu-1 .dropdown-item {
        color: #4f5f70;
    }

    .horizontal-menu-1 .dropdown-header {
        color: var(--enov8-topnav-link);
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        padding: 0.5rem 1rem 0.25rem;
        margin-top: 0.5rem;
    }

    [data-bs-theme=dark] .horizontal-menu-1 .dropdown-header {
        color: #c1c3c6 !important;
    }

    [data-bs-theme=light] .horizontal-menu-1 .dropdown-header {
        color: #4f5f70 !important;
    }

    .horizontal-menu-1 .dropdown-header:first-child {
        margin-top: 0;
    }

    .horizontal-menu-1 .dropdown-item:hover,
    .horizontal-menu-1 .dropdown-item:focus {
        background-color: var(--enov8-topnav-hover-bg);
        color: var(--enov8-topnav-link-hover);
    }

    [data-bs-theme=dark] .horizontal-menu-1 .dropdown-item:hover,
    [data-bs-theme=dark] .horizontal-menu-1 .dropdown-item:focus {
        background-color: rgba(255, 255, 255, 0.05);
        color: #bccee4;
    }

    [data-bs-theme=light] .horizontal-menu-1 .dropdown-item:hover,
    [data-bs-theme=light] .horizontal-menu-1 .dropdown-item:focus {
        background-color: rgba(49, 58, 70, 0.08);
        color: #1f2d3d;
    }

    /* Nested dropdown styles */
    .horizontal-menu-1 .dropdown-submenu {
        position: relative;
    }

    .horizontal-menu-1 .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        margin-left: 0.125rem;
        display: none;
        position: absolute;
    }

    .horizontal-menu-1 .dropdown-submenu > .dropdown-menu.show {
        display: block;
    }

    /* Ensure nested dropdowns don't overflow on the right */
    .horizontal-menu-1 .dropdown-submenu > .dropdown-menu {
        max-height: 80vh;
        overflow-y: auto;
    }

    /* Adjust position for submenus that would overflow */
    .horizontal-menu-1 .dropdown-submenu:last-child > .dropdown-menu {
        left: auto;
        right: 100%;
        margin-left: 0;
        margin-right: 0.125rem;
    }

    .horizontal-menu-1  .dropdown-submenu > .dropdown-item {
        position: relative;
        padding-right: 1.75rem !important;
    }

    .horizontal-menu-1 .dropdown-submenu > .dropdown-item::after {
        content: "\ea6e" !important;
        font-family: "remixicon" !important;
        position: absolute !important;
        right: 0.75rem !important;
        font-weight: normal !important;
        font-size: 1rem !important;
        color: var(--enov8-topnav-link) !important;
        border: none !important;
        margin: 0 !important;
        vertical-align: middle !important;
        line-height: 1.5 !important;
        display: inline-block !important;
    }

    .horizontal-menu-1 .dropdown-submenu > .dropdown-item:hover::after {
        color: var(--enov8-topnav-link-hover) !important;
    }

    .horizontal-menu-1 .dropdown-submenu > .dropdown-item.dropdown-toggle::after {
        display: none !important;
    }

    .horizontal-menu-1 .nav-link.dropdown-toggle::after {
        content: "\ea4e" !important;
        font-family: "remixicon" !important;
        border: none !important;
        width: auto !important;
        height: auto !important;
        margin-left: 0.5rem !important;
        vertical-align: middle !important;
        font-size: 0.875rem !important;
        color: var(--enov8-topnav-link) !important;
        display: inline-block !important;
    }

    .horizontal-menu-1 .nav-link.dropdown-toggle:hover::after {
        color: var(--enov8-topnav-link-hover) !important;
    }

    /* Navbar toggler styling */
    .horizontal-menu-1 .navbar-toggler {
        border: 1px solid var(--enov8-topnav-border);
        padding: 0.25rem 0.5rem;
    }

    [data-bs-theme=dark] .horizontal-menu-1 .navbar-toggler {
        border-color: rgba(255, 255, 255, 0.1);
    }

    /* Navbar toggler icon */
    .horizontal-menu-1 .navbar-toggler-icon,
    .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2831, 45, 61, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }

    [data-bs-theme=dark] .horizontal-menu-1 .navbar-toggler-icon,
    [data-bs-theme=dark] .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }

    /* Mobile responsive adjustments */
    @media (max-width: 991px) {
        .horizontal-menu-1 .dropdown-submenu > .dropdown-menu {
            position: static;
            margin-left: 1rem;
            margin-top: 0.25rem;
            box-shadow: none;
            border-left: 2px solid rgba(0, 0, 0, 0.1);
        }

        [data-bs-theme=dark] .horizontal-menu-1 .dropdown-submenu > .dropdown-menu {
            border-left-color: rgba(255, 255, 255, 0.1);
        }

        .horizontal-menu-1 .navbar-nav {
            padding: 0.5rem 0;
        }
        .horizontal-menu-1 {
            max-height: 250px;
            overflow:auto;
        }
    }

/* Use a unique namespace to avoid affecting other product parts */
.enov8-main-nav .dropdown-submenu {
    position: relative !important;
}

/* Base submenu - hidden by default */
.enov8-main-nav .dropdown-submenu > .dropdown-menu {
    top: 0 !important;
    left: 100% !important;
    margin-top: -5px !important;
    display: none !important;
    /* Ensure the menu is never clipped by parents */
    z-index: 9999 !important; 
    min-width: fit-content;
}

/* Allow JS delayed-close logic to keep submenu visible briefly */
.enov8-main-nav .dropdown-submenu > .dropdown-menu.show {
    display: block !important;
}

/* Show on hover */
.enov8-main-nav .dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
}

.enov8-main-nav .dropdown-submenu:hover > .dropdown-toggle {
    background-color: var(--enov8-topnav-hover-bg) !important;
    color: var(--enov8-topnav-link-hover) !important;
}

/* The Flip Class */
.enov8-main-nav .dropdown-submenu.enov8-drop-start > .dropdown-menu {
    left: auto !important;
    right: 100% !important;
}

/* CRITICAL: Ensure no parent container clips the dropdown */
.enov8-main-nav, 
.enov8-main-nav .nav-item, 
.enov8-main-nav .dropdown {
    overflow: visible !important;
}

/* Force the dropdown item to act as a full-width flex container */
.dropdown-item.d-flex {
    display: flex !important;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

/* Ensure the text expands to fill the space, allowing the arrow to be pushed */
.menu-text {
    flex-grow: 1;
}

/* Fallback for the arrow if utility classes are not sufficient */
.ri-arrow-right-s-line {
    margin-left: auto !important;
}

/* Responsive adjustment for small screens to prevent squeezing */
@media (max-width: 991px) {
    .dropdown-menu {
        min-width: 100%;
    }
}

/* ===== HORIZONTAL MENU - SMALL SCREEN STYLES (< 991px) ===== */
@media (max-width: 991px) {
    /* Remove all borders from topnav container */
    .topnav,
    .topnav .container-fluid,
    .topnav .navbar,
    .horizontal-menu-1 {
        border: none !important;
        box-shadow: none !important;
    }
    
    /* Nav links - no borders, clean look */
    .horizontal-menu-1 .nav-link {
        border: none !important;
        border-bottom: none !important;
        background-color: transparent !important;
    }
    
    /* Hover effect - ONLY text color change, no background/border */
    .horizontal-menu-1 .nav-link:hover,
    .horizontal-menu-1 .nav-link:focus {
        color: var(--enov8-topnav-link-hover) !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    /* Dropdown menu - no border, no box structure */
    .horizontal-menu-1 .dropdown-menu {
        border: none !important;
        box-shadow: none !important;
        background-color: transparent !important;
        padding-left: 1rem;
    }
    
    /* Dropdown items - no borders */
    .horizontal-menu-1 .dropdown-item {
        border: none !important;
        background-color: transparent !important;
    }
    
    /* Dropdown item hover - ONLY text color change */
    .horizontal-menu-1 .dropdown-item:hover,
    .horizontal-menu-1 .dropdown-item:focus {
        color: var(--enov8-topnav-link-hover) !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    /* Submenu - no border, no box structure */
    .horizontal-menu-1 .dropdown-submenu > .dropdown-menu {
        border: none !important;
        box-shadow: none !important;
        background-color: transparent !important;
        position: static !important;
        padding-left: 1rem;
    }
    
    /* Dropdown dividers - hide or make subtle */
    .horizontal-menu-1 .dropdown-divider {
        border-color: var(--enov8-topnav-border) !important;
        margin: 0.25rem 0 !important;
    }
    
    /* Dropdown headers */
    .horizontal-menu-1 .dropdown-header {
        border: none !important;
        background-color: transparent !important;
    }
}

/* ===== HORIZONTAL MENU - LARGE SCREEN STYLES (>= 992px) ===== */
@media (min-width: 992px) {
    #horizontalMenuContent,
    .horizontal-menu-1 .navbar-collapse,
    .topnav .navbar-collapse {
        display: flex !important;
        flex-basis: auto !important;
        visibility: visible !important;
        height: auto !important;
    }
    
    /* Hide the toggle button on large screens */
    .navbar-toggler.d-lg-none {
        display: none !important;
    }
    
    /* Ensure topnav is visible */
    .topnav {
        display: block !important;
    }
}

/* Force visibility when the show class is present */
.lazy-load-vertical-container.collapse.show {
    height: auto !important;
    display: block !important;
}

.last_node_vertical_menu_item {
    margin-left: 17px !important;
}

.side-nav-fifth-level, .side-nav-sixth-level, .side-nav-seventh-level, .side-nav-eighth-level, .side-nav-ninth-level, .side-nav-tenth-level {
    padding-left: calc(var(--ct-menu-item-padding-x) * 2) !important;
}

html[data-sidenav-size=full]:not([data-layout=topnav]).sidebar-enable .leftside-menu {
    width: 20% !important;
}

.vertical-node-arrow-icon{
    margin-top: 2px !important;
}

.vertical-menu-display-span{
    margin-left: -10px !important;
}

.side-nav-second-level {
    padding-left: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) * 3) !important;
}

.topnav .navbar-toggler {
    background-color: var(--enov8-topnav-bg);
}
/* Navbar toggler icon toggle - hamburger/cross */
.topnav .navbar-toggler .toggler-icon-hamburger,
.topnav .navbar-toggler .toggler-icon-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1f2d3d;
    transition: transform 0.3s ease, opacity 0.2s ease;
}

[data-bs-theme=dark] .topnav .navbar-toggler .toggler-icon-hamburger,
[data-bs-theme=dark] .topnav .navbar-toggler .toggler-icon-close {
    color: #ffffff;
}

/* Default state (collapsed) - show hamburger, hide close */
.topnav .navbar-toggler[aria-expanded="false"] .toggler-icon-hamburger {
    display: inline-flex !important;
}
.topnav .navbar-toggler[aria-expanded="false"] .toggler-icon-close {
    display: none !important;
}

/* Expanded state - hide hamburger, show close */
.topnav .navbar-toggler[aria-expanded="true"] .toggler-icon-hamburger {
    display: none !important;
}
.topnav .navbar-toggler[aria-expanded="true"] .toggler-icon-close {
    display: inline-flex !important;
}

/* Rotate animation for close icon */
.topnav .navbar-toggler[aria-expanded="true"] .toggler-icon-close i {
    animation: rotateIn 0.3s ease;
}

@keyframes rotateIn {
    from {
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        transform: rotate(0deg);
        opacity: 1;
    }
}

.quick-add-classes-menu {
        min-width: 200px;
    }

    .quick-add-classes-menu .dropdown-item {
        display: flex;
        align-items: center;
        padding: 10px 15px;
    }


    .quick-add-classes-menu .dropdown-item i {
        margin-right: 10px;
        font-size: 18px;
    }

    /* Submenu Arrow and Hover Logic */
    .quick-add-submenu { position: relative; }
    .quick-add-submenu:hover > .dropdown-menu { display: block; }
    .quick-add-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

    .has-children::after {
        content: "\F0142"; /* MDI Chevron Right */
        font-family: "Material Design Icons";
        margin-left: auto;
    }

    /* Add padding to the topbar menu items */
    .topbar-menu > li {
        padding: 0 12px;
        position: relative;
    }

    /* 1. Handle the "Hover to Show" logic and Positioning */
    .topbar-icon-dropdown-hover {
        position: relative;
    }
    
    .topbar-icon-dropdown-hover:hover > .dropdown-menu,
    .topbar-icon-dropdown-hover:focus-within > .dropdown-menu {
        display: block;
        top: 100%;
        left: auto !important;
        right: -20px !important; /* add px */
    }
    
    /* Hover bridge */
    .topbar-icon-dropdown-hover::before {
        content: "";
        position: absolute;
        top: 100%;
        left: -12px;
        right: -12px;
        height: 20px;
        background: transparent;
    }
    
    .topbar-icon-dropdown-hover .dropdown-menu {
        z-index: 1050;
        pointer-events: auto;
    }

    [data-bs-theme=dark] .leftside-menu
    {
        background-color: var(--enov8-menu-background-color) !important;
    }

    [data-bs-theme=light] .leftside-menu
    {
        background-color: white !important;
    }

    [data-bs-theme=light] .side-nav .side-nav-link:hover, [data-bs-theme=light] .side-nav .side-nav-link:focus, [data-bs-theme=light] .side-nav .side-nav-link:active
    {
        color: #2f2b2b !important
    }

    [data-bs-theme=dark] .side-nav .side-nav-link:hover, [data-bs-theme=dark] .side-nav .side-nav-link:focus, [data-bs-theme=dark] .side-nav .side-nav-link:active
    {
        color: var(--ct-menu-item-hover-color)!important;
    }

    [data-bs-theme=dark] .button-close-fullsidebar:hover, [data-bs-theme=dark] .button-close-fullsidebar:focus, [data-bs-theme=dark] .button-close-fullsidebar:active {
    color: var(--ct-menu-item-hover-color) !important;
    }
    [data-bs-theme=light] .button-close-fullsidebar:hover, [data-bs-theme=light] .button-close-fullsidebar:focus, [data-bs-theme=light] .button-close-fullsidebar:active {
    color: #2f2b2b !important;
    }


    
    /* Light mode search input */
[data-bs-theme="light"] input#top-nav-global-search {
    color: #212529;
    background-color: #f6f7fb;
}

[data-bs-theme="light"] input#top-nav-global-search::placeholder {
    color: #495057 !important;
    opacity: 1 !important;
}

/* Dark mode search input */
[data-bs-theme="dark"] input#top-nav-global-search {
    color: #f8f9fa;
}

[data-bs-theme="dark"] input#top-nav-global-search::placeholder {
    color: #adb5bd !important;
    opacity: 1 !important;
}


    /* Light mode */
.breadcrumb-link {
    color: #3f4ccf;
}

.breadcrumb-item.active {
    color: #4f5b62;
}

/* Dark mode */
[data-theme="dark"] .breadcrumb-link,
body.dark-mode .breadcrumb-link {
    color: #aeb4ff;
}

[data-theme="dark"] .breadcrumb-item.active,
body.dark-mode .breadcrumb-item.active {
    color: #c4ccd4;
}