.MessageList {
    position: relative;
}

.DataList .ItemDiscussion,
.DataList .Item,
.MessageList .ItemDiscussion.ItemDiscussion {
    border-radius: 8px;
    margin-bottom: 24px;
    padding: 24px;
}

li.ItemDiscussion,
li.Item-Search {
    cursor: pointer;
}

li.ItemDiscussion .MItem.DisableClick,
li.ItemDiscussion .Author.DisableClick,
li.Item-Search .AuthWrapper,
.not-published-badge.DisableClick,
.verified-badge.DisableClick {
    cursor: initial;
}

.MessageList .ItemComment {
    padding: 0;
}

/* Discussion Detail */
.DataList .PhotoWrap,
.MessageList .PhotoWrap,
.PhotoWrap {
    height: 44px;
    width: 44px;
}

.Item-Header.DiscussionHeader,
.MessageList .Item-Header.DiscussionHeader {
    margin-top: 0;
    margin-bottom: 0px;
    padding: 0;
    position: relative;
}

.MessageList .ItemComment .Item-BodyWrap,
.MessageList .ItemDiscussion .Item-BodyWrap {
    padding: 0;
}

.MessageList .Item-Header.DiscussionHeader .DiscussionHeader_category,
.Item-Header.DiscussionHeader .DiscussionHeader_category {
    font-size: 12px;
    line-height: 14px;
    color: #1A1919;
    padding: 4.5px 16px;
    border: 1px solid #1A1919;
    box-sizing: border-box;
    border-radius: 43px;
    margin-left: 10px;
}

.MessageList .Author a.Username,
.DataList .Author a.Username,
.Author a.Username {
    color: black;
    font-family: "ChromaticaBlack";
    font-size: 15px;
    display: inline-flex;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 0px;
    padding-top: 5px;
}

.MessageList .MItem.TimeAgo,
.DataList .MItem.TimeAgo {
    font-size: 12px;
    line-height: 14px;
    color: #828282;
    margin: 0;
}

.MessageList .Item-BodyWrap .Message.userContent,
.DataList.Discussions .Item-BodyWrap .Message.userContent,
.Item-Search .Item-Body .Summary {
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    border-radius: 8px;
    padding: 16px;
}

.MessageList .Item-BodyWrap .Message.userContent p,
.DataList.Discussions .Item-BodyWrap .Message.userContent p,
.Item-Search .Item-Body .Summary p {
    margin: 0;
    font-size: 15px !important;
    line-height: inherit;
    color: black;
}

.MessageList .Item-BodyWrap .Message.userContent p + p,
.DataList.Discussions .Item-BodyWrap .Message.userContent p + p,
.Item-Search .Item-Body .Summary p + p {
    margin-top: 14px;
}

.MessageList .Item-BodyWrap .Message.userContent p + div.embedLink,
.DataList.Discussions .Item-BodyWrap .Message.userContent p + div.embedLink,
.Item-Search .Item-Body .Summary p + div.embedLink {
    margin-top: 14px;
}

.MessageList .Item-BodyWrap .Message.userContent p + div.embedImage,
.DataList.Discussions .Item-BodyWrap .Message.userContent p + div.embedImage,
.Item-Search .Item-Body .Summary p + div.embedImage {
    margin-top: 24px;
}

.MessageList .Item-BodyWrap .Message.userContent div.embedImage,
.DataList.Discussions .Item-BodyWrap .Message.userContent div.embedImage,
.Item-Search .Item-Body .Summary div.embedImage {
    margin-bottom: 24px;
}

.userContent.Message {
    margin-top: 16px;
    margin-bottom: 0;
}

li.ItemDiscussion .Message {
    max-height: 200px;
}

body.Profile .DataList.Discussions .MessageWrapper,
body.Discussions .DataList.Discussions .MessageWrapper,
body.Search .DataList .MessageWrapper {
    max-height: 168px;
    overflow: hidden;
    position: relative;
    /* text-overflow: ellipsis; */
}

body.Search .DataList .embedExternal {
    margin-bottom: 14px;
}

body.Profile .DataList .embedText-body.embedLink-body,
body.Search .DataList .embedText-body.embedLink-body,
body.Discussions .DataList.Discussions .embedText-body.embedLink-body {
    display: none;
}

body.Profile .DataList .embedExternal.embedLink,
body.Search .DataList .embedExternal.embedLink,
body.Discussions .DataList.Discussions .embedExternal.embedLink {
    background-color: transparent;
    box-shadow: none;
    margin: 0;
}

body.Profile .DataList .embedExternal.embedLink .embedExternal-content,
body.Search .DataList .embedExternal.embedLink .embedExternal-content,
body.Discussions .DataList.Discussions .embedExternal.embedLink .embedExternal-content {
    text-align: left;
}

body.Profile .DataList .embedExternal.embedImage.crossed,
body.Search .DataList .embedExternal.embedImage.crossed,
body.Discussions .DataList.Discussions .embedExternal.embedImage.crossed {
    position: relative;
    overflow: hidden;
}

body.Profile .DataList .embedExternal.embedImage.crossed::after,
body.Search .DataList .embedExternal.embedImage.crossed::after,
body.Discussions .DataList.Discussions .embedExternal.embedImage.crossed::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 74px;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(0deg, #f2f2f2, transparent);
}

/* .MessageWrapper:after {
    content: "\02026";
    position: absolute;
    bottom: -12px;
    left: 0px;
    width: fit-content;
    text-align: right;
    vertical-align: bottom;
    font-size: 26px;
} */

.ItemDiscussion .Item-Body {
    margin-bottom: 24px;
}

.Item-Body .QuestionCategory {
    color: black;
    font-size: 12px;
    line-height: 14px;
    border-radius: 43px;
    border: 1px solid #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 27px;
    width: max-content;
    padding: 6px 12px 6px 12px;
    margin-top: 16px;
}

.Item-Footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.Item-Footer .Options {
    float: none;
}

.Item-Footer a.SeeButton {
    padding: 16px 36px;
    font-size: 18px;
    line-height: 21px;
    color: #1A1919;
    border: 1px solid #1A1919;
    border-radius: 100px;
}

.Item-Footer a.SeeButton:hover {
    background-color: #f2f2f2;
}

.Item-Header.DiscussionHeader .Options-Icon,
.Item-Search .Options-Icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.Back-Icon {
    background: url("../../../../themes/alloprof/design/images/back.png") no-repeat !important;
    width: 24px;
    height: 24px;
}

.Notifications-Icon {
    background: url("../../../../themes/alloprof/design/images/Follow.png") no-repeat !important;
    width: 24px;
    height: 24px;
}

.Favorite-Icon {
    background: url("../../../../themes/alloprof/design/images/icons/like.svg") no-repeat !important;
    background-position: center !important;
}

.Reactions a.HasCount {
    background-position-y: center !important;
    background-position-x: 12px !important;
}

.Favorite-Icon.isLiked {
    background: url("../../../../themes/alloprof/design/images/icons/liked.svg") no-repeat !important;
    background-position-y: center !important;
    background-position-x: 12px !important;
}

/* Footer icons in Question Card */
.Item-Footer-Icons {
    display: flex;
    align-items: center;
}

.Item-Footer-Icons .Response {
    font-size: 17px;
    line-height: 19px;
}

.Item-Footer-Icons .Separator {
    width: 1px;
    height: 30px;
    background-color: #1A1919;
    margin: 0 20px;
}

.Item-Footer-Icons .Options>a.Option-Icon {
    margin-left: 0;
    margin-right: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Item-Footer-Icons .SocialIcon.SocialPopup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
}

.Item-Footer-Icons .Reactions {
    height: 44px;
    display: flex;
}

.Item-Footer-Icons .Reactions .ReactButtons {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Item-Footer-Icons .Reactions .ReactButtons a.Option-Icon {
    min-width: 44px;
    height: 44px;
    display: flex;
    font-size: 17px;
    padding: 0 12px;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.MessageList .ItemComment .AuthorWrap,
.MessageList .ItemComment .Meta,
.MessageList .ItemDiscussion .AuthorWrap,
.MessageList .ItemDiscussion .Meta {
    padding-left: 0;
    display: block;
}

.Discussions .ItemDiscussion .AuthorWrap {
    position: relative;
}

.CommentHeadingWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 30px;
    position: relative;
    z-index: 0;
}

.CommentHeading {
    font-size: 18px;
    line-height: 33px;
    color: black;
}

.Discussion .PageTitle {
    position: absolute;
    right: 40px;
    top: 46px;
    z-index: 99;
}

.Discussion .PageTitle .Options {
    float: none;
}

.MessageList .ItemDiscussion {
    position: initial;
}

/* Comment Post Box */
.CommentPostForm {
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    padding: 0 !important;
}

.CommentPostForm .CommentFormWrap {
    margin-top: 16px;
}

.CommentPostForm.open {
    height: auto;
    padding: 24px !important;
}

.CommentPostForm .close-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: block;
    padding: 14px;
}

.CommentPostForm .close-icon img {
    display: block;
    width: 16px;
    height: 16px;
}

.CommentPostForm .UserInfo {
    display: flex;
    align-items: center;
    min-height: 66px;
    padding-bottom: 16px;
}

.CommentPostForm .UserInfo .UserPhoto {
    margin-right: 12px;
}

.CommentPostForm .UserInfo .UserAuthor {
    display: flex;
    flex-direction: column;
}

.CommentPostForm .UserInfo .UserAuthor .UserAuthorName {
    color: black;
    font-family: "ChromaticaBlack";
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 2px;
}

.CommentPostForm .UserInfo .UserAuthor .UserAuthorName svg {
    width: 15px;
    height: 15px;
}

.UserInfo .UserAuthor .UserAuthorName svg,
.AuthorWrap .Author svg {
    margin-left: 5px;
    width: 15px;
    height: 15px;
}


.CommentPostForm .UserInfo .UserAuthor .UserAuthorGrade {
    font-size: 12px;
    line-height: 14px;
    color: #828282;
}

.CommentPostForm .richEditor-frame,
.CommentPostForm .richEditor-frame.InputBox:focus,
.CommentPostForm .richEditor-frame.InputBox:active {
    border: none !important;
    background: #f2f2f2;
    position: relative;
}

.rich-select.CommentSort {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: visible;
}

/* .CommentPostForm .CommentFormWrap .richEditor-textWrap,
.CommentPostForm .CommentFormWrap .richEditor .richEditor-frame,
.CommentPostForm .CommentFormWrap .richEditor-text {
    min-height: 105px;
}

.CommentPostForm .CommentFormWrap .richEditor-textWrap {
    max-height: 105px;
    overflow: auto;
} */

.CommentPostForm .CommentFormWrap .richEditor-embedBar {
    position: absolute;
    bottom: -70px;
    z-index: 1;
    left: -10px;
    width: initial;
}

/* .CommentPostForm .richEditor-frame .richEditor-embedBar {
    position: absolute;
    left: -10px;
    bottom: -60px;
    width: initial;
} */

/* Search Media */
.Item-Search .Item-Body .AuthWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.Item-Search .Item-Body .AuthWrapper img {
    border-radius: 100%;
}

.DataList-Search .PhotoWrap {
    position: initial;
}

.Item-Search .Item-Body .AuthWrapper .AuthDate {
    display: flex;
    flex-direction: column;
}

.Item-Search .Item-Body .AuthWrapper .AuthDate .UserName a {
    color: black;
    font-size: 15px;
    font-weight: 700;
}

.DataList-Search .Item-Body {
    padding-left: 0;
}

.MessageList .ItemComment .Item-Header,
.MessageList .ItemDiscussion .Item-Header {
    position: relative;
    z-index: 1;
}

.MItem-Grade {
    color: #6C6767;
    font-weight: bold;
    font-size: 13px
}

.MessageList .ItemComment .verfied-info {
    min-height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #DBF8EF;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.MessageList .ItemComment .verfied-info.pro-role {
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
    margin: 16px;
    border-radius: 8px;
}

.MessageList .ItemComment .verfied-info.pro-role .pro-help-popup {
    position: absolute;
    width: 360px;
    background: #FFFFFF;
    border: 1px solid #E7E1D8;
    box-sizing: border-box;
    border-radius: 8px;
    z-index: 5;
    top: 66px;
    right: 10px;
    display: none;
}

.MessageList .ItemComment .verfied-info.pro-role .pro-help-popup div {
    display: flex;
    flex-direction: column;
    padding: 24px;
    align-items: center;
    text-align: center;
}

.MessageList .ItemComment .verfied-info.pro-role .pro-help-popup::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;

    border-bottom: 12px solid white;
    position: absolute;
    top: -12px;
    right: 25px;
}

.MessageList .ItemComment .verfied-info.pro-role .pro-help-popup img {
    width: 28px;
    height: 28px;
    margin: 0;
}

.MessageList .ItemComment .verfied-info.pro-role .pro-help-popup p.text {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin: 10px 0;
    font-weight: 400;
}

.MessageList .ItemComment .verfied-info.pro-role .pro-help-popup p.subtext {
    font-size: 13px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    margin: 0;
}

.MessageList .ItemComment .verfied-info.pro-role.pro-role-unverified {
    background: #E4F1FB;
}

.MessageList .ItemComment .verfied-info.pro-role.pro-role-unverified span.desktop {
    display: block;
}

.MessageList .ItemComment .verfied-info.pro-role.pro-role-unverified span.mobile {
    display: none;
}

.MessageList .ItemComment .verfied-info.pro-role div {
    display: flex;
    align-items: center;
}

.MessageList .ItemComment .verfied-info img {
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.MessageList .ItemComment .verfied-info img.help-icon {
    margin-left: 8px;
    width: 16px;
    height: 16px;
}

.MessageList .ItemComment .verfied-info img.help-icon:hover ~ .pro-help-popup {
    display: block;
}

.MessageList .ItemComment .verfied-info span {
    font-size: 16px;
    line-height: 19px;
    flex: 1;
    color: #000000;
}

.verified-badge {
    padding: 12px 16px;
    width: 185px;
    height: 40px;
    background: #DBF8EF;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 34px;
    top: 0;
}

.verified-badge img {
    width: 15px;
    height: 15px;
    margin-right: 8px;
}

.verified-badge span {
    font-size: 13px;
    line-height: 15px;
}

.DiscussionHeader .MenuItems,
.CommentsWrap .CommentOptions {
    box-shadow: 0 4px 10px rgb(0 0 0 / 30%);
    width: 280px;
    min-width: 280px;
    padding: 0 !important;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 8px;
}

.ToggleFlyout.Outside .MenuItems li + li a,
.ToggleFlyout.Outside .CommentOptions li + li a,
.DiscussionHeader .MenuItems li + li a,
.CommentsWrap .CommentOptions li + li a {
    border-top: 1px solid #DDDDDD!important;
}

.ToggleFlyout.Outside .MenuItems li a,
.ToggleFlyout.Outside .CommentOptions li a,
.DiscussionHeader .MenuItems li a,
.CommentsWrap .CommentOptions li a {
    font-size: 15px;
    line-height: 24px;
    font-feature-settings: 'tnum' on, 'lnum' on, 'zero' on;
    color: #1A202C;
    padding: 16px !important;
    display: relative;
}

.ToggleFlyout.Outside .MenuItems li a span,
.ToggleFlyout.Outside .CommentOptions li a span,
.DiscussionHeader .MenuItems li a span,
.CommentsWrap .CommentOptions li a span {
    margin-left: 10px;
    white-space: pre-wrap;
}

.MessageList.Disucssion {
    z-index: 1;
}

.MessageList.Comments {
    z-index: 0;
}

.MessageList .ItemComment .Comment {
    padding: 24px;
}

.MessageList .ItemComment.Accepted .not-published-badge {
    top: 100px;
}

.MessageList .ItemComment.ProComment {
    border: 2px solid #295ABA!important;
    border-radius: 8px;
}

.MessageList .ItemComment.Accepted {
    border: 2px solid #05BF8E!important;
    border-radius: 8px;
}

.MessageList .ItemComment.Accepted.TeacherComment .verfied-info {
    display: none;
}

.MessageList .ItemComment.Accepted.TeacherComment .not-published-badge {
    top: 0px;
}

.MessageList .ItemComment.Accepted.TeacherComment .Username {
    color: #05BF8E;
}

.ItemComment.Editing .not-published-badge {
    display: none!important;
}

.MessageList .ItemComment.Editing .Options {
    display: none!important;
}

.EditCommentForm {
    position: relative;
}

.EditCommentForm .close-icon {
    position: absolute;
    top: -60px;
    z-index: 99;
    right: 10px;
    cursor: pointer;
    display: block;
}

.EditCommentForm .Buttons {
    margin-top: 10px;
}

.DisableClickWrapper {
    width: fit-content;
}

.goback-btn a{
    display: inline-flex !important;
    align-items: center;
    height: 30px;
    font-size: 18px;
    line-height: 20px;
    color: black;
    font-family: "ChromaticaBold";
    margin-bottom: 20px;
}

.goback-btn a span {
    margin-left: 10px;
}

@media screen and (max-width: 958px) {
    .Discussion .PageTitle {
        right: 20px;
        top: 85px;
    }
    .SaveComment {
        margin-left: 0 !important;
    }
    .QuestionPopup .DiscussionForm .Category {
        margin-bottom: 0 !important;
        width: 99%;
    }
    .EditDiscussion.QuestionPopup {
        display: flex !important;
    }
    .MessageList .ItemComment.Accepted {
        border-radius: 0;
    }
    .Item-Footer.answer {
        flex-direction: column;
        align-items: flex-start;
    }
    .information-block.newcomment,
    .CommentPostForm {
        display: none !important;
    }
    .answer-button-mobile {
        width: calc(100% + 30px);
        background-color: rgba(248, 248, 248);
        padding: 15px;
        padding-bottom: 25px;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -16px;
    }

    .answer-button-mobile a,
    .answer-button-mobile input {
        margin: 0 auto;
        width: fit-content;
    }

    .ToggleFlyout.Outside .MenuItems,
    .ToggleFlyout.Outside .CommentOptions,
    .DiscussionHeader .MenuItems,
    .CommentsWrap .CommentOptions {
        width: calc(100% - 30px);
    }
}

@media screen and (max-width: 768px) {
    .MessageList .ItemComment .verfied-info.pro-role.pro-role-unverified span.desktop {
        display: none;
    }

    .MessageList .ItemComment .verfied-info.pro-role.pro-role-unverified span.mobile {
        display: block;
    }
}

.SaveComment {
    margin-left: auto;
}