/* dragula-specific example page styles */
body {
  font-size:22px;
  font-family: Arial;
}
.area {
  overscroll-behavior-y: none;
  overscroll-behavior: none;
  touch-action: none;
}
.wrapper {
  display: table;
  touch-action: none;
  overscroll-behavior: none;
  width:460px;
  height:240px;
}
.container {
  display: table-cell;
  font-family: Arial;
}
.container:nth-child(even) {
  text-align:center;
}
.container div {
  margin: 20px;
  padding: 10px;
  transition: all 0.4s ease-in-out;
}
.container .ex-moved {
  background-color: #e74c3c;
}
.movable {
  text-align:center;
  cursor:all-scroll;
  background-color:#ddd;  
  width:200px;
}
.button {
 background-color:#ddf;
 border:0px;
 margin-left:5px;
 cursor:pointer;
 padding:10px;
 font-size:15px;
 font-weight:bold;
}
#r0 > #eka,
#r1 > #eka,
#r2 > #eka,
#r3 > #eka,
#r4 > #eka,
#r5 > #eka, 
#r6 > #eka,
#r7 > #eka,
#r8 > #eka {
  position: relative;
  display: inline;
}

#r0 > #toka,
#r1 > #toka,
#r2 > #toka,
#r3 > #toka,
#r4 > #toka,
#r5 > #toka, 
#r6 > #toka,
#r7 > #toka,
#r8 > #toka {
  display: inline;
}