body{margin:0px;backgroundk:#170954;background-image: linear-gradient(to right, #eef0eb , #ced1ca);}

.home_div
{
float:left;width:100%;height:70px;backgroundk:#fff;
box-shadowk: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;	
}
.bk_arrow_btn 
{
float:left;width:40px;height:40px;position:fixed;top:10px;left:2%;cursor:pointer;borderk:1px solid #fff;border-radius:50%;background:#fff;	
}
.username_div
{
float:right;height:60px;line-height:60px;margin-right:5%;font-size:1.2em;font-weight:bold;
}
.content_div
{
float:left;width:50%;min-height:70%;margin-left:25%;margin-top:20px;backgroundk:#54013c;	
}
.sub_title
{
float:left;width:100%;height:50px;line-height:50px;margin-bottom:20px;text-align:center;font-size:1.2em;font-weight:bold;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.single_song_div
{
float:left;width:98%;height:75px;margin-left:1%;margin-bottom:15px;backgroundk:purple;border-radiusk:5px;border-bottom:1px solid #ededed;

}
.artist_img
{
float:left;width:60px;height:60px;margin-left:1%;border-radius:10px;margin-top:8px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
}
.song_title
{
float:left;width:60%;height:25px;line-height:25px;margin-left:2%;margin-top:10px;font-weight:bold;font-size:1em;backgroundk:red;font-family:serif;
color:#505252;	
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.artist_name
{
float:left;width:60%;height:25px;line-height:25px;margin-left:2%;color:#000;font-size:0.8em;font-family:serif;font-weight:bold;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;		
}
.action_btn
{
float:right;width:40px;height:30px;margin-top:10px;margin-rightk:1%;font-weight:bold;		
}
.more_option
{
float:right;width:100px;heightk:100px;margin-top:-80px;background:#fff;border:1px solid #ccc;display:none;	
}
.option_btn
{
float:left;width:80%;height:25px;line-height:25px;margin-left:10%;margin-bottom:3px;margin-top:3px;background:transparent;text-align:center;cursor:pointer;
border:0;outline:none;font-size:0.9em;font-weight:bold;	
}


.song_edit_div
{
float:left;width:100%;height:100%;background:#ededed;position:fixed;display:none;	
}
.edit_title
{
float:left;width:100%;height:80px;line-height:80px;text-align:center;font-weight:bold;font-size:1.5em;backgroundk:red;	
}
.close_edit_btn
{
float:right;width:40px;height:40px;margin-top:20px;margin-right:2%;border-radius:50%;border:0px;outline:none;background:red;color:#fff;font-size:0.8em;font-weight:bold;	
cursor:pointer;
}
.song_title_lebal
{
float:left;width:90%;height:40px;line-height:50px;margin-left:5%;font-weight:bold;	
}
.edit_input
{
float:left;width:96%;height:50px;line-height:50px;margin-left:2%;border:1px solid #ccc;outline:none;border-radius:20px;text-align:center;font-size:1em;	
}
.song_update_btn
{
float:left;width:40%;height:50px;margin-left:30%;margin-top:30px;margin-bottom:30px;cursor:pointer;font-size:1em;color:green;border-radius:20px;	
}

.my_uploads
{
float:left;height:50px;line-height:50px;font-weight:bold;color:green;font-size:1.2em;	
}


.footer_div
{
float:left;width:100%;height:60px;line-height:60px;margin-top:20px;background:#ededed;text-align:center;	
}

@media screen and (max-width: 700px) 
{
.content_div
{
float:left;width:98%;min-height:70%;margin-left:1%;backgroundk:#54013c;	
}

)