/*MARVEL ROLE ACCESS*/
pie {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    background-color: green;
    border: 2px solid green;
    margin-left: auto;
    margin-right: auto;
}

    pie.ten {
        border: 2px solid #cc0d0d;
        background-image: linear-gradient(90deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
    }

    pie.twentyfive {
        background-color: #ffca00;
        border: 2px solid #ffca00;
        background-image: linear-gradient(52.5deg, transparent 50%, white 50%), linear-gradient(127.5deg, white 50%, transparent 50%);
        /*background-image: linear-gradient(180deg, white 50%, white 70%, green 70%);*/
    }

    pie.fifty {
        background-color: #ffca00;
        border: 2px solid #ffca00;
        background-image: linear-gradient(180deg, white 50%, transparent 50%);
    }

    pie.seventyfive {
        background-image: linear-gradient(232.5deg, transparent 50%, green 50%), linear-gradient(127.5deg, white 50%, transparent 50%);
    }

    pie.onehundred {
        background-image: none;
    }
/*END MARVEL ROLE ACCESS*/