.boxx {
	border: 10px solid transparent;
	/*border-image: linear-gradient(45deg, rgba(50, 50, 50, 1) 0%, rgba(50, 50, 50, 0) 20%, rgba(50, 50, 50, 0) 80%, rgba(50, 50, 50, 1) 100%) 1;*/
	background-image: linear-gradient(white, white), linear-gradient(65deg, rgba(190, 190, 190, 1) 0%, rgba(220, 220, 220, 1) 15%, rgba(220, 220, 220, 1) 85%, rgba(190, 190, 190, 1) 100%);
	/* linear-gradient(135deg,rgba(255, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 11%, rgba(255, 255, 255, 0) 89%, rgba(255, 0, 0, 1) 100%); */
	border-width: 1px;
	border-style: solid;
	background-origin: border-box;
	background-clip: padding-box, border-box;
	border-radius: 10px;
	display:flex;
	flex-direction: column;
	max-height:38em;
	scroll-margin-top: 100px;
	/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 black;*/
}

.boxx input {
	scroll-margin-top: 100px;
}

.boxx p:has(+ address){
	padding-bottom:0;
}

.boxx address {
	text-decoration: none;
	font-style:normal;
	font-size:small;
	color:grey;
}

.boxx h2 {
	font-size:1.5em;
	/*padding:.4em;
	padding-left:0;
	background-color:#ddd;
	border-top-left-radius:10px;
	border-top-right-radius:10px;*/
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:1rem;
	font-weight: 400;
	/*padding:0;*/
	background-color:var(--background-color-softer);
}

.ui-dialog:has(.boxx) .boxx {
	border:none;
}

.ui-dialog:has(.boxx) h2 {
	border-radius: 0;
}

.ui-dialog:has(.boxx) .ui-dialog-content {
	padding: 0;
}

.boxx p {
	padding-left:0;
}

.signUpPrice {
	font-size:150%;
	font-weight:300;
}

.signUpBox {
	display:grid;
	align-items: center;
	gap:0 .7em;
	border-bottom:1px solid #eee;
	padding:1em;
	margin-bottom:.5em;
	
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(10px, auto);
	grid-template-areas:
		"button info price"
		"participants participants participants";
	/*padding:.5em;
	border-radius:5px;*/
}

.signUpButton {
	grid-area:button;
}

.signUpParticipants {
	grid-area:participants;
	display:none;
}

.signUpPrice {
	grid-area:price;
	text-align: right;
}

.signUpBox button {
	width:100%;
}

.signUpInfo {
	grid-area:info;
	/*color:grey;
	font-size:90%;
	flex:1;*/
}

.signUpInfo small {
	color:grey;
}

.boxx img {
	width:35%;
	float:right;
	margin-left:.6em;
	margin-bottom:.6em;
}

.boxxContent {
	padding:.5rem;
	overflow: auto;
	flex:1;
}

.boxxContent img + p {
	padding-top:0;
}

.boxxBelowContent {
	padding:.5rem;
}

.container1C .boxx {
	margin-bottom:1em;
}