.bar 
{
    background-color: #0F1E30;
    padding: 0 16px 0 16px;
    height: 100%;
    width: fit-content;
}

.sidebar_buttons
{
    margin-top: 30px;
    height: 100%;
}

.collapse
{
    margin-top: auto;
    cursor: pointer;
}
.collapse a 
{
    width:100%;
}
.item, .item_selected
{
    border-radius: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 42px;
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
}
.item
{
    background: #0F2A43;
    border: 1px solid #0F2A43;
    color: #D3DBE5;
}

.item span
{
    font-weight: bold;
    margin-left: 8px;
}
.item .expand_img
{
    display:none;
}
.item_selected
{
    background: #F7F9FA;
    color: #0F1E30;
}
.item:hover
{
    background-color: #20558A;
    border:1px solid #20558A;
    color: #F7F9FA;
}
.item_selected:hover
{
    background-color: #E2EDF9;
}
.item_selected img
{
    margin-right: 8px;
}

/*********************************************************************************************/
/* COLLAPSE SIDEBAR **************************************************************************/
.collapse_sidebar
{
    display: none;
}
.collapse_sidebar:checked ~ .item > span, .collapse_sidebar:checked ~ .item > .collapse_img
{
    display: none;
}
.collapse_sidebar:checked ~ .item > .expand_img
{
    display: block;
}