/* CSS Document */
@charset "utf-8";
/*---------------------actDrag2color----------------*/
/* optional class for each act for general propeties that are specific to this act*/
.screen {
	
	
	 
	
}

/* the links that we drag to containers are with underline before right answer*/
.ett_drag2color_link {
	text-decoration: underline;
	cursor: pointer;
	
	direction: rtl;
	
	display: inline-block;/*this makes the word to be written in the dragged span */
	
}
/*the links that we drag to containers after right answer*/
.ett_drag2color_link[done = 'yes'] {
	text-decoration:none;
	font-weight: bold;
	cursor:auto;
}

/* the text titles on the containers themself*/
.colored_container_text{
	position: absolute;
	direction: rtl;
	overfloW: auto;
	cursor: default;
	/*box-sizing: border-box;*/
	user-select: none;
	
	font-weight: bold;
	font-size: 20px;
	font-family: "Alef";
	text-align: center;
	
	
	/* does not work: vertical-align
	need other way to do it
	display:inline-block;
	vertical-align: middle;*/
	
	/*display: table-cell;
	align-items:center;*/
	/* display : flex;
  align-items : center;
	text-align: center;*/
	
	
}