
#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: 8.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: medium dashed #def2f9;
	border-radius:10px;
}

#cardPile div {
	border: medium dashed #def2f9;
	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: 100% 75%;
	cursor:move;	
}
#content{
	position:relative;
}
#cardSlots.big, #cardPile.big{

}
#cardSlots.big div, #cardPile.big div {

}

#cardPile #card1{ background-image:url(../images/game/item-2.png)}
#cardPile #card2{ background-image:url(../images/game/item-3.png)}
#cardPile #card3{ background-image:url(../images/game/item-4.png)}
#cardPile #card4{ background-image:url(../images/game/item-5.png)}
#cardPile #card5{ background-image:url(../images/game/item-6.png)}
#cardPile #card6{ background-image:url(../images/game/item-7.png)}


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

#content{
	margin-top:2%;
}