.courseViewcontainer[data-v-35d03f86]{background:#f5f5f5 url(../img/font_home.4f0c3deb.png) -50px -50px repeat padding-box!important;width:100vw;min-height:100vh;position:absolute;z-index:20;top:0;left:0}.courseViewcontainer>.page-content[data-v-35d03f86]{padding-top:100px;padding-bottom:100px}@media(max-width:768px){.courseViewcontainer>.page-content[data-v-35d03f86]{padding-top:20px}}.courseViewcontainer .coursenav[data-v-35d03f86]{width:100vw;height:100px;position:fixed}@media(max-width:768px){.courseViewcontainer .coursenav[data-v-35d03f86]{position:relative}}.courseViewcontainer .coursenav .circularBtn[data-v-35d03f86]{height:60px;top:10px;right:20px;width:60px;position:absolute}.courseViewcontainer .coursenav .circularBtn:hover>div[data-v-35d03f86]:first-child{display:none}.courseViewcontainer .coursenav .circularBtn:hover>div[data-v-35d03f86]:last-child{left:0;top:10px}.courseViewcontainer .coursenav .circularBtn>div[data-v-35d03f86]{position:absolute;width:50px;height:50px;top:0;transition:all .2s ease-in-out}.courseViewcontainer .coursenav .circularBtn>div[data-v-35d03f86]:first-child{background:#009894;left:0;top:10px;position:relative}.courseViewcontainer .coursenav .circularBtn>div[data-v-35d03f86]:last-child{background-color:#fff;left:5px;top:5px}.message{padding:10px;border-radius:10px;border:1px solid #ccc;background:#fff;margin-bottom:20px}.message .msg-header{display:flex;align-items:center}.message .msg-header p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-lines:2}.message .msg-header .more-button{background:transparent;border:none;padding:0}.message .msg-header .more-button i:before{display:block;transform:rotate(90deg)}.message .msg-header .dropdown-menu{padding:0;font-size:12px;min-width:auto}.message .reply-btn{border-radius:20px;max-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-lines:2;font-size:12px}.message .user-tag{color:#009894;cursor:pointer;margin-right:2px}.message .user-tag:hover{text-decoration:underline}.message .avatar{width:30px;height:30px}.message .content{flex-grow:1}.message .content .text-content{display:inline-block;background:#fff;color:#000;word-break:break-word;border-radius:3px;padding:5px}.message .responses{border-left:1px solid #ccc;margin-left:10px}.message .responses .message{border:none}.reply-msg[data-v-e7d78d9c]{color:#555;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-lines:2}.image-list[data-v-e7d78d9c]{display:flex;flex-wrap:wrap}.image-list>[data-v-e7d78d9c]{margin-left:2%;margin-right:2%}.image-list>[data-v-e7d78d9c]:first-child{margin-left:0}.image-list>[data-v-e7d78d9c]:last-child{margin-right:0}.image-list>[data-v-e7d78d9c]:nth-child(odd){margin-left:0}.image-list>[data-v-e7d78d9c]:nth-child(2n){margin-right:0}.image-list figure[data-v-e7d78d9c]{margin-bottom:10px;width:46%;height:auto;max-height:100px}.message-container[data-v-25eb6e0c]{background:#f2f2f2;flex-grow:1;height:calc(100vh - 200px)}.message-container.limited[data-v-25eb6e0c]{height:calc(100vh - 300px)}.message-editor.limited[data-v-25eb6e0c]{max-height:130px;overflow-y:auto}.message-title[data-v-25eb6e0c]:hover{outline:none}.user-header[data-v-25eb6e0c]{height:60px;display:flex;padding:5px 10px;align-items:center}.collapse-chat[data-v-25eb6e0c]{display:flex;flex-direction:column;flex-grow:1}.video-player iframe,.video-player video{width:100%}