* {
	font-family: 'Open Sans', sans-serif;
}
#large-video-wrapper{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
	
}
#large-video-wrapper > video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-aspect-ratio: 16/9) {
    #large-video-wrapper > video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    #large-video-wrapper > video {
        width: 300%;
		height:132%;
        left: -100%;
    }
}

@media (max-width: 767px) {
    #large-video-wrapper {
        background: url('../img/videoframe.jpg') center center / cover no-repeat;
    }

    #large-video-wrapper > video {
        display: none;
    }
}

#remote-video-container{
    bottom: 0;
    left: 0;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: 9999;
}
#remote-video-container video{
    border: 5px solid #8c8c8c;
    margin-left: 5px;
    max-width: 150px;
}

.local-video-button{
	position:absolute;
	top:2px;
	left:45%;
	transform: translate(-50%, 0);
	text-align:center;
	z-index: 2;
	background-color:#000;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}
.local-video-button .fa {
	color:#fff;
	border:0;
	background:none;
	font-size:22px;
	line-height:25px;
	padding:5px;
	display:inline-block;
	cursor:pointer;
	vertical-align:top;
}
.local-video-button .fa:hover{
	background-color:#3e3e3e;
}
.local-video-button .fa-phone {
	color:#ff2b08;
}
.video-off{
	background:url(../images/common/chat/icon-no-video1.png) 50% 50% no-repeat;	
	width:30px;
	height:37px;
	display:inline-block;
	border:0;
	vertical-align:top;
	padding:5px;
	cursor:pointer;
}
.video-off:hover{
	background-color:#3e3e3e;
}
.video-off-reverse{
	background:url(../images/common/chat/icon-no-video.png) 50% 50% no-repeat;	
	width:30px;
	height:37px;
	display:inline-block;
	border:0;
	vertical-align:top;
	padding:5px;
	cursor:pointer;
}

/* Chat Pannel */
.chat_window_box {
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	z-index:999999;
}
.text_chat_window {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.text_chat_box {
    background-color: #f6f7fb;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}
.text_chat_box {
    background-color: #f6f7fb;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}
.chat_content {
	background:none !important;
    height: auto !important;
    max-height: inherit !important;
    min-height: inherit !important;
    bottom: 61px;
    left: 0;
    overflow: auto;
    padding: 10px;
    position: absolute!important;
    right: 0;
    text-align: left;
    top: 80px;
}
/* Person Calling */
.person-calling-overlay {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background-color:rgba(0,0,0,.7);
	z-index:9999999;
}
.person-calling {
	font-size:14px;
	color:#fff;
	font-weight:300;
	text-align:center;
	width:auto;
	position:fixed;
	left:0;
	right:0;
	bottom:140px;
	z-index:9999999;
}
.person-calling .person-pic {
	display:block;
	margin:0 auto 10px;
	width:80px;
	height:80px;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.person-overlay-message {
	font-size:15px;
	color:#fff;
	font-weight:400;
	text-align:center;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:45%;
	z-index:9999999;
}
.person-overlay-message .cal-cancel {
	font-size:13px;
	color:#ffcbc2;
	font-weight:600;
	text-align:center;
	line-height:26px;
	width:100px;
	display:inline-block;
	vertical-align:middle;
	background-color:#ff2b08;
	border:none;
	cursor:pointer;
	margin:0 0 0 10px;
	-webkit-border-radius:25px;
	   -moz-border-radius:25px;
	        border-radius:25px;
}