/*this is css for all main side bar*/
.side_bar{
    width: 90px;
    background-color: rgb(179, 179, 179);
    position: fixed;
    background-color: white;
    top: 71px;
    left: 0;
    bottom: 0;
}
/*this is css for div for icons*/
.side_bar_icons{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 5px;
    transition: background-color 0.10s;
}
/*this css for image or icon in div*/
.side_bar_icons img {
    height: 40px;
    margin-bottom: 5px;
}
/*css for text bellow icons*/
.side_bar_icons .side_bar_icons_detail {
    margin: 0;
}
/*css for hover on div*/
.side_bar_icons:hover {
    background-color: rgb(200, 200, 200);
    cursor: pointer;
}