video {
    max-width: calc(100%);
    /*margin: 0 50px;*/
    box-sizing: border-box;
    border-radius: 2px;
    padding: 0;
    /*box-shadow: rgba(156, 172, 172, 0.2) 0px 2px 2px, rgba(156, 172, 172, 0.2) 0px 4px 4px, rgba(156, 172, 172, 0.2) 0px 8px 8px, rgba(156, 172, 172, 0.2) 0px 16px 16px, rgba(156, 172, 172, 0.2) 0px 32px 32px, rgba(156, 172, 172, 0.2) 0px 64px 64px;*/
}

.copy {
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
}

.jura_client_background {
    float: left;
    /* transition: all 500ms ease-in; */
    background: #dadee1 url(../img/jura_bg_studio2.jpg) no-repeat;
    background-size: cover;
    position: relative;
    /*height: calc(65vh - 0px);*/
}

.jura_client_remotevdeo {
    max-width: 100%; /*max-width: calc(55vw - 30px); */
    /* max-height: calc(calc(65vw - 130px) * 0.5625); */
    float: right;
    /*padding-top: 10px;*/
    /* transition: all 500ms ease-in; */


    position: absolute;
    /* Need to center a div object  */
}

@media only screen and (orientation:Landscape) {
    .jura_client_remotevdeo {
        height: calc(100vh - 0px) !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media only screen and (orientation:Portrait) {
    .jura_client_remotevdeo {
        width: 100%;
    }
}

.rowPLR0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.jura_client_divRemoteVideo {
    height: calc(65vh - 130px);
}

.quenum {
    position: fixed;
    background: #fff;
    /*top: 250px;*/
    border-radius: 16px;
    font-size: 11pt;
    text-align: center;
    box-shadow: #d2d2d2 1px 1px 0px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
    z-index: 99999;
    font-size: 16px;
}


#localVideoMic:hover {
    cursor: pointer;
}

#localVideoEndCall:hover {
    cursor: pointer;
}

#localVideoVideo:hover {
    cursor: pointer;
}

#localVideoMessage:hover {
    cursor: pointer;
}

#captureImage:hover {
    cursor: pointer;
}

#ScreenOption1:hover {
    cursor: pointer;
}

#ScreenOption2:hover {
    cursor: pointer;
}

#ScreenOption3:hover {
    cursor: pointer;
}

#CamOption1:hover {
    cursor: pointer;
}

#CamOption2:hover {
    cursor: pointer;
}

#CamOption3:hover {
    cursor: pointer;
}

#imglocalMic:hover {
    cursor: pointer;
}

#imglocalVideo:hover {
    cursor: pointer;
}

#flip-btn:hover {
    cursor: pointer;
}

#imglocalVideo:hover {
    cursor: pointer;
}

#imglocalMessage:hover {
    cursor: pointer;
}

#imglocalMic:hover {
    cursor: pointer;
}

#imglocalVideoEndCall:hover {
    cursor: pointer;
}

#imgFullScreen:hover {
    cursor: pointer;
}

#imgRecording:hover {
    cursor: pointer;
}

#imgBlock:hover {
    cursor: pointer;
}