/**
 * Disable fucking "Twitter-Bootstrap" Framework pollution
 */
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	position: unset;
	margin: unset;
}

.field,
.labelField {
	display: flex;
	align-items: center;
	float: left;
	width: 100%;
/*	border-bottom: 1px solid #eee; */
	margin: 0;
	padding: 5px 0;
}

.labelField > label {
	float: left;
	width: 250px;
/*	border: 1px solid cyan; */
/*	padding: 5px; */
}

.textareaType {
	float: left;
    width: 100%;
}

@media all and (max-width: 480px) {

	.labelField .help {
		display: none;
	}

	.textareaType {
		width: 100%;
	}
	.labelField {
		display: unset;
	}
}

.labelField .value {
	float: left;
/*	width: 100%; */
/*	border: 1px solid red; */
/*	padding: 5px; */
}

.labelField .type-edit-textarea,
.labelField .type-edit-texteditor,
.labelField .type-read-textarea,
.labelField .type-read-texteditor {
	float: left;
	width: calc(100% - 240px);
}

.labelField .type-edit-string,
.labelField .type-read-string {
	float: left;
	width: calc(100% - 300px);
}

.labelField #value-description textarea {
	width: 100%;
}

.labelField .value button {
	float: left;
}

.field {
	float: left;
	width: 100%;
/*	border: 1px solid green; */
/*	padding: 5px; */
}

.field .value {
	float: left;
	width: 100%;
/*	border: 1px solid red; */
/*	padding: 5px; */
}

.value {
/*	height: 100%; */
/*	border: 1px solid red; */
/*	padding: 5px; */
}

.help {
	float: left;
/*  border: 1px solid yellow; */
/*	padding: 5px; */
	width: 30px;
	text-align: center;
	vertical-align: middle;
}

.rest {
	float: left;
/*	border: 1px solid #eee; */
/*	padding: 5px; */
}

/**
 * Accordions fuer Values
 */
/*
.accordionWrapper {
	width: 100%;
}
*/

.hpl-table {
}

.hpl-tr {
}

.hpl-th,
.hpl-td {
	vertical-align: middle;
}

.hpl-th.checkbox,
.hpl-td.checkbox {
	display: table-cell;
	width: 30px;
	text-align: center;
}

.hpl-th.checkbox input[type="checkbox"],
.hpl-td.checkbox input[type="checkbox"] {
	margin: auto;
	width: 13px;
}

.checkboxType,
.booleanType,
.radioType {
}

.numberType {
	text-align: right;
}

.hpl-th.details,
.hpl-td.details,
.hpl-th.read,
.hpl-td.read {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 0;
}

.hpl-td.details:hover a,
.hpl-td.details:hover a:hover {
	text-align: center;
	background-color: inherit;
}

.hpl-th.edit,
.hpl-td.edit {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 0;
}

.hpl-td.edit:hover a,
.hpl-td.edit:hover a:hover {
	text-align: center;
	background-color: inherit;
}

.hpl-th.delete,
.hpl-td.delete {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 0;
}

.hpl-td.delete:hover a,
.hpl-td.delete:hover a:hover {
	text-align: center;
	background-color: inherit;
}

/*
.hpl-table {
	border-collapse: collapse;
}

.hpl-th,
.hpl-td {
	border: 1px solid #ccc;
}

.hpl-th {
	font-weight: bold;
}
*/

/*
.hpl-table { display:table; }
.hpl-tr { display:table-row; }
.hpl-th { display:table-cell; }
.htp-td { display: table-cell; }

.hpl-th.read    { width: 30px; }
.hpl-th.details { width: 30px; }
.hpl-th.edit    { width: 30px; }
.hpl-th.delete  { width: 30px; }

.hpl-td.read    { width: 30px; }
.hpl-td.details { width: 30px; }
.hpl-td.edit    { width: 30px; }
.hpl-td.delete  { width: 30px; }
*/

.linkBox {
	margin-top: 3px;
}

.backLink {
/*  margin-bottom: 20px; */
}

.event-image .value-image {
	position: relative;
}