/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
*/



/* Mobile view - Collapse sidebar */
/*@media (max-width: 1800x) {
    .sidebar {
        width: 40px;*/ /* Smaller width for mobile view */
    /*}

        .sidebar a .label {
            display: none;*/ /* Hide the labels on mobile */
        /*}

        .sidebar a {
            justify-content: center;*/ /* Center the icon */
        /*}

    .content {
        margin-left: 30px;*/ /* Adjust content for the collapsed sidebar */
    /*}
}*/

/* Desktop view - Expanded sidebar */
/*@media (min-width: 769px) {
    .sidebar {
        width: 260px;*/ /* Full width for desktop view */
    /*}

        .sidebar a .label {
            display: inline-block;*/ /* Display labels on desktop */
        /*}

        .sidebar a {
            justify-content: flex-start;*/ /* Align icon and label */
        /*}

    .content {
        margin-left: 260px;*/ /* Adjust content for expanded sidebar */
    /*}
}*/

/* Sidebar collapsed state */
/*.collapsed .sidebar {
    width: 60px;*/ /* Adjusted collapsed sidebar width */
/*}

    .collapsed .sidebar a .label {
        display: none;*/ /* Hide labels when collapsed */
    /*}

    .collapsed .sidebar a {
        justify-content: center;*/ /* Center the icons when collapsed */
    /*}*/

        /* Ensure icons are displayed and labels for Project, Task, and Alert remain visible */
        /*.collapsed .sidebar a.project-label,
        .collapsed .sidebar a.task-label,
        .collapsed .sidebar a.alert-label {
            display: inline-block;*/ /* Keep labels visible for these three items */
        /*}

            .collapsed .sidebar a.project-label i,
            .collapsed .sidebar a.task-label i,
            .collapsed .sidebar a.alert-label i {
                margin-right: 0;*/ /* No space between the icon and label */
            /*}*/



/* Mobile view - Sidebar collapsed by default */
/*@media (max-width: 768px) {
    .sidebar {
        width: 60px;*/ /* Small width for collapsed sidebar */
        /*transition: width 0.3s ease;
    }

        .sidebar.collapsed {
            width: 60px;
        }

        .sidebar a .label {
            display: inline-block;*/ /* Show labels on desktop */
        /*}
        .sidebar a {
            justify-content: center;*/ /* Center the icons */
        /*}

    .content {
        margin-left: 60px;*/ /* Adjust content for collapsed sidebar */
        /*transition: margin-left 0.3s ease;
    }

        .content.collapsed {
            margin-left: 60px;*/ /* Same margin for collapsed state */
        /*}
}*/

/* Desktop view - Sidebar expanded by default */
/*@media (min-width: 769px) {
    .sidebar {
        width: 260px;*/ /* Full width for expanded sidebar */
        /*transition: width 0.3s ease;
    }

        .sidebar.collapsed {
            width: 60px;*/ /* Smaller width for collapsed state */
        /*}

        .sidebar a .label {
            display: inline-block;*/ /* Show labels on desktop */
        /*}

    .content {
        margin-left: 260px;*/ /* Adjust content for expanded sidebar */
        /*transition: margin-left 0.3s ease;
    }

        .content.collapsed {
            margin-left: 60px;*/ /* Adjust content for collapsed state */
        /*}
}*/

/* Sidebar styles for consistent behavior */
/*.sidebar {
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #f8f9fa;
    overflow: hidden;
    transition: width 0.3s ease;
}

.content {
    transition: margin-left 0.3s ease;
}*/

/* Hide the labels when the sidebar is collapsed */
/*.collapsed .sidebar a .label {
    display: none;
}*/

/* Ensure icons and badges are still visible */
/*.sidebar a i {
    display: inline-block;*/ /* Keep icons visible */
    /*margin-right: 15px;
}

.collapsed .sidebar a i {
    margin-right: 0;*/ /* Adjust icon alignment when sidebar is collapsed */
/*}*/

/* Optional: Adjust badge positioning for collapsed state */
/*.collapsed .sidebar a span.badge {
    transform: translate(50%, -50%);*/ /* Ensure badge stays aligned properly */
/*}*/



/* Mobile view - Sidebar collapsed by default */
/*@media (max-width: 768px) {
    .sidebar {
        width: 100px;*/ /* Slightly wider for mobile to accommodate icons and labels */
        /*transition: width 0.3s ease;
        display: flex;
        flex-direction: column;
        align-items: flex-start;*/ /* Align items to the left */
        /*padding: 10px 0;
    }

        .sidebar a {
            display: flex;
            flex-direction: row;*/ /* Align icons and labels in a row */
            /*align-items: center;*/ /* Center align icon and label vertically */
            /*text-align: left;
            justify-content: flex-start;*/ /* Keep items aligned to the left */
            /*padding: 10px;
            color: white;*/ /* Sidebar text color */
            /*text-decoration: none;
            width: 100%;*/ /* Full width clickable area */
        /*}

            .sidebar a i {
                font-size: 1.5em;*/ /* Adjust icon size for mobile */
                /*margin-right: 10px;*/ /* Space between icon and label */
            /*}

            .sidebar a .label {
                display: inline-block;*/ /* Ensure labels are visible */
                /*font-size: 14px;*/ /* Adjust label font size for mobile */
            /*}

    .content {
        margin-left: 100px;*/ /* Adjust content to accommodate sidebar width */
        /*transition: margin-left 0.3s ease;
    }

        .content.collapsed {
            margin-left: 60px;*/ /* Adjust margin for collapsed sidebar */
        /*}
}*/

/* Desktop view - Sidebar expanded by default */
/*@media (min-width: 769px) {
    .sidebar {
        width: 260px;*/ /* Full width for expanded sidebar */
        /*transition: width 0.3s ease;
        display: flex;
        flex-direction: column;*/ /* Stack links vertically */
        /*align-items: flex-start;
        padding: 15px 0;
    }

        .sidebar.collapsed {
            width: 60px;*/ /* Smaller width for collapsed state */
        /*}

        .sidebar a {
            display: flex;
            flex-direction: row;*/ /* Keep icons and labels inline */
            /*align-items: center;*/ /* Center align icon and label vertically */
            /*text-align: left;
            justify-content: flex-start;*/ /* Keep items aligned to the left */
            /*padding: 10px;
            color: white;*/ /* Sidebar text color */
            /*text-decoration: none;
        }

            .sidebar a i {
                font-size: 1.5em;*/ /* Icon size */
                /*margin-right: 10px;*/ /* Space between icon and label */
            /*}

            .sidebar a .label {
                display: inline-block;*/ /* Labels always visible */
                /*margin-left: 10px;*/ /* Space between icon and label */
            /*}

    .content {
        margin-left: 260px;*/ /* Adjust content for expanded sidebar */
        /*transition: margin-left 0.3s ease;
    }

        .content.collapsed {
            margin-left: 60px;*/ /* Adjust margin for collapsed state */
        /*}
}*/

/* General Sidebar Styling */
/*.sidebar {
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #343a40;*/ /* Dark background */
    /*overflow: hidden;
    transition: width 0.3s ease;
}

    .sidebar a:hover {
        background-color: rgba(255, 255, 255, 0.1);*/ /* Add hover effect */
        /*color: #fff;*/ /* Ensure text remains visible */
    /*}*/

    /* Badge alignment */
    /*.sidebar a span.badge {
        position: absolute;
        top: 10px;
        right: 10px;
        transform: translate(-50%, -50%);
    }*/