#game-field {
	position: relative;
	width: 100%;
	/*max-width: 820px;*/
	margin-left: auto;
	margin-right: auto;
	
}
#game-field.wide {
	max-width: 100%;
}

#cards-container {
	position: absolute;
	width: 100%;
	height: 100%;
}

#field-boundaries {
	z-index: 0;
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	top: 0;
}

#cards {
	z-index: 100;
	width: 100%;
	height: 100%;
	position: relative;
	left: 0;
	top: 0;
}

.animated {
	transition-property: top, left, box-shadow, margin, transform, opacity;
	transition-duration: .25s;
	transition-timing-function: ease;
}

.card {
	background-color: white;
	position: absolute;
}

.card.bubbled {
	opacity: 0;
	transform: scale(3);
}

.card div {
	/*
	background-image: url(/legacy-game/images/solitare/deck-bubna-3.svg);
	background-repeat: no-repeat;
	background-size: 1400% 400%;
	*/
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	background-size: 100% 100%;
}

.card div:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #ccc;
	z-index: 2;
}

.card.unturned div {
	background-image: url(/portal/assets/loading/cards/card.756c98d863a1a979.gif) !important; 
}

/*
.h-2 div, .h-3 div, .h-4 div, .h-5 div, .h-5 div, .h-6 div, .h-7 div, .h-8 div, .h-9 div, .h-10 div, .h-j div, .h-q div, .h-k div, .h-a div {
	background-position-y: 0;
}
.d-2 div, .d-3 div, .d-4 div, .d-5 div, .d-5 div, .d-6 div, .d-7 div, .d-8 div, .d-9 div, .d-10 div, .d-j div, .d-q div, .d-k div, .d-a div {
	background-position-y: 33.333%;
}
.c-2 div, .c-3 div, .c-4 div, .c-5 div, .c-5 div, .c-6 div, .c-7 div, .c-8 div, .c-9 div, .c-10 div, .c-j div, .c-q div, .c-k div, .c-a div {
	background-position-y: 66.667%;
}
.s-2 div, .s-3 div, .s-4 div, .s-5 div, .s-5 div, .s-6 div, .s-7 div, .s-8 div, .s-9 div, .s-10 div, .s-j div, .s-q div, .s-k div, .s-a div {
	background-position-y: 100%;
}

.h-2 div, .d-2 div, .c-2 div, .s-2 div {
	background-position-x: 92.31%;
}
.h-3 div, .d-3 div, .c-3 div, .s-3 div {
	background-position-x: 84.62%;
}
.h-4 div, .d-4 div, .c-4 div, .s-4 div {
	background-position-x: 76.92%;
}
.h-5 div, .d-5 div, .c-5 div, .s-5 div {
	background-position-x: 69.23%;
}
.h-6 div, .d-6 div, .c-6 div, .s-6 div {
	background-position-x: 61.54%;
}
.h-7 div, .d-7 div, .c-7 div, .s-7 div {
	background-position-x: 53.85%;
}
.h-8 div, .d-8 div, .c-8 div, .s-8 div {
	background-position-x: 46.15%;
}
.h-9 div, .d-9 div, .c-9 div, .s-9 div {
	background-position-x: 38.46%;
}
.h-10 div, .d-10 div, .c-10 div, .s-10 div {
	background-position-x: 30.77%;
} 
.h-j div, .d-j div, .c-j div, .s-j div {
	background-position-x: 23.08%;
}
.h-q div, .d-q div, .c-q div, .s-q div {
	background-position-x: 15.3%;
}
.h-k div, .d-k div, .c-k div, .s-k div {
	background-position-x: 7.69%;
}
.h-a div, .d-a div, .c-a div, .s-a div {
	background-position-x: 0%;
}
*/

.ui-droppable {
	/*box-shadow: 0 0 4px 3px yellow;*/
}

.s-a div 	{background-image: url(/portal/assets/loading/cards/card.c22de75280178765.gif)}
.s-k div 	{background-image: url(/portal/assets/loading/cards/card.9c7e15edcf7845af.gif)}
.s-q div 	{background-image: url(/portal/assets/loading/cards/card.9c08ef74cf9ee5aa.gif)}
.s-j div 	{background-image: url(/portal/assets/loading/cards/card.861028aac10ff84f.gif)}
.s-10 div 	{background-image: url(/portal/assets/loading/cards/card.1e088f91d1888b49.gif)}
.s-9 div 	{background-image: url(/portal/assets/loading/cards/card.02e2600f4a611bdb.gif)}
.s-8 div 	{background-image: url(/portal/assets/loading/cards/card.4ffa42fe30e7bf54.gif)}
.s-7 div 	{background-image: url(/portal/assets/loading/cards/card.27c3aa578357efd3.gif)}
.s-6 div 	{background-image: url(/portal/assets/loading/cards/card.6bbf83df2d31cdfb.gif)}
.s-5 div 	{background-image: url(/portal/assets/loading/cards/card.6510a34d41de1b4d.gif)}
.s-4 div 	{background-image: url(/portal/assets/loading/cards/card.3dccc32dfa7ef364.gif)}
.s-3 div 	{background-image: url(/portal/assets/loading/cards/card.e0a2797136c0c8f1.gif)}
.s-2 div 	{background-image: url(/portal/assets/loading/cards/card.766dfab09e5ba1e7.gif)}

.c-a div 	{background-image: url(/portal/assets/loading/cards/card.d4b4f5a3dc4ef333.gif)}
.c-k div 	{background-image: url(/portal/assets/loading/cards/card.d96d8ba0f0830fcd.gif)}
.c-q div 	{background-image: url(/portal/assets/loading/cards/card.9b41a9d01756d4a2.gif)}
.c-j div 	{background-image: url(/portal/assets/loading/cards/card.196d29b8b75f7e4a.gif)}
.c-10 div 	{background-image: url(/portal/assets/loading/cards/card.1274fdd058452c9f.gif)}
.c-9 div 	{background-image: url(/portal/assets/loading/cards/card.844ef9ee9f5a53bd.gif)}
.c-8 div 	{background-image: url(/portal/assets/loading/cards/card.6ee1af639605ccc8.gif)}
.c-7 div 	{background-image: url(/portal/assets/loading/cards/card.472e73544584291b.gif)}
.c-6 div 	{background-image: url(/portal/assets/loading/cards/card.a7e459a050233e1b.gif)}
.c-5 div 	{background-image: url(/portal/assets/loading/cards/card.cc1e05d77e5e550a.gif)}
.c-4 div 	{background-image: url(/portal/assets/loading/cards/card.5c049db96640128e.gif)}
.c-3 div 	{background-image: url(/portal/assets/loading/cards/card.c6518220380ea2ae.gif)}
.c-2 div 	{background-image: url(/portal/assets/loading/cards/card.1b62120b3f959597.gif)}

.d-a div 	{background-image: url(/portal/assets/loading/cards/card.c185cf69812e5e5b.gif)}
.d-k div 	{background-image: url(/portal/assets/loading/cards/card.223c46a232f35344.gif)}
.d-q div 	{background-image: url(/portal/assets/loading/cards/card.b9981c7f2116c8cf.gif)}
.d-j div 	{background-image: url(/portal/assets/loading/cards/card.c8c0e85115b2c3ba.gif)}
.d-10 div 	{background-image: url(/portal/assets/loading/cards/card.3793cdc140b0799b.gif)}
.d-9 div 	{background-image: url(/portal/assets/loading/cards/card.2fab758176c35005.gif)}
.d-8 div 	{background-image: url(/portal/assets/loading/cards/card.2ea28e243b2400bc.gif)}
.d-7 div 	{background-image: url(/portal/assets/loading/cards/card.26688b0f240e0c31.gif)}
.d-6 div 	{background-image: url(/portal/assets/loading/cards/card.63b66a2b1ac9e07e.gif)}
.d-5 div 	{background-image: url(/portal/assets/loading/cards/card.4541cd64e75c7bd0.gif)}
.d-4 div 	{background-image: url(/portal/assets/loading/cards/card.93099cbbf8d0cfc1.gif)}
.d-3 div 	{background-image: url(/portal/assets/loading/cards/card.1eec72f346b3a94b.gif)}
.d-2 div 	{background-image: url(/portal/assets/loading/cards/card.ccc0103647d42ae4.gif)}

.h-a div 	{background-image: url(/portal/assets/loading/cards/card.19847ccae3d78802.gif)}
.h-k div 	{background-image: url(/portal/assets/loading/cards/card.e21a88fd3d1ffa12.gif)}
.h-q div 	{background-image: url(/portal/assets/loading/cards/card.639bded5e96b1e02.gif)}
.h-j div 	{background-image: url(/portal/assets/loading/cards/card.ee5ab53eef5f9c6a.gif)}
.h-10 div 	{background-image: url(/portal/assets/loading/cards/card.f534d595aed96edf.gif)}
.h-9 div 	{background-image: url(/portal/assets/loading/cards/card.57bb99a1f2ac7d26.gif)}
.h-8 div 	{background-image: url(/portal/assets/loading/cards/card.467cafb1f3a42a50.gif)}
.h-7 div 	{background-image: url(/portal/assets/loading/cards/card.b9f8ba0563924633.gif)}
.h-6 div 	{background-image: url(/portal/assets/loading/cards/card.2f728d2b434c6a2d.gif)}
.h-5 div 	{background-image: url(/portal/assets/loading/cards/card.7e40bb99ef2ad691.gif)}
.h-4 div 	{background-image: url(/portal/assets/loading/cards/card.d167349b6c6b32b2.gif)}
.h-3 div 	{background-image: url(/portal/assets/loading/cards/card.deb3fe1673a244f6.gif)}
.h-2 div 	{background-image: url(/portal/assets/loading/cards/card.f36e7c254a6f084e.gif)}
@media (max-width : 1000px), (max-height: 400px)  {
	/*#mainstack {
		background-image: url(/legacy-game/images/solitare/deck-bubna-3-mobile.svg);
	}
	.card div {
		background-image: url(/legacy-game/images/solitare/deck-bubna-3-mobile.svg);
	}*/
	
	.card {
		border: 1px solid #ccc !important;
	}
	
	#mainstack, .cell, .stack, .card {
		border-radius: 0;
	}
	
	.card div {
		left: -1px;
		top: -1px;
		right: -1px;
		bottom: -1px;
	}
	
	.s-a div 	{background-image: url(/portal/assets/loading/cards/card.6c54bed91b70fa7e.gif)}
	.s-k div 	{background-image: url(/portal/assets/loading/cards/card.986068104a401923.gif)}
	.s-q div 	{background-image: url(/portal/assets/loading/cards/card.97c94821aade1766.gif)}
	.s-j div 	{background-image: url(/portal/assets/loading/cards/card.08d41b2d95f621ce.gif)}
	.s-10 div 	{background-image: url(/portal/assets/loading/cards/card.f901bebb1615a107.gif)}
	.s-9 div 	{background-image: url(/portal/assets/loading/cards/card.efe80f1622b4a8dc.gif)}
	.s-8 div 	{background-image: url(/portal/assets/loading/cards/card.a326976035ac9e1e.gif)}
	.s-7 div 	{background-image: url(/portal/assets/loading/cards/card.2da3f690395beee6.gif)}
	.s-6 div 	{background-image: url(/portal/assets/loading/cards/card.bbed3cd19a3787c6.gif)}
	.s-5 div 	{background-image: url(/portal/assets/loading/cards/card.ae92f61c209f0514.gif)}
	.s-4 div 	{background-image: url(/portal/assets/loading/cards/card.eddf450ca48ead7a.gif)}
	.s-3 div 	{background-image: url(/portal/assets/loading/cards/card.31d5e018c7435d87.gif)}
	.s-2 div 	{background-image: url(/portal/assets/loading/cards/card.b210484981a17362.gif)}

	.c-a div 	{background-image: url(/portal/assets/loading/cards/card.82310115eb822360.gif)}
	.c-k div 	{background-image: url(/portal/assets/loading/cards/card.748e390ed919ac1e.gif)}
	.c-q div 	{background-image: url(/portal/assets/loading/cards/card.b025fce264d24b7a.gif)}
	.c-j div 	{background-image: url(/portal/assets/loading/cards/card.7ba1792f2d371860.gif)}
	.c-10 div 	{background-image: url(/portal/assets/loading/cards/card.bfedd9f30b97f8da.gif)}
	.c-9 div 	{background-image: url(/portal/assets/loading/cards/card.edb5860f169cfc82.gif)}
	.c-8 div 	{background-image: url(/portal/assets/loading/cards/card.1509e2eb26c35660.gif)}
	.c-7 div 	{background-image: url(/portal/assets/loading/cards/card.822abc1c2b6b3c3a.gif)}
	.c-6 div 	{background-image: url(/portal/assets/loading/cards/card.34e4b9abef171cf8.gif)}
	.c-5 div 	{background-image: url(/portal/assets/loading/cards/card.46c0b1ec7e122a47.gif)}
	.c-4 div 	{background-image: url(/portal/assets/loading/cards/card.cf0e1383eb340856.gif)}
	.c-3 div 	{background-image: url(/portal/assets/loading/cards/card.d9a59826fa76dd86.gif)}
	.c-2 div 	{background-image: url(/portal/assets/loading/cards/card.af32cf57f8974891.gif)}

	.d-a div 	{background-image: url(/portal/assets/loading/cards/card.67f46d91addb4df7.gif)}
	.d-k div 	{background-image: url(/portal/assets/loading/cards/card.b764342be3d96bec.gif)}
	.d-q div 	{background-image: url(/portal/assets/loading/cards/card.7591547abe837f39.gif)}
	.d-j div 	{background-image: url(/portal/assets/loading/cards/card.f564b0b194bbba52.gif)}
	.d-10 div 	{background-image: url(/portal/assets/loading/cards/card.bce8e1cd47cb0b49.gif)}
	.d-9 div 	{background-image: url(/portal/assets/loading/cards/card.a4dd6d2bb13dee91.gif)}
	.d-8 div 	{background-image: url(/portal/assets/loading/cards/card.e9c1496581f9abc6.gif)}
	.d-7 div 	{background-image: url(/portal/assets/loading/cards/card.55ee9a31a280537d.gif)}
	.d-6 div 	{background-image: url(/portal/assets/loading/cards/card.5c00296073ba0595.gif)}
	.d-5 div 	{background-image: url(/portal/assets/loading/cards/card.45c78287de254dc7.gif)}
	.d-4 div 	{background-image: url(/portal/assets/loading/cards/card.44413f7f8fc4783b.gif)}
	.d-3 div 	{background-image: url(/portal/assets/loading/cards/card.6ad2e0ea26c9a7b6.gif)}
	.d-2 div 	{background-image: url(/portal/assets/loading/cards/card.f7ab51e7659f73a5.gif)}

	.h-a div 	{background-image: url(/portal/assets/loading/cards/card.24b97a624d8b8375.gif)}
	.h-k div 	{background-image: url(/portal/assets/loading/cards/card.64b30f7ea198f3bb.gif)}
	.h-q div 	{background-image: url(/portal/assets/loading/cards/card.0223259faef832ea.gif)}
	.h-j div 	{background-image: url(/portal/assets/loading/cards/card.37ee6ffcdda89b9d.gif)}
	.h-10 div 	{background-image: url(/portal/assets/loading/cards/card.50c3b8b1a7542a95.gif)}
	.h-9 div 	{background-image: url(/portal/assets/loading/cards/card.1985ca701195cd55.gif)}
	.h-8 div 	{background-image: url(/portal/assets/loading/cards/card.405ed5340ff45ea4.gif)}
	.h-7 div 	{background-image: url(/portal/assets/loading/cards/card.d3f752154349812b.gif)}
	.h-6 div 	{background-image: url(/portal/assets/loading/cards/card.66d25c7eb5cd5db1.gif)}
	.h-5 div 	{background-image: url(/portal/assets/loading/cards/card.2e3b7d8dac7db35c.gif)}
	.h-4 div 	{background-image: url(/portal/assets/loading/cards/card.d5594f14a56565c8.gif)}
	.h-3 div 	{background-image: url(/portal/assets/loading/cards/card.2e77d9ef0e9d1d92.gif)}
	.h-2 div 	{background-image: url(/portal/assets/loading/cards/card.f852992f6ca8004d.gif)}
}