.online-lists{
    padding: 5px;
}

.online-lists li{
    margin-bottom: 5px;
    line-height: 25px;
    padding: 5px;
}

.online-lists img{
    width: 16px;height: 16px;border-radius: 100%;
}

.table-equal td{
    width: 33%;
}

.room-info{
    min-height: 30vh;
}

.device-select{
    border-color: #dbe3e6;padding: 0 15px 0 15px;

}
[v-cloak] {
    display:none;
}

.camera{
    min-height: 85vh;
}
.users{
    max-height: 51vh;

}

.box-body .video-area{
    max-height: 80vh;
    overflow-y:auto;
}
.box-body video{
}

.div div{
    border-radius: 5px;
    margin-bottom: 5px;
    height: 150px;
    position: relative;
}
.video-p{
    bottom: 0;margin: 0 auto;padding: 5px 2px 5px 2px;z-index: 1000;width: 100%;border-radius: 5px;
}
.span{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    display: block;
}

.a-bit-top{
    margin-top: 10px;
    margin-bottom: 10px;
}

.mask{
    width: 87%;
    height: 40%;
    background: grey;
    position: absolute;
    z-index: 100;
}
.mask-hide{
    display: none;
}
#table td{
    height: 100%;
}
.left-bar{
    background-color: rgb(102,110,232);width: 9px;height: 22px;margin-right: 5px
}

[class*=sidebar-dark-] .navbar-header{
    background-color: white;
}
.main-menu [class*=sidebar-dark-] .navbar-header .logo-lg, .main-menu [class*=sidebar-dark-] .navbar-header .logo-mini{
    color: #656262;
}

[class*=sidebar-dark-] {
    background-color: #222d32 !important;
}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {
    color: #fff;
    background-color: #0c8bf0;
    width: 100%;
    font-weight: 700;
}

@media screen and (max-width: 767px){
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: visible;
        border: 1px solid #DDD;
        min-height: .01%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        z-index: 1000;
    }
}

.td{
    max-width: 150px; overflow: hidden; text-overflow:ellipsis;
}