/* app custom.css stylesheet */

.col1 {
	width: 30%;
	display: inline-block;
	text-align:right;
	vertical-align:middle;
}

.col2 {
	width: 60%;
	display: inline-block;
	vertical-align:top;
}

.col2.narrow {
	width:80px;
}

[ui-sortable] {
	background-color: whitesmoke;
	width:100%;
	padding:14px 5px 16px 5px;
	display: inline-block; 
	box-shadow: 1px 1px 3px #888888;
	border-radius:5px;
	webkit-border-radius:5px;
	moz-border-radius:5px;
	list-style-type:none;
	vertical-align:top;
	padding:20px;
	padding-right:30px;
	margin:0px;
}

[ui-sortable].vertical {
	display: block; 
}

[ui-sortable].horizontal {
	display: inline-block;
}

.ui-sortable-helper {
	margin:0px !important;
	display:inline;
	cursor:move;
}

.horizontal .ui-sortable-helper {
	padding-top:0px !important;
	padding-bottom:15px;
}

[ui-sortable].vertical li{
	display: block;
	line-height: 0ex;
	padding:5px;
}

[ui-sortable].horizontal li{
	display: inline; 
	line-height: 40px;
	padding-right: 5px;
}

[ui-sortable] li {
	background-color: white;
	padding:5px;
	margin:10px 5px 10px 5px;
	border-radius:5px;
	webkit-border-radius:5px;
	moz-border-radius:5px;
	box-shadow: 2px 2px 3px #888888;
	display: inline;
}

[mgc-order-check].right li {
	background-color: white;
	border: 3px solid rgb(128,255,128);
}

[mgc-order-check].wrong li {
	background-color: rgba(255,255,255,0.5);
	border: 3px solid rgb(255,200,200);
}