.middleSection {
    /*background-image: none !important;*/
}

.midRight {
    margin-left: 0px;
}

.btnSmallStyle {
    min-width: 98px !important;
}

.experimentArea {
    position: relative;
    margin: 0 auto;
    /*width: 984px;*/
    width: 100%;
    height: 580px;
    padding-top: 0px;
}

.axisLabel {
    position: absolute;
    font-size: 16px;
}

.axisLabel.y_axis {
    top: 0px;
    left: 0px;
    width: 38px;
    height: 100%;
}

.axisLabel.y_axis>div {
    position: absolute;
    right: 39px;
}

.axisLabel.x_axis {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 35px;
}

.axisLabel.x_axis>div {
    position: absolute;
    display: inline-block;
    top: 40px;
}

.al_0 {
    left: -5px;

}

.al_05 {
    left: 47px;
}

.al_10 {
    left: 107px;
}

.al_15 {
    left: 168px;
}

.al_20 {
    left: 225px;
}

.al_25 {
    left: 288px;
}

.al_30 {
    left: 346px;
}

.al_35 {
    left: 406px;
}

.al_40 {
    left: 461px;
}

.show-acceleration {
    position: relative;
    left: 0px;
    top: 10px;
    /* float: right; */
}

.motion-sensor {
    width: 60px;
    top: 225px;
    line-height: 20px;
    left: 10px;
}

.imprint {
    /* bottom: 105px; */
}


.fraction,
.top,
.bottom {
    padding: 0 5px;
}


.bottom {
    border-top: 1px solid #3495d8;
    display: block;
    width: max-content;
}

span.ClsDisplayInline {
    /*display: inline-block;*/
}

span.ClsDisplayInlineFraction {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}



.txt-motion {
    position: absolute;
    width: 120px;
    left: 170px;
    top: 10px;
}

.cotton-wool {
    position: absolute;
    bottom: 5px;
    right: 3px;
}

.txt-cotton {
    position: absolute;
    width: 120px;
    left: 186px;
    bottom: 42px;
}

.hand-boll {
    position: absolute;
    top: -20px;
    right: -5px;
}

.hand-boll .ball {
    position: absolute;
    top: 129px;
    right: 83px;
}

.hand-boll .hand {
    position: absolute;
    top: 140px;
    right: 10px;
}

/* axis label start */

/*.axisLabel.y1_axis {
	top: 0px;
	left: 0px;
	width: 38px;
	height: 100%;
}

.axisLabel y1_axis>div {
	position: absolute;
	display: inline-block;
}

.tal_01 {

margin-top: -33px;

margin-left: 40px;
}

.tal_51 {

margin-left: 171px;

margin-top: -25px;
}

.tal_101 {

margin-left: 302px;

margin-top: -26px;
}

.tal_151 {

margin-left: 433px;

margin-top: -26px;
}

.tal_201 {

margin-left: 564px;

margin-top: -24px;
}

.tal_251 {

margin-left: 696px;

margin-top: -27px;
}

.tal_301 {

margin-left: 828px;

margin-top: -24px;
}*/

/* axis label end */




.scale {
    background-image: url(../img/Scale.png);
    width: 35px;
    height: 477px;
    position: absolute;
    left: 100px;
    top: -102px;
}

.weight {
    background-image: url(../img/Spring_anim1.png);
    background-repeat: no-repeat;
    width: 151px;
    height: 94px;
    position: absolute;
    top: 374px;
    left: 214px;
}

.ball {
    background-image: url(../img/ball.png);
    background-repeat: no-repeat;
    width: 151px;
    height: 94px;
    position: absolute;
    top: 362px;
    left: 273px;
}

.plank {
    top: 383px;
    position: absolute;
    width: 500px;
    height: 50px;
    color: #080808;
}

.elastic {
    background-color: rgb(255, 204, 255);
}

.in-elastic {
    background-color: rgb(192, 192, 192);
}

.completely-in_elastic {
    background-color: #FFFF99;
}

.completely-in_elastic .label {
    font-size: 16px;
    position: absolute;
    width: 100%;
    position: absolute;
    top: 15px;
    color: #080808;
}

.plank.elastic .label {
    font-size: 16px;
    position: absolute;
    width: 100%;
    position: absolute;
    top: 15px;
    color: #800000;
}

.plank.in-elastic .label {
    font-size: 16px;
    position: absolute;
    width: 100%;
    position: absolute;
    top: 15px;
    color: #080000;
}

.hand_pointer {
    width: 65px;
    height: 40px;
    px: ;
    position: absolute;
    top: 370px;
    left: 252px;
    cursor: -webkit-grab;
    cursor: grab;
    /* cursor: url(../img/Click-hand.png), auto; */
    /* z-index: 1; */
    /*border: 1px solid blue;*/
}

.box {
    background: #ffffff;
    font-size: 18px;
    border: 1px solid #58a9df;
    height: 23px;
    line-height: 23px;
    width: 373px;
    text-indent: 5px;
    position: relative;
    top: -43px;
    left: 94px;
}

.innerbox {
    font-size: 18px;
    height: 21px;
    line-height: 21px;
    width: 1px;
    text-indent: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.box1 {
    background: rgb(237, 157, 80);
    border: 1px solid rgb(237, 157, 80);
}

.box2 {
    background: rgb(0, 186, 229);
    border: 1px solid rgb(0, 186, 229);
}

.box3 {
    background: rgb(255, 0, 102);
    border: 1px solid rgb(255, 0, 102);
}

.box4 {
    background: rgb(153, 51, 255);
    border: 1px solid rgb(153, 51, 255);
}

.practice-area {
    width: 50%;
    position: relative;
    float: right;
}

.base {
    background-image: url(../img/gray_vox.png);
    width: 308px;
    height: 94px;
    float: right;
    margin-right: 300px;
    margin-top: -84px;

}

.axisLabel {
    position: absolute;
    font-size: 14px;
}

.axisLabel.y_axis {
    right: 100px;
    height: 100%;
    position: absolute;
    left: 100px;
    top: -108px;
}

.axisLabel.y_axis>div {
    position: absolute;
}

.al_100 {
    top: 470px;
}

.al_200 {
    top: 437px;
}

.al_300 {
    top: 402px;
}

.al_400 {
    top: 368px;
}

.al_500 {
    top: 334px;
}

.al_600 {
    top: 300px;
}

.al_700 {
    top: 266px;
}

.al_800 {
    top: 232px;
}

.al_900 {
    top: 200px;
}

.al_1000 {
    top: 164px;
}

.al_1100 {
    top: 130px;
}

.al_1200 {
    top: 97px;
}

.al_1300 {
    top: 62px;
}

.al_1400 {
    top: 26px;
    left: -13px;
    font-size: 16px;
}

.stageArea .actBtns {
    min-width: 155px;
    top: 1px;
}

label {
    margin-bottom: -20px;
}

.selectionBar_top {
    padding: 16px 26px 6px 26px;
}

.instructionBar {
    padding: 16px 1px 16px 26px;
}

.selectionBar_left .formFields input[type="text"] {
    display: block;
    margin: 5px 0 20px;
    width: 82px;
}

#T2,
#T3,
#T4,
#T5 {
    text-align: right;
    padding-right: 7px;
}

.divToBeDragged {
    width: 151px;
    height: 101px;
    position: absolute;
    top: 346px;
    left: 214px;
    /*    border: 1px solid red;
*/
    touch-action: none;
}