.cl_wrapper{
    width:100%;
    min-height: 600px;
}
.cl_container{
    width: 100%;
    min-height: 600px;
    position: absolute;
    top:70px;
}
.cl_video{
    position: absolute;
    width: 320px;
    height:240px;
    background-color:#333333;
}
.cl_users{
    position:absolute;
    top:240px;
    width:320px;
    height:360px;
    background-color:#FFFFFF;
    border: solid;
    border-width:1px ;
    border-color: #CCCCCC;
}
.cl_whiteboard{
    position: absolute;
    height: 600px;
    left:320px;
    background-color:#f2f2f2;
    transform-origin: top left;

}
.cl_chat{
    width: 100%;
    height: 100%;
}
.cl_status{
    display:block;
    margin-left: auto;
}
.cl_name a{
    color: white;
    font-size: larger;
    display: flex;
}
.cl_name{
    display: flex;
}
.bt_logout{
    color: white;
    font-size: large;
    margin-right: 15px;
    margin-left: 45px;
    margin-top:3px;
    transform: scaleX(-1);
    cursor: pointer;
}
.cl_chat{
    display: none;
    align-content:"flex-end"
}
.cl_list_user{
    padding: 10px;
    display:block;
}
.cl_tab_users{
    width:100%;
    height: 50px;
    display:flex;
}
.cl_bt_users{
    width:50%;
    height:50px;
    border-bottom-width:2px;
    border-bottom-style: solid;
    border-bottom-color:#1caba0;
    color:#1caba0;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}   
.cl_bt_chat{
    width:50%;
    height: 50px;
    border-bottom-width:1px;
    border-bottom-style: solid;
    border-bottom-color:#cccccc;
    color:black;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.chat_window{
    height: 240px;
    max-height: 240px;
    background-color: white;
}
.messages{
    height: 240px;
    max-height: 240px;
    background-color: white;
}
.cl_bt{
    position: absolute;
    font-size: large;
    color: gray;
}
.bt_expand{
    top:10px;
    left:290px;
    cursor: pointer;
}
.bt_hideleft{
    top:10px;
    left:10px;
    cursor: pointer;
    transform: scaleX(-1);
}
.bt_showleft{
    top:10px;
    left:10px;
    cursor: pointer;
    display: none;
}
#time_status_not_play{
    position: absolute;
    font-size: 38px;
    font-weight: bold;
}
#example{
    width: 100%;
    height:100%;
}