.body-side {
    width: 300px;
}

.user-profile {
    border: 1px solid #e1e1e1;
}

.user-photo {
    width: 80px;
    height: 80px;
    padding: 2px;
    border-radius: 50%;
    background: #db7240;
    align-items: center;
}

.user-photo img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.user-image {
    width: 77px;
    height: 77px;
    border-radius: 50%;
}

.non-image-user {
    font-size: 50px;
    color: #2070af;
}

#logout {
    background: transparent;
    border: none;
    color: #db7240;
}

.head-part {
    background: #2070af;
}

.bottom-part {
    background: #fff;
}

.line {
    width: 1px;
    height: 50px;
    background: #c4c4c4;
}

.user-current-actions {
    background: #2070af;
}

.user-actions-topic {
    background: #2070af;
    cursor: pointer;
}

.user-actions-items {
    display: none;
}

.user-actions-items .item {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    cursor: pointer;
    background: #1a517c;
}

.user-actions-sub-items {
    display: none;
}

.user-actions-sub-item-items {
    display: none;
}

.user-actions-sub-items .sub-item {
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    cursor: pointer;
    background: #153b58;
}

.user-actions-sub-item-items .sub-item-item {
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    cursor: pointer;
    background: #172d3e;
}

.alert-counter {
    background: #db7240;
    border-radius: 5px;
}

.sub-item-item.active .alert-counter{
    background: #172d3e;
    border-radius: 5px;
}

.body-side .active {
    background: #db7240 !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}
.page-item.active .page-link {
    background-color: #db7240;
    border-color: #db7240;
}
.page-link:focus {
    box-shadow: unset;
}

.safety-privacy-first-step-box{
    border-radius: 5px;
    background: #2f597a !important;
}

.safety-privacy-second-step-box{
    border-radius: 5px;
    background: #5d7925 !important;
}