body{margin:0px;background:linear-gradient(to right, #000, #3C2545);}
.login_cinema_btn
{
float:left;width:50%;height:45px;margin-left:25%;margin-top:50px;background:#EA6431;color:#fff;border:0px;border-radius:10px;cursor:pointer;font-size:1em;
font-weight:bold;
}
.main_content_div
{
float:left;width:60%;height:100vh;margin-left:20%;background:#fff;	
}
.sub_content_div
{
float:left;width:100%;height:350px;background:#EA6431;	
}
.player_input_div
{
float:left;width:48%;height:300px;background:#000;border:1px solid #ccc;
}
.vinput_player
{
float:left;width:100%;height:248px;	
}
.vinput_control
{
float:left;width:100%;height:50px;background:#fff;display:flex;align-items:center;justify-content:center;	
}
.add_video_btn
{
float:left;height:35px;border:0px;background:lightblue;border-radius:10px;cursor:pointer;		
}


.player_output_div
{
float:right;width:48%;height:300px;background:#000;border:1px solid #ccc;		
}
.voutput_player
{
float:left;width:100%;height:248px;	
}
.voutput_control
{
float:left;width:100%;height:50px;background:#ededed;display:flex;align-items:center;justify-content:center;	
}
.go_live_btn
{
float:left;width:100px;height:35px;margin-right:10px;border:0px;background:lightgreen;border-radius:10px;cursor:pointer;	
}

.go_cinema_btn
{
float:left;width:30%;height:45px;margin-left:35%;margin-top:20px;background:#EA6431;color:#fff;border:0px;border-radius:10px;cursor:pointer;font-size:1em;
font-weight:bold;
}
.go_cinema_btn:hover{color:#2D931C;}

.vid_name
{
float:left;width:70%;height:30px;line-height:30px;margin-right:1%;margin-top:10px;background:#fff;text-align:center;	
}
.add_vid_name_btn
{
float:left;height:35px;border:0px;margin-top:7.5px;border-radius:10px;cursor:pointer;border: 1px solid #fff;background:transparent;color:#fff;font-weight:bold;
		
}
.add_vid_name_btn:hover{color:#2D931C;}
.add_namenow_input
{
float:left;width:80%;height:30px;line-height:30px;margin-left:1%;margin-top:10px;text-align:center;border-radius:10px;border:0px;outline:none;	
}
.add_namenow_btn
{
float:left;height:30px;margin-top:10px;margin-left:1%;cursor:pointer;	
}
.video_input_span
{
float:left;width:100%;display:none;	
}
.outputmovie_name
{
float:left;width:100%;height:40px;line-height:40px;text-align:center;font-size:1.2em;	
}

@media screen and (max-width: 700px) 
{

.main_content_div
{
float:left;width:100%;height:100vh;margin-left:0%;backgroundk:purple;	
}



}