/*==========================================================
POSITION BADGE
==========================================================*/

.ul-position-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:46px;

    height:28px;

    padding:0 12px;

    border-radius:999px;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    border:1px solid transparent;

    transition:all .25s ease;

}

/*==========================================================
POSITION COLORS
==========================================================*/

.ul-position-arq{

    color:#F5D542;

    background:rgba(245,213,66,.12);

    border-color:rgba(245,213,66,.35);

}

.ul-position-def{

    color:#32D17A;

    background:rgba(50,209,122,.12);

    border-color:rgba(50,209,122,.35);

}

.ul-position-li{

    color:#6AE698;

    background:rgba(106,230,152,.12);

    border-color:rgba(106,230,152,.35);

}

.ul-position-ld{

    color:#7DE5DA;

    background:rgba(125,229,218,.12);

    border-color:rgba(125,229,218,.35);

}

.ul-position-mcd{

    color:#46C6FF;

    background:rgba(70,198,255,.12);

    border-color:rgba(70,198,255,.35);

}

.ul-position-mc{

    color:#4F8CFF;

    background:rgba(79,140,255,.12);

    border-color:rgba(79,140,255,.35);

}

.ul-position-mco{

    color:#A855F7;

    background:rgba(168,85,247,.12);

    border-color:rgba(168,85,247,.35);

}

.ul-position-ei{

    color:#FB923C;

    background:rgba(251,146,60,.12);

    border-color:rgba(251,146,60,.35);

}

.ul-position-ed{

    color:#FFB648;

    background:rgba(255,182,72,.12);

    border-color:rgba(255,182,72,.35);

}

.ul-position-del{

    color:#EF4463;

    background:rgba(239,68,99,.12);

    border-color:rgba(239,68,99,.35);

}