.approved_member{
    position: relative;
    font-size: 15px;
    display: flex; /* Zorgt ervoor dat er geen verborgen witruimte is */
    align-items: center; /* Centreert de iconen mooi */
    gap: 0px; /* Optioneel: bepaal de ruimte tussen de iconen */
    float: right;
    margin-left: 4px;
    margin-top: 2px;
    font-size: 0;
}
.approved_member .fa-certificate{
    color: #0095f6;
    font-size: 15px;
}
.approved_member .fa-check{
    color: #ffffff;
    position: absolute;
    left: 4px;
    font-size: 7px;
    top: 5px;
    font-weight: 600;
}
/*tooltip profile user*/
.jBox-TooltipDark.userProfile .jBox-container{
    padding: 12px 10px;
    line-height: 23px;
    font-size: 15px;
}
.jBox-TooltipDark.userProfile .prof_name{
    font-weight: 500;
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    padding: 0px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* user level style start */
.jBox-TooltipDark.userProfile .prof_user_level {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;              /* space between stars block and icon */
    margin-top: 6px;
}

.jBox-TooltipDark.userProfile .prof_user_level .user-level {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin-top: 0;     /* kill old margin-top: 3px */
}

.jBox-TooltipDark.userProfile .user-level-info-icon {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 5px;          /* smaller, more subtle */
    line-height: 1;
    color: #A7B2C2;           /* softer grey instead of pure white */
    transform: translateY(-4px); /* lift it a bit to match star baseline */
}

.jBox-TooltipDark.container-border .jBox-container{
    border: 2px solid #43b02a !important; /* your green */
    border-radius: 6px; /* optional */
}

.jBox-TooltipDark.container-border .jBox-pointer:after{
    border: 2px solid #43b02a;
    border-radius: 6px;
}

.user-level-info-icon i {
    display: block;
}
/* user level style end */

.jBox-TooltipDark .jBox-container {
    background: #F5f5F5 !important;
    font-size: 15px;
    line-height: 23px;
}

.jBox-TooltipDark.container-border .jBox-container p,
.jBox-TooltipDark.container-border .jBox-container strong,
.jBox-TooltipDark.container-border .jBox-content,
.jBox-TooltipDark .jBox-container div {
    color: #000000;
}

.jBox-TooltipDark.playerHover .jBox-container {
    background: #F5F5F5 !important;
}

.jBox-TooltipDark .jBox-container i {
    color: #000000 !important;
}



.jBox-TooltipDark .jBox-container a {
    color: #0058ab;
    text-decoration: underline;
}

.jBox-TooltipDark .jBox-content .user-level-wrapper {
    display: flex;
    align-items: center;
}

.jBox-TooltipDark.userProfile .prof_name .approved_member{
    display: none;
}
.jBox-TooltipDark.userProfile .prof_name.approved .approved_member{
    display: flex;
    margin-left: 5px;
}
.jBox-TooltipDark.userProfile .prof_name.approved .approved_member .fa-certificate{
    color: #0095f6 !important;
    font-size: 15px !important;
}
.jBox-TooltipDark.userProfile .prof_name.approved .approved_member .fa-check{
    color: #ffffff !important;
    position: absolute !important;
    left: 4px !important;
    font-size: 7px;
    top: 5px !important;
    font-weight: 600 !important;
}
.jBox-TooltipDark.userProfile ._note{
    font-size: 13px;
    margin-bottom: 10px;
}
.jBox-TooltipDark.userProfile .prof_name_holder{
    /*border-bottom: 1px solid #ffffff3d;*/
    margin-bottom: 5px;
    width: 180px;
}
.jBox-TooltipDark.userProfile .jBox-content{
    place-items: center;
    text-align: center;
}
.jBox-TooltipDark.userProfile .prof_img{
    width: 60px;
    height: 60px;
    float: none;
    border-radius: 50%;
    margin-bottom: 8px;
}
.comments-section .comments-comment .tooltipInfo{
    display: none;
}
.jBox-TooltipDark.userProfile .prof_infoBlock{
    display: flex;
    padding: 0px;
    width: 100%;
    gap: 8px;
}
.jBox-TooltipDark.userProfile .prof_infoBlock ._item{
    display: block;
    width: calc(100% / 3);
    background: #ffffff;
    border-radius: 3px;
    padding: 5px 0px;
}
.jBox-TooltipDark.userProfile .prof_infoBlock ._item span{
    opacity: 0.9;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    font-family: roboto condensed, sans-serif;
}
.jBox-TooltipDark.userProfile .prof_infoBlock ._item b, .jBox-TooltipDark.userProfile .prof_infoBlock ._item span{
    display: block;
}

@media only screen and (max-width: 768px) {
    .jBox-TooltipDark {
        width: calc(100% - 20px);
        left: 10px !important;
    }
    .community_bar .option.like{
        display: inline-block;
        width: auto;
        text-align: left;
        cursor: pointer;
        line-height: 29px;
        color: #59616A;
        font-size: 15px;
        position: relative;
        background: #f7f7f7;
        border-radius: 7px;
        padding: 0px 10px 0px 10px;
    }
    .community_bar .option.like .ico_holder{
        display: inline-block;
        width: 16px;
        height: 18px;
        margin-right: 2px;
    }
    #article-frame .person span a{
        color: #0B1724;
        font-size: 14px;
        display: inline-block;
        font-weight: 600;
    }
    #article-frame .time{
        color: #59616A;
        font-size: 13px;
        line-height: 19px;
        letter-spacing: -0.1px;
    }
    #article-frame .person span a:hover{
        color: #0058AB;
        text-decoration: underline;
    }
    .mega-article-part .picture-panel{
        position: relative;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 10px;
    }
    @keyframes colorChange {
        from { color: #fff; }
        to { color: #ff0000; }
    }
    .interactive_holder{
        background: #0b172466;
        position: absolute;
        width: 45px;
        /*position: fixed;
        top: auto;
        bottom: 10px; */
        right: 0px;
        text-align: left;
        z-index: 9998;
        padding: 10px 0px 8px 0px;
        border-radius: 8px 0px 8px 8px;
        /*transition: right 300ms ease-in-out;*/
        transition: top 0.5s ease, transform 0.5s ease;
        top: 162px;
        margin-top: -162px;
        height: 162px;
    }
    #article-frame.sticky .article-social-bar{
        position: fixed;
        top: 50px;
        background: #fff;
        z-index: 99999;
        box-shadow: 2px 5px 7px #0000004f;
        border-bottom: 1px;
        width: calc(100% + 10px);
    }
    #article-frame.sticky{
        margin-top: 43px;
    }
    #article-frame.sticky .article-social-bar .community_bar .more_info{
        margin-right: 10px;
    }
    .community_bar .first_three .count_emotions{
        margin-left: 8px;
        line-height: 29px;
        font-size: 15px;
    }
    .interactive_holder.sticky{
        position: fixed;
        top: 212px;
        transform: translateY(0);
    }
    .interactive_holder.hided{
        right: -25px;
    }
    .interactive_holder .itm{
        margin-bottom: 15px;
        cursor: pointer;
        margin-left: 8px;
        margin-right: 8px;
        /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);*/
    }
    .comments_holder .comments-section .button{
        background: none;
        border: 0;
        margin: 0;
        display: inline-block;
        align-items: center;
        justify-content: center;
        padding: 6px 12px;
        text-decoration: none;
        cursor: pointer;
        border-radius: 3px;
        background-color: var(--green-bg);
        color: #FFFFFF;
        font-family: roboto condensed, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        margin-top: 7px;
    }

    .interactive_holder i.fas{
        font-size: 22px;
        /*text-shadow: -1px -1px 0 #0000006e, 1px -1px 0 #0000006e, -1px 1px 0 #0000006e, 1px 1px 0 #0000006e, 0 1px 3px rgba(0, 0, 0, 0.5);*/
        color: #fff;
        margin-left: 2px;
    }
    .interactive_holder span{
        /*text-shadow: -1px -1px 0 #0000006e, 1px -1px 0 #0000006e, -1px 1px 0 #0000006e, 1px 1px 0 #0000006e, 0 1px 3px rgba(0, 0, 0, 0.5);*/
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        display: inline-block;
        width: 100%;
        text-align: center;
        padding-top: 2px;
    }
    .interactive_holder .itm:last-child{
        margin-bottom: 0px;
    }
    .interactive_holder .itm.heart.active i.fas{
        animation: colorChange 1s forwards;
    }
    .interactive_holder .itm.arrow{
        border-top: 1px solid #bcbcbc;
        padding-top: 8px;
    }
    .interactive_holder .itm.arrow i{
        transform: scale(0.8);
    }
    .comments_holder{
        background: #ffffff;
        z-index: 9999;
        position: fixed;
        width: 100%;
        bottom: -85%;
        height: 85%;
        left: 0px;
        padding: 10px;
        border-radius: 15px 15px 0px 0px;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
        transition: bottom 300ms ease-in-out;
        font-size: 16px;
    }
    .comments_holder.active{
        bottom: 0%;
    }
    b.comments_title{
        display: block;
        width: 100%;
        text-align: center;
        line-height: 30px;
        padding-bottom: 7px;
        position: relative;
        overflow: hidden;
        z-index: 4;
    }
    .cross_right{
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 10px;
        padding: 5px;
        z-index: 5;
    }
    .comments_holder .cross_right{
        left: 10px;
        right: auto;
    }
    .comments_holder .comments-section .comment-text p {
        line-height: 23px;
        font-size: 15px;
    }
    .comments_holder .comments-section-v5 .comment-copy-link{
        color: #59616A;
    }
    .comments_holder .comment-avatar{
        width: 36px;
        height: 36px;
    }
    .comments_holder .comment-body{
        gap: 10px;
    }
    .comments_holder .comment-text{
        max-width: calc(100% - 0px);
    }
    .comments_holder .comments-comment-header{
        margin-bottom: 0px;
        background: #fff;
        z-index: 2;
    }
    .comments_holder .comment-body > .comment-avatar{
        background: #fff;
        z-index: 2;
        height: 42px;
        margin-bottom: -6px;
    }
    .comments_holder .comments-nested{
        padding-left: 45px;
        background: #fff;
        z-index: 2;
        overflow: hidden;
        position: relative;
    }
    .comments_holder .comments-section{
        overflow-x: scroll;
        height: calc(100% - 26px);
        margin-top: 0px;
        padding-bottom: 100px;
    }
    .comments_holder .comments-filters-container{
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        margin: 0;
        z-index: 6;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0.5rem;
    }
    .comments_holder .comments-sort-filter{
        display: flex;
        align-items: center;
    }
    .comments_holder .comments-level-filter{
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
    }
    
    /* Custom Select for mobile */
    .comments_holder .custom-select-wrapper {
        position: relative;
    }
    
    .comments_holder .custom-select-wrapper .comments-level-filter-pill {
        cursor: pointer;
    }
    
    .comments_holder .custom-select-wrapper .comments-level-filter-pill i {
        font-size: 0.75rem;
        margin-left: 0.5rem;
        color: #4b5563;
    }
    
    .comments_holder .custom-select-dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 4px;
        background: #fff;
        border: 1px solid #e4e6eb;
        border-radius: 3px;
        z-index: 1000;
    }
    
    .comments_holder .custom-select-option {
        padding: 2px 6px;
        font-size: 13px;
        color: #1f2933;
        cursor: pointer;
        background: #fff;
        white-space: nowrap;
    }
    
    .comments_holder .custom-select-option:hover {
        background: #0058AB;
        color: #fff;
    }
    
    .comments_holder .custom-select-option.selected {
        background: #0058AB;
        color: #fff;
    }
    
    .comments_holder .custom-select-option.selected:hover {
        background: #0058AB;
        color: #fff;
    }
    
    .comments_holder .comments-level-filter-pill{
        box-shadow: none;
		background: #F4F4F4;
		border: none;
        font-size: 13px;
    }
    .comments_holder .comments-level-filter-pill span{
        white-space: nowrap;
        font-size: 13px;
        line-height: 1.2;
    }
    .comments_holder .comments-level-filter-pill select{
        border: none;
        background: transparent;
        padding: 0 1.25rem 0 0;
        font-weight: 600;
        min-width: 40px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        line-height: 1.2;
        color: inherit;
    }
    .comments_holder .comments-level-filter-pill select:focus{
        outline: none;
        box-shadow: none;
    }
    .comments_holder .comments-level-filter-pill::after{
        content: "\f0d7";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 0.75rem;
        margin-left: 0.25rem;
        color: #4b5563;
        pointer-events: none;
    }
    .comments_holder .filter-option {
        background: #fff !important;
        color: #1f2933;
        font-size: 13px;
        font-weight: 400;
    }
    .comments_holder .filter-option:hover {
        background: #0058AB !important;
        color: #fff;
    }
    .comments_holder .filter-option:checked {
        background: #0058AB !important;
        color: #fff;
    }
    .comments_holder .comments-level-filter-info {
        padding: 0.7rem 0rem 0.7rem 0.7rem;
        background: none;
        border-radius: 3px;
    }
    .comments_holder .comments-level-filter-info i{
        color: #4b5563;
    }
    .comments-section .comments-group > .comments-comment:first-child{
        border-top: 0px;
    }
    .comments_holder .comments-comment-header-title{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 50%;
    }
    .comments_holder .profile-rating{
        display: inline-block;
        width: 36px;
        height: 8px;
        position: absolute;
        margin-top: 5px;
        background: #b1b5b961;
        border-radius: 3px;
    }
    .comments_holder .profile-rating span{
        display: inline-block;
        height: 100%;
        position: absolute;
        background: #48a914;
        border-radius: 3px 0px 0px 3px;
    }
    .interactive_holder .itm .ico_hld{
        text-align: center;
        display: inline-block;
        width: calc(100%);
    }
    .comments-comment-header-title{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 50%;
    }
    .comments-comment-header .comment-copy-link{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #59616A;
        font-size: 13px;
        flex: 1;
    }
    .comments-section .comments-comment .thumb_holder{
        color: #59616A;
    }
    .comment-avatar{
        width: 42px;
        height: 42px;
    }
    .comment-body{
        gap: 8px;
    }
    .comments-comment-header{
        margin-bottom: 5px;
    }
    .comments-section .comments-comment .thumb_holder .thumb_numbers{
        font-size: 13px;
    }
    .comments-section .comments-comment .thumb_holder .fa-thumbs-up{
        font-size: 13px;
    }
    .comments-section-v5 > .comments-group:not(:first-child){
        border-top: 1px solid #dfe0e2 !important;
    }
    .comments-group{
        border-radius: 0px;
        position: inherit;
    }
    .comments_holder > .comments-section-v5 > .comments-group:not(.has-nested-comments) .comments-comment-inner {
        position: relative;
        background: #fff;
        z-index: 2;
    }
    
    .comments-section-v5 .comments-nested:before{
        content: "";
        display: inline-block;
        background-size: calc(47px* 0.7);
        background-position: 0% 0%;
        position: absolute;
        width: 20px;
        height: 57px;
        border: 2px solid #dfe0e2;
        border-right: none;
        border-top: none;
        border-radius: 0 0 0 15px;
        margin-left: -24px;
    }
    .comments-section-v5 .comments-nested:not(:has(*))::before {
        display: none;
    }
    .comments-section-v5 .comments-group{
        position: relative;
    }
    .comments-section-v5 .comments-group.has-nested-comments::before {
        content: "";
        display: block;
        width: 5px;
        height: 100%;
        position: absolute;
        margin-left: 18px;
        z-index: 1;
        border: 2px solid #dfe0e2;
        border-left: none;
        border-top: none;
        border-bottom: none;
        top: 90px;
    }
    .comments-section-v5 .comments-group.has-nested-comments {
        position: relative; /* Zorgt ervoor dat ::before zich hierbinnen positioneert */
        overflow: hidden; /* Verbergt alles wat buiten de container valt */
    }
    .comments_holder > .comments-section-v5 > .comments-group:not(.has-nested-comments)::before {
        content: "";
        display: block;
        width: 2px;
        height: 80px;
        position: absolute;
        margin-left: 16px;
        z-index: 1;
        background: #fff;
        border: none;
        top: 0px;
    }
    #desktopComments{
        display: none;
    }
    #postCommentHolder{
        position: absolute;
        bottom: 0px;
        background: #ffffff;
        width: 100%;
        z-index: 9;
        left: 0px;
        padding: 10px;
        border-top: 1px solid #dfe0e2;
        display: none;
    }
    .comments-section p.loggedIn.intro{
        position: absolute;
        bottom: 0px;
        background: #ffffff;
        width: 100%;
        z-index: 9;
        left: 0px;
        padding: 10px;
        border-top: 1px solid #dfe0e2;
    }
    #showGiveComment{
        position: absolute;
        z-index: 9;
        bottom: 0px;
        width: 100%;
        left: 0px;
        background: #ffffff;
        padding: 10px;
        border-top: 1px solid #dfe0e2;
        margin-bottom: 10px;
    }
    #showGiveComment.posted{
        text-align: center;
        color: #48a914;
        font-weight: 400;
    }
    #showGiveComment textarea, .comments-form.comments-reply.replyActive textarea{
        color: #0B1724;
        background: #f5f5f5ad;
        margin: 0;
        border: 1px solid #fff;
        font-size: 16px;
        min-height: 34px; /* Beginhoogte */
        max-height: 120px; /* Maximale hoogte (optioneel) */
        overflow-y: hidden; /* Geen scrollbalken */
        resize: none; /* Gebruiker kan niet zelf de hoogte aanpassen */
        padding: 5px 8px;
        width: 100%;
        height: 48px;
    }
    .comments-form-inner{
        width: calc(100% - 45px);
    }
    #showGiveComment textarea:focus, .comments-form.comments-reply.replyActive textarea:focus{
        border: 1px solid #dfe0e2 !important;
    }
    #showGiveComment .comments-form{
        margin-bottom: 0px;
        gap: 10px;
    }
    #showGiveComment .comments_holder .comment-avatar{
        width: 32px;
        height: 32px;
    }
    #showGiveComment .fa-paper-plane{
        color: #fff;
        font-size: 17px;
    }
    #showGiveComment .comments-button.comments-button{
        /*padding: 8.5px 8px;*/
    }
    #showGiveComment .comments-form-actions{
        margin-top: 0px;
        /*position: absolute;*/
        /*right: 0px;*/
        /*bottom: 5px;*/
        float: right;
        display: inline-block;
    }
    #showGiveComment .comments-form-actions.disabled button{
        display: none !important;
    }
    .clonedReply .comments-form-actions.disabled button:not(.is-link){
        background-color: #cecece;
    }
    .comments-comment-header-actions{
        margin-left: 0px;
    }
    .comments-comment .comments-add-reaction{
        background: #daeed0;
        border-radius: 3px;
        color: #0B1724;
        font-size: 13px;
        line-height: 21px;
        padding: 2px 6px;
    }
    .comments-comment .comments-add-reaction .fa-reply{
        color: #767779;
    }
    .comments-reaction-container{
        margin-top: 8px;
        border-bottom: 5px solid #fff;
    }
    .comments-section-v5 .comments-comment-inner{
        padding: 0 0 5px;
    }
    .comments-nested .comments-group:last-child{
        margin-bottom: 10px !important;
    }

    /*reply */
    .comments-form.comments-reply.replyActive {
        display: flex;
        width: 100%;
        z-index: 999999999999999999;
        background: #fff;
        left: 0px;
        gap: 10px;
        /*border-top: 12px solid #fff;*/
        position: sticky;
        bottom: 0px;
        padding: 10px;
        border-top: 1px solid #dfe0e2;
    }
    .comments_holder .replyActive{
        display: none !important;
    }
    
    .comments-comment-header-actions li a{
        color: #0B1724 !important;
        border-radius: 3px;
        display: inline-block;
        background: #daeed0;
        padding: 0px 4px;
    }
    .comments-comment-header-actions .comment-flag-link {
        background: transparent;
        border-radius: 0;
        padding: 0;
        display: inline-flex;
        align-items: center;
        color: #0B1724 !important;
    }
    .comments-comment-header-actions .comment-flag-disabled {
        background: transparent;
        border-radius: 0;
        padding: 0;
        display: inline-flex;
        align-items: center;
    }
    .comments-comment-header:has(ul.comments-comment-header-actions li) time.comments-date {
        display: block;
        white-space: nowrap;   /* Voorkomt regelafbreking */
        overflow: hidden;      /* Verberg overlopende tekst */
        text-overflow: ellipsis; /* Toon "..." als de tekst te lang is */
    }
    .comments-modal::after{
        display: none;
    }
    .comments-modal.is-bottom{
        top: auto;
        width: calc(100vw - 20px);
        padding: 15px !important;
        z-index: 999999999999999999999;
        position: fixed !important;
        border: 1px solid #dfe0e2;
        margin-right: 10px;
        left: 10px;
        margin: 0px;
        margin-left: 0px;
        padding: 0px;
        bottom: 120px;
    }
    #article-frame .article-social-bar .community_bar .more_info.showComments{
        font-size: 15px;
        line-height: 29px;
        font-size: 15px;
        line-height: 29px;
        background: #f7f7f7;
        display: inline-block;
        border-radius: 7px;
        padding: 0px 10px 0px 10px;
    }
    #article-frame .article-social-bar .community_bar .more_info.showComments .fa-comment{
        font-size: 17px;
        margin-bottom: 0px;
        float: left;
        margin-top: 5px;
        margin-right: 7px;
    }
    #article-frame .article-social-bar{
        width: calc(100% + 20px);
        margin-left: -10px;
        padding: 0px 10px 0px 10px;
    }
    #article-frame .article-social-bar .community_bar{
        display: block;
        padding: 8px 0px;
    }
    body.article .mega-article-part .col1 h2{
        line-height: 27px;
    }
    .comments-section:not(:has(.comments-group))::before,
    .comments-section.should-display-message::before {
        content: var(--no-comments-text, "Er zijn nog geen reacties geplaatst.\A Wees de eerste!");
        display: block;
        text-align: center;
        color: #0B1724;
        padding: 20px;
        line-height: 23px;
        font-size: 15px;
        white-space: pre-line; /* Zorgt ervoor dat \A als een nieuwe regel wordt verwerkt */
    }
    center.loggedOut{
        display: block;
        color: #0B1724;
        border-top: 1px solid #dfe0e2;
        margin-top: 5px;
        padding-top: 10px;
        text-align: left;
        line-height: 23px;
        font-size: 15px;
    }
} 

@media only screen and (min-width: 769px) {
    .jBox-TooltipDark.userProfile{
        /*width: calc(100% - 20px);
        left: 10px !important;*/
    }
    .comments_holder .articleMobOnly{
        display: none;
    }
    /* desktop changes */
    #article-frame .article-social-bar{
        display: none;
    }
    .mega-article-part .picture-panel{
        margin-top: 15px;
    }
    #article-frame .person span a {
        color: #0B1724;
        font-size: 16px;
        display: inline-block;
        font-weight: 600;
    }
    #article-frame .person span a:hover{
        color: #2f6da9;
        text-decoration: underline;
    }
    #article-frame .time {
        color: #73787c;
        font-size: 14px;
        line-height: 20px;
    }
    #mobileComments{
        display: none;
    }
    #postCommentHolder .loggedIn.intro a{
        color: #2f6da9;
        text-decoration: underline;
    }
    .comments-comment-header-actions {
        margin-left: auto;
    }

    .user-hover-region {
        position: absolute;
        height: 90px; /* adjust as needed */
        width: 63px; /* adjust as needed */
        z-index: 2; /* just to make sure it's top of the natural elements */

        pointer-events: auto; /* captures hover/click */
        background: transparent;
    }
}