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


.content_div
{
float:left;width:50%;heightk:500px;margin-left:25%;margin-leftk:1%;backgroundk:green;
}

.playlst_div
{
float:left;width:98%;heightk:100px;margin-left:0.8%;margin-top:30px;margin-bottom:50px;backgroundk:pink;border-radius:20px;	
}
.title_plylst
{
float:left;width:80%;height:40px;line-height:40px;margin-left:10%;margin-top:10px;margin-bottom:10px;text-align:center;font-weight:bold;font-size:1.2em;
color:#333;

}
.single_plylst
{
float:left;width:90%;height:50px;line-height:50px;margin-left:5%;margin-top:10px;text-align:center;border-radius:20px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;	
}
.add_plylst_btn
{
float:right;height:40px;margin-right:2%;margin-top:5px;color:green;border:1px solid green;background:transparent;border-radius:20px;font-weight:bold;
cursor:pointer;display:none;font-size:1em;	
}
.new_plylst_input
{
float:left;width:80%;height:50px;line-height:50px;text-align:center;border:0px;outline:none;border-radius:20px 0 0 20px;font-size:1.1em;	
}
.single_plylst_song_count
{
float:left;height:30px;line-height:30px;color:green;	
}
.single_plylst2
{
float:left;width:90%;height:50px;margin-left:5%;margin-top:10px;margin-bottom:30px;text-align:center;border-radius:20px;display:flex;justify-content:space-around;align-items:center;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;	
}
.sub_single_playlist
{
float:left;width:85%;height:50px;text-align:center;border-radiusk:20px;display:flex;justify-content:space-around;align-items:center;
backgroundk:purple;
}
.single_plylst_name
{
float:left;height:30px;line-height:30px;color:#505252;font-weight:bold; 
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.new_plylst_output
{
float:left;width:100%;height:30px;line-height:30px;text-align:center;color:red;	
}
.close_playlst_btn
{
float:right;width:30px;height:30px;line-height:30px;margin-top:5px;margin-right:2%;background:red;color:#fff;text-align:center;border-radius:30px;
cursor:pointer;	
}

.dot3_icon
{
float:right;width:35px;height:35px;margin-right:0%;backgroundk:green;right:0;cursor:pointer;	
}

.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;	
}





@media screen and (max-width: 700px) 
{
.content_div
{
float:left;width:100%;heightk:500px;margin-left:0%;backgroundk:#54013c;borderk:1px solid #ccc;	
}


}