#menu-toggle-btn:hover{
	cursor: pointer;
	color: #a667d0;
}
.pbx-img-10{
	width:100px;
	height: 100px;
	border-radius: 50%;
	box-shadow: 0px 0px 5px #a667d0;
}

.pbx-img-8{
	width:80px;
	height: 80px;
	border-radius: 50%;
}


.pbx-img-7{
	width:70px;
	height: 70px;
	border-radius: 50%;
}


.pbx-img-6{
	width:60px;
	height: 60px;
	border-radius: 50%;
}

.pbx-img-5{
	width:50px;
	height: 50px;
	border-radius: 50%;
}

.pbx-img-4{
	width:40px;
	height: 40px;
	border-radius: 50%;
}
.pbx-img-3{
	width:30px;
	height: 30px;
	border-radius: 50%;
}
.pbx-img-2-5{
	width:25px;
	height: 25px;
	border-radius: 50%;
}
.bg-white{
	background: white;
}
.pbx-color{
	color: #a667d0;
}
.border-0{
	border:none !important;
}

.border-b-1-g{
	border-bottom:1px solid gray;
}

.pbx-border{
	border:1px solid #a667d0;
}

.box-shadow-5{
	box-shadow: 2px 2px 10px #a667d0; 
}
.box-shadow-1{
	box-shadow: 0px 0px 5px #a667d0; 
}

.pbx-heading-sm{
	color: #a667d0;
	font-family: monotype corsiva; 
	text-shadow: 0px 2px 3px lightgray;
}

.pbx-heading-lg{
	color: #a667d0;
	font-family: monotype corsiva; 
	text-shadow: 0px 2px 3px lightgray; 
	border-bottom: 2px solid #a667d0;
}
.text-10{
	font-size: 10px;
}

.mr-left-20{
	margin-left: 20px;
}
.mr-left-15{
	margin-left: 15px;
}.mr-left-10{
	margin-left: 10px;
}




.empty-container{
	height:5px;
	width:100%;
}

.story-container{
	display: inline-flex;
	overflow-y: auto;
	border-radius: 5px;
}

.story-container .profile-container{
	text-align:center;
	padding:15px;
	margin:10px;
	border:1px solid #a667d0;
	width:auto;
	border-radius: 20px;
	box-shadow: 1px 1px 5px #a667d0;
}


.story-container .profile-container img{
	text-align: center;
}
.story-container .profile-container img:hover{
	text-align: center;
	box-shadow: 1px 1px 5px #a667d0;
}

.story-container .profile-container a{
	color: gray;
	font-weight: bold;
	margin-top: 20px;
}
.story-container .profile-container a:hover{
	color: #a667d0;
	text-decoration: none;
	text-shadow: 1px 1px 1px #a667d0;
}
.post-card{
	display: inline-flex;
	align-items: center;

}

.model-post-form{

}
.profile-section{
	display: inline-flex !important;
	align-items: center;
	padding:0 0 20px 0;
	
}

.post-textarea{
	padding:15px;
}
.input-section{

}
.post-write-div{
	min-height: 250px;
	max-height: 300px;
	overflow-x: auto;
	padding:5px;
	border:1px solid #a667d0 !important;
	outline:none !important;
	
}
.post-write-div:active{
	outline:none !important;
}

.show-post-media{
	
}
.post-media-item{
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	position: relative;
	
}
.post-media-item img{
	border:1px solid #a667d0;
	padding:2px;
	min-width: 65px;
	max-width: 115px;
	width: auto;
	min-height: 40px;
	max-height: 40px;
	margin:5px 10px 5px 10px;
	position: relative;
	
}
.delete-post-media-container{
	position: absolute;
	min-width: 67px;
	max-width: 118px;
	width: auto;
	min-height: 40px;
	max-height: 40px;
	background:rgba(0,0,0,0.5);
	left:auto;
	top:auto;
	margin:6px 10px 6px 10px;
	align-items: center;
	text-align: center;

}

.post-media-item i{
	font-size: 8px;
	color: #ff3838;
	padding:5px 7px 5px 7px;
	border-radius: 50%;
	border:1px solid #a667d0;
	box-shadow: 0px 0px 5px #a667d0;
	margin:10px 10px 6px 10px;
	background-color: #FFF;
}

.post-media-item i:hover{
	
	color: #da1616;
	cursor: pointer;
	background-color: #a667d0;
}

.post-card a:hover{
	text-decoration: none;
}
.post-card span{
	font-size: 22px;
}
.card-option{
	display: inline-flex;
	position: absolute;
	right:30px;
	align-items: center;
}
.card-option a{
	margin:0 7px;
}

.media-container{
	width:100%;
	height: auto;
	max-height: 100%;
	margin: 5px 0 5px 0;

}
.media-container h1,
.media-container h2,
.media-container h3,
.media-container h4,
.media-container h5,
.media-container h6,
.media-container p{
	margin: 5px 0 5px 0 !important;

}

.media-container img{
	background:#FFF;
	width:100%;
	height:auto;
	margin: 5px 0 5px 0;
}
.only-text{
	padding: 10px;
	text-align: center;
	padding:40px 5px 40px 5px;
	font-size: 22px;
	color:#a667d0;

}
.post-menus-section{
	text-align: center;
}

.create-post-menu{
	display: inline-flex;
	flex-flow: row nowrap;
	margin:0;
}
.post-menu-items{
	list-style-type: none;
	padding:5px 10px 5px 10px;
	align-items: center;
	text-align: center;
	border:1px solid #a667d0;
	color:#a667d0;
	background-color: #fff;
	margin:2px 10px 2px 10px;
}

.post-menu-items:hover{
	border:1px solid #a667d0;
	color:#fff;
	background-color: #a667d0;
	box-shadow: 0px 1px 5px #a667d0;
	cursor: pointer;
}

.show-post-status{
	height: auto;
	width:100%;
	border-bottom: 0.5px solid #a667d0;
	text-align: center;
}

.show-post-status span{
	display: inline-block;
	width:13%;
	max-width:15%;
	padding: auto;
	margin: auto;
	padding: 0 5px 0 5px;

}
.show-post-status span:hover{
	cursor: pointer;
	background: #a667d0;
	color:white;
}
.show-post-status span i{
	margin: 0 5px 0 5px; 
}

.comment-area{
	width:100%;
	height:auto;
	margin:20px 0 20px 0;
}

.comment-form{
	display: inline-flex;
}
.comment-input{
	border:1px solid #a667d0;
	box-shadow: 1px 1px 5px #a667d0;
	color:#a667d0;
	height:50px;
	min-width: 300px;
	max-width: 450px;
	width:100%;
}
.comment-input:placeholder{
	color:#a667d0;
}
.comment-btn{
	padding:5px 20px 5px 20px;
	margin:0 10px 0 5px;
	border-radius: 15px;
}

.show-commnet{
	display: inline-flex;
}
.show-commnet .comment-text{
	text-align: justify;
	font-size: 16px;
	padding: 10px;
	margin: 5px 5px 5px 10px;
	border:1px solid #a667d0;
	border-radius: 0px 15px 15px 15px;
	box-shadow: 1px 1px 5px #a667d0;
}
.show-commnet .comment-text:hover{
	background: #a667d0;
	color:white;
	font-weight: bold;
}

.show-more-comment{
	text-align: center;
	padding: 10px 0 0 0 ;
	margin: 10px 0 0 0;
	
}

.show-more-comment i{
	padding: 10px 15px 10px 15px;
	margin: 5px;
	text-align: center;
	align-items: center;
	font-size: 22px;
	color: #a667d0;
	border:1px solid #a667d0;
	border-radius: 25px;
	box-shadow: 1px 1px 5px #a667d0;
}

.show-more-comment i:hover{
	color: #FFF;
	background: #a667d0;
	cursor: pointer;
}



.profile-img{
	border:1px solid #a667d0;
	box-shadow: 0px 0px 5px #a667d0;
}

.post-form{
	display: inline-flex;
}
.mr-l-10{
	margin-left: 10px;
}
.b-radius-30{
	border-radius: 30px;
}

.custom-input{
	border:1px solid #a667d0;
	box-shadow: 1px 1px 5px #a667d0;
	color:#a667d0;
	height:50px;
	width:100%;
}
.custom-input:placeholder{
	color:#a667d0;
}



.custom-btn{
	border:1px solid #a667d0;
	box-shadow: 1px 1px 5px #a667d0;
	padding:5px;
	color: #a667d0 !important;
	margin:5px;
	text-align: center;
	align-items: center;
	background: #fff;
}
.custom-btn:hover{

	background: #a667d0 !important;
	color:#fff !important;
}

.media{
	align-items: center;
}
.media-profile-name h1, h2, h3, h4, h5, h6, p, span, small{
	line-height: 28px;
}
.media-profile-name a:hover{
	text-decoration: none;
	text-shadow: 0px 1px 2px #a667d0;
}
.media:hover{
	box-shadow: 0px 0px 3px #a667d0;
}
.sidebar{
	z-index: 999;
}

.sidebar-sm{
	box-shadow: 0px 0px 10px #a667d0;
	width:auto;
	max-width: 310px;
	min-width: 200px;
	padding: 5px;
	border-radius: 0px;
	height:88vh;
	position: fixed;
	top:80px !important;
	left:0;
	z-index: 999;
}
.sidebar-sm-hide{
	left:-330px;
}

.sidebar-lg{
	box-shadow: 0px 0px 10px #a667d0;
	width:310px;
	max-width: 310px;
	min-width: 300px;
	padding: 5px;
	border-radius: 0px;
	height:88vh;
	position: fixed;
}


.sidebar-container{
	overflow: auto;

}

/* width */
.sidebar-container::-webkit-scrollbar {
  width: 7px;
  display: none;
}

.sidebar-container:hover::-webkit-scrollbar {
  display: block;
}

/* Track */
.sidebar-container::-webkit-scrollbar-track {
	display: none;
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
  box-shadow: 0 0 5px #a667d0;

}

.sidebar-container:hover::-webkit-scrollbar-track {
  display: block;
}

/* Handle */
.sidebar-container::-webkit-scrollbar-thumb {
  display: none;
  background: #a667d0;
  border-radius: 20px;

}

.sidebar-container:hover::-webkit-scrollbar-thumb {
  display: block;
}


.pbx-sidebar-ul{
	list-style-type: none;
	margin:0px;
	padding-left:5px;
}
.pbx-sidebar-ul li{
	margin:0px;
	padding:0px;
}
.pbx-sidebar-ul li:hover{
	background: gray;
}

.pbx-sidebar-ul li a{
	height:40px;
	color: white;
	font-weight:bold;
}

.pbx-sidebar-ul li a i{
	font-size: 20px;
}

.pbx-sidebar-ul li a span{
	padding-left:7px;
}
.pbx-sidebar-ul li a:hover{
	color: white;
	background: gray;
}

.text-white{
	color: white;
}


/* width */
.story-container::-webkit-scrollbar {
 	height: 7px;
}


/* Track */
.story-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
  box-shadow: 0 0 5px #a667d0;

}
/* Handle */
.story-container::-webkit-scrollbar-thumb {
  background: #a667d0;
  border-radius: 20px;

}

/* width */
.post-write-div::-webkit-scrollbar{
 	width: 7px;
 	cursor:pointer !important;
}


/* Track */
.post-write-div::-webkit-scrollbar-track{
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
  box-shadow: 0 0 5px #a667d0;
  cursor:pointer !important;

}
/* Handle */
.post-write-div::-webkit-scrollbar-thumb{
  background: #a667d0;
  border-radius: 20px;
  cursor:pointer !important;

}







.cover-img{
	width:100%;
	height:auto;
}

.profile-container{
	display: inline-flex;
}

.profile-container .profile-summery{
	padding:0px 10px 5px 30px;
}
.profile-container .profile-summery .profile-name{
	margin:0px;
	padding:0;
	color: #a667d0;
	font-family: monotype corsiva; 
	text-shadow: 0px 2px 3px lightgray; 
	border-bottom: 2px solid #a667d0;
}

.profile-container .profile-summery p{
	margin:0px;
	font-size: 14px;
}
.upload-btn{
	position: absolute;
	top:31%;
	left:6.5%;
	background: #fff;
	width:35px;
	height: 35px;
	color:#a667d0;
	align-items: center;
	text-align: center;
	padding: 4px;
	border-radius: 50%;
	border:1px solid #a667d0;
	box-shadow: 0px 0px 5px #a667d0;
	cursor: pointer;
}

.upload-btn:hover{

	background: #a667d0;
	color:#fff;
	border:1px solid #FFF;

}
.profile-buttons{
	display: inline-flex;
	text-align: center;

}
.profile-buttons a{
	width:100%;
	padding:1%;
	margin: 0;
	text-align: center;
	align-items: center;
}

.profile-buttons a:hover{
	text-decoration: none;
	border:1px solid #a667d0;
	box-shadow: 0px 0px 5px #a667d0;
}

.profile-buttons a:active{
	text-decoration: none;
	color: white;
	background: #a667d0;
	box-shadow: 0px 0px 5px #a667d0;
}
.friend-profile p{
	margin:2px 0 2px 0;
}
.friend-profile-name{
	margin:2px 0 2px 0;
}

.friends-profile-buttons{
	align-items: center;
	text-align:center;
	width:100%;
	display: inline-flex;
	text-align: center;
	margin:0;
	padding: 0;
	align-items: center;
	justify-content: center;
}

.friends-profile-buttons a{
	width:100%;
	padding:5px 15px 7px 15px;
	margin: 0 10px 0 10px;

	text-align: center;
	align-items: center;
}

.drop-file{
	height:120px;
	width:auto;
	border:1px solid #a667d0;
	text-align: center;
	display: flex;
	flex-flow: row nowrap; 
	justify-content: center;
	align-items: center;
	vertical-align: center;
}




.dashboard-counter{
	border:1px solid #a667d0 !important;
	text-align: center !important;
}
.dashboard-counter{
	font-weight: bold;
	color: #a667d0;
	cursor: pointer;
}

.dashboard-counter:hover{
	color:#FFF;
	background: #a667d0;
	box-shadow: 0px 0px 5px #a667d0;
}
.counter-num{
	font-size: 22px;
}
.counter-heading{
	font-size: 15px;
	margin: 0px;
}
.dashboard-counter-desc{
	font-size: 10px;
	padding:0;
	margin:0;
}



.skill-list-items{
	padding:10px;
	margin:3px 0px 3px 0px;
	border:1px solid #a667d0;
	font-weight: bold;
	box-shadow: 0px 0px 5px #a667d0;
	color: #a667d0;
	width:100%;
	border-radius: 0 15px 15px 15px;
}
.skill-list-items:hover{
	background: #a667d0;
	color: #fff;
}


.skill-times{
	float: right;
	align-items: center;
	margin:0px 10px 1px 1px;
	padding:3px;
	border:1px solid #a667d0;
	
}

.skill-times:hover{
	background: #a667d0;
	color: #FFF;
	box-shadow: 0px 0px 5px #a667d0;
	cursor: pointer;
}

.btn-add-skill{

	text-align: center;
	padding:5px;
	margin:20px 0px 0px 0px;
	border:1px solid #a667d0;
	font-weight: bold;
	box-shadow: 0px 0px 5px #a667d0;
	color: #a667d0;
	width:50%;
	border-radius: 20;
}
.btn-add-skill:hover{
	color: white;
	background: #a667d0;
}
.btn-add-skill:active{
	outline: none;
}
.font-25{
	font-size: 25px;
}
.font-16{
	font-size: 16px;
}
.buisness-heading{
	margin-top: 10px;
}