.activity-sidebar {
    position: fixed;
    top: 140px;
    right: -500px; /* Initially hide the sidebar off-screen */
    width: 500px;
    height: 100vh;
    background-color: #f1f1f1;
    transition: right 0.3s ease;
    margin-top: 70px;
    z-index: 99999;
}
.activity-toggle-button {
    background-color: #83929f;
    color: #e5e5e5;
    padding: 10px;
    border-radius: 25px;
    cursor: pointer;
    z-index: 9999;
    height: 40px;
    width: 40px;
    font-size: 1.4em;
    text-align: center;
    padding-top: 7px;
    border-color: #83929F;
}
.scroll-area {
    height: 100vh; /* Set the height to fill the window */
    overflow-y: scroll; /* Enable vertical scrolling */
}
.vertical-timeline-item {
    /* Other styles for the element */
    /* Add transition for smooth hover effect */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    transition: box-shadow 0.3s ease;
    margin: 8px 4px 8px 4px;
    padding: 4px;
}

/* CSS for the vertical-timeline-element on hover */
.vertical-timeline-item:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.7); /* Apply the drop shadow effect on hover */
}

.activity-sidebar  .card-body {
    padding: .5rem;
}

/* badges for AREAs */
.badge-System {
    color: #fff;
    background-color: #1dc9b7;
    
}
.badge-Accounting {
    color: #fff;
    background-color: #1dc9b7;
   
}
.badge-Production {
    color: #fff;
    background-color: #1dc9b7;
    
}
.badge-Inventory {
    color: #fff;
    background-color: #1dc9b7;
    
}
.badge-Quality {
    color: #fff;
    background-color: #1dc9b7;
    
}
.badge-Fulfillment {
    color: #fff;
    background-color: #1dc9b7;
    
}

/* badges for Detail Levels */
.badge-Default {
    color: #fff;
    background-color: #1dc9b7;
    
}

.badge-Extended {
    color: #fff;
    background-color: #1dc9b7;
    
}

.badge-Full {
    color: #fff;
    background-color: #1dc9b7;
    
}