.green-box {
	left: 9%;
	top: 2%;
	width: 82%;
	height: 10%;
	line-height: 1.1em;
}

.neighborhood-container {
    position: relative;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.neighborhood-schoolbuildingreflectiveroof,.neighborhood-flood, .neighborhood-streetbikelane, .neighborhood-streettreetwo, .neighborhood-streettree, .neighborhood-streettreethree, .neighborhood-busstop, .neighborhood-noidlingsign, .neighborhood-roofgarden, .neighborhood-rainbarrel {
	visibility: hidden;
}


.neighborhood {
    width: 100%;
	height: 100%;
}

.dropzone.ui-droppable {
    z-index: 100;
}

.active-under {
    z-index: 0;
}

.active-over {
    z-index: 200;
}

/* ---- Overrides ---- */
#answer {
	/*
	border: 0.25 solid white;
	border-radius: 0.5em;
	*/
	top: 16%;
	left: 10.2%;
}
.drawing-holder {
	top: 15%;
	height: 53%;
}

.sticker {
	width: unset;
	height: 98px;
    z-index: 100;
}

#drawing-board {
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
}

#sticker-slider div.dropzone {
	position: relative;
    top: 0;
    left: 0;
    height: auto;
	width: auto;
}

#busStop {
    position: absolute;
    top: 110px;
    left: 700px;
    width: 160px;
    height: 140px;
}

#grass {
    position: absolute;
    left: 645px;
    top: 400px;
    width: 373px;
    height: 109px;
    transform: skew(-31deg);
}


#noIdlingSign {
    position: absolute;
    top: 250px;
    left: 535px;
    width: 150px;
    height: 150px;
}

#rainBarrel {
    position: absolute;
    left: 594px;
    top: 111px;
    width: 75px;
    height: 80px;
}

.dropped-check {
    height: 100%;
    width: 100%;
    margin: 0px;
}

.reflective-paint-checker {
    transform: skew(34deg);
}

.grass-checker {
    transform: skew(31deg);
}


#reflectivePaint {
	position: absolute;
    top: 286px;
    left: 56px;
    width: 365px;
    height: 105px;
    transform: skew(-34deg);
}

#reflectivePaintTwo {
	position: absolute;
    top: 331px;
    left: 451px;
    width: 99px;
    height: 97px;
    transform: skew(-33deg);
}

.reflective-paint {
	background-color: white;
}

#roofGarden {
	position: absolute;
    top: -6px;
    left: 267px;
    width: 50px;
    height: 50px;
}

.sticker-scroll-left-control, .sticker-scroll-right-control {
    z-index: 200;
}

#roofGardenOne {
	position: absolute;
	top: -6px;
    left: 300px;
    width: 50px;
    height: 50px;
}

#roofGardenTwo {
	position: absolute;
	top: -6px;
    left: 335px;
    width: 50px;
    height: 50px;
}

#streetTree {
    position: absolute;
    left: 476px;
    top: 94px;
    width: 150px;
    height: 150px;
}

#streetTreeOne {
    position: absolute;
    top: 94px;
    left: 115px;
    width: 150px;
    height: 150px;
}

#streetTreeTwo {
    position: absolute;
    top: 90px;
    left: 835px;
    width: 150px;
    height: 150px;
}

.grass-background {
    position: absolute;
    top: 490px;
    width: 373px;
    height: 133px;
    background-color: #3ab69a;
    transform: skew(-26deg);
}

.ui-state-hover { background-color: var(--yellow-color-hover) !important }

#sticker-wrapper img { margin: 10px 13px; }

.sticker.banner:not(.in-picture) { top: 18px; }