body{margin:0px;}
button::-moz-focus-inner {
  border: 0;
}

.preview_video_display
{
float:left;width:30%;height:300px;margin-left:0.5%;margin-top:10px;background:#000;
}
.preview_video_display_output
{
float:left;width:100%;height:300px;margin-leftk:0.5%;margin-topk:10px;background:purple;
}
.main_video_output_display
{
float:left;width:30%;height:300px;margin-left:1%;margin-top:10px;background:#fff;	
}
.main_video_btn_div
{
float:left;width:5%;height:300px;margin-left:1%;margin-top:10px;background:#34495E;	
}
.action_play_btn
{
float:left;width:95%;height:40px;margin-left:2px;margin-top:8px;font-size:0.9em;cursor:pointer;outline:none;border:transparent;border-rightk:1px solid #ccc;	
	
}
  
.source_btn_div
{
float:left;width:99%;height:50px;margin-left:0.5%;margin-top:10px;background:#34495E;	
}
.add_video_btn
{
float:left;width:auto;height:40px;margin-left:2px;margin-right:5px;margin-top:5px;font-size:0.9em;cursor:pointer;outline:none;border:transparent;border-rightk:1px solid #ccc;	
}
.user_name_div
{
float:right;line-height:40px;margin-right:2px;font-size:1.1em;	
}

.video_input_source_div
{
float:left;width:99%;height:auto;min-height:130px;margin-left:0.5%;margin-top:10px;background:#34495E;overflow-x:auto;overflow-y:hidden;white-space:nowrap;

}

.pending_video_option_btn
{
margin-left:-3px;cursor:pointer;border:transparent;background:#ccc;color:#000;z-index: 2;
}
.pending_video_option_action_btn
{
float:left;width:80px;height:30px;margin-left:22%;margin-top:25px;cursor:pointer;font-size:0.9em;
}
.pending_video_option_action_div
{
float:left;width:50%;height:80px;margin-left:25%;margin-top:10px;margin-bottom:10px;background:#ccc;display:none;border-radius:10px;	
}
.single_video_div
{
width:120px;height:110px;margin-left:10px;margin-top:5px;background:#000;
}

.online_tv_player
{
float:left;width:31%;height:300px;margin-left:1%;margin-top:10px;background:green;display:block;	
}
.tv_video_output
{
width:100%;height:100%;	
}

.main_user_tv 
{
float:left;width:100%;height:100%;margin-topk:5px;background:yellow;positionk:fixed;	
}
.main_user_tv_outputk
{
float:left;width:100%;height:100%;margin-topk:5px;background:#000;	
}
.main_user_tv_output
{
max-width:100%;width:100%;height:100%;heightk:auto;background:purple;displayk:none;displayk:flex;justify-contentk:center;align-itemsk:center;
}
.play_pause_tv_btn
{
width:60px;height:60px;line-height:60px;margin-left:45%;position:fixed;margin-top:20%;text-align:center;background:#3D1D32;color:#fff;font-size:1.1em;border:transparent;border-radius:50%;cursor:pointer;outline:none;opacity:0.9;display:none;	
}
.full_screen_btn
{
right:5px;width:60px;height:60px;line-height:60px;z-indexk:1;position:fixed;bottom:2%;text-align:center;background:#3D1D32;color:#fff;font-size:1.1em;border:transparent;border-radius:50%;cursor:pointer;outline:none;opacity:0.8;	
}
.network_div
{
float:left;width:100%;height:100%;background:red;position:fixed;opacity:0.6;display:none;	
}
.network_error_btn
{
float:left;width:auto;max-width:50%;height:50px;margin-left:25%;margin-top:20%;font-size:1.1em;color:#fff;border:1px solid #ccc;background:transparent;	
}
.main_user_tv_top_text
{
float:right;margin-top:1%;right:6px;padding:5px;font-size:1.1em;background:#3D1D32;color:#fff;border-radius:10px;position:fixed;opacity:0.5;	
}
/*.main_user_tv_bottom_text
{
float:left;width:30%;margin-left:35%;bottom:2px;padding:5px;font-size:1.1em;background:#34495E;color:pink;text-align:center;opacity:0.5;
font-weight:bold;position:fixed;	
}*/ 

.program_text_div
{
float:left;width:43%;height:auto;margin-top:10px;margin-left:10px;background:#ccc;display:none;	
}
.colse_program_text_div
{
float:right;font-size:0.9em;background:red;border:transparent;cursor:pointer;	
}
.text_only
{
float:left;width:86%;height:32px;margin-top:5px;margin-left:5%;margin-bottom:5px;font-size:1em;background:#fff;border:1px solid #ccc;		
}
.program_text_input
{
float:left;width:86%;height:30px;font-size:1em;padding-left:5px;border:transparent;	
}
.upload_program_text_btn
{
float:right;height:31px;font-size:0.9em;cursor:pointer;background:#fff;border:transparent;border-left:1px solid #ccc;	
}
.program_text_lebal
{
float:left;width:150px;height:30px;line-height:30px;margin-bottom:3px;backgroundk:pink;text-align:center;display:none;	
}
.program_text_select
{
float:left;width:150px;height:30px;line-height:30px;margin-bottom:3px;background:pink;	
}


.text_disp_div1
{
float:left;width:100%;height:30px;line-height:30px;background:green;font-size:1.1em;	
}

video::-webkit-media-controls {
  display:none !important;
}


@media screen and (max-width: 700px)
{
body{background:red;}	
.online_tv_player{display:none;}	

.preview_video_display
{
float:left;width:40%;height:300px;margin-left:0.5%;margin-top:10px;background:#000;
}
.main_video_output_display
{
float:left;width:40%;height:300px;margin-left:1%;margin-top:10px;background:#fff;
}	

.main_video_btn_div
{
float:left;width:16.8%;height:300px;margin-left:1%;margin-top:10px;background:#34495E;	
}
.main_user_tv
{
float:left;width:100%;height:40%;background:pink;positionk:fixed;displayk:flex;justify-contentk:center;align-itemsk:center;	
}

.main_user_tv_output
{
max-width:100%;width:100%;height:100%;heightk:auto;background:purple;displayk:none;displayk:flex;justify-contentk:center;align-itemsk:center;
}

.full_screen_btn
{
right:5px;width:60px;height:60px;line-height:60px;z-indexk:1;position:fixed;bottom:60%;text-align:center;background:#3D1D32;color:#fff;font-size:1.1em;border:transparent;border-radius:50%;cursor:pointer;outline:none;opacity:0.8;	
}
	
	
}