.divPostsTitle
{
    color: #4a4a4a;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 35px;
    text-transform: uppercase;
}

.aViewResources, .aViewResources:hover, .aViewResources:active, .aViewResources:focus
{
    text-transform: uppercase;
    padding: 10px;
    padding-left: 25px;
    padding-right: 25px;
    border: 2px solid #030303;
    background-color: #030303;
    color: #ffffff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none !important;
    float: right;
    position: relative;
    bottom: 12px;
}

.divLoadMore
{
    text-align: center;
    margin-bottom: 71px;
}

.aLoadMore
{
    text-transform: uppercase;
    padding: 10px !important;
    padding-left: 100px !important;
    padding-right: 100px !important;
    border: 2px solid #030303;
    background-color: transparent;
    color: #666666 !important;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none !important;
}

.aLoadMore:hover
{
    background-color: #030303;
    color: #ffffff !important;
}

.divPostsBlock
{
    clear: both;
    min-height: 150px;
}

.divPost
{
    min-width: 700px;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 75px;
}

#sectionPosts
{
    position: relative;
    max-width: 100%;
    width: 100%;
}

.imgPost
{
    width: 100%;
    max-width: 100%;
    height: auto;
}

.imgSPost
{
    width: 100%;
    max-width: 700px;
}

.articlePostBlock
{
    position: absolute;
    background: white;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,.1);
}

.articlePostBlock > p
{
    padding: 10px;
    clear: both;
    text-align: center;
}

.articlePost
{
    background: white;
    border-radius: 5px;
    padding: 10px;
    padding-bottom: 30px;
    padding-top: 2px;
}

.articlePost > p
{
    padding: 10px;
    clear: both;
    text-align: center;
}

.imgPostUser
{
    width: 38px;
    border-radius: 50%;
    margin: 8px;
    float: left;
    height: 38px;
}

.spanPostUsername
{
    font-size: 14px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 9px;
    margin-bottom: 6px;
}

.spanPostTime
{
    font-size: 14px;
    font-weight: bold;
    color: #999999;
    float: right;
    position: relative;
    bottom: 15px;
    right: 5px;
}

.aPostDetail
{
    text-decoration: none !important;
}

.pPostText
{
    color: #333333;
    font-size: 15px;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
}

.articlePostBlock > hr
{
    margin: 0px !important;
}

.articlePost > hr
{
    margin: 0px !important;
}

.divLikeCount, .divCommentCount
{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 17px;
    color: #999999;
}

.divCommentCount
{
    border-left: 1px solid rgba(0,0,0,.1);
}

.iLikeCommentActive
{
    color: #030303;
}

#modelAddPost .modal-header
{
    border-color: #ededed !important;
}

#modelAddPost .modal-body, #modelAddPost .modal-footer
{
    background-color: #f5f5f5;
}

#modelAddPost .modal-footer
{
    border-color: transparent !important;
    border-radius: 4px;
    padding-top: 0px !important;
    display: block !important;
}

.aPostImage, .aPostImage:hover
{
    float: left;
    font-size: 21px;
    position: relative;
    top: 5px;
    color: #66a8b4;
    cursor: pointer;
    margin-right: 15px;
}

#imgPost, #inputPostImg
{
    display: none;
}

#modelAddPost .form-control
{
    margin-bottom: 5px;
}

#modelAddPost #btnAddPost
{
   background-color: #030303;
   border-color: #030303;
}

#modelAddPost #imgPost
{
    width: 32px;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 4px;
}

#modelAddPost .spanInputError
{
    top: 0px;
}

.btnAddPost
{
    text-transform: uppercase;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: 2px solid #030303;
    background-color: #030303;
    color: #ffffff !important;
    font-size: 14px !important;
    text-decoration: none !important;
    position: relative;
    bottom: 12px;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    font-weight: bold;
}

.aDeletePost, .aDeletePost:hover
{
    color: #a94442 !important;
    float: right;
    font-weight: bold;
    margin-right: 5px;
    cursor: pointer;
    margin-bottom: 5px;
    font-size: 15px;
    position: absolute;
    right: 0px;
}

.spanMPostUsername
{
    font-size: 14px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 160px;
}

.divPostUserDetail
{
    min-height: 54px;
}

.divPostDetail
{
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.aLikeUnlike, .aLikeUnlike:hover
{
    text-align: left !important;
    color: #999999;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin-left: 5px;
}

.divLikeCountS
{
    padding-bottom: 10px;
    padding-top: 10px;
}

.divPost .media-object
{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

#divComments
{
    clear: both;
}

.media-heading
{
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0px;
}

.divAddComment
{
    text-align: right;
}

#btnAddPostComment, #btnAddReply
{
    float: none !important;
    margin-top: 10px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#spanErrorComment
{
    text-align: left !important;
}

.time
{
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 3px;
    color: #888888;
}

.divPost .media
{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
    padding-top: 5px;
}

#divMessageComment, #divMessageCom
{
    text-align: center !important;
}

.aCommentCount, .aCommentCount:hover
{
    color: #999999 !important;
    font-size: 17px !important;
    text-decoration: none !important;
}

.aCommentCount i, .aLikeUnlike i
{
    margin-right: 5px;
}

.articlePostNew
{
    padding-bottom: 0px !important;
}

.aLike, .aLike:hover
{
    color: #030303 !important;
}

#btnAddPostComment, #btnAddReply
{
    margin-top: 24px;
    margin-right: 0px;
}

.imgACUser
{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 5px;
}

#divSelectedMentionUsers
{
    text-align: left;
}

.spanSelectedCommentUser, .spanSelectedReplyUser
{
    background-color: #eee;
    border-radius: 25px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1;
    color: #a8a8a8;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.fa-times
{
    cursor: pointer;
}

.imgSelectedCommentUser, .imgSelectedReplyUser
{
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.spanSelectedCommentUser a:hover, .spanSelectedCommentUser a:active, .spanSelectedCommentUser a:focus,
.spanSelectedReplyUser a:hover, .spanSelectedReplyUser a:active, .spanSelectedReplyUser a:focus
{
    text-decoration: none;
}

.spanSelectedCommentUserFullname, .fa-times, .spanSelectedReplyUserFullname
{
    position: relative;
    top: 2px;
}

.alreadySelectedCommentUser, .alreadySelectedReplyUser
{
    background-color: #d4f1f7;
    content: 'f00c';
}

.aReply
{
    cursor: pointer;
    font-size: 14px;
    color: #004e89 !important;
}

#modalReply .divPost
{
    min-width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0px !important;
}

#divReply
{
    margin-top: 15px;
}

#divMessageReply, #divMessageRep
{
    text-align: center;
}

#divReplies .media:last-child
{
    border-bottom: 0px !important;
}

.divBtnAllFollowing
{
    margin-bottom: 25px;
}

.divBtnAllFollowing button 
{
    border-color: #030303 !important;
    min-width: 84px;
}

.divBtnAllFollowing button.active, .divBtnAllFollowing button.active:hover, .divBtnAllFollowing button.active:focus
{
    color: #ffffff;
    font-weight: bold;
    background-color: #030303 !important;
}

.divType
{
    text-align: right;
    margin-bottom: 5px;
}

.divType span
{
    color: #ffffff;
    border-radius: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    margin-right: 5px;
    text-transform: uppercase;
}

.spanAdminPost
{
    background-color: #e65659;
}

.aPostDetail .fa 
{
    color: #e65659;
    font-size: 15px;
    position: relative;
}

.aPostDetail .date
{
    margin-top:5px;
}

.aPostDetail .date, .aPostDetail .time
{
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px; 
    color: #333333;
    font-size: 14px;
}

.spanLikesCount
{
    cursor: pointer;
}

#divLU .media
{
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

#divLU .media:last-child
{
    border-bottom: none;
}

#divLU .media-object
{
    width: 50px;
    border-radius: 50%;
    margin-bottom: 20px;
    height: 50px;
    object-fit: cover;
}

#divLU .divUsername
{
    color: #4a4a4a;
    font-weight: bold;
    font-size: 15px;
    margin-top: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.media-body {
    padding-left: 10px;
    padding-right: 10px;
}

.divSearch 
{
    margin-bottom: 30px;
}

#modalLikeUsers .input-group-text,
.divAddComment .input-group-text {
    border-bottom-right-radius: 25px !important;
    border-top-right-radius: 25px !important;
    background-color: #e9ecef !important;
    border: 1px solid #ced4da !important;
    color: #004e89 !important;
}

.divImgLoader {
    text-align: center;
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

@media screen and (max-width: 980px) and (min-width: 768px)
{
    .spanPostUsername
    {
        max-width: 75px;
    }
}

@media screen and (max-width: 400px) and (min-width: 100px)
{
    .divPostsTitle span
    {
        display: block;
        margin-bottom: 30px;
    }

    .btnAddPost
    {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 767px) and (min-width: 100px)
{
    .divPosts
    {
        padding-top: 30px;
        margin-top: 47px;
    }

    .divPost
    {
        min-width: auto;
    }

    .divPostsTitle
    {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .aViewResources
    {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px !important;
        padding-bottom: 10px;
        font-size: 13px;
        position: relative;
        /*bottom:15px;*/
    }

    .btnAddPost
    {
        font-size: 13px;
    }

    .spanPostUsername
    {
        font-size: 13px;
        /*max-width: 169px;*/
    }

    .spanPostTime
    {
        bottom: 13px;
        font-size: 13px;
    }

    .pPostText
    {
        font-size: 13px;
    }

    .articlePostBlock
    {
        width: 100% !important;
    }

    .articlePost
    {
        width: 100% !important;
    }

    .aLoadMore
    {
        padding: 10px !important;
        padding-left: 50px !important;
        padding-right: 50px !important;
        font-size: 14px;
    }

    .divLoadMore
    {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}