@charset "UTF-8";
/* CSS Document */

#winGame.cwin, #winGamemodal.cwin{
	display: block;
	position: relative;
}

#winGame.cwin p, #winGamemodal.cwin p, #winGame.cwin input, #winGamemodal.cwin input,  #winGame.cwin textarea, #winGamemodal.cwin textarea{
	font-size: var(--gwelfontsize);
	line-height: var(--gwelfontsize);
	text-align: center;
	word-wrap: break-word
	
}




.elid{
	position: absolute;
	display: none
}



.spacer{
	opacity: 0;
	min-height:10px;
}


.gwel, #hovercard{
	position: absolute;
	width:0px;
	height:0px;
	top:0px;
	left:0px;
	z-index: 0;
	border-radius: var(--gwelborderradius);
	overflow: hidden;
	
}


.item{
	z-index: 100;
	border: 1px solid lightgray;
}


.placeholder{
	background-color: lightgray;
	opacity: 0.5;
}

.containsitem{
	opacity: 0
}

#winGame .clickable, #winGame .clickable *, #winGame .dragable, #winGame .dragable *{
	cursor: pointer;
}
#winGame .clickable{
	opacity: 0.8
}

#winGame .clicked{
	opacity: 1;
}

.nowcl{
	opacity: 0;
}

/* Text */

.text, .parachute{
	border: none
}


.eltext.parachutetext{
	background-image: url("../../Images/Assets/Web app assets/Background images/Parachute.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.eltext{
	color: var(--ac0);
	display: flex;
	justify-content: center;
	align-items: center;
}

.eltext p {
	height:auto;
	padding: var(--gwelspacing)
}


.normaltext .eltext p{
	color: black;
	font-size: var(--normaltextfontsize)!important;
	line-height: var(--normaltextfontsize)!important;
}

.itemtext.eltext, .editabletext.itemtext input, .editabletext.itemtext textarea{
	background-color: var(--ac2);
	color: white
}

.editabletext, .editabletext *{
	cursor:text
}



.texttally.eltext{
	border: 2px solid green
}

.centercarditemtext .eltext{
	font-size: 10px
}

.biggerfontsize p{
	font-size: var(--biggerfontsize)!important;
	lineheight: var(--biggerfontsize)!important
}



/* Attachments */
#winGame .editabletext .customtextholder::after{
	content: " ..."
}
#winGame .hasattachment .eltext p::after{
content:" +"
}

/* Hover card */

#hovercard{
	display: none;
	background-color: white;
	border: 1px solid lightgray
	
}

#hovercard.hovering{
	z-index: var(--hoveringzindex)
}

.activehover{
	z-index: var(--topzindex)!important;
	opacity: 0!important;
	
	
}

#hovercard .eltext p{
	font-size: var(--hovercardfontsize);
	line-height: var(--hovercardfontsize);
}

.snappingrange{
	background-color: var(--ac3);
	opacity: 0.8;
	border: 2px solid var(--ac3)
}

.snapable{
	opacity: 0.8;
	border: 2px solid var(--ac3)
}

/* BG */
.bgac2 {
	background-color: var(--ac2);
}

.bgac2 .eltext p{
	color: white
}