.msglist{
    width: 100vw;
    display: flex;
    overflow-y: scroll;
    flex-direction: column;
    .msgbox{
        flex:1;
        margin: 20px;
        border-radius: 20px;
        background-color: #DDD;
    }
}
.footer{
    position: absolute;
    bottom:0px;
    width:100vw;
}
.page{
    height:100vh;
    width:100vw;
    display:flex;
    flex-wrap: wrap;
    .col{
        flex:auto;
    }
    .row{
        width:100%;
        text-align: center;
    }

    .leftnav{
        background-color: cyan;
        width:70px;
        .tablist .footer{
            display: flex;
            flex-direction: column;

        }
        .footer{
            position: absolute;
            bottom:0px;
            left:0px;
            width: 70px;
        }
        .tab-button{
            width:50px;
            height:50px;
            margin-left: 10px;
        }
        .tab-button:hover{
            background-color: rgba($color: #FFFFFF, $alpha: 0.3);
        }
    }
    .chatlist{
        width:230px;
    }
    .chatbox{
        width: calc( 100vw - 300px );
        background-color: #333;
    }

}