body{margin:0px;background:#F7FAF7;}
.help_btn{display:none;}
.help_input{display:none;}
.main_container
{
float:left;width:100%;height:auto;background:#F7FAF7;
backgroundk: linear-gradient(to right,#a1037a,#f02fc1);
}


.main_title
{
float:left;widthk:100%;height:50px;line-height:50px;margin:30px 0px 0px 5px;text-align:center;font-size:1.5em;color:#a1037a;

}
.cb_awad_log
{
float:left;width:40px;margin:30px 0px 0px 20px;border-radius:100%;backgroundk:#fff;	
}
/* 
.sub_title
{
float:left;width:96%;height:30px;line-height:30px;margin-top:10px;margin-bottom:5px;margin-left:2%;text-align:center;font-size:1.3em;
color:#E28B0E;background:#fff;border:10px;
font-weight:bold;border-radius:15px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}*/
.close_page_icon
{
float:right;width:40px;height:40px;margin:30px 10px 20px 30px;border-radius:100%;cursor:pointer;backgroundk:pink;	
}
.main_vid_div
{
float:left;width:98%;height:auto;margin-left:1%;margin-bottom:20px;margin-topk:10px;backgroundk:green;	
}
.sub_vid_div
{
float:left;width:100%;heightk:350px;margin-bottom:20px;margin-leftk:2%;background:#fff;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;

}
.vid_cover
{
max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;background:#272827;
}
.vid_tag
{
float:left;max-width:100%;max-height:100%;max-heightk:100%;background:#000;display:none;	
}
.vid_thumb
{
max-width:100%;max-height:100%;background:pink;border-radiusk:15px 15px 0px 0px;z-indexk:1;		
}
.player_btn_icon
{
float:left;width:60px;height:60px;top:31%;z-indexk:22;position:absolute;left:45%;border-radius:50%;cursor:pointer;
}
.player_btn_lebal
{
float:left;position:absolute;left:44%;border-radiusk:50%;cursor:pointer;
font-size:1em;top:27%;color:#fff;background:#0C020F;padding:5px;border-radius:5px;
}
.vid_lebal_div
{
float:left;width:100%;height:80px;backgrounk:red;border-top:1px solid #ccc;
	
}
.vid_parti_name
{
float:left;max-width:100%;height:40px;line-height:40px;margin-top:20px;margin-left:10px;font-size:1.1em;color:#01AB2A;font-weight:bold;
backgroundk:green;
}

.vid_views_div
{
float:left;	
}
.vid_views_img
{
float:left;width:40px;height:40px;margin-top:20px;margin-leftk:10px;	
}
.vid_views_lebal
{
float:left;max-width:50%;height:40px;line-height:40px;margin-top:20px;margin-leftk:2px;font-size:1em;color:#D87409;font-weight:bold;
backgroundk:red;
}
.cb_tick_icon
{
float:right;width:40px;height:40px;	
}
.Vote_lebal
{
float:right;height:40px;line-height:40px;margin-right:10px;margin-top:17px;backgroundk:#A0076D;font-size:1.2em;border-radius:10px;padding:3px;
cursor:pointer;color:#fff;	
background: linear-gradient(to right,#a1037a,#f02fc1);
}
.Vote_lebal:hover{background: linear-gradient(to right,#159217,#2EFC31);}
.Vote_perc_lebal
{
float:left;width:30%;height:40px;line-height:40px;margin-left:25%;margin-top:8px;color:#01AB2A;font-size:1.2em;border-radius:10px;padding:3px;
cursor:pointer;text-align:center;	
background: linear-gradient(to right,#0EE262,#59FA99);
}

.comfirm_vote_help
{
float:left;width:100%;height:100%;position:fixed;background:#29131E;opacity:0.95;
display:flex;align-items:center;justify-content:center;display:none;	
}
.comfirm_vote
{
float:left;width:90%;height:150px;margin-leftk:5%;margin-topk:20%;border-radius:20px;
background:#fff;border:1px solid #B20D5D;
}
.comfirm_vote_title
{
float:left;width:100%;height:40px;line-height:40px;margin-bottom:25px;margin-top:15px;text-align:center;font-size:1.2em;font-weight:bold;
color:#B20D5D;	
}
.voting_btn
{
float:left;width:30%;height:40px;margin-left:15%;font-size:1em;font-weight:bold;cursor:pointer;background:#fff;border-radius:10px;	
}
.error_output
{
float:left;width:100%;height:30px;line-height:30px;margin-bottom:10px;text-align:center;font-size:1.2em;color:red;
}
.copy_app_link_btn
{
float:left;width:50%;height:50px;margin-left:25%;margin-bottom:30px;background:#1176F7;color:#fff;border:0px;outline:none;border-radius:15px;font-weight:bold;font-size:1em;
	
}
.copy_app_link_btn:hover{background:#15B2FB;cursor:pointer;}

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

.player_btn_icon
{
float:left;width:60px;height:60px;top:31%;z-indexk:22;position:absolute;left:45%;border-radius:50%;cursor:pointer;
}
.player_btn_lebal
{
float:left;position:absolute;left:43%;border-radiusk:50%;cursor:pointer;
font-size:1em;top:27%;color:#fff;background:#0C020F;padding:5px;border-radius:5px;
}

}


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

.player_btn_icon
{
float:left;width:60px;height:60px;top:35%;z-indexk:22;position:absolute;left:45%;border-radius:50%;cursor:pointer;
}
.player_btn_lebal
{
float:left;position:absolute;left:41%;border-radiusk:50%;cursor:pointer;
font-size:1em;top:31%;color:#fff;background:#0C020F;padding:5px;border-radius:5px;
}


}