@font-face {
    font-family: 'moso';
    src: url('/Content/css/loyalty-rewards/fonts/loyalty-rewards-ribbons/moso.eot');
    src: url('/Content/css/loyalty-rewards/fonts/loyalty-rewards-ribbons/moso.eot?#iefix') format('embedded-opentype'),
         url('/Content/css/loyalty-rewards/fonts/loyalty-rewards-ribbons/moso.ttf') format('truetype'),
         url('/Content/css/loyalty-rewards/fonts/loyalty-rewards-ribbons/moso.woff') format('woff'),
         url('/Content/css/loyalty-rewards/fonts/loyalty-rewards-ribbons/moso.svg#moso') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

    /* ADDED CLASS TO SURROUNDING DIV  */

.memberpic-wrap { position: relative; }

.memberpic-wrap-small-checkin { position: relative; }

.memberpic-wrap-large-checkin {
    position: relative;
}

.memberpic-wrap-small-eventcheckin {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.memberpic-wrap-small-pos { padding-left: 5px; }
		
			/* THESE SETTINGS WILL BE CUSTOM TO EACH
			PLACEMENT OF THE ICON  */

.memberpic-wrap span.icon-flag-icon {
    font-size: 36px;
    left: 6px;
    position: absolute;
    text-shadow: 1px 1px 1px #000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    top: 6px;
}

.memberpic-wrap-large-eventcheckin span.icon-flag-icon {
    font-size: 60px;
    position: absolute;
    right: 0;
    text-shadow: 1px 1px 1px #000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    top: -351px;
}

.memberpic-wrap-large-checkin span.icon-flag-icon {
    font-size: 60px;
    position: absolute;
    left: 7px;
    text-shadow: 1px 1px 1px #000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    top: 4px;
}

.memberpic-wrap-small-eventcheckin span.icon-flag-icon {
    font-size: 36px;
    left: -5px;
    position: absolute;
    text-shadow: 1px 1px 1px #000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    top: 6px;
}

.memberpic-wrap-small-checkin span.icon-flag-icon {
    font-size: 36px;
    left: 18px;
    position: absolute;
    text-shadow: 1px 1px 1px #000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    top: 6px;
}

.memberpic-wrap-small-activitymanagement span.icon-flag-icon {
    font-size: 36px;
    left: -5px;
    position: absolute;
    text-shadow: 1px 1px 1px #000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    top: -5px;
}

.memberpic-wrap-small-pos span.icon-flag-icon {
    font-size: 36px;
    left: -5px;
    position: absolute;
    text-shadow: 1px 1px 1px #000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    top: -2px;
}

.memberpic-wrap-small-members span.icon-flag-icon {
    font-size: 36px;
    left: 5px;
    position: absolute;
    text-shadow: 1px 1px 1px #000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    top: 5px;
}
    /* Icon is rendered with remaining CSS below */

[class^="icon-"], [class*=" icon-"] {
    -moz-osx-font-smoothing: grayscale;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    font-family: 'moso' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
		
    speak: none;
    text-transform: none;
}

.icon-flag-icon:before { content: "\e600"; }