.sidebar {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 55px;
    background-color: white;
    width: 72px;
    z-index: 101;
    padding-top: 5px;
    transition: width 0.3s ease, transform 0.3s ease;
}

.sidebar.collapsed {
    width: 0;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .sidebar {
        width: 125px;
    }
    .sidebar-link {
        height: 50px !important;
        justify-content: left !important;
        flex-direction: row !important;
    }
    .sidebar-link img,
    .sidebar-link div {
        margin-left: 8px;
    }
}

.sidebar-link {
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sidebar-link:hover {
    background-color: rgb(234, 234, 234);
    cursor: pointer;
}

.sidebar-link img {
    height: 24px;
    margin-bottom: 5px;
}

.sidebar-link div {
    font-size: 10px;
}