/* control classes */

.xev_hide-desktop {
}

.xev_hide-mobile {
	display: none;
}



/* basic grid */

.xev_grid {
	display: block;
}

.xev_grid-row-12 {
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 0;
	padding-bottom: 0;
}

[class*='xev_grid-col-'] {
	float: left;
	padding-bottom: 1em;
	box-sizing: border-box;
	width: 100%;
}

[class*='xev_grid-col-'] img {
	max-width: 100%;
}

[class*='xev_grid-col-'] > * {
	max-width: 100%;
}



/* form grid */

.xev_formgrid {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

.xev_formgrid-row {
	display: flex;
	gap: 0.5em;
}

.xev_formgrid-col1 {
	flex: 1;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.xev_formgrid-col2 {
	flex: 2;
	display: flex;
	gap: 0.5em;
	align-items: center;
}



/* dialog */

.xev_dialog {
	width: 100vw !important;
}



/* layout */

.xev_box {
	margin-bottom: 4em;
}

.xev_box-title {
	color: #ffffff;
	padding: 0.5em;
	font-size: 1.25em;
	background: #B8B8B8;
	background: linear-gradient(180deg, rgba(184, 184, 184, 1) 0%, rgba(179, 179, 179, 1) 50%, rgba(169, 169, 169, 1) 51%, rgba(169, 169, 169, 1) 100%);
	border-radius: 0.25em;
	margin-bottom: 1em;
	text-align: center;
}

.xev_box-row {
}

[class^="xev_box-col-"] {
}

.xev_box-label,
.xev_box-label-mid {
	font-weight: bold;
	margin-bottom: 1em;
}

.xev_box-label small,
.xev_box-label-mid small {
	display: block;
	font-weight: normal;
}

.xev_box-content,
.xev_box-content-mid {
	display: block;
	overflow: auto;
	clear: both;
	border-radius: 0.25em;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	margin-bottom: 2em;
	padding: 0.5em;
	color: #000000;
	background-color: #ffffff;
	box-sizing: border-box;
}

.xev_box-inputcols,
.xev_box-inputcols-fw {
	display: flex;
	flex-direction: row;
	gap: 0.5em;
    align-items: center;
    justify-content: flex-start;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

.xev_box-inputcols > div,
.xev_box-inputcols-fw > div {
	white-space: nowrap;
}

.xev_box-inputcols-fw > :first-child {
	flex-grow: 1;
}

.xev_box-inputrows {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}

.xev_box-inputcols > .xev_box-inputrows,
.xev_box-inputcols-fw > .xev_box-inputrows,
.xev_box-inputcols > .xev_box-inputrows-fw,
.xev_box-inputcols-fw > .xev_box-inputrows-fw {
	padding: 0;
	gap: 0.5em;
}

.xev_box-inputrows > .xev_box-inputcols,
.xev_box-inputrows-fw > .xev_box-inputcols,
.xev_box-inputrows > .xev_box-inputcols-fw,
.xev_box-inputrows-fw > .xev_box-inputcols-fw {
	padding: 0;
	gap: 0.5em;
}



/* container */

.xev_container {
	display: block;
	overflow: auto;
	clear: both;
	border-radius: 0.25em;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	margin-bottom: 2em;
	padding: 0.5em;
	color: #000000;
	background-color: #ffffff;
	box-sizing: border-box;
}



/* horizontal bullet points */

.xev_bulletpoints span:not(:last-child)::after {
	content: " •";
	margin-right: 0.25rem;
}

.xev_bulletpoints strong {
	padding-right: 0.25rem;
}






/* breadcrumbs */

.breadcrumbs {
	font-size: 0.8em;
	margin-bottom: 2em;
	color: #aaaaaa;
}

.breadcrumbs a:after {
	content: " > ";
}

.breadcrumbs span:after {
	content: " > ";
}