body {
    font-family: Arial, sans-serif !important;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.hide_scroll_track::-webkit-scrollbar {
    width: 5px;
}

.black_theme_color {
    background-color: #222222 !important;
}

.bottom_border {
    border-bottom: 2px solid #4f4f4f !important;
}

.right_border {
    border-right: 2px solid #4f4f4f !important;
}

.wrapper {
    display: flex !important;
}

.sidebar {
    width: 120px !important;
    background-color: #4e4e4e !important;
    color: #fff !important;
    height: 100vh !important;
}

.sidebar ul {
    list-style-type: none !important;
    padding: 0 !important;
}

.sidebar ul li {
    margin-bottom: 40px !important;
}

.sidebar ul li a {
    color: #fff !important;
    text-decoration: none !important;
}

.main-panel {
    flex-grow: 1 !important;
}

.side-bar-center-content-icon {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100vh !important;
    text-align: center !important;
}

.pointer {
    cursor: pointer !important;
}

.filter_search_btn {
    background-color: #4f4f4f !important;
    color: white !important;
}