html,
body {
	height: 100%;
	background-size: 100% 100%;	
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	user-select:none;	
	overflow:hidden;
}
#logo
{
	margin-top:1vh;
}
.se-pre-con {
position: fixed;
left: 0px;
top:150px;
width:100%;
height: 100px;
z-index: 9999;
background-repeat: no-repeat;
background-position:center;
}

.nopadding
{
	padding:0 ;
}

.bottomClass
{
	position:fixed;
	bottom:0;
}
.gameInfo{
		background-color: brown;
		color:white;
		padding:15px;
		font-size:1.5vw;
		border: 1px solid black;
    	box-shadow: 1px 2px #938383;
}
.text{
		background-color: brown;
		color:white;
		padding:10px;
		font-size:1.4vw;
		border: 1px solid black;
}
#lastdiv4 .dragImgs{
	padding: 3px;
}
#cartDiv{
    background-size: 100% 100%;
    height: 47vh;
	margin-top: 30vh;
}

#homeImgDiv{
	background-size: 100% 100%;
	height:82vh;
}

.shelfDiv{
	background-size: 100% 100%;
	height:15vh;
	margin-bottom: 5vh;
	margin-top: 5vh;
	position: relative;
}

.imgOuterDiv{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

#lastdiv1,#lastdiv2,#lastdiv3{
	margin-top: 0;
}

#div3,#div4{
	margin-top: 10vh;
	margin-bottom: 0;
}

#imagesToDecor{
	height:75vh;
	/* overflow-y: auto; */
}

.blink_me {
    animation: pulse-black 1.5s linear infinite;
}

@keyframes pulse-black {
0% {transform: scale(0.85);}
70%{transform: scale(1);}
100%{transform: scale(0.85);}
}

.shopkeeperPart{
    background-size: contain;
	background-repeat: no-repeat;
    position: absolute;
    right: 0;
    height: 100%;
    /* top: -17vh; */
    z-index: -1;
}
#shopkeeper{
    background-size: contain;
	background-repeat: no-repeat;
    height: 100%;
    z-index: -1;
}
#gameOver
{
	font-size:5vw;
	font-weight:bold;
	color:black;
}
#acknowledgementDiv 
{
	background-color: aliceblue;
	border: 0.22vw solid black;
	border-radius: 3vw;	
}
.ackFontClass
{
	font-size:1.3vw;
	margin-top:0.4%;
	color:black;
}
.ui-icon-gripsmall-diagonal-se{
	background-position: 0 0;
}
.ui-icon, .ui-widget-content .ui-icon{
	background-size: 100% 100%;
	display: none;
}

.applyBackground{
	background-image: url('../images/homeBack.png'),url('../images/shoplevelbackground.png')!important;
	background-position: left top, right top;
  	background-repeat: no-repeat, no-repeat;
	background-size: 75% 100%, 25% 100%;
}
.draggableImg{
	height: 15vh;
	width: 15vw;
}
.selectedItems{
	height: 110px;
}
#div1,#div2{
	margin-top: 0;
}

@media only screen and (min-width: 400px) {
	#div2 .dragImgs{
		padding: 2px;
	}
	#lastDiv4 .dragImgs{
		padding: 2px;
	}
}
@media only screen and (max-width: 1000px) {
	#div2 .dragImgs{
		padding: 2px;
	}
	#lastDiv4 .dragImgs{
		padding: 2px;
	}
}