.mc-voting-container {
    margin    : 20px auto;
    text-align: center;
}

.mc-point-selector-wrapper {
    position: relative;
    display : inline-block;
    z-index : 10;
}

.mc-points-wheel {
    display       : none;
    position      : absolute;
    z-index       : 10000 !important;
    background    : rgba(0, 0, 0, 0.9);
    border        : 3px solid #00c3FF;
    border-radius : 50%;
    width         : 200px;
    height        : 200px;
    top           : -80px;
    left          : -80px;
    box-shadow    : 0 0 15px rgba(0, 195, 255, 0.5);
    pointer-events: auto;
}

.mc-point-item {
    position     : absolute;
    width        : 35px;
    height       : 35px;
    line-height  : 35px;
    background   : #222;
    color        : #fff;
    border-radius: 50%;
    cursor       : pointer;
    transition   : all 0.2s;
    font-weight  : bold;
    font-size    : 14px;
    z-index      : 10001 !important;
}

.mc-point-item:hover {
    background: #00c3FF;
    transform : scale(1.2);
}

.mc-point-item.disabled {
    opacity   : 0.2;
    cursor    : not-allowed;
    background: #444;
}

.mc-selected-pts {
    display      : inline-block;
    width        : 40px;
    height       : 40px;
    line-height  : 40px;
    border       : 2px dashed #555;
    border-radius: 50%;
    cursor       : pointer;
    color        : #00c3FF;
    font-weight  : bold;
    text-align   : center;
    position     : relative;
    z-index      : 15;
}

.mc-selected-pts.active {
    border-style: solid;
    border-color: #00c3FF;
    background  : rgba(0, 195, 255, 0.1);
    color       : #00c3FF;
    box-shadow  : 0 0 10px rgba(0, 195, 255, 0.3);
}

.mc-submit-ranking-container {
    padding      : 20px;
    background   : rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-top   : 20px;
    display      : none;
}

.mc-btn-vote-submit {
    padding  : 10px 30px;
    font-size: 18px;
    cursor   : pointer;
}

.mc-point-clear {
    position      : absolute;
    width         : 60px;
    height        : 60px;
    line-height   : 60px;
    background    : #333;
    color         : #fff;
    border-radius : 50%;
    top           : 70px;
    left          : 70px;
    cursor        : pointer;
    transition    : all 0.2s;
    font-size     : 11px;
    border        : 1px solid #555;
    text-transform: uppercase;
    z-index       : 10002 !important;
}

.mc-point-clear:hover {
    background  : #ff4444;
    color       : white;
    border-color: #ff4444;
}