body {
    padding-top: 70px;
}

.card-body video {
    width: 100%;
    height: auto;
    background: #000;
}

#videoleft video, #myvideo video {
    transform: scaleX(-1);
}

.hide {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

.remote-video {
    margin-bottom: 15px;
}

.remote-video .card-body {
    min-height: 200px;
    background: #000;
}

.btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

#remotesContainer .card {
    margin-bottom: 15px;
}

.top-right {
    position: absolute;
    top: 5px;
    right: 5px;
}