/* ////////////////////////////// THIS TASK STEP 1 ////////////////////////////// */
#field[data-task="1"] .image.task_description {
    top: 14px;
    left: 34px;
    width: 306px;
    height: 43px;
    font-size: 20px;
    padding: 3px 14px 0;
    border-radius: 10px;
}

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

.__draggable_st1,
.__droppable_st1 {
    width: 154px;
    height: 48px;
}

.__draggable_st1{
    left: 604px;
    font-size: 20px;
    padding-top: 2px;
}

.__droppable_st1{
    left: 38px;
}

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

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

#field[data-task='1'] #draggable2{
    top: 94px;
    left: 770px;
    line-height: 20px;
}

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

#field[data-task='1'] #draggable4{
    top: 156px;
    left: 770px;
    line-height: 20px;
}

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

#field[data-task='1'] #draggable6{
    left: 770px;
    top: 216px;
}

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

#field[data-task='1'] #draggable8{
    left: 770px;
    top: 280px;
}

#field[data-task='1'] #draggable9{
    top: 342px;
    line-height: 20px;
    padding-top: 0;
}

#field[data-task='1'] #draggable10{
    left: 770px;
    top: 342px;
}
/*//////////////////// DROPPABLES ////////////////////*/

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

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

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

#field[data-task='1'] #droppable4{
    left: 428px;
    top: 155px;
}

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

#field[data-task='1'] #droppable6{
    left: 428px;
    top: 217px;
}

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

#field[data-task='1'] #droppable8{
    left: 428px;
    top: 279px;
}

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

#field[data-task='1'] #droppable10{
    left: 428px;
    top: 341px;
}


/* ////////////////////////////// THIS TASK STEP 2 ////////////////////////////// */
#field[data-task="2"] .image.task_description {
    top: 14px;
    left: 38px;
    width: 496px;
    height: 43px;
    font-size: 20px;
    padding: 3px 14px 0;
    border-radius: 10px;
}

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

.__draggable_st2,
.__droppable_st2 {
    width: 154px;
    height: 50px;
}

.__draggable_st2{
    left: 652px;
    font-size: 20px;
    padding-top: 5px;
}

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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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

#field[data-task='3'] #draggable3{
    top: 219px;
    line-height: 20px;
}

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

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

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

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

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

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


/* ////////////////////////////// THIS TASK STEP 4 ////////////////////////////// */

#field[data-task="4"] .image.task_description {
    left: 30px;
    top: 12px;
    width: 360px;
    height: 44px;
    font-size: 20px;
    padding: 2px 18px 0;
    border-radius: 10px;
}

#field[data-task='4'] .clickable {
    width: 274px;
    height: 133px;
    font-size: 20px;
    line-height: 23px;
}

#field[data-task='4'] #clickable1{
    left: 34px;
    top: 94px;
    padding-top: 37px;
}

#field[data-task='4'] #clickable2{
    left: 340px;
    top: 94px;
    padding-top: 28px;
}

#field[data-task='4'] #clickable3{
    left: 650px;
    top: 94px;
    padding-top: 28px;
}

#field[data-task='4'] #clickable4{
    left: 34px;
    top: 254px;
    padding-top: 21px;
}

#field[data-task='4'] #clickable5{
    left: 340px;
    top: 254px;
    padding-top: 41px;
}

#field[data-task='4'] #clickable6{
    left: 650px;
    top: 254px;
    padding-top: 21px;
}