<style>
    .engagement_badge.sent, .badge_mini.date_sent, .badge.date_sent {
        background-color: <?php echo mh_cfg('MH_COLOR_YELLOW'); ?>;
        /*color: rgba(0,0,0,0.5);*/
    }

    .engagement_badge.opened, .badge_mini.opened {
        background-color: <?php echo mh_cfg('MH_COLOR_BLUE'); ?>;
    }

    .engagement_badge.clicked, .badge_mini.clicked {
        background-color: <?php echo mh_cfg('MH_COLOR_ORANGE'); ?>;
    }

    .engagement_badge.ordered, .badge_mini.ordered {
        background-color: <?php echo mh_cfg('MH_COLOR_GREEN'); ?>;
    }

    .engagement_badge.bounced, .badge_mini.bounced {
        background-color: <?php echo mh_cfg('MH_COLOR_PINK'); ?>;
    }

    .engagement_badge.blocked, .badge_mini.blocked {
        background-color: #9e9e9e;
    }

    .badge_mini.warning {
        background-color: <?php echo mh_cfg('MH_COLOR_RED'); ?>;
        color: #ffffff;
    }

    .mode_badge.simulation {
        background-color: <?php echo mh_cfg('MH_COLOR_ORANGE'); ?>;
    }

    .mode_badge.production {
        background-color: <?php echo mh_cfg('MH_COLOR_GREEN'); ?>;
    }

    .engagement_badge, .badge, .badge_mini, .mode_badge, .profile_badge {
        border-radius: 5px;
        font-size: 12px;
        line-height: 12px;
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
        display: inline-block;
        color: #000;
        text-shadow: none;
        margin-bottom: 2px;
        text-rendering: optimizeLegibility;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 'Helvetica Neue', Arial, Verdana, Helvetica, Geneva, sans-serif;
        text-shadow: 0px 0px 1px rgba(128, 128, 128, 0.5);
    }

    .badge_mini {
        color: rgba(0, 0, 0, 1);
        color: #fff;
        border-radius: 3px;
        font-size: 11px;
        line-height: 16px !important;
        padding: 0px;
        padding-left: 7px;
        padding-right: 7px;
        border: 1px solid rgba(128, 128, 128, 0.15);
        font-weight: 600;
        min-width: 76px;
        text-align: center;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .badge_mini.upper {
        text-transform: uppercase;
    }

    .badge_mini.timedelay {
        color: rgba(0, 0, 0, 0.9);
        text-shadow: none;

        border: 0px;
        border-bottom: 1px solid rgba(128, 128, 128, 0.15);

        padding-left: 15px;
        padding-right: 15px;
    }

    .badge_mini.timedelay:before {
        content: " > ";
        _content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 16 16"><g stroke-width="1" stroke="currentColor"><polyline fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="6.5,3.5 11,8 6.5,12.5 "></polyline></g></svg>');
        padding-right: 10px;
        opacity: 0.75;
    }

    .badge_mini.timedelay:after {
        content: " > ";
        padding-left: 10px;
        opacity: 0.75;
    }

    
    .badge_mini.strikethrough {
        color: rgba(0, 0, 0, 1);
        background-color: #ddd;
        opacity: 0.5;
        background-image: linear-gradient(to bottom right, transparent calc(50% - 0.25px), rgba(128, 128, 128, 0.75) 50%, rgba(128, 128, 128, 0.75) calc(50% + 1px), transparent calc(50% + 1.25px));
        border: 1px solid rgba(128, 128, 128, 0.75);
    }

    /*.badge_mini.strikethrough:before {*/
    /*content: "X ";*/
    /*color: #ff0000;*/
    /*font-weight: bold;*/
    /*}*/

    .profile_badge p {
        margin: 0px !important;
    }

    /* RFM */
    .profile_type_1:before {
        content: "R: ";
    }

    /* Customer */
    .profile_type_2:before {
        content: "C: ";
    }

    /* Order */
    .profile_type_3:before {
        content: "O: ";
    }

</style>