@charset "utf-8";
/* CSS Document */

{
	font-size: 12px;
	font-family: "sans-serif";
}

#dragdrop .disabled {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);	
}

#dragdrop ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#dragdrop li {
	display: inline-block;
}

/* Drag */
#dragdrop .drag li {
	margin-right: 30px;
	z-index: 10;
}


/* Drop */
#dragdrop .drop {
	width: 890px;
}

#dragdrop .drop li {
	vertical-align: top;
	width: 268px;
	height: 320px;
	margin: 5px;
	z-index: 5;

	border: 2px solid #aef100;
	border-radius: 15px;
	padding: 5px;

	text-align: center;
}

#dragdrop .hold {
	width: 60px;
	height: 60px;
	margin: -10px auto;
}

#dragdrop .complete {
	display: none;
	font-size: 12px;
}