.odd,
.even {
	height: 100%;
	background-color: #ffffff;
}

.deleted {
	opacity: 0.5;
}

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

/* Ganze HplCalendar Extension */
.hpl_calendar {
	float: left;
	width: 100%;
}

/* Box fuer Rueckwaertslink */
.backBox,
.link,
.submit {
	float: left;
	width: 100%;
	padding: 10px 0;
}

/**
 * Eingabemaske mit Bild
 */
/* Bild links */
.hpl_calendar .event-image {
	clear: both;
	float: left;
	max-width: 200px;
	height: auto;
	margin-top: 20px;
	margin-right: 20px;
	width: 100%;
}

.hpl_calendar .event-image .imageDisplay {
	width: 100%;
}

/** Eingabefelder rechts */
.hpl_calendar .events-textfields {
	float: left;
	width: calc(100% - 250px);
	margin-top: 20px;
}

.hpl_calendar select {
	max-width: 450px;
/*	width: 100%; */
}

/**
 * Einzelne Eingabefelder
 */
.labelField #title,
.labelField #teaser {
	float: left;
	width: 100%;
}

.labelField #maxParticipants {
	float: left;
	width: 50px;
}

.labelField-imageChooserType {
	align-items: start;
}

.labelField-imageChooserType label {
	line-height: 40px;
}

/* Description mit TinyMCE */
.labelField #description {
}

.mce-tinymce * {
	all: initial;
}

/* Datum-Typen */
.labelField .dateType {
	width: 90px;
}

/* Zeit-Typen */
.labelField .timeType {
	width: 50px;
}

/* Feld das beschreibt wo die Beschreibung des Events verlinkt ist. */
.events-textfields-description {
	clear: left;
	float: left;
	width: 100%;
	margin: 10px 0;
}

/**
 * Confirmation
 */
.error-row {
	color: #ff0000;
	font-weight: bold;
}

/*
 * Event-Liste bei der Confirmation
 */
.eventList .eventsList {
	clear: both;
	float: left;
	width: 100%;
}

.eventList .eventsList .hpl-th.uid {
	width: 50px;
}

/* Groessenbeschraenkung des Bildes */
.eventList .eventsList .hpl-th.image {
	width: 110px;
}

.eventList .eventsList .hpl-td.image {
	text-align: center;
}

.eventList .eventsList .hpl-td.image img {
}

/*
 * Tabelle der Events
 */
.labelField .hpl-th.categories {
	width: 120px;
}

.labelField .hpl-td.categories {
	text-align: left;
}

.labelField .hpl-th.date {
	width: 100px;
}

.labelField .hpl-td.date {
	text-align: center;
}

.labelField .hpl-th.time {
	width: 60px;
}

.labelField .hpl-td.time {
	padding-right: 5px;
	text-align: right;
}

.labelField .hpl-th.location {
	width: 150px;
}

.hpl-table .hpl-td.location {
	text-align: left;
}

.hpl-table .hpl-th.online {
	width: 50px;
}

.hpl-table .hpl-td.online {
	text-align: center;
}

.hpl-table .hpl-th.allday {
	width: 50px;
}

.hpl-table .hpl-td.allday {
	text-align: center;
}

.hpl-table .hpl-th.bool {
	width: 50px;
}

.hpl-table .hpl-td.bool {
	text-align: center;
}

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

.hpl-table .hpl-td.select,
.hpl-table .hpl-td.checkbox {
	text-align: center;
}

.hpl-table .hpl-td.checkboxType {
	text-align: center;
}

.insertIntoGoogleCalendarCheckbox {
	clear: both;
	float: left;
}

#value-storeInGoogleCalendar {
	float: left;
	width: auto;
	margin-left: 10px;
	line-height: 30px;
}

.hpl_calendar .event-link {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.eventList .entries {
	float: left;
	width: 100%;
	margin: 5px 0;
}

.error-row .hpl-td {
	padding: 3px;
	vertical-align: middle;
}

table .value {
	padding: 3px;
}

@media all and (max-width: 767px) {
	#ui-datepicker-div {
		left: 0px !important;
		margin-left: 0px !important;
		max-width: 100%;
	}
}

@media all and (max-width: 767px) {
	#ui-timepicker-div {
		left: 0px !important;
		margin-left: 0px !important;
		max-width: 100%;
	}

	#ui-timepicker-div .ui-timepicker-table td {
		padding: 0;
		border: 1px solid #ccc;
	}
}

.organizerBox {
	float: left;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: -5px;
	background-color: #cde2fa;
}

.locationBox {
	float: left;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: -5px;
	background-color: #cdffcd;
}

.language-switch-links {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.language-switch-link {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.language-switch-link img {
	margin-bottom: 3px;
}

.description-core {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.comment-videoconference {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.donation-comment {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}


.image-field {
	float: left;
	margin-bottom: 10px;
}

@media all and (min-width: 768px) {
	.fields-without-image {
		float: left;
		width: calc(100% - 300px);
	}
}

@media all and (max-width: 767px) {
	/* Für kleine Geräte Bild und Parameter untereinander */
	.fields-without-image {
		clear: both;
		float: left;
		width: 100%;
	}
}