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

#field[data-task="1"] .image.task_description {
    top: 15px;
    left: 34px;
    width: 475px;
    height: 42px;
    font-size: 21px;
    padding: 0px 14px 0;
    border-radius: 10px;
}

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

#field[data-task='1'] #image2{
  left: 724px;
  top: 91px;
}

.__draggable_st1,
.__droppable_st1 {
    width: 122px;
    height: 40px;
    font-size: 20px;
    border-radius: 5px;
}

.__draggable_st1 {
    left: 418px;
}

.__droppable_st1 {
    left: 600px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.__st2_arrow{
    top: 178px;
}

#field[data-task='2'] #image1{
  left: 197px;
}
#field[data-task='2'] #image2{
  left: 380px;
}
#field[data-task='2'] #image3{
  left: 563px;
}
#field[data-task='2'] #image4{
  left: 746px;
}

/* SORTABLE */
#field[data-task='2'] #sortableblock0{
  width: 888px;
  left: 38px;
  top: 104px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#field[data-task='2'] .sortable{
  max-width: 155px;
  width: 155px;
  height: 246px;
  font-size: 20px;
  line-height: 20px;
  white-space: wrap;
}

#field[data-task='2'] .sortable img{
  display: block;
  width: 100%;
  padding-top: 14px;
}

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

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

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

.__draggable_st3,
.__droppable_st3 {
    width: 177px;
    height: 48px;
    font-size: 19px;
    padding-top: 2px;
}

.__draggable_st3{
    left: 750px;
}

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

#field[data-task='3'] #draggable1{
    top: 92px;
    line-height: 19px;
}

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

}

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

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

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

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

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

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

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

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

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

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

#field[data-task="4"] .image.task_description {
    top: 13px;
    left: 30px;
    width: 280px;
    height: 40px;
    font-size: 19px;
    padding: 1px 14px 0;
    border-radius: 10px;
}

#field[data-task='4'] #image1{
  left: 60px;
  top: 90px;
}

#field[data-task='4'] #textfield1{
    left: 586px;
    top: 207px;
    width: 178px;
    font-size: 19px;
}