.blockUI.blockOverlay {
    z-index: 9998 !important;
}

.blockUI.blockMsg.blockPage {
    z-index: 9999 !important;
}

.hide {
    display: none!important;
}

.record-button-wrapper, .record-video-wrapper, .record-play-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.recorded-streaming-video-block .video-box, .recorded-streaming-video-block .playing-video {
    width: 100%;
    height: 150px;
    border-radius: 15px;
    overflow: hidden;
    background: black;
    object-fit: cover;
}

.recording-video-box .playing-recording-video {
    object-fit: cover;
    width: 90%;
    margin-left: 5px;
    height: 150px;
    border-radius: 50%;
}

.recording-video-box .playing-screen-sharing {
    height: 130px;
    border-radius: 20%;
    margin: 40px 40px 0;
    padding: 15px 40px;
}

.library-recorded-streaming-video-block,
.library-recorded-streaming-video-block .library-video-box,
.library-recorded-streaming-video-block .playing-video {
    height: 128px;
}

.play-existing-video {
    position: absolute;
    z-index: 1;
    top: 55px;
    left: 115px;
    width: 90px;
    height: 40px;
}

.play-existing-library-video {
    top: 44px;
    left: 66px;
}

.play-existing-video-icon:before {
    content: "\f101";
    color: #f18024;
    font-family: VideoJS;
    font-style: normal;
    font-size: 2.8em;
    line-height: normal;
    top: 2px;
    position: absolute;
    left: 25px;
}

.stop-existing-video {
    position: absolute;
    left: 30px;
    top: 110px;
    padding: 4px 12px 4px 12px!important;
    color: #f18024;
    width: 40px;
}

.stop-existing-library-video {
    z-index: 1;
    left: 12px;
    top: 86px;
}

.stop-recording-icon:before {
    font-size: 12px;
    font-weight: 900;
    margin-left: 0;
}

.record-time-block {
    position: absolute;
    top: 100px;
}

.record-time-block .record-time {
    color: #f18024;
    font-weight: 600;
}

.contentPreview {
    padding-right: 20px;
    padding-left: 20px;
}