/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5nZ3MiOiIifQ */

/*# sourceMappingURL=custom.css.map */

/* Ensure Feather icons display properly */
[data-feather] {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

/* Icon spacing in navigation */
.nav-link i[data-feather] {
    margin-right: 0.5rem;
}

.dropdown-item i[data-feather] {
    margin-right: 0.5rem;
    width: 1.2em;
    height: 1.2em;
}

/* Sidebar dropdown arrows and styling */
.sidebar-menu .dropdown > a.has-dropdown::after {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 50%;
    /* transform: translateY(-50%); */
    transition: transform 0.3s ease;
}

.sidebar-menu .dropdown.active > a.has-dropdown::after {
    /* transform: translateY(-50%) rotate(90deg); */
}

/* Alternative using Feather icon for dropdown arrow */
.sidebar-menu .dropdown > a.has-dropdown::after {
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.sidebar-menu .dropdown.active > a.has-dropdown::after {
    transform: translateY(-50%) rotate(90deg);
}

/* Sidebar menu item styling */
.sidebar-menu .dropdown > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar-menu .dropdown > a span {
    flex: 1;
}

/* Dropdown menu styling */
.sidebar-menu .dropdown-menu {
    background: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    box-shadow: none;
}

.sidebar-menu .dropdown-menu .nav-link {
    padding: 8px 20px 8px 50px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9em;
    border-left: 3px solid transparent;
}

.sidebar-menu .dropdown-menu .nav-link:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-left-color: #007bff;
}

/* Active state for dropdown items */
.sidebar-menu .dropdown.active .dropdown-menu .nav-link.active {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-left-color: #007bff;
}

/* Ensure proper spacing for sidebar menu items */
.sidebar-menu li {
    position: relative;
}

.sidebar-menu li a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 20px;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
}

.sidebar-menu li a:hover {
    /* color: #fff; */
    background: rgba(255, 255, 255, 0.1);
}

.sidebar-menu li.active > a {
    color: #fff;
    background: #007bff;
}

/* Dropdown animation */
.sidebar-menu .dropdown-menu {
    display: none;
    transition: all 0.3s ease;
}

.sidebar-menu .dropdown.active .dropdown-menu {
    display: block;
}

/* Icon spacing in sidebar */
.sidebar-menu li a i[data-feather] {
    margin-right: 10px;
    width: 18px;
    height: 18px;
}

/* Responsive sidebar adjustments */
@media (max-width: 768px) {
    .sidebar-menu .dropdown > a.has-dropdown::after {
        right: 10px;
    }
    
    .sidebar-menu li a {
        padding: 10px 15px;
    }
    
    .sidebar-menu .dropdown-menu .nav-link {
        padding: 6px 15px 6px 40px;
    }
}