.item { 
  background-color:white;
  display:inline-block;
  padding: 4px;
}

#destination {
  border: 1px solid #DDDDDD;
  padding-left: 5px;
  padding-right: 5px;
  overflow-x: auto;
  overflow-y: auto;  
  display: inline-block;
}

#container {
  width: 100%;
}

.place {
  display: inline-block;
/*  vertical-align: bottom; */
}

.boxsourceitem {
  border: 1px solid #41617d;
  display: inline-block;
  margin-left: 3px;
  margin-right: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
  cursor: pointer;
  border-radius: 3px;  
}

.cross {
  text-decoration: line-through;
}

.boxsourceitem.cross {
  border: 1px solid #DDDDDD;
}

.sitem.cross {
  color: #AAAAAA;
}

.scitem.cross {  
  text-decoration: none;
  background-color: #AAAAAA;
}

.sitem {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
  background-color: #F5F5F5;
}

.scitem {
  display: inline-block;
  color: #FFF;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 3px;
  background-color: #41617d;
  font-weight: bold;
}

.text {
  display: inline-block;
}

.place.filled {
  border:0px;
  background-color: transparent;
}

.place .placeditem {
  margin-top:0px;
  margin-bottom:0px;
  padding: 0;
  color: #315fe4;
  border: 0px;
}

p.para {
  text-align: justify;
  line-height: 1.4em;
}

.sitem.ok {
  color: green;
}

.sitem.wrong {
  color: red;
}

.boxsourceitem.ok {
  border: 1px solid green;
}

.boxsourceitem.cross.ok {
  border: 1px solid #98e498;

}

.boxsourceitem.cross.wrong {
  border: 1px solid #f18f8f;

}

.sitem.cross.ok, .sitem.cross.ok .answer .icon-ok {
  color: #98e498;
}

.sitem.cross.wrong, .sitem.cross.wrong .answer .icon-wrong {
  color: #f18f8f;
}

.boxsourceitem.wrong {
  border: 1px solid red;
}


.res {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
}