.portfolio_body .portfolio_body_right {
    width: 78%;
    position: relative;
}

.wall-left-col .portfolio_body_right #middle_container_wrapper .infinite-scroll-component {
    overflow: auto !important;
    padding: 20px 0px 0px 0px;
    width: 100%;
    max-height: 100vh !important;
    background: #FFFFFF;
    border-radius: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.new-unread-notification {
    background: #f5f5f5 !important;
}

.notifications_heading {
    width: 100%;
    border-bottom: 1px solid #c5cbd6;
    float: left;
}

.notifications_area.new-unread-notification {
    padding: 5px;
    background: #fff;
    width: 100%;
}

.view_all_friends {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.all_notification_border_area p {
    text-align: center;
}

.notifications_area.new-unread-notification p.notificaiton_date_time,
.notifications_area.new-unread-notification p.notificaiton_back_follow {
    text-align: left;
    float: left;
    width: 100%;
}

.new-unread-notification {
    background: #f5f5f500 !important;
}

.notifications_heading {
    width: 100%;
    border-bottom: 1px solid #c5cbd6;
    float: left;
}

.notifications_image {
    text-align: center;
    position: relative !important;
    width: 28px;
    height: 28px;
    float: left;
    border: 2px solid #7ab4dd42;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    left: 0;
    margin-right: 10px;
}

.notifications_image svg {
    width: 100%;
    height: 100%;
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.notifications_image img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.model-popup-inner-17,
img {
    vertical-align: middle;
}

.all_notification_detail_list .notifications_area .notifications_text {
    max-width: 90% !important;
    float: left;
    width: 90%;
}

.notifications_text h3 {
    font-size: 12px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    line-height: normal !important;
    float: left;
}

.notifications_text h3 .likepost {
    font-size: 14px !important;
    font-weight: 500 !important;
    padding-left: 0px !important;
    line-height: 21px;
    float: none !important;
}

.notifications_text .likepost a {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 21px;
    margin-left: 2px;
}

.notifications_text h3 a {
    padding-right: 1px;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

.notifications_text>h3>p.notificaiton_date_time {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    padding-top: 5px;
    text-align: left;
}

.notifications_text .notificaiton_date_time {
    font-size: 12px !important;
    font-weight: 400 !important;
    padding-left: 0 !important;
    line-height: 16.34px;
}

.notifications_text p {
    width: 100%;
    margin: 0 !important;
    float: left;
    font-size: 12px;
}

.notifications_text span {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    padding-left: 0 !important;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    float: left;
    width: 100%;
}

.notifications_heading {
    width: 100%;
    border-bottom: 1px solid #c5cbd6;
    float: left;
}

.notifications_area {
    padding: 20px 5px;
    background: #fff;
}

.view_all_friends_heading h3 {
    margin-top: 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
}

.view_all_friends_right p {
    position: absolute;
    top: 22px;
    right: 23px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    text-align: right;
}

.portfolio_body_right2.stopscroll.main.all_notification_border_area .infinite-scroll-component .notification_react_page {
    padding: 20px 0px;
    width: 100%;
    float: left;
}

.notification_react_page .view_all_friends {
    padding: 0 25px;
    margin-bottom: 0;
}

.notification_react_page .view_all_friends .view_all_friends_heading.friends_heading_cus {
    padding-bottom: 20px;
}

.all_notification_detail_list hr {
    margin: 0 !important;
    display: none;
}

.notification_react_page .notifications_area {
    padding: 20px;
}

.notification_react_page .notifications_area p {
    text-align: left;
}

.notification_react_page .notifications_area.new-unread-notification {
    position: relative;
}


.notification_react_page .notifications_area.new-unread-notification::after {
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 50%;
    position: absolute;
    right: 11px;
    bottom: 11px;
}


.all_notification_border_area.main.portfolio_body_right2.stopscroll .infinite-scroll-component {
    position: absolute;
    top: 365px;
    left: 0px;
    width: 625px;
}

.notification_react_page .notifications_area .notifications_text .group-invitation-alert-btns {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.notification_react_page .notifications_area .notifications_text .group-invitation-alert-btns a {
    float: left;
}


.single-post .my_streamcontent.main .post-user-profile-details {
    width: 88%;
}

.notifications_image a .image-start-container.biswas .post_profile_pic_star-2021 .common-profile-picture-2021 ul.circle-container-2021 li {
    height: 100%;
    top: 0;
}

.notifications_image a .image-start-container.biswas .post_profile_pic_star-2021 .common-profile-picture-2021 ul.circle-container-2021 li span.icon-Star {
    -webkit-text-stroke: 0.3px #000000;
    font-size: .6rem;
    margin: 0 -2px;
}

.notifications_image a .image-start-container.biswas .user-post-pic-holder.avater-image-2021 span.icon-user {
    font-size: 2.4rem;
}


.follow_loader {
    position: absolute;
    right: 0;
}

.follow_loader .cssload-container-div .cssload-div {
    right: 15px !important;
    left: inherit;
    top: 8px;
}

.follow_loader .cssload-container-div {
    float: left;
    width: 100%;
    height: 100%;
    text-align: right;
}


/* STARTS: user-verification-badge-css 
--------------- Zahidul Islam ---------------
*/

span.userVerification_notificationText {
    font-size: 14px !important;
    font-weight: 500 !important;
    padding-left: 0px !important;
    line-height: 21px;
    float: none !important;
}

span.userVerification_notificationText .verificationBadge_middle_txt {
    color: #1e9bdd;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 21px;
}

.notifications_text.main > h3 span.likepost {
    display: flex;
    align-items: center;
    justify-content: center;
}

a.notificationUserName_Link {
    display: flex;
    align-items: center;
}

a.notificationUserName_Link .user_verification_badge {
    height: 12px;
    width: 12px;
    margin-left: 1px;
}

a.notificationUserName_Link .user_verification_badge .user_verification_svg_icon {
    display: flex;
}

/* notification-css */
.notifications_text.main > h3 span.notiText {
    /* display: flex;
    align-items: center; */    
    font-size: 14px !important;
    font-weight: 500 !important;
    padding-left: 0px !important;
    line-height: 21px;
    float: none !important;
}

span.notiText.replyCommentVerificationBadge, 
span.notiText.replyPostCommentVerificationBadge {
    display: flex;
    align-items: center;
}

span.notiText.replyCommentVerificationBadge .user_verification_badge,
span.notiText.replyPostCommentVerificationBadge .user_verification_badge {
    height: 12px;
    width: 12px;
}

span.notiText.replyCommentVerificationBadge .user_verification_badge .user_verification_svg_icon,
span.notiText.replyPostCommentVerificationBadge .user_verification_badge .user_verification_svg_icon {
    display: flex;
    align-items: center;
}

div#dropdown-notificatoin1 .notifications_top_scroll div#notofication_list_box_open .notifications_text h3 span.notiText {
    display: inherit;
}

.notifications_text.main h3.ownComment_OtherReply,
.notifications_area .notifications_text.main h3.ownComment_OtherReply .notiText.replyCommentVerificationBadge{
    float: left;
    width: 100%;
}


.notifications_text.main h3.ownComment_OtherReply .notiText.replyCommentVerificationBadge {
    float: left;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding-left: 0px !important;
    line-height: 21px;
}

.notifications_text.main h3.ownComment_OtherReply .notiText.replyCommentVerificationBadge+.nav-notificaiton_date_time {
    display: block;
    float: left;
    width: 100%;
}

.notifications_text.main h3.ownComment_OtherReply .notiText.replyCommentVerificationBadge a.post_notif_not_capit {
    float: inherit;
}

.dropdown-pane3 .notifications_text.main h3.ownComment_OtherReply .notiText.replyCommentVerificationBadge .ownComment_OtherReply_post {
    float: left;
    width: 100%;
}

.dropdown-pane3 .notifications_text.main h3.ownComment_OtherReply .notiText.replyCommentVerificationBadge .ownComment_OtherReply_post span,
.notifications_area .notifications_text.main h3.ownComment_OtherReply .notiText.replyCommentVerificationBadge .ownComment_OtherReply_post span {
    /* float left causing issue. Breaking the notification design. */
    /* float: left; */
    margin: 0 1px;
}
.portfolio_body_right2.stopscroll.main.all_notification_border_area.infinity_scroll_invest_top .infinite-scroll-component{
    top: 415px;
}