/*
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, 4:37:35 PM
    Author     : Shaam
*/


select {
    position: absolute;
    background-color: transparent;
    border: hidden;
    direction: rtl;
    text-align: right;
    font-family: 'Myriad-Ar';
    width: 15%;
    height: 2.3%;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../../images/level6/select-arrow.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 10px auto;
    color: #681908;
}


select[ids5="1"] {
    top: 45.3%;
    left: 34%;
}

select[ids5="2"] {
    top: 49%;
    left: 34%;
}

select[ids5="3"] {
    top: 52.7%;
    left: 34%;
}

select[ids5="4"] {
    left: 34%;
    top: 56.4%;
}

select[ids5="5"] {
    top: 60%;
    left: 34%;
}

select[ids5="6"] {
    top: 63.7%;
    left: 34%;
}

select[ids5="7"] {
    left: 34%;
    top: 67.4%;
}

select[ids5="9"] {
    top: 45.3%;
    left: 72%;
}

select[ids5="10"] {
    top: 48.8%;
    left: 72%;
}

select[ids5="11"] {
    top: 52.5%;
    left: 72%;
}

select[ids5="12"] {
    left: 72%;
    top: 56%;
}

select[ids5="13"] {
    top: 59.5%;
    left: 72%;
}

select[ids5="14"] {
    top: 63%;
    left: 72%;
}


.calcu {
    background-color: #c33263;
    position: relative;
    width: 288px;
    height: 89px;
    top: 422px;
    left: 82px;
}


.calcu input[type="text"] {
    width: 45px;
    height: 16.8px;
    margin: 0.5px;
    padding: 0px;
    border: hidden;
    border-width: 0;
    float: right;
    font-size: 11px;
    font-family: 'Myriad-Ar';
    text-indent: 2px;
    background-color: #f7bcd8;
}

.calc2 {
    width: 69px;
    height: 16.8px;
    margin: 0.5px;
    padding: 0px;
    border: hidden;
    border-width: 0;
    font-size: 11px;
    float: right;
    text-indent: 2px;
    background-color: #f7bcd8;
    font-family: 'Myriad-Ar';
}


.choser[ids="10"] {
    /*top: 88%;*/
    /*left: 81%;*/
    top: 64%;
    left: 55%;
}
.choser[ids="9"] {
    /*top: 88%;*/
    /*left: 71%;*/
    top: 64%;
    left: 42%;
}
.choser[ids="12"] {
    /*top: 93%;*/
    /*left: 29%;*/
    top: 89%;
    left: 18%;
}
.choser[ids="11"] {
    top: 89%;
    left: 5%;
}
.choser[ids="14"] {
    top: 30%;
    left: 76%;
}
.choser[ids="13"] {
    top: 30%;
    left: 61%;
}
.choser[ids="15"] {
    top: 29%;
    left: 19%;
}
.choser[ids="16"] {
    top: 29%;
    left: 33%;
}
.choser[ids="6"] {
    top: 22%;
    left: 75%;
}
.choser[ids="5"] {
    top: 22%;
    left: 63%;
}
.choser[ids="8"] {
    /*top: 22%;*/
    /*left: 36%;*/
    top: 18%;
    left: 41%;
}
.choser[ids="7"] {
    /*top: 22%;*/
    /*left: 24%;*/
    top: 18%;
    left: 30%;
}
.choser[ids="3"] {
    top: 32%;
    left: 3%;
}
.choser[ids="4"] {
    top: 32%;
    left: 13%;
}
.magazine-viewport .page img.testImage {
    position: absolute;
    top: 57.7%;
    width: 66.5%;
    left: 16.7%;
}


form.calcu {
    width: 60%;
    left: 16.7%;
    top: 65%;
    height: 14%;
    box-sizing: border-box;
    background: #f789b6;
    font-size: 18px;
}
.calcu input[type="text"]{
    font-family: 'Myriad-Ar';
    text-indent: 2px;
    background-color: #f7bcd8;
    box-sizing: border-box;
    font-size: 100%;
    padding: 0 5px;
}
.calcu input[type="text"].type1 {
    width: 17.4%;
    height: 19.1%;
    margin: 0.2% 0.6%;
    margin-left: 0;
}
.calcu input[type="text"].type2 {
    width: 18%;
    height: 19.1%;
    margin: 0.2% 0;
    margin-right: 0.6%;
}
.calcu input[type="text"].type3 {
    height: 19.1%;
    width: 18.2%;
    margin: 0.2% 0;
    margin-right: 0.6%;
}
.calcu input[type="text"].type4 {
    height: 19.1%;
    width: 19.4%;
    margin: 0.2% 0;
    margin-right: 0.6%;
}
.calc2{
    width: 23.8%;
    height: 19.1%;
    box-sizing: border-box;
    margin: 0.2% 0;
    margin-right: 0.6%;
}

.droppables {
    text-align: right;
    padding: 2%;
    box-sizing: border-box;
    direction: rtl;
}