@charset "utf-8";



/* CSS Document */

body{

}

.post_container{
width:70%;
padding:1%;
margin-left:13%;
height:auto;
background-color:#FFF;
display:inline-block;	
	
	-webkit-box-shadow: 5px 5px 0px -1px rgba(235,235,235,1);
-moz-box-shadow: 5px 5px 0px -1px rgba(235,235,235,1);
box-shadow: 5px 5px 0px -1px rgba(235,235,235,1);
}




.postbox{

width:98%;
height:100px;
padding:1%;
margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
}

.search_section{
	
margin-top:150px;
width:72%;
margin-left:13%;
left:auto;	
	
}


.feed_section{
	
	width:100%;
	padding:0%;
	display:inline-block;
	height:auto;
min-height:400px;	
}


.profile_img{
	float:left;
	width:55px;
	height:55px;
	display:inline-block;
	margin:5px;
	margin-top:0px;
	background-color:#999;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

.feed_info{
display:inline-block;
padding:0px;
width:100%;	
height:auto;
	
}

.feed_name, .feed_time{
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:14px;
margin-top:7px;
font-weight:600;
text-decoration:none;
position:relative;
	
}

.feed_text{
position:relative;
display:inline-block;
width:98%;
padding:1%;	
	
	
}

.feed_img{
position:relative;
display:inline-block;
width:20%;
height:150px;
padding:1%;
background-image:url(https://mir-s3-cdn-cf.behance.net/project_modules/disp/1422a851072267.5608a20c60456.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;	
border-radius:4px;
	float:left;
}

.feed_time{
font-size:9px;
margin-top:3px;
color:#999;
font-weight:normal;
}

.feed_asset_box{
background-color:#fff;
width:72%;
height:auto;

display:inline-block;	
	margin-left:13%;
	padding-bottom:15px;
	margin-bottom:15px;
	-webkit-box-shadow: 5px 5px 0px -1px rgba(235,235,235,1);
-moz-box-shadow: 5px 5px 0px -1px rgba(235,235,235,1);
box-shadow: 5px 5px 0px -1px rgba(235,235,235,1);
}


.greybtns.asset, .greybtns.asset2, .greybtns.asset3{

padding:6px;
display:inline-block;
border:#CCC thin solid;
color:#ccc;
border-radius:6px;
letter-spacing:0px;
margin:4px;
margin-top:0px;
font-size:12px;
margin-left:15px;
}

.greybtns.asset2{
border:0px;
padding:0px;
cursor:pointer;
	color:#666;
}


.greybtns.asset3{
width:20%;	
}


.feedtitle{
	
width:98%;	
padding:1%;	
}



.feedpost{
-webkit-box-shadow: 5px 5px 0px -1px rgba(235,235,235,1);
-moz-box-shadow: 5px 5px 0px -1px rgba(235,235,235,1);
box-shadow: 5px 5px 0px -1px rgba(235,235,235,1);
width:70%;
padding:1%;
margin-left:13%;
height:auto;
min-height:150px;
border-radius:2px;
margin-bottom:20px;
background-color:#fff;
}


.submission_container{
border:#CCC dashed 1px;
border-radius:6px;
padding-top:70px;
color:#ccc;
width:73%;
background-repeat:no-repeat;
background-position:center;
text-align:center;
position:relative;
display:inline-block;
margin-left:25px;
padding-bottom:70px;
text-decoration:none;
cursor:pointer;
}


.submission_container:hover{
color:#bc2027;
border:#bc2027 dashed 2px;

}

.dropbtn{
position:relative;
float:right;
top:5px;
background-image:url(../parts/dropbtnarrow.png);
width:9px;
height:6px;
display:block;
background-repeat:no-repeat;
background-position:center;	
cursor:pointer;
	
}


.heading3.small{
font-size:26px;	
	
}

.stats_section{
width:98%;
padding:1%;	
	margin-top:20px;
	display:inline-block;
	
}


.greybtns.likes{
margin-right:25px;
letter-spacing:0px;	
font-size:12px;	
float:left;
}


.feed_comments_section{
min-height:50px;
background-color:#F2F2F2;	
width:98%;
padding:1%;	
}


.feed_comment{
min-height:20px;
height:auto;
display:inline-block;
width:98%;
padding:1%;
	
	
}


.cbtn.comment_btn{
font-size:12px;
display:inline-block;
width:100px;	
	
}



.feed_dropmenu{
	width: 150px;
	height: auto;
	display: none;
	background-color: #FFF;
	border-radius: 2px;
	padding: 1%;
	min-height: 30px;
	position: absolute; 
	right: 0px;
	top: 15px;
	border:#CCC thin solid;
-webkit-box-shadow: 10px 10px 26px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 26px -17px rgba(0,0,0,0.75);
box-shadow: 10px 10px 26px -17px rgba(0,0,0,0.75);
	
}



.dashboard_btn{
position:absolute;
width:35px;
cursor:pointer;
height:107px;
right:-35px;
top:40%;
background-image:url(/parts/dashboardicon.jpg);
background-repeat:no-repeat;
background-size:contain;
border-radius:0px 5px 5px 0px;
display:block;
	
	
}

.dashboard_btn:hover{
	background-image:url(/parts/dashboardicon_red.jpg);

	
}


.dashboard{
position:fixed;
width:16%;
padding:2%;
left: 0px;
top:0px;
height:96%;
background-color:#FFF;	
display:block;
border-right:#999999 thin solid;
	
	
}


.dash_icon{
	
	position:relative;
	display:inline-block;
	float:left;
	cursor:pointer;
	width:50%;
	background-image:url(../parts/icons/account_icon.png);
	padding-top:35%;
	font-size:11px;
	color:#bc2027;
	background-size:35%;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}



.dash_icon.manage_music{
	background-image:url(../parts/icons/manage_music.png);
	
}


.dash_icon.playlist{

background-image:url(../parts/icons/playlist.png);	
	
}


.dash_icon.fav{
background-image:url(../parts/icons/fav_icon.png);	
}


.dash_icon.subscribe{
	background-image:url(../parts/icons/subscribe.png);	
	
}
.dash_icon.manage_feed{
	
background-image:url(../parts/icons/managefeed.png);	
}


.dash_icon.catalog{

background-image:url(../parts/icons/manage_profile_icon.png);	
	
}
.dash_icon.billing{

background-image:url(../parts/icons/billing.png);	
	
}


.dash_icon.stats{


background-image:url(../parts/icons/stats_icon.png);	
	
}


.dash_icon.messages{

background-image:url(../parts/icons/message_icon.png);	
	
}


.dash_icon.logouts{
	
background-image:url(../parts/icons/powericon.png);	
}

.dash_panel{
width:100%;
height:100%;
position:relative;
padding:0px;
margin:0px;	
display:none;
opacity:0;
	
}


.dash_input{

width:92%;
padding:4%;	
	
}

.closebtn.dashc{

font-size:12px;
right:-15px;
top:-20px;
font-size:12px;
}


.cbtn.billing_btn{
margin-bottom:20px;	
margin-top:20px;	
}


/*new feed code*/



.hidden{
position:absolute;
left:-5000px;
opacity:0;
display:block;	
	
}



.feed_btn{
width:auto;
display:inline-block;
font-size:14px;
padding:5px;
margin-left:15px;
margin-top:10px;
cursor:pointer;	
	
}

.messenger_name{
font-weight:600;
width:auto;
height:auto;
text-transform:capitalize;	
	
}


.subplybtn{
background-image:url(../parts/playbtn2.png); background-position:center; background-repeat:no-repeat; background-size:contain; width:100%; height:80%; opacity:.5; position:absolute; top:0px; left:0px;	
	
}