textarea {
    resize: none;
    transition: all 0.5s ease;

}

.hiddenform,.sharingdetail {
    display:none;
    margin-top:5px
}
.imageshare,.videoshare  {
   float:left;
}
.shareiconlink {
    font-size:2em;
    color:#ccc ;
    margin-right:5px;
line-height:35px
}
.shareiconlink:hover {
    color:#337ab7
}
.sharingdetail {
    background:#f2f3f5
}

.imagesharediv,.videosharediv {
    display:none;

}
.imageload-container {
    max-width:120px;min-height:90px;
    border:3px solid #fff;
}
.imageload-container:hover {
    cursor:pointer;
}

.imageload-container:hover:before{
    content : "\e646";
    color:red;
    font-family: 'themify';
    position:absolute;
    font-size: 3em;
    widtH: 100%;
    height: 100%;
    text-align: center;
    background:rgba(0,0,0,0.3);
}

#message {
    font-size:1.3em
}

.panomessage  {
    padding:10px ;
    border-bottom:1px solid #e4e1e1 ;
    transition:all 0.5s ease
}
.panomessage:hover {
    background:#fdfdfd
}

.pano {
    padding-top:20px
}

.panomessage h2{
    font-weight:500;
    font-size:1.2em;
    color:#18253e;
    margin-bottom:0px  ;
    float:left;
    padding-left: 8px;
    padding-top: 4px;

}
.panomessage h2 span{
    font-weight:300;
    font-size:0.8em;
    color:#18253e ;
    display:block;
    line-height:1.8em ;
}
.message a{
    font-weight:500;
    font-size:1.2em
}


.processbuton {
    color:#ccc;
    text-align:Center;
    transition: all 0.5s ease;
    padding:5px 0px
}
.like:hover {
    background:#a5d6a7  ;
    color:#fff;
}
.like span,.comment span {
    font-size:0.9em
}

.comment:hover {
    background:#81d4fa   ;
    color:#fff;
}
.remove:hover {
    background:#f44336  ;
    color:#fff;
}

.processbuton i{
    font-size:1.3em
}
.commentdiv,.usercomment {
    padding:5px
}

.usercomment:nth-child(even) {
    background-color: #f2f2f2;
}
.usercomment:nth-child(odd) {
    background-color: #fafcff;
}
.usercomment h3 {
    font-size:0.9em;
        margin-bottom: 5px;

}
.usercomment h3 span{
    font-size:0.8em   ;
    padding-right:10px ;
    color:#999;


}
.commentsmore a {
    display:block;
    text-align:center;
    color:#ccc;
    font-size:1em
}
.commentsmore a:hover {
    color:#555
}
.commentdelete {
    position: Absolute;
    bottom: 30%;
    right: 5px;
    font-size: 0.9em !important;
    z-index: 10;
    color:#999;
}
.commentdelete:hover {
    color:red;
}
.profile-circle {
    width: 40px;
    height: 40px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    float:left;
    -moz-background-size: 100% 100%;           /* Firefox 3.6 */
    -o-background-size: 100% 100%;           /* Opera 9.5 */
    -webkit-background-size: 100% 100%;           /* Safari 3.0, Chrome */
    background-size: 100% 100%;
}
.profile-circle2 {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    float:left;
    -moz-background-size: 100% 100%;           /* Firefox 3.6 */
    -o-background-size: 100% 100%;           /* Opera 9.5 */
    -webkit-background-size: 100% 100%;           /* Safari 3.0, Chrome */
    background-size: 100% 100%;
}