.skills-mesure {
    font-size: 0.7em;
    border: 1px dashed #11330b;
    border-radius: 6px;
    background: #eee;
    max-width: 25rem;
    margin-bottom: 25px;
    height: 20px;
}

#totalamount {
    margin-top: -22px;
    font-size: 13px;
}

.TokenMoneyImage {
    width: 30px;
    margin-left: -17px;
    margin-top: -24px;
}

.skills-mesure > div {
    padding: 0.1em 0.0em;
    text-align: right;
}

#progressbar {
    background-color: #74c25c;
    border-radius: 6px;
    color: black;
    box-sizing: border-box;
    height: 18px;
    margin-top: -19px;
}

.skills-mesure > div[token-image="0"] {
    margin-left: 0%;
}

.skills-mesure > div[token-image="1"] {
    margin-left: 1%;
}

.skills-mesure > div[token-image="2"] {
    margin-left: 2%;
}

.skills-mesure > div[token-image="3"] {
    margin-left: 3%;
}

.skills-mesure > div[token-image="4"] {
    margin-left: 4%;
}

.skills-mesure > div[token-image="5"] {
    margin-left: 5%;
}

.skills-mesure > div[token-image="6"] {
    margin-left: 6%;
}

.skills-mesure > div[token-image="7"] {
    margin-left: 7%;
}

.skills-mesure > div[token-image="8"] {
    margin-left: 8%;
}

.skills-mesure > div[token-image="9"] {
    margin-left: 9%;
}

.skills-mesure > div[token-image="10"] {
    margin-left: 10%;
}

.skills-mesure > div[token-image="11"] {
    margin-left: 11%;
}

.skills-mesure > div[token-image="12"] {
    margin-left: 12%;
}

.skills-mesure > div[token-image="13"] {
    margin-left: 13%;
}

.skills-mesure > div[token-image="14"] {
    margin-left: 14%;
}

.skills-mesure > div[token-image="15"] {
    margin-left: 15%;
}

.skills-mesure > div[token-image="16"] {
    margin-left: 16%;
}

.skills-mesure > div[token-image="17"] {
    margin-left: 17%;
}

.skills-mesure > div[token-image="18"] {
    margin-left: 18%;
}

.skills-mesure > div[token-image="19"] {
    margin-left: 19%;
}

.skills-mesure > div[token-image="20"] {
    margin-left: 20%;
}

.skills-mesure > div[token-image="21"] {
    margin-left: 21%;
}

.skills-mesure > div[token-image="22"] {
    margin-left: 22%;
}

.skills-mesure > div[token-image="23"] {
    margin-left: 23%;
}

.skills-mesure > div[token-image="24"] {
    margin-left: 24%;
}

.skills-mesure > div[token-image="25"] {
    margin-left: 25%;
}

.skills-mesure > div[token-image="26"] {
    margin-left: 26%;
}

.skills-mesure > div[token-image="27"] {
    margin-left: 27%;
}

.skills-mesure > div[token-image="28"] {
    margin-left: 28%;
}

.skills-mesure > div[token-image="29"] {
    margin-left: 29%;
}

.skills-mesure > div[token-image="30"] {
    margin-left: 30%;
}

.skills-mesure > div[token-image="31"] {
    margin-left: 31%;
}

.skills-mesure > div[token-image="32"] {
    margin-left: 32%;
}

.skills-mesure > div[token-image="33"] {
    margin-left: 33%;
}

.skills-mesure > div[token-image="34"] {
    margin-left: 34%;
}

.skills-mesure > div[token-image="35"] {
    margin-left: 35%;
}

.skills-mesure > div[token-image="36"] {
    margin-left: 36%;
}

.skills-mesure > div[token-image="37"] {
    margin-left: 37%;
}

.skills-mesure > div[token-image="38"] {
    margin-left: 38%;
}

.skills-mesure > div[token-image="39"] {
    margin-left: 39%;
}

.skills-mesure > div[token-image="40"] {
    margin-left: 40%;
}

.skills-mesure > div[token-image="41"] {
    margin-left: 41%;
}

.skills-mesure > div[token-image="42"] {
    margin-left: 42%;
}

.skills-mesure > div[token-image="43"] {
    margin-left: 43%;
}

.skills-mesure > div[token-image="44"] {
    margin-left: 44%;
}

.skills-mesure > div[token-image="45"] {
    margin-left: 45%;
}

.skills-mesure > div[token-image="46"] {
    margin-left: 46%;
}

.skills-mesure > div[token-image="47"] {
    margin-left: 47%;
}

.skills-mesure > div[token-image="48"] {
    margin-left: 48%;
}

.skills-mesure > div[token-image="49"] {
    margin-left: 49%;
}

.skills-mesure > div[token-image="50"] {
    margin-left: 50%;
}

.skills-mesure > div[token-image="51"] {
    margin-left: 51%;
}

.skills-mesure > div[token-image="52"] {
    margin-left: 52%;
}

.skills-mesure > div[token-image="53"] {
    margin-left: 53%;
}

.skills-mesure > div[token-image="54"] {
    margin-left: 54%;
}

.skills-mesure > div[token-image="55"] {
    margin-left: 55%;
}

.skills-mesure > div[token-image="56"] {
    margin-left: 56%;
}

.skills-mesure > div[token-image="57"] {
    margin-left: 57%;
}

.skills-mesure > div[token-image="58"] {
    margin-left: 58%;
}

.skills-mesure > div[token-image="59"] {
    margin-left: 59%;
}

.skills-mesure > div[token-image="60"] {
    margin-left: 60%;
}

.skills-mesure > div[token-image="61"] {
    margin-left: 61%;
}

.skills-mesure > div[token-image="62"] {
    margin-left: 62%;
}

.skills-mesure > div[token-image="63"] {
    margin-left: 63%;
}

.skills-mesure > div[token-image="64"] {
    margin-left: 64%;
}

.skills-mesure > div[token-image="65"] {
    margin-left: 65%;
}

.skills-mesure > div[token-image="66"] {
    margin-left: 66%;
}

.skills-mesure > div[token-image="67"] {
    margin-left: 67%;
}

.skills-mesure > div[token-image="68"] {
    margin-left: 68%;
}

.skills-mesure > div[token-image="69"] {
    margin-left: 69%;
}

.skills-mesure > div[token-image="70"] {
    margin-left: 70%;
}

.skills-mesure > div[token-image="71"] {
    margin-left: 71%;
}

.skills-mesure > div[token-image="72"] {
    margin-left: 72%;
}

.skills-mesure > div[token-image="73"] {
    margin-left: 73%;
}

.skills-mesure > div[token-image="74"] {
    margin-left: 74%;
}

.skills-mesure > div[token-image="75"] {
    margin-left: 75%;
}

.skills-mesure > div[token-image="76"] {
    margin-left: 76%;
}

.skills-mesure > div[token-image="77"] {
    margin-left: 77%;
}

.skills-mesure > div[token-image="78"] {
    margin-left: 78%;
}

.skills-mesure > div[token-image="79"] {
    margin-left: 79%;
}

.skills-mesure > div[token-image="80"] {
    margin-left: 80%;
}

.skills-mesure > div[token-image="81"] {
    margin-left: 81%;
}

.skills-mesure > div[token-image="82"] {
    margin-left: 82%;
}

.skills-mesure > div[token-image="83"] {
    margin-left: 83%;
}

.skills-mesure > div[token-image="84"] {
    margin-left: 84%;
}

.skills-mesure > div[token-image="85"] {
    margin-left: 85%;
}

.skills-mesure > div[token-image="86"] {
    margin-left: 86%;
}

.skills-mesure > div[token-image="87"] {
    margin-left: 87%;
}

.skills-mesure > div[token-image="88"] {
    margin-left: 88%;
}

.skills-mesure > div[token-image="89"] {
    margin-left: 89%;
}

.skills-mesure > div[token-image="90"] {
    margin-left: 90%;
}

.skills-mesure > div[token-image="91"] {
    margin-left: 91%;
}

.skills-mesure > div[token-image="92"] {
    margin-left: 92%;
}

.skills-mesure > div[token-image="93"] {
    margin-left: 92%;
}

.skills-mesure > div[token-image="94"] {
    margin-left: 92%;
}

.skills-mesure > div[token-image="95"] {
    margin-left: 92%;
}

.skills-mesure > div[token-image="96"] {
    margin-left: 92%;
}

.skills-mesure > div[token-image="97"] {
    margin-left: 92%;
}

.skills-mesure > div[token-image="98"] {
    margin-left: 92%;
}

.skills-mesure > div[token-image="99"] {
    margin-left: 92%;
}

.skills-mesure > div[token-image="100"] {
    margin-left: 92%;
}

.skills-mesure > div[progress-bar="0"] {
    width: 0%;
}

.skills-mesure > div[progress-bar="1"] {
    width: 1%;
}

.skills-mesure > div[progress-bar="2"] {
    width: 2%;
}

.skills-mesure > div[progress-bar="3"] {
    width: 3%;
}

.skills-mesure > div[progress-bar="4"] {
    width: 4%;
}

.skills-mesure > div[progress-bar="5"] {
    width: 5%;
}

.skills-mesure > div[progress-bar="6"] {
    width: 6%;
}

.skills-mesure > div[progress-bar="7"] {
    width: 7%;
}

.skills-mesure > div[progress-bar="8"] {
    width: 8%;
}

.skills-mesure > div[progress-bar="9"] {
    width: 9%;
}

.skills-mesure > div[progress-bar="10"] {
    width: 10%;
}

.skills-mesure > div[progress-bar="11"] {
    width: 11%;
}

.skills-mesure > div[progress-bar="12"] {
    width: 12%;
}

.skills-mesure > div[progress-bar="13"] {
    width: 13%;
}

.skills-mesure > div[progress-bar="14"] {
    width: 14%;
}

.skills-mesure > div[progress-bar="15"] {
    width: 15%;
}

.skills-mesure > div[progress-bar="16"] {
    width: 16%;
}

.skills-mesure > div[progress-bar="17"] {
    width: 17%;
}

.skills-mesure > div[progress-bar="18"] {
    width: 18%;
}

.skills-mesure > div[progress-bar="19"] {
    width: 19%;
}

.skills-mesure > div[progress-bar="20"] {
    width: 20%;
}

.skills-mesure > div[progress-bar="21"] {
    width: 21%;
}

.skills-mesure > div[progress-bar="22"] {
    width: 22%;
}

.skills-mesure > div[progress-bar="23"] {
    width: 23%;
}

.skills-mesure > div[progress-bar="24"] {
    width: 24%;
}

.skills-mesure > div[progress-bar="25"] {
    width: 25%;
}

.skills-mesure > div[progress-bar="26"] {
    width: 26%;
}

.skills-mesure > div[progress-bar="27"] {
    width: 27%;
}

.skills-mesure > div[progress-bar="28"] {
    width: 28%;
}

.skills-mesure > div[progress-bar="29"] {
    width: 29%;
}

.skills-mesure > div[progress-bar="30"] {
    width: 30%;
}

.skills-mesure > div[progress-bar="31"] {
    width: 31%;
}

.skills-mesure > div[progress-bar="32"] {
    width: 32%;
}

.skills-mesure > div[progress-bar="33"] {
    width: 33%;
}

.skills-mesure > div[progress-bar="34"] {
    width: 34%;
}

.skills-mesure > div[progress-bar="35"] {
    width: 35%;
}

.skills-mesure > div[progress-bar="36"] {
    width: 36%;
}

.skills-mesure > div[progress-bar="37"] {
    width: 37%;
}

.skills-mesure > div[progress-bar="38"] {
    width: 38%;
}

.skills-mesure > div[progress-bar="39"] {
    width: 39%;
}

.skills-mesure > div[progress-bar="40"] {
    width: 40%;
}

.skills-mesure > div[progress-bar="41"] {
    width: 41%;
}

.skills-mesure > div[progress-bar="42"] {
    width: 42%;
}

.skills-mesure > div[progress-bar="43"] {
    width: 43%;
}

.skills-mesure > div[progress-bar="44"] {
    width: 44%;
}

.skills-mesure > div[progress-bar="45"] {
    width: 45%;
}

.skills-mesure > div[progress-bar="46"] {
    width: 46%;
}

.skills-mesure > div[progress-bar="47"] {
    width: 47%;
}

.skills-mesure > div[progress-bar="48"] {
    width: 48%;
}

.skills-mesure > div[progress-bar="49"] {
    width: 49%;
}

.skills-mesure > div[progress-bar="50"] {
    width: 50%;
}

.skills-mesure > div[progress-bar="51"] {
    width: 51%;
}

.skills-mesure > div[progress-bar="52"] {
    width: 52%;
}

.skills-mesure > div[progress-bar="53"] {
    width: 53%;
}

.skills-mesure > div[progress-bar="54"] {
    width: 54%;
}

.skills-mesure > div[progress-bar="55"] {
    width: 55%;
}

.skills-mesure > div[progress-bar="56"] {
    width: 56%;
}

.skills-mesure > div[progress-bar="57"] {
    width: 57%;
}

.skills-mesure > div[progress-bar="58"] {
    width: 58%;
}

.skills-mesure > div[progress-bar="59"] {
    width: 59%;
}

.skills-mesure > div[progress-bar="60"] {
    width: 60%;
}

.skills-mesure > div[progress-bar="61"] {
    width: 61%;
}

.skills-mesure > div[progress-bar="62"] {
    width: 62%;
}

.skills-mesure > div[progress-bar="63"] {
    width: 63%;
}

.skills-mesure > div[progress-bar="64"] {
    width: 64%;
}

.skills-mesure > div[progress-bar="65"] {
    width: 65%;
}

.skills-mesure > div[progress-bar="66"] {
    width: 66%;
}

.skills-mesure > div[progress-bar="67"] {
    width: 67%;
}

.skills-mesure > div[progress-bar="68"] {
    width: 68%;
}

.skills-mesure > div[progress-bar="69"] {
    width: 69%;
}

.skills-mesure > div[progress-bar="70"] {
    width: 70%;
}

.skills-mesure > div[progress-bar="71"] {
    width: 71%;
}

.skills-mesure > div[progress-bar="72"] {
    width: 72%;
}

.skills-mesure > div[progress-bar="73"] {
    width: 73%;
}

.skills-mesure > div[progress-bar="74"] {
    width: 74%;
}

.skills-mesure > div[progress-bar="75"] {
    width: 75%;
}

.skills-mesure > div[progress-bar="76"] {
    width: 76%;
}

.skills-mesure > div[progress-bar="77"] {
    width: 77%;
}

.skills-mesure > div[progress-bar="78"] {
    width: 78%;
}

.skills-mesure > div[progress-bar="79"] {
    width: 79%;
}

.skills-mesure > div[progress-bar="80"] {
    width: 80%;
}

.skills-mesure > div[progress-bar="81"] {
    width: 81%;
}

.skills-mesure > div[progress-bar="82"] {
    width: 82%;
}

.skills-mesure > div[progress-bar="83"] {
    width: 83%;
}

.skills-mesure > div[progress-bar="84"] {
    width: 84%;
}

.skills-mesure > div[progress-bar="85"] {
    width: 85%;
}

.skills-mesure > div[progress-bar="86"] {
    width: 86%;
}

.skills-mesure > div[progress-bar="87"] {
    width: 87%;
}

.skills-mesure > div[progress-bar="88"] {
    width: 88%;
}

.skills-mesure > div[progress-bar="89"] {
    width: 89%;
}

.skills-mesure > div[progress-bar="90"] {
    width: 90%;
}

.skills-mesure > div[progress-bar="91"] {
    width: 91%;
}

.skills-mesure > div[progress-bar="92"] {
    width: 92%;
}

.skills-mesure > div[progress-bar="93"] {
    width: 93%;
}

.skills-mesure > div[progress-bar="94"] {
    width: 94%;
}

.skills-mesure > div[progress-bar="95"] {
    width: 95%;
}

.skills-mesure > div[progress-bar="96"] {
    width: 96%;
}

.skills-mesure > div[progress-bar="97"] {
    width: 97%;
}

.skills-mesure > div[progress-bar="98"] {
    width: 98%;
}

.skills-mesure > div[progress-bar="99"] {
    width: 99%;
}

.skills-mesure > div[progress-bar="100"] {
    width: 100%;
}

    .skills-mesure > div[token-paid="0"] {
        width: 0%;
    }

    .skills-mesure > div[token-paid="1"] {
        width: 1%;
    }

    .skills-mesure > div[token-paid="2"] {
        width: 2%;
    }

    .skills-mesure > div[token-paid="3"] {
        width: 3%;
    }

    .skills-mesure > div[token-paid="4"] {
        width: 4%;
    }

    .skills-mesure > div[token-paid="5"] {
        width: 5%;
    }

    .skills-mesure > div[token-paid="6"] {
        width: 6%;
    }

    .skills-mesure > div[token-paid="7"] {
        width: 7%;
    }

    .skills-mesure > div[token-paid="8"] {
        width: 8%;
    }

    .skills-mesure > div[token-paid="9"] {
        width: 9%;
    }

    .skills-mesure > div[token-paid="10"] {
        width: 10%;
    }

    .skills-mesure > div[token-paid="11"] {
        width: 11%;
    }

    .skills-mesure > div[token-paid="12"] {
        width: 12%;
    }

    .skills-mesure > div[token-paid="13"] {
        width: 13%;
    }

    .skills-mesure > div[token-paid="14"] {
        width: 14%;
    }

    .skills-mesure > div[token-paid="15"] {
        width: 15%;
    }

    .skills-mesure > div[token-paid="16"] {
        width: 16%;
    }

    .skills-mesure > div[token-paid="17"] {
        width: 17%;
    }

    .skills-mesure > div[token-paid="18"] {
        width: 18%;
    }

    .skills-mesure > div[token-paid="19"] {
        width: 19%;
    }

    .skills-mesure > div[token-paid="20"] {
        width: 20%;
    }

    .skills-mesure > div[token-paid="21"] {
        width: 21%;
    }

    .skills-mesure > div[token-paid="22"] {
        width: 22%;
    }

    .skills-mesure > div[token-paid="23"] {
        width: 23%;
    }

    .skills-mesure > div[token-paid="24"] {
        width: 24%;
    }

    .skills-mesure > div[token-paid="25"] {
        width: 25%;
    }

    .skills-mesure > div[token-paid="26"] {
        width: 26%;
    }

    .skills-mesure > div[token-paid="27"] {
        width: 27%;
    }

    .skills-mesure > div[token-paid="28"] {
        width: 28%;
    }

    .skills-mesure > div[token-paid="29"] {
        width: 29%;
    }

    .skills-mesure > div[token-paid="30"] {
        width: 30%;
    }

    .skills-mesure > div[token-paid="31"] {
        width: 31%;
    }

    .skills-mesure > div[token-paid="32"] {
        width: 32%;
    }

    .skills-mesure > div[token-paid="33"] {
        width: 33%;
    }

    .skills-mesure > div[token-paid="34"] {
        width: 34%;
    }

    .skills-mesure > div[token-paid="35"] {
        width: 35%;
    }

    .skills-mesure > div[token-paid="36"] {
        width: 36%;
    }

    .skills-mesure > div[token-paid="37"] {
        width: 37%;
    }

    .skills-mesure > div[token-paid="38"] {
        width: 38%;
    }

    .skills-mesure > div[token-paid="39"] {
        width: 39%;
    }

    .skills-mesure > div[token-paid="40"] {
        width: 40%;
    }

    .skills-mesure > div[token-paid="41"] {
        width: 41%;
    }

    .skills-mesure > div[token-paid="42"] {
        width: 42%;
    }

    .skills-mesure > div[token-paid="43"] {
        width: 43%;
    }

    .skills-mesure > div[token-paid="44"] {
        width: 44%;
    }

    .skills-mesure > div[token-paid="45"] {
        width: 45%;
    }

    .skills-mesure > div[token-paid="46"] {
        width: 46%;
    }

    .skills-mesure > div[token-paid="47"] {
        width: 47%;
    }

    .skills-mesure > div[token-paid="48"] {
        width: 48%;
    }

    .skills-mesure > div[token-paid="49"] {
        width: 49%;
    }

    .skills-mesure > div[token-paid="50"] {
        width: 50%;
    }

    .skills-mesure > div[token-paid="51"] {
        width: 51%;
    }

    .skills-mesure > div[token-paid="52"] {
        width: 52%;
    }

    .skills-mesure > div[token-paid="53"] {
        width: 53%;
    }

    .skills-mesure > div[token-paid="54"] {
        width: 54%;
    }

    .skills-mesure > div[token-paid="55"] {
        width: 55%;
    }

    .skills-mesure > div[token-paid="56"] {
        width: 56%;
    }

    .skills-mesure > div[token-paid="57"] {
        width: 57%;
    }

    .skills-mesure > div[token-paid="58"] {
        width: 58%;
    }

    .skills-mesure > div[token-paid="59"] {
        width: 59%;
    }

    .skills-mesure > div[token-paid="60"] {
        width: 60%;
    }

    .skills-mesure > div[token-paid="61"] {
        width: 61%;
    }

    .skills-mesure > div[token-paid="62"] {
        width: 62%;
    }

    .skills-mesure > div[token-paid="63"] {
        width: 63%;
    }

    .skills-mesure > div[token-paid="64"] {
        width: 64%;
    }

    .skills-mesure > div[token-paid="65"] {
        width: 65%;
    }

    .skills-mesure > div[token-paid="66"] {
        width: 66%;
    }

    .skills-mesure > div[token-paid="67"] {
        width: 67%;
    }

    .skills-mesure > div[token-paid="68"] {
        width: 68%;
    }

    .skills-mesure > div[token-paid="69"] {
        width: 69%;
    }

    .skills-mesure > div[token-paid="70"] {
        width: 70%;
    }

    .skills-mesure > div[token-paid="71"] {
        width: 71%;
    }

    .skills-mesure > div[token-paid="72"] {
        width: 72%;
    }

    .skills-mesure > div[token-paid="73"] {
        width: 73%;
    }

    .skills-mesure > div[token-paid="74"] {
        width: 74%;
    }

    .skills-mesure > div[token-paid="75"] {
        width: 75%;
    }

    .skills-mesure > div[token-paid="76"] {
        width: 76%;
    }

    .skills-mesure > div[token-paid="77"] {
        width: 77%;
    }

    .skills-mesure > div[token-paid="78"] {
        width: 78%;
    }

    .skills-mesure > div[token-paid="79"] {
        width: 79%;
    }

    .skills-mesure > div[token-paid="80"] {
        width: 80%;
    }

    .skills-mesure > div[token-paid="81"] {
        width: 81%;
    }

    .skills-mesure > div[token-paid="82"] {
        width: 82%;
    }

    .skills-mesure > div[token-paid="83"] {
        width: 83%;
    }

    .skills-mesure > div[token-paid="84"] {
        width: 84%;
    }

    .skills-mesure > div[token-paid="85"] {
        width: 85%;
    }

    .skills-mesure > div[token-paid="86"] {
        width: 86%;
    }

    .skills-mesure > div[token-paid="87"] {
        width: 87%;
    }

    .skills-mesure > div[token-paid="88"] {
        width: 88%;
    }

    .skills-mesure > div[token-paid="89"] {
        width: 89%;
    }

    .skills-mesure > div[token-paid="90"] {
        width: 90%;
    }

    .skills-mesure > div[token-paid="91"] {
        width: 91%;
    }

    .skills-mesure > div[token-paid="92"] {
        width: 92%;
    }

    .skills-mesure > div[token-paid="93"] {
        width: 93%;
    }

    .skills-mesure > div[token-paid="94"] {
        width: 94%;
    }

    .skills-mesure > div[token-paid="95"] {
        width: 95%;
    }

    .skills-mesure > div[token-paid="96"] {
        width: 96%;
    }

    .skills-mesure > div[token-paid="97"] {
        width: 97%;
    }

    .skills-mesure > div[token-paid="98"] {
        width: 98%;
    }

    .skills-mesure > div[token-paid="99"] {
        width: 99%;
    }

    .skills-mesure > div[token-paid="100"] {
        width: 100%;
    }