/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 29, 2018, 3:45:45 PM
    Author     : Shaam
*/

.clickedimg.col-50 {
    float: right;
}

.choser[ids="6"] {
    top: 77%;
    right: 79%;
    left: auto;
}

.choser[ids="5"] {
    top: 77%;
    right: 70%;
    left: auto;
}

.choser[ids="4"] {
    top: 38%;
    right: 33%;
    left: auto;
}

.choser[ids="3"] {
    top: 38%;
    right: 24%;
    left: auto;
}

.choser[ids="2"] {
    top: 25%;
    right: 49%;
    left: auto;
}

.choser[ids="1"] {
    top: 25%;
    right: 59%;
    left: auto;
}

.dragActivity {
    width: 90%;
    position: absolute;
    left: 5%;
    top: 44%;
    height: 53%;
    direction: rtl;
    text-align: center;
    font-size: 30px;
}
.droppables {
    width: 2vw !important;
    height: 2vw !important;
    background-color: #8e4a8d;
    border-radius: 100%;
    border: solid 1px #181816;
    text-align: center;
    color: #fff;
    line-height: 2vw;
    background-size: cover;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 2px 0;
    font-size: 100% !important;
}

div#drugit {
    width: 60%;
    margin: 5% auto;
}


.draggabless {
    width: 3.5vw !important;
    height: 2.2vw !important;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    margin: 0 !important;
}

.droppables[sid="1"] {
    top: 230px;
    right: 157px;
}

.droppables[sid="2"] {
    top: 230px;
    right: 195px;
}

.droppables[sid="3"] {
    top: 230px;
    right: 249px;
}

.droppables[sid="4"] {
    top: 230px;
    right: 287px;
}

.droppables[sid="5"] {
    top: 230px;
    right: 326px;
}

.droppables[sid="6"] {
    top: 230px;
    right: 364px;
}

.droppables[sid="7"] {
    top: 284px;
    right: 16px;
}

.droppables[sid="8"] {
    top: 284px;
    right: 54px;
}

.droppables[sid="9"] {
    top: 284px;
    right: 92px;
}

.droppables[sid="10"] {
    top: 284px;
    right: 130px;
}

.droppables[sid="11"] {
    top: 284px;
    right: 168px;
}

.droppables[sid="12"] {
    top: 284px;
    right: 220px;
}


.droppables[sid="13"] {
    top: 284px;
    right: 259px;
}

.droppables[sid="14"] {
    top: 284px;
    right: 311px;
}

.droppables[sid="15"] {
    top: 284px;
    right: 349px;
}

.droppables[sid="16"] {
    top: 284px;
    right: 387px;
}

.droppables[sid="17"] {
    top: 284px;
    right: 425px;
}


.droppables[sid="18"] {
    top: 284px;
    right: 463px;
}

.droppables[sid="19"] {
    top: 341px;
    right: 170px;
}

.droppables[sid="20"] {
    top: 341px;
    right: 207px;
}

.droppables[sid="21"] {
    top: 341px;
    right: 245px;
}

.droppables[sid="22"] {
    top: 341px;
    right: 284px;
}

.droppables[sid="23"] {
    top: 341px;
    right: 322px;
}

.droppables[sid="24"] {
    top: 394px;
    right: 205px;
}

.droppables[sid="25"] {
    top: 394px;
    right: 245px;
}


.droppables[sid="26"] {
    top: 394px;
    right: 285px;
}
.clickedimg:nth-child(2) .blink_me {
    left: 20%;
}
#clicker5, .clicker2 {
    background-color: #1fa03b;
}
.clicker, .clicker2, .clicker3, #clicker4, #clicker5 {
    padding: 10px 35px;
    font-size: 2vw;
    letter-spacing: normal;
    font-family: 'Myriad-Ar';
}