.content_item, .comment_item, .comment_form {
    display: flex;
    flex-direction: column;
}

.content_info {
    display: flex;
    margin-bottom: 1rem;
}

.comment_idem_blocked_overlay,
.obscenity_overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.comment_info {
    display: flex;
}

.content_info .info_right {
    display: flex;
    margin-left: auto;
    flex-direction: column;
}

.content_author_image,
.comment_author_image {
    display: inline-flex;
}

.content_author_image .user_profile_image_link {
    margin-right: 1rem;
    height: 2.8rem;
    width: 2.8rem;
}

.content_item_body > .content_item_body_cell_main > .content_body {
    flex-direction: column;
    display: flex;
    position: relative;
}

.comment_body.comment_idem_blocked,
.content_body.content_body_obscenity {
    min-height: 6rem;
}

.comment_body.comment_idem_blocked > *,
.content_body.content_body_obscenity > * {
    filter: blur(3rem);
}

.comment_body.comment_idem_blocked > *.comment_body_text_container,
.content_body.content_body_obscenity > *.content_body_text {
    filter: blur(0.5rem);
}

.comment_body.comment_idem_blocked > *.comment_idem_blocked_overlay,
.content_body.content_body_obscenity > *.obscenity_overlay {
    filter: unset;
}

.comment_image_container {
    display: flex;
    margin-top: 0.5rem;
}

.comment_image_container .comment_image {
    max-height: 15rem;
    max-width: 15rem;
}

.delete_comment_attachment {
    margin-left: auto;
    margin-bottom: auto;
}

@media (max-width: 767px) {
    #wrapper > .content {
        padding: 1.5rem 0;
        margin: 0 -0.1rem;
    }

    .content_item_body .content_url_youtube_container,
    .content_item_body .content_image_container,
    .content_item_body .content_video_container {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        text-align: center;
    }

    .comment_image_container .comment_image {
        max-height: 5rem;
    }
}

@media (min-width: 768px) {
    .content_list .activity_stream_body,
    .content_item_body > .content_item_body_cell_main > * {
        padding-left: 6rem;
        padding-right: 2.575rem;
    }

    .content_item_body > .content_item_body_cell_main > .content_body {
        padding: 0;
        margin-left: 6rem;
        margin-right: 2.575rem;
    }

    .content_item_body .content_info {
        position: relative;
    }

    .content_author_image {
        position: absolute;
        left: 0;
        top: 0;
    }

    .content_info .engagement_list_item_ellipsis {
        position: absolute;
        right: 0;
        top: 0;
    }

    .content_author_image .user_profile_image_link {
        height: 5rem;
        width: 5rem;
    }
}

.comment_author_image .user_profile_image_link {
    height: 2.5rem;
    width: 2.5rem;
}

.content_image {
    max-height: 50vh;
}

.content_attachment_list_multiple .content_image {
    max-height: 15rem;
}

.engagement_list {
    display: inline-flex;
    flex-wrap: wrap;
}

.engagement_list_item {
    display: inline-flex;
    font-size: 1.8rem;
    flex-direction: column;
    text-align: center;
}

.comment_footer .engagement_list_item {
    align-items: center;
    font-size: 1rem;
    cursor: pointer;
    margin-bottom: 0.5rem;
}

.comment_footer .engagement_list_item:not(.engagement_type_tip,.engagement_type_tip_idem_verification_level_3,.engagement_list_item_comment) {
    border-radius: 1.5rem;
    border: 0.1rem solid #ddd;
    flex-direction: row;
    padding: 0 0.2rem 0 0.5rem;
}

.comment_footer .engagement_list_item:not(.engagement_type_tip,.engagement_type_tip_idem_verification_level_3,.engagement_list_item_comment):hover,
.comment_footer .engagement_list_item:not(.engagement_type_tip,.engagement_type_tip_idem_verification_level_3,.engagement_list_item_comment):active,
.comment_footer .engagement_list_item:not(.engagement_type_tip,.engagement_type_tip_idem_verification_level_3,.engagement_list_item_comment):focus {
    background-color: #eaeaea;
    text-decoration: none;
}

.engagement_list_item.engagement_list_item_comment > .counter {
    display: none;
}

.engagement_list_item .counter {
    display: block;
    font-size: 1rem;
    text-align: center;
    width: 100%;
}

.engagement_list .engagement_list_item:not(:first-child) {
    margin-left: 1rem;
}

div.comment_branch {
    margin-left: 2rem;
}

.comment_list > div.comment_branch {
    margin-left: 0;
}

div.comment {
    position: relative;
    width: 100%;
}

.comment_form {
    display: none;
    margin-top: 1rem;
}

.comment_form .comment_item_body {
    margin-bottom: 0;
}

.comment > .comment_form_container {
    margin-top: 1rem;
}

.comment_form .comment_form_control_comment_body {
    border-width: 0 0 .09375rem 0 !important;
    height: 2rem;
    resize: none;
    overflow: hidden;
}

.comment_form_control_container {
    display: flex;
    margin-top: 1rem;
}

.comment_form_control_container > .btn {
    margin-left: 1rem;
}

.comment_author_name,
.content_author_name {
    display: inline-flex;
}


.content_author_name_delimiter {
    align-items: start;
    display: inline-flex;
    font-style: italic;
    text-align: center;
    margin: 0px 1rem;
}

.content_author_name_delimiter_mobile {
    align-items: center;
    align-self: center;
    display: inline-flex;
    font-size: 1.5rem;
    margin: 0 0.5rem;
}

.content_body > div {
    margin-bottom: 1rem;
}

.content_attachment_list_container {
    flex-wrap: wrap;
    display: inline-flex;
    margin: 0 -0.25rem 1rem;
    justify-content: center;
}

.content_item_body .content_attachment_list_multiple .content_image_container,
.content_attachment_list_container > * {
    margin: 0.25rem 0.25rem;
}

.comment_info,
.comment_body > *:not(:last-child) {
    margin-bottom: 0.3rem;
}

.comment_body {
    display: flex;
    margin-bottom: 0.5rem;
    flex-direction: column;
}

.content_detail > * {
    margin-top: 1rem;
}

.content_footer {
    display: flex;
}

.comment_footer {
    display: flex;
}

.comment_body,
.content_body,
.ql-container,
.comment_form .comment_form_control_comment_body {
    font-size: 1.2rem;
}

.content_body .content_body_text,
.comment_body .comment_body_text {
    background: none;
    border: none;
    display: inline-block;
    color: #474747;
    line-height: inherit;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    white-space: pre-wrap;
    word-break: break-word;
    width: 100%;
}

.content_body .content_body_text_teaser {
    color: #474747;
}

.comment_body .comment_body_text_container .comment_body_text_full {
    display: none;
}

.content_body > div.content_body_text {
    display: block;
    margin: 0;
}

.content_body .content_body_text p {
    min-height: 1.713rem;
    margin-bottom: 0;
}

.content_body .content_body_text > p:last-of-type {
    display: inline-block;
    margin-bottom: 1rem;
}

.content_footer .content_detail_link {
    display: inline-flex;
    color: inherit;
    text-decoration: none;
}

.comment_footer .engagement_list_item.engagement_list_item_comment {
    margin-right: 1rem;
}

.engagement_list_item_comment {
    display: inline-flex;
    flex: 0 0;
    flex-direction: column;
}

.engagement_list_item_ellipsis {
    height: 1.4rem;
    flex-direction: row;
    align-items: center;
    margin-left: 0.5rem;
}

.engagement_list_item_ellipsis > i {
    line-height: 0.2;
}

.content_attachment_item,
.content_url_preview,
.content_url_preview_youtube {
    display: flex;
}

.content_attachment_item_preview {
    max-width: 100%;
    max-height: 30rem;
}

.content_attachment_item_preview_video {
    max-width: 100%;
    max-height: 30rem;
}

.content_attachment_item_preview_video > source {
    max-width: 100%;
    max-height: 20rem;
}

.content_addition_list .content_addition {
    font-size: 2rem;
    color: #336faf;
    display: inline-block;
}

.engagement_list_item > a {
    color: inherit;
    display: inline-flex;
}

.engagement_list_item i {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 2rem;
    width: 2rem;
}

.engagement_list_item > a:focus,
.engagement_list_item > a:hover {
    text-decoration: none;
}

.engagement_list_item .fal.active {
    color: #336faf;
    font-family: Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, Android Emoji, EmojiSymbols, EmojiOne Mozilla, Twemoji Mozilla, Segoe UI Symbol, Noto Color Emoji Compat, emoji, noto-emojipedia-fallback, "Font Awesome 6 Pro";
}

.engagement_list_item .fa-heart.active,
.engagement_list_item .fa-heart-crack.active {
    color: #ff4332;
}

.engagement_list_item:not(.loading) .fa-face-angry.active:before {
    content: "😡";
    font-size: 0.9em;
}

.engagement_list_item:not(.loading) .fa-face-astonished.active:before {
    content: "😯";
    font-size: 0.9em;
}

.engagement_list_item:not(.loading) .fa-face-meh.active:before {
    content: "😐";
    font-size: 0.9em;
}

.engagement_list_item:not(.loading) .fa-face-laugh-beam.active:before {
    content: "😂";
    font-size: 0.9em;
}

.engagement_list_item:not(.loading) .fa-money-bill.active:before {
    content: "💵";
    font-size: 0.9em;
}

.engagement_list_item .fal:hover:not(.active),
.content_addition_list .content_addition:hover {
    color: #000;
    cursor: pointer;
}

.content_addition_list .content_addition.disabled,
.content_addition_list .content_addition.disabled:hover {
    color: #ccc;
    cursor: initial;
}

.content_addition_list .content_addition:not(:last-child) {
    margin-right: 3rem;
}

.delete_comment_attachment,
.content_addition_body .delete_content_addition {
    border-color: #e74c3c;
    color: #e74c3c;
}

.content_addition_body .file_size_error,
.content_addition_body .file_extension_error {
    flex: 0 0 100%;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 3;
}

.content_addition_body .file_upload_progress {
    display: inline-block;
    margin-bottom: 1rem;
}

.user_name_container {
    align-items: center;
    display: inline-flex;
}

.reaction_stream_row .user_idem_verification_badge {
    margin-right: 0;
}

.reaction_stream_row:not(:last-of-type) {
    margin-bottom: 0.3rem;
}

.reaction_stream_row_bold {
    font-weight: bold;
}

.content_engagement_summary {
    display: flex;
}

.content_engagement_summary > div {
    width: 33.3%;
}

.content_engagement_summary .section_subtitle {
    margin-bottom: 0;
}

.content_item_body,
.comment_item_body {
    display: flex;
}

.content_item_body > .content_item_body_cell,
.comment_item_body > .comment_item_body_cell {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 100%;
    margin-right: 1rem;
}

.comment_item_body > .comment_item_body_cell {
    margin-right: 0.75rem;
}

.comment_item_body > .comment_item_body_cell.author_image {
    flex-grow: 0;
}

.content_item_body > .content_item_body_cell:last-child,
.comment_item_body > .comment_item_body_cell:last-child {
    margin-right: 0;
}

.comment_item_body,
.comment_load_branch_container {
    margin-bottom: 1rem;
}

.comment_load_branch_container {
    display: flex;
    padding-left: 3.5rem;
}

.comment_list > div.comment_load_branch_container {
    padding-left: 0;
}

.comment_info .info_right {
    align-items: center;
    display: flex;
    margin-left: auto;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .comment_info .info_right {
        align-items: end;
        flex-direction: column;
    }

    .comment_info .info_right .comment_info_delimiter {
        display: none;
    }
}

.comment_info_delimiter {
    margin: 0 0.5rem;
}

.content_info .info_right .tooltip,
.comment_info .info_right .tooltip {
    white-space: nowrap;
}

.hpanel .panel-body.content_tip_summary {
    padding-bottom: 0.5rem;
}

.content_engagement_stream {
    height: 7rem;
    position: relative;
    overflow: hidden;
}

.content_url_youtube_container {
    position: relative;
}

.content_url_youtube_container.iframe_mode {
    padding-bottom: 56.25%;
}

.content_url_youtube_container iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 80vh;
}

.content_video_container .content_attachment_video {
    max-height: 80vh;
    width: 100%;
}

.content_url_link {
    display: inline-block;
    margin-bottom: 0.5rem;
    width: 100%;
}

.content_url_preview_container {
    display: inline-flex;
    background-color: #f7f9fa;
    border: 1px solid #eaeaea;
    border-radius: 0.3rem;
    font-size: 1rem;
    padding: 1rem;
    word-break: break-word;
}

.content_url_preview_container:hover {
    background-color: #eee;
}

.content_url_preview_image_container {
    margin-right: 1rem;
    flex: 1 0 auto;
}

.content_url_preview_image {
    max-height: 15rem;
    max-width: 15rem;
}

.content_url_preview_text_container {
    flex: 1 1 auto;
}

.delete_url_preview {
    margin-left: 1rem;
}

.popover {
    font-family: inherit;
    font-size: 1rem;
    min-width: 15rem;
    max-width: none;
    padding: 0;
}

.popover.popover_idem_detail {
    max-width: 100%;
}

.popover.popover_idem_detail .popover-content {
    position: relative;
}

.popover-content {
    border-radius: 0.3rem;
    overflow: hidden;
    padding: 0;
}

.popover_row {
    display: inline-block;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    padding: 0.75rem 1rem;
    width: 100%;
}

.popover_row:hover {
    background-color: #eeeeee;
    color: inherit;
    text-decoration: none;
}

.subscription_user_image {
    display: inline-flex;
    margin: 0 auto 0.3rem;
}

.global_activity_stream_body_container {
    height: 40rem;
    position: relative;
}

.activity_stream_body_modal,
.activity_stream_body_widget {
    max-height: 30rem;
    position: relative;
}

.widget_idem_activity_stream_container.persistent {
    box-shadow: 0 0.3rem 0.4rem -0.2rem #000;
    position: fixed;
    margin-right: 1.5rem;
    padding-top: 1.5rem;
    top: 5rem;
}

.engagement_list_item.loading > i {
    justify-content: center;
    display: inline-flex;
}

.engagement_list_item.loading > i:before {
    content: '';
    animation: spin 1s linear infinite;
    border: 0.3rem solid #999;
    border-top: 0.3rem solid #336faf;
    border-radius: 50%;
    display: inline-block;
    height: 1em;
    width: 1em;
}

.content_list_tab_container,
.widget_idem_activity_stream_container,
#header_navigation {
    transition: top 0.2s ease-in-out;
    top: 0;
}

.widget_idem_activity_stream_container {
    top: 5rem;
    z-index: 99;
}

#wrapper,
#menu {
    transition: padding-top 0.2s ease-in-out, margin .4s ease-in-out 0s;
}

#wrapper.content_public {
    transition: none;
}

.content_list_tab_container.persistent {
    -webkit-box-shadow: 0 0.3rem 0.4rem -0.2rem #000;
    -moz-box-shadow: 0 0.3rem 0.4rem -0.2rem #000;
    box-shadow: 0 0.3rem 0.4rem -0.2rem #000;
    border-top: 0;
    position: fixed;
    z-index: 10;
}

.scroll_up .content_list_tab_container.persistent {
    top: 5rem;
}

@media (max-width: 991px) {
    .scroll_up .content_list_tab_container.persistent {
        top: 4rem;
    }
}

.reaction_accordion.open .fa-chevron-down:before {
    content: "\f077";
}

.content_list.loading {
    opacity: 0.1;
}

.content_list_tab_container .ps__rail-x {
    display: none;
}

.idem_notification_list_row.unread,
.idem_notification_list_row.unread .fal {
    font-weight: bold;
}

.open_chat_modal.unread > .fal,
.open_idem_notification_modal > .fal {
    position: relative;
}

.open_chat_modal.unread > .fal:after,
.open_idem_notification_modal.unread > .fal:after {
    position: absolute;
    right: 0;
    top: 0;
    content: " ";
    height: 0.5rem;
    width: 0.5rem;
    border: 1px solid #6a6c6f;
    border-radius: 99rem;
    background: rgba(255, 0, 0, .85);
}

.idem_notification_list_body .delimiter_row_unread {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
}

.idem_notification_list_body .delimiter_row_unread hr {
    border: 1px solid #9c342a;
    border-width: 1px 0 0 0;
    width: 100%;
    margin: 0 0 0 0.5rem;
}

.idem_notification_list_body .delimiter_row_unread hr.left {
    margin: 0 0.5rem 0 0;
}


.idem_detail_popover_content .profile_data {
    display: flex;
    flex-direction: column;
    padding: 1rem 1rem 0;
    position: relative;
}

.idem_detail_popover_content .idem_badge_list_container,
.idem_detail_popover_content .profile_data {
    max-width: 40rem;
}

@media (max-width: 767px) {
    .popover.popover_idem_detail {
        bottom: 0 !important;
        left: 0 !important;
        top: auto !important;
        margin: 0;
        position: fixed;
        width: 100%;
    }

    .idem_detail_popover_content .idem_badge_list_container,
    .idem_detail_popover_content .profile_data {
        max-width: unset;
    }
}

.idem_detail_popover_content .idem_authenticity_data_list_container .idem_authenticity_data_list {
    margin: 0 1rem 1rem;
}

.idem_detail_popover_content .idem_authenticity_data_list_container table tr td:first-child {
    text-align: center;
    width: 7rem;
}

.idem_detail_popover_content {
    padding: 0;
    max-height: 90vh;
    max-width: 100%;
    min-width: 30rem;
}

.idem_detail_popover_content .profile_header_image {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 6.5rem;
    width: 100%;
}

.idem_detail_popover_content .profile_image_container {
    background-size: cover;
    background-repeat: none;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin: 0 auto 0.5rem;
    z-index: 1;
}

.idem_detail_popover_content .profile_name,
.idem_detail_popover_content .user_name,
.idem_detail_popover_content .profile_headline {
    text-align: center;
    max-width: unset;
    margin: 0 auto;
    width: auto;
}

.idem_detail_popover_content .profile_name {
    font-size: 2rem;
    line-height: 1;
}

.idem_detail_popover_content .profile_headline {
    font-size: 1.4rem;
    margin-top: 0.5rem;
    word-break: break-all;
}

.idem_detail_popover_content .stat_row {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.idem_detail_popover_content .stat_row > * {
    flex: 1 1;
    padding: 0.5rem 1rem;
}

.idem_detail_popover_content .stat_value {
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: none;
}

.idem_detail_popover_content .stat_row .stat_value,
.idem_detail_popover_content .stat_row .stat_label {
    line-height: 1;
}

.idem_detail_popover_content .action_button_container {
    margin: 0 0 1.5rem;
    text-align: center;
}

.close_popover_btn {
    font-size: 1.4rem;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0.5rem 1.5rem;
    z-index: 1;
}

.content_placeholder_message {
    border: 1px solid #336faf;
    padding: 1rem;
}

.content_detail_container .panel-body.content_tip_summary {
    padding-bottom: 0;
}

.content_tip_summary + .content_item_body_container {
    padding-top: 0;
}

.content_body .content_body_text.content_body_text_full {
    display: none;
}

.content_detail_container .content_body .content_body_text.content_body_text_preview {
    display: none;
}

.content_detail_container .content_body .content_body_text.content_body_text_full {
    display: inline-block;
}

.engagement_list_item > i.animate_express_reaction {
    animation: express_reaction .25s;
}

@keyframes express_reaction {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.25);
    }
    100% {
        transform: scale(1);
    }
}

.hashtag_profile_icon_container {
    align-items: center;
    border: 0.1rem solid #eaeaea;
    display: flex;
    margin-right: 1rem;
}

.hashtag_profile_icon_container > i {
    font-size: 1.5rem;
    margin: 0 auto;
}

.hashtag_profile_icon_container .img-xs > i {
    font-size: 1rem;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
    border: none;
}

.ql-toolbar.ql-snow, .ql-container.ql-snow {
    border-color: #eaeaea;
    border-width: 0.1rem;
    border-style: solid;
    border-radius: 0.4rem;
    box-shadow: inset 0 0.01rem 0.01rem rgb(0 0 0 / 8%);
    border-top: none;
    border-left: none;
    border-right: none;
}

.ql-editor, .ql-container {
    min-height: 10rem;
    max-height: 10rem;
    height: auto;
    width: 100%;
}

.ql-toolbar.ql-snow {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #336faf;
}

.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #336faf;
}

.ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #336faf;
}

.ql-editor.ql-blank::before {
    color: #999;
}

em-emoji-picker {
    height: 25rem;
    --rgb-input: 255, 255, 255;
    --background-rgb: 255, 0, 0;
    --color-border: rgba(234, 234, 234, 0.1);
    --rgb-accent: 51, 111, 175;
    --font-size: 1rem;
    --font-family: 'Roboto', sans-serif;
    --font-weight: 500;
    --category-icon-size: 1.5rem;
    --border-radius: 0;
    --rgb-color: 106, 108, 111;
}

.content_wysiwyg_container {
    border-color: #eaeaea;
    border-width: 0.1rem;
    border-style: solid;
    border-radius: 0.4rem;
    box-shadow: inset 0 0.01rem 0.01rem rgb(0 0 0 / 8%);
}

.comment_form_control_container .form_control_btn_group_right {
    margin-left: auto;
}

.comment_form_control_container > .interactive_icon {
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    margin-right: 1rem;
}

.content_wysiwyg_container .emoji_button {
    margin: 0 0 0.75rem 0.75rem;
}

.ql-mention-list-container {
    width: 23rem;
    border: 0.1rem solid #eaeaea;
    border-radius: 0.4rem;
    box-shadow: inset 0 0.01rem 0.01rem rgb(0 0 0 / 8%);
}

.ql-mention-list-item {
    line-height: 1.42857143;
    font-size: 1rem;
    padding: 0.5rem 0 0.5rem 1rem;
    color: #6a6c6f;
    font-family: 'Roboto', sans-serif;
}

.ql-mention-list-item.selected {
    background-color: #336faf;
    color: #fff;
}

.mention {
    color: #336faf;
    background-color: transparent;
}

.mention > span {
    margin: 0;
}

.user_idem_verification_badge.idem_detail_popover:hover {
    cursor: pointer;
    color: #418cdb;
}

.user_idem_verification_badge {
    align-items: center;
    display: inline-flex;
    margin-left: 0.15rem;
}

.idem_verification_level_0 {
    display: none;
}

.idem_verification_level_1 {
    color: inherit;
}

.idem_verification_level_2 {
    color: #336faf;
}

.idem_verification_level_3 {
    color: #b337bf;
}

.content_addition_list_container .content_addition_body {
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.balance_earned_sm {
    color: #474747;
}

.balance_earned_md,
.balance_earned_lg {
    font-weight: bold;
    color: #474747;
}

.tag_type_all_subscribers > i,
.post_type_welcome > i,
.balance_earned_lg > i {
    color: #b337bf;
}

.ql-container .ql-editor p img.custom_emoji {
    height: 1.2rem;
    line-height: 1.42rem;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 1.2rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.qr_code_container {
    text-align: center;
}

.referral_widget .qr_code_container {
    margin-bottom: 1rem;
}

.qr_code_container canvas {
    display: inline;
}

.tempus-dominus-widget.timepicker-sbs .td-row .td-half {
    align-self: center;
}

.tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active {
    background-color: #336faf;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.tempus-dominus-widget.light button {
    background-color: #336faf;
    border-color: #336faf;
}

.tempus-dominus-widget.light {
    color: #6a6c6f;
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).old {
    color: #999;
}

.tempus-dominus-widget {
    border-color: #eaeaea;
    border-width: 0.1rem;
    border-style: solid;
    border-radius: 0.4rem;
    box-shadow: inset 0 0.01rem 0.01rem rgba(0, 0, 0, .075);
}

.tempus-dominus-widget .date-container-days div:not(.no-highlight), .tempus-dominus-widget .date-container-decades div:not(.no-highlight), .tempus-dominus-widget .date-container-months div:not(.no-highlight), .tempus-dominus-widget .date-container-years div:not(.no-highlight), .tempus-dominus-widget .time-container-clock div:not(.no-highlight), .tempus-dominus-widget .time-container-hour div:not(.no-highlight), .tempus-dominus-widget .time-container-minute div:not(.no-highlight), .tempus-dominus-widget .time-container-second div:not(.no-highlight) {
    border-radius: 0.4rem;
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight):hover {
    background: #336faf;
    color: #fff;
}

.tempus-dominus-widget.light button {
    border: none;
    border-radius: 0.4rem;
    width: 2.5rem;
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled:hover {
    color: #999;
}

.tempus-dominus-widget.light .toolbar div:hover {
    background: #336faf;
    color: #fff;
}

.tempus-dominus-widget .toolbar div {
    border-radius: 0.4rem;
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).today:before {
    border-bottom-color: #fff;
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).today:before {
    border-bottom-color: #336faf;
}

.tempus-dominus-widget .calendar-header {
    line-height: 1.8em;
    padding-top: 0.4em;
    padding-bottom: 0.3em;
    background-color: #336faf;
    border-bottom: 0.2rem solid #e5e5e5;
    margin-bottom: 0;
    color: #fff;
    font-weight: initial;
}

.tempus-dominus-widget.light .date-container-days .dow {
    display: flex;
    align-items: center;
    background-color: #336faf;
    color: #fff;
}

.tempus-dominus-widget.timepicker-sbs .td-row {
    flex-direction: column;
}

.tempus-dominus-widget.timepicker-sbs .td-row .td-half {
    display: flex;
    justify-content: center;
    max-width: 100%;
    width: 100%;
}

.tempus-dominus-widget {
    width: 100%;
}

.tempus-dominus-widget .time-container.time-container-clock {
    max-width: 50%;
}

.tempus-dominus-widget .time-container > div {
    margin: 3rem auto 0 auto;
    max-width: 50%;
}

@media (min-width: 768px) {
    .tempus-dominus-widget {
        width: 19rem;
    }

    .tempus-dominus-widget .time-container-clock {
        margin-left: unset;
        max-width: unset;
    }

    .tempus-dominus-widget.timepicker-sbs .td-row {
        flex-direction: unset;
    }

    .tempus-dominus-widget.timepicker-sbs .td-row .td-half {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .tempus-dominus-widget .time-container > div {
        margin: 0;
        max-width: initial;
    }
}

.hashtag_list_top .hashtag_data {
    display: flex;
    flex-direction: column;
    margin: auto auto auto 0;
}

.close_modal_confirmation_button_container {
    display: flex;
    justify-content: center;
    grid-gap: 1rem;
}

.driver-popover-close-btn i {
    color: #336faf;
}

.unlock_content_view_body_btn {
    margin: 5rem 0;
    white-space: inherit;
}

.tag_type_all_subscribers {
    align-items: center;
    display: flex;
    font-style: italic;
}

.application_menu_popover i {
    justify-content: right;
}

.content_url_youtube_container lite-youtube {
    max-width: none;
}

.tangled_advertisement > .panel-body {
    background: none !important;
    padding-left: 3.5rem;
}

.tangled_advertisement .tangled_advertisement_link {
    color: inherit;
}

.tangled_advertisement_title {
    margin-bottom: 0.3rem;
}

.tangled_advertisement .ad_icon {
    position: absolute;
    left: 1.5rem;
    top: 1.6rem;
    font-size: 1.2rem;
}

.tangled_advertisement_title .tangled_advertisement_headline {
    margin: 0;
}

.tangled_advertisement_footer {
    margin-top: 0.5rem;
}

.tangled_advertisement_domain {
    font-style: italic;
    font-size: 1.1rem;
}

@media (min-width: 768px) {
    .tangled_advertisement > .panel-body {
        padding-left: 7.5rem;
    }

    .tangled_advertisement .ad_icon {
        font-size: 2rem;
        margin-bottom: 0.5rem;
        position: absolute;
        left: 2.7rem;
        top: 50%;
        transform: translateY(-50%);
        margin-bottom: 0;
    }
}