/* control classes */

.xev_hide-desktop {
	display: none;
}

.xev_hide-mobile {
}



/* basic grid */

.xev_grid {
	display: block;
}

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

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

[class*='xev_grid-col-']:first-of-type {
	padding-left: 0;
}

[class*='xev_grid-col-']:last-of-type {
	padding-right: 0;
}

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

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

.xev_grid-col-1-12 {
	width: 8.33%;
}
.xev_grid-col-2-12 {
	width: 16.66%;
}
.xev_grid-col-3-12 {
	width: 24.99%;
}
.xev_grid-col-4-12 {
	width: 33.22%;
}
.xev_grid-col-5-12 {
	width: 41.65%;
}
.xev_grid-col-6-12 {
	width: 49.98%;
}
.xev_grid-col-7-12 {
	width: 58.31%;
}
.xev_grid-col-8-12 {
	width: 66.64%;
}
.xev_grid-col-9-12 {
	width: 74.97%;
}
.xev_grid-col-10-12 {
	width: 83.3%;
}
.xev_grid-col-11-12 {
	width: 91.63%;
}
.xev_grid-col-12-12 {
	width: 99.96%;
}



/* form grid */

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

.xev_formgrid-row {
	display: flex;
	gap: 1em;
	align-items: center;
}

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

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



/* layout */

.xev_box {
	margin-bottom: 4em;
}

.xev_box-title {
	color: #ffffff;
	margin: 0;
	padding: 0.5em;
	font-size: 1.4em;
	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: 1px solid #aaaaaa;
}

.xev_box-row {
	display: flex;
	background-color: #aaaaaa;
	border: 1px solid #aaaaaa;
	border-top: 0;
	gap: 1px;
	box-sizing: border-box;
}

.xev_box-row:first-of-type {
	border-top: 1px solid #aaaaaa;
}

[class^="xev_box-col-"] {
	background-color: #f4f4f4;
	box-sizing: border-box;
	padding: 0.75em;
	outline: 1px solid #ffffff;
	outline-offset: -1px;
}

.xev_box-col-1 {flex: 1 1 calc(6.25% - 1.5em);}
.xev_box-col-2 {flex: 1 1 calc(12.5% - 1.5em);}
.xev_box-col-3 {flex: 1 1 calc(18.75% - 1.5em);}
.xev_box-col-4 {flex: 1 1 calc(25% - 1.5em);}
.xev_box-col-5 {flex: 1 1 calc(31.25% - 1.5em);}
.xev_box-col-6 {flex: 1 1 calc(37.5% - 1.5em);}
.xev_box-col-7 {flex: 1 1 calc(43.75% - 1.5em);}
.xev_box-col-8 {flex: 1 1 calc(50% - 1.5em);}
.xev_box-col-9 {flex: 1 1 calc(56.25% - 1.5em);}
.xev_box-col-10 {flex: 1 1 calc(62.5% - 1.5em);}
.xev_box-col-11 {flex: 1 1 calc(68.75% - 1.5em);}
.xev_box-col-12 {flex: 1 1 calc(75% - 1.5em);}
.xev_box-col-13 {flex: 1 1 calc(81.25% - 1.5em);}
.xev_box-col-14 {flex: 1 1 calc(87.5% - 1.5em);}
.xev_box-col-15 {flex: 1 1 calc(93.75% - 1.5em);}
.xev_box-col-16 {flex: 1 1 calc(100% - 1.5em);}

.xev_box-label {
	font-weight: bold;
}

.xev_box-label-mid {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

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

.xev_box-content {
}

.xev_box-content-mid {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

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

.xev_box-inputcols-fw {
	width: 100%;
	flex-grow: 1;
}

.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);
	padding: 1em;
	color: #000000;
	background-color: #ffffff;
	box-sizing: border-box;
	margin-bottom: 4em;
	width: 100%;
}



/* horizontal bullet points */

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

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






/* breadcrumbs */

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

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

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