.side_bar{
    width: 25%;
    height: 100%;
    position: fixed;
    left: 80%;
    z-index: 10;
    background-color: white;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    margin-left: 25%;
}

.sb_line{
    width: 75%;
    left: 15%;
}

.main_sb{
    margin-left: 10%;
}

.sb_actions{
    list-style-type: none;
    padding-left: 0px;
}

.sb_action{
    margin-bottom: 5%;
    font-size: 1em;
    text-decoration: none;
    color: black;
    width: 75%;
    cursor: pointer;
    border-radius: 5px;
    padding-bottom: 7.5px;
    padding-left: 10px;
    display: flex;
}

.sb_action img{
    display: block;
    margin-top: 5px;
}
.sb_action div{
    margin-top: 10px;
    margin-right: 5px;
}

.not_chosen:hover{
    transform: scale(1.1);
    background-color: #d5d7db;
    transition: all 0.2s ease-in-out;
}

.bottom_action{
    width: 22.75%;
    height: 22.75%;
    margin-top: 7.5%;
    margin-left: 2.5%;
    border-radius: 10px;
}

.top_action{
    width: 22.75%;
    height: 22.75%;
    margin-top: 5%;
    margin-left: 2.5%;
    border-radius: 10px;
}

.bottom_action img{
    display: block;
    margin-left: 10%;
}

.bottom_sb{
    display: flex;
    position: absolute;
    bottom: 100px;
    margin-left: 10%;
    width: 100%;
}

li.chosen{
    background-color: #3b68ff;
    color: white;
}

.top_sb{
    margin-bottom: 10px;
    display: flex;
    margin-left: 15%;
}

.top_action img{
    display: block;
    margin-left: 10%;
    margin-bottom: 5%;
}