#_twbVideollamdaContainer{
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:20000000;
	background-color:#000000;
	height:100%;
}


#_twbVideollamdaContainer label{
	color:#ffffff !important;
	margin-top:10px;
	margin-bottom:5px;
}

#_twbVideollamdaContainer form{
	height:100%;
}

#_twbVideollamdaContainer .row{
	height:100%;
}

#videoContainer{
	display:inline-block;
	height:100%;
	margin-left:auto;
    margin-right:auto;
	padding:0px;
}

.primaryStream{
   height:100%;
   border:solid;
   max-width:100%;
}

.secondaryStream{
   position:absolute;
   top:70px;
   left:5px;
   height:25%;
   max-width:25%;
}

#_frmDisplayLlamada .botones-mobile{
	position:absolute;
	z-index:25000000;
	margin-bottom:0px;
	margin-top:-50px;
	width:100%;
	text-align:center;
	display:none;
}


#_frmDisplayLlamada div[name="micMeter"]{
  margin-top:3px;
  width:95%;
  height:10px;
  border-width:1px;
  border:solid;
  border-color:#cccccc;
}

#_frmDisplayLlamada div[name="micMeter"].green div{
	background-color:#00ff00;
	width:0px;
	height:100%;
	
}

#_frmDisplayLlamada input[type="range"]{
	width:100%;
}

#_frmDisplayLlamada div[name="micMeter"].red div{
	background-color:#ff0000;
	width:0px;
	height:100%;
	
}

#_frmDisplayLlamada div[name="micMeter"].yellow div{
	background-color:#FFFF33;
	width:0px;
	height:100%;
	
}

#_frmDisplayLlamada .label-llamando{
	position:absolute;
	top:50%;
	color:#ffffff;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	line-spacing:10px;
	display:none;
}

#mobileMicMeter{
	display:none;
}

#videoMobilePanel{
	display:none;
	position:absolute;
	height:95%;
	width:100%;
	transform: translate3d(100%,0,0);
	transition: 0.3s ease-in-out;
	background-color:#000000;
	top:20px;
	z-index:35000000;
	padding-right:90px;
	padding-left:20px;
	padding-top:20px;
}

#videoMobilePanel .toggle-panel{
	position:absolute;
	height:30px;
	width:50px;
	margin-left:-70px;
	margin-top:30px;
	background-color:#ffffff;
	border-bottom-left-radius:6px;
	border-top-left-radius:6px;
	padding-left:10px;
	padding-top:10px;
}

#videoMobilePanel.active {
transform: translate3d(60px,0,0);
}

#_TWBllamadaEntrante{
	position:fixed;
	top:30px;
	z-index:30000000;
	width:100%;
	text-align:center;
	display:none;
	
}

#_TWBllamadaEntrante div{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	height:60px;
	background-color:#2F4F4F;
	border-radius:10px;
	padding-top:20px;
}

#_TWBllamadaEntrante .label-llamada-entrante{
	color:#ffffff;
	font-weight:bold;
}

#_TWBllamadaEntrante button.btn-success{
	float:left;
	margin-left:30px;
	margin-top:-7px;
	border-radius:50%;
}

#_TWBllamadaEntrante button.btn-danger{
	float:right;
	margin-right:30px;
	margin-top:-7px;
	border-radius:50%;
}

#_frmDisplayLlamada button[name="btnLlamar"]{
	display:none;
}

@media only screen and (max-width: 991px) {
  #mobileMicMeter{
	display:block !important;
  }
  
  #_frmDisplayLlamada div[name="micMeter"]{
	  width:100% !important;
  }
  
  #videoMobilePanel{
	  display:block !important;
  }
  
  #_frmDisplayLlamada .botones-mobile{
      display:block !important;
  }
  
  #_TWBllamadaEntrante div{
    width:100% !important;
  }
  
  #videoContainer{
	width:100% !important;  
  }
}