video:-webkit-full-screen {
    border-radius: 1px;
}

.fp-remoteVideo {
    border: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.display {
    width: 100% !important;
    height: 100% !important;
    display: inline-block;
}
#localDisplay.fp-localVideo:not(.teacher), .users-add .fp-remoteVideo {
    height: 200px !important;
}
.fp-localVideo:not( .user) {
    height: 200px !important;
}
.fp-localVideo.teacher, .fp-localVideo, #participant1Display.user {
    border: none;
    width: 100% !important;
    height: 300px !important;
    margin: 0 auto !important;
}
.fp-localVideo>video, #participant1Display > video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#participant1Display {
    width: 100%;
    height: 300px;
}

video, object {
    width: 100%;
    height: auto;
}

body {
        background-color: #f5f6fa;

}

.text-success {
    display: none;
}
/*.text-muted {*/
/*    display: none;*/
/*}*/
/*.fp-remoteVide .text-center {*/
/*    display: none; */
/*}*/

/*.fp-remoteVideo .text-center {*/
/*    display: none;*/
/*}*/

/*.fp-localeVide .text-center {*/
/*    display: none;*/
/*}
.display {
    margin: 0!important;
    width:100%!important;
    height: auto!important;
}*/


.text-muted {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
}

#localStatus {
    display: none!important;
}

.volume-on {
    width:30px;
    height:30px;
    
}