/*
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 26, 2018, 11:16:59 AM
    Author     : Shaam
*/

.p2 img[data-id="p2-2"] {
    width: 30%;
}

.p2 img[data-id="p2-2"] {
    top: 23%;
    left: 54%;
}

.p2 img[data-id="p2-1"] {
    width: 22%;
}

.p2 img[data-id="p2-1"] {
    top: 24%;
    left: 6%;
}

.p2 img[data-id="p2-4"] {
    width: 25%;
}
.p2 img[data-id="p2-4"] {
    top: 51%;
    left: 57%;
}

.p2 img[data-id="p2-3"] {
    width: 20%;
}
.p2 img[data-id="p2-3"] {
    top: 54%;
    left: 9%;
}
.p2 img[data-id="p2-6"] {
    width: 17%;
}

.clk1[clkid="6"] {
    top: 80%;
    left: 66%;
}

.p2 img[data-id="p2-5"] {
    width: 23%;
}

.p2 img[data-id="p2-5"] {
    top: 79%;
    left: 12%;
}

.p3 img[data-id="p3-2"] {
    width: 43%;
}

.p3 img[data-id="p3-2"] {
    top: 21%;
    left: 56%;
}

.p3 img[data-id="p3-1"] {
    width: 54.6%;
}

.p3 img[data-id="p3-1"]{
    top: 21.7%;
    left: 1.5%;
    padding: 0;

}
.p3 img[data-id="p3-3"] {
    width: 52.5%;
    padding-bottom: 0; 
}

.p3 img[data-id="p3-3"] {
    top: 52.5%;
    left: 1%;
}
.p3 img[data-id="p3-4"] {
    width: 41.5%;
}

.p3 img[data-id="p3-4"] {
    top: 52%;
    left: 57%;
}
.p3 img[data-id="p3-5"] {
    width: 100%;
}
.p3 img[data-id="p3-5"] {
    top: 78%;
    left: 0;
}
.book2_selectors[ids="1"] {
    top: 32%;
    left: 26.7%;
}
.book2_selectors[ids="2"] {
    top: 36.9%;
    left: 53.5%;
}
.book2_selectors[ids="3"] {
    top: 46.6%;
    left: 26.3%;
}
.book2_selectors[ids="4"] {
    top: 60.3%;
    left: 40.3%;
}
.book2_selectors[ids="5"] {
    top: 73.5%;
    left: 63.8%;
    width: 21%;
}
.book2_selectors[ids="6"] {
    top: 82.5%;
    left: 26%;
    width: 21%;
}
.book2_choise {
    letter-spacing: 0;
}

.spacer{
    width: 25px;
    height: 25px;
    padding: 0;
    margin: 0;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
}

.blink_me[clkid="1"] {
    top: 30%;
    left: 18%;
}

.blink_me[clkid="2"] {
    left: 73%;
    top: 30%;
}

.blink_me[clkid="3"] {
    top: 60%;
    left: 18%;
}

.blink_me[clkid="4"] {
    top: 60%;
    left: 73%;
}

.blink_me[clkid="5"] {
    top: 86%;
    left: 18%;
}

.blink_me[clkid="6"] {
    top: 86%;
    left: 73%;
}

.blink_me[clkid="7"] {
    top: 32%;
    left: 35%;
}

.blink_me[clkid="8"] {
    top: 32%;
    left: 78%;
}

.blink_me[clkid="9"] {
    left: 35%;
    top: 60%;
}

.blink_me[clkid="10"] {
    top: 60%;
    left: 78%;
}

.blink_me[clkid="11"] {
    top: 86%;
    left: 46%;
}

form input[type="text"]{
    float: right;
}
form#first_word {
    /*width: 33.3%;*/
    top: 41.5%;
    right: 11%;
    left: auto;
}
form#second_word {
    top: 50%;
    left: auto;
    /*width: 39%;*/
    right: 11%;
}
form#third_word {
    top: 58.5%;
    left: auto;
    /*width: 28%;*/
    right: 11%;
}
form#fourth_word {
    top: 68%;
    left: auto;
    /*width: 28%;*/
    right: 11%;
}
form#fifth_word {
    top: 76.5%;
    left: auto;
    /*width: 28%;*/
    right: 11%;
}
form#sixth_word {
    top: 86%;
    left: auto;
    /*width: 33.3%;*/
    right: 11%;
}

.book2_selectors {
    line-height: 1;
    letter-spacing: normal;
    font-size: 110%;
}
form#third_word {
    width: 73%;
}
form#fourth_word {
    width: 73%;
}
form#fifth_word {
    width: 73%;
}
form#sixth_word {
    width: 73%;
}

form#first_word input[data-input="1"],
form#second_word input[data-input="1"],
form#third_word input[data-input="1"],
form#fourth_word input[data-input="1"],
form#fifth_word input[data-input="1"],
form#sixth_word input[data-input="1"] {
    border: solid 1px #923804;
}
form#first_word input[data-input="9"],
form#second_word input[data-input="8"],
form#second_word input[data-input="12"], 
form#third_word input[data-input="5"], 
form#fourth_word input[data-input="3"],
form#fifth_word input[data-input="4"],
form#sixth_word input[data-input="4"],
form#sixth_word input[data-input="8"]{
    border-right: none;
}
form#sixth_word input[data-input="5"] {
    margin-left: 0;
}

.choser[ids="6"] {
    top: 60%;
    left: 72%;
}
.choser[ids="5"] {
    top: 60%;
    left: 61%;
}
.choser[ids="8"] {
    top: 60%;
    left: 32%;
}
.choser[ids="7"] {
    top: 60%;
    left: 21%;
}
.choser[ids="2"] {
    top: 39%;
    left: 72%;
}
.choser[ids="1"] {
    top: 39%;
    left: 61%;
}
.choser[ids="4"] {
    top: 39%;
    left: 32%;
}
.choser[ids="3"] {
    top: 39%;
    left: 21%;
}