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.webp) 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;
    text-align: center;
    box-shadow: #d2d2d2 1px 1px 0px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
    z-index: 99999;
    /* "Sie befinden sich an Position X..." Eski 16px kullanici talebi
       ile buyutuldu (musteri kuyrukta sayfayi acmistir ve mesaji hemen
       gormesi gerekir). 32 fazla geldi, 24'e cekildi, 22 daha dengeli. */
    font-size: 22px;
}


#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;
}