.left-side-bar .user-img{
    margin-right: 18px;
}

.left-side-bar .container-left-side-bar{
    position: fixed !important;
    width: 20%;
    height: 990px !important;
    overflow: scroll;
    padding-bottom: 280px;
}

.left-side-bar{
    margin-bottom: 1890px;
}

.left-side-bar .user-name{
    font-size: 14px;
    line-height: 21px;
    display: block;
    width: 69%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3F3F3F;
}

.left-side-bar .user-class{
    display: table;
    font-size: 10px;
    line-height: 15px;
    font-weight: bold;

    padding: 1px 10px;
    background: #0094FF;
    color: white;
    border-radius: 3px;
    letter-spacing: 1px;
}

.left-side-bar i{
    margin-right: 6px;
}

.left-side-bar .pages-list .selected{
    color: var(--orange-color);
}

.left-side-bar .pages-list .selected:hover{
    color: white;
}

.gray-box{
    border: 0px solid #D6D6D6;
    border-radius: 5px;
    background: #F0F2F6;
    margin-right: 2px;
}

.gray-box .sideTerms {
    border: .5px solid #D6D6D6;
}

.gray-box .sideTerms:hover {
    background: black;
}

#arrow-menu .white-box{
    overflow: unset;
}

#arrow-menu .white-box a{
    border-radius: 5px;
}

@media screen and (max-height:768px){
    .left-side-bar .container-left-side-bar {
        position: fixed !important;
        width: 20%;
        height: 680px!important;
        overflow: scroll;
    }
}

@media screen and (max-height:720px){
    .left-side-bar .container-left-side-bar {
        position: fixed !important;
        width: 20%;
        height: 590px!important;
        overflow: scroll;
    }
}

@media screen and (max-width: 1366px){
    .gray-box {
        width:100%;
        text-align:center;
    }

    .gray-box .sideTerms {
        line-height: 5px !important;
    }
}


@media screen and (max-width: 980px){
    .left-side-bar .user-name{
        width: 65%!important;
    }
}