/* ////////////////////////////// THIS TASK STEP 1 ////////////////////////////// */

#field[data-task="1"] .image.task_description {
    top: 16px;
    left: 34px;
    width: 490px;
    height: 40px;
    font-size: 23px;
    padding: 0px 16px 0;
    border-radius: 10px;
}

#field[data-task='1'] #image1{
  left: 92px;
  top: 142px;
}

.__draggable_st1,
.__droppable_st1 {
    width: 182px;
    height: 47px;
    border-radius: 5px;
}

.__draggable_st1 {
    left: 741px;
    font-size: 20px;
    padding-top: 4px;
}

/*//////////////////// DRAGGABLES ////////////////////*/

#field[data-task='1'] #draggable1{
  top: 134px;
}

#field[data-task='1'] #draggable2{
  top: 194px;
}

#field[data-task='1'] #draggable3{
  top: 254px;
}

#field[data-task='1'] #draggable4{
  top: 314px;
}

/*//////////////////// DROPPABLES ////////////////////*/

#field[data-task='1'] #droppable1{
  left: 82px;
  top: 92px;
}

#field[data-task='1'] #droppable2{
  left: 400px;
  top: 92px;
}

#field[data-task='1'] #droppable3{
  left: 82px;
  top: 312px;
}

#field[data-task='1'] #droppable4{
  left: 400px;
  top: 312px;
}
/* ////////////////////////////// THIS TASK STEP 2 ////////////////////////////// */
#field[data-task="2"] .image.task_description {
    top: 12px;
    left: 34px;
    width: 570px;
    height: 43px;
    font-size: 23px;
    padding: 3px 20px 0;
    border-radius: 10px;
}

#field[data-task='2'] #image1{
  left: 39px;
  top: 92px;
}

#field[data-task='2'] #image2{
  left: 712px;
  top: 92px;
}



.__draggable_st2,
.__droppable_st2 {
    width: 166px;
    height: 48px;
}

.__draggable_st2{
    font-size: 20px;
    padding-top: 2px;
}


/*//////////////////// DRAGGABLES ////////////////////*/

#field[data-task='2'] #draggable1{
    top: 94px;
    left: 306px;
    line-height: 20px;
    padding-top: 0;
}

#field[data-task='2'] #draggable2{
    top: 94px;
    left: 500px;
    line-height: 20px;
    padding-top: 0;
}

#field[data-task='2'] #draggable3{
    top: 176px;
    left: 306px;
    line-height: 20px;
    padding-top: 0;
}

#field[data-task='2'] #draggable4{
    top: 176px;
    left: 500px;
    line-height: 20px;
    padding-top: 0;
}

#field[data-task='2'] #draggable5{
    top: 260px;
    left: 306px;
}

#field[data-task='2'] #draggable6{
    top: 260px;
    left: 500px;
}

#field[data-task='2'] #draggable7{
    top: 342px;
    left: 306px;
}

#field[data-task='2'] #draggable8{
    top: 342px;
    left: 500px;
    line-height: 20px;
    padding-top: 0;
}
/*//////////////////// DROPPABLES ////////////////////*/

#field[data-task='2'] #droppable1{
    left: 63px;
    top: 146px;
}

#field[data-task='2'] #droppable2{
    left: 737px;
    top: 146px;
}

#field[data-task='2'] #droppable3{
  left: 63px;
  top: 203px;
}

#field[data-task='2'] #droppable4{
  left: 737px;
  top: 203px;
}

#field[data-task='2'] #droppable5{
  left: 63px;
  top: 260px;
}

#field[data-task='2'] #droppable6{
  left: 737px;
  top: 260px;
}

#field[data-task='2'] #droppable7{
  left: 63px;
  top: 317px;
}

#field[data-task='2'] #droppable8{
  left: 737px;
  top: 317px;
}


/* ////////////////////////////// THIS TASK STEP 3 ////////////////////////////// */

#field[data-task="3"] .image.task_description {
    top: 14px;
    left: 34px;
    width: 458px;
    height: 40px;
    font-size: 24px;
    padding: 0px 16px 0;
    border-radius: 10px;
}

#field[data-task='3'] #image1{
  left: 36px;
  top: 93px;
}

.__draggable_st3,
.__droppable_st3 {
    width: 114px;
    height: 48px;
}

.__draggable_st3{
    top: 284px;
    font-size: 20px;
    padding-top: 2px;
}

.__droppable_st3 {
    top: 147px;
}

/*//////////////////// DRAGGABLES ////////////////////*/

#field[data-task='3'] #draggable1{
    left: 108px;
}

#field[data-task='3'] #draggable2{
    left: 262px;
}

#field[data-task='3'] #draggable3{
    left: 416px;
}

#field[data-task='3'] #draggable4{
    left: 570px;
}

#field[data-task='3'] #draggable5{
    left: 726px;
}

#field[data-task='3'] #draggable6{
    left: 108px;
    top: 342px;
}

#field[data-task='3'] #draggable7{
    left: 262px;
    top: 342px;
}

#field[data-task='3'] #draggable8{
    left: 416px;
    top: 342px;
}

#field[data-task='3'] #draggable9{
    left: 570px;
    top: 342px;
}

#field[data-task='3'] #draggable10{
    left: 726px;
    top: 342px;
}

/*//////////////////// DROPPABLES ////////////////////*/

#field[data-task='3'] #droppable1{
    left: 68px;
}

#field[data-task='3'] #droppable2{
    left: 195px;
}

#field[data-task='3'] #droppable3{
    left: 324px;
}

#field[data-task='3'] #droppable4{
    left: 527px;
}

#field[data-task='3'] #droppable5{
    left: 654px;
}

#field[data-task='3'] #droppable6{
    left: 783px;
}

#field[data-task='3'] #droppable7{
    top: 207px;
    left: 123px;
}

#field[data-task='3'] #droppable8{
    top: 207px;
    left: 252px;
}

#field[data-task='3'] #droppable9{
    top: 207px;
    left: 582px;
}

#field[data-task='3'] #droppable10{
    top: 207px;
    left: 711px;
}