#content
{
	text-align: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
/* Slots for final card positions */

#cardSlots
{
}
/* The initial pile of unsorted cards */

#cardPile
{
	margin: 0 auto;
}
#cardSlots, #cardPile
{
	width: 100%;
	float:left;
	text-align:center;
}
/* Individual cards and slots */

#cardSlots div, #cardPile div
{
	float:left;
	display:inline-block;
	padding: 10.5% 7.56%;
	margin:0.5%;
	position:relative;
}
#cardSlots div img
{
	display:none;
}
#cardSlots div span
{
	position:absolute;
	left:0%;
	bottom:27%;
	text-align:center;
	width:100%;
}
#cardSlots div.ui-droppable-disabled span
{
	z-index:10;
}
#cardSlots div em, #cardPile div em
{
	display:none;
}
#cardSlots div:first-child, #cardPile div:first-child
{
}
#cardSlots div.hovered
{
	background: #dff2f9;
}
#cardSlots div {
border: 1px solid #000000;
	border-radius:10px;
}

#cardPile div {
border: 1px solid #000000;	border-radius:10px;
}

#cardPile div.ui-draggable-dragging
{
	-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}
/* Individually coloured cards */




 

#cardPile div
{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 95% 76%;
	cursor:move;
}
#content
{
	position:relative;
}
#cardSlots.big, #cardPile.big
{
}
#cardSlots.big div, #cardPile.big div
{
}
#cardPile #card1
{
	background-image:url(../images/game/item-1.png)
}
#cardPile #card2
{
	background-image:url(../images/game/item-2.png)
}
#cardPile #card3
{
	background-image:url(../images/game/item-3.png)
}
#cardPile #card4
{
	background-image:url(../images/game/item-4.png)
}
#cardPile #card5
{
	background-image:url(../images/game/item-5.png)
}
#cardPile #card6
{
	background-image:url(../images/game/item-6.png)
}

@media only screen 
and (max-width : 1400px) { 
	#cardSlots div {
		border: 1px solid #000000;
		border-radius:5px;
	}
	
	#cardPile div {
		border: 1px solid #000000;
		border-radius:5px;
	}
	
}	

#content{
	
}