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

.deleted {
	opacity: 0.5;
}

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

.multipleDaysDatesBox .hpl-th,
.multipleDaysDatesBox .hpl-td,
.multipleDaysDatesBox th,
.multipleDaysDatesBox 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;
	height: auto;
	margin-top: 20px;
	margin-right: 20px;
	width: 100%;
}

.hpl_calendar .event-image .field {
	align-items: normal;
}


.hpl_calendar .event-image .image {
}

/** 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;
}

.hpl_calendar .events-textfields .dateType {
	float: left;
	width: auto;
}

/* Datum-Typen */
.labelField .dateType {
	width: fit-content;
	margin-right: 10px;
}

/* Zeit-Typen */
.timeType {
	width: fit-content;
}

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

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


/*
 * Tabelle der Events
 */
/*** Number ***/
.eventList .eventsList .hpl-th.number {
	width: 120px;
}

.eventList .eventsList .hpl-td.number {
	text-align: left;
}

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

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


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

.eventList .eventsList .hpl-td.uid {
	text-align: left;
}

/*** Weekday ***/
.eventList .eventsList .hpl-th.weekday {
	width: 100px;
}

.eventList .eventsList .hpl-td.weekday {
	text-align: left;
}

/*** Date ***/
.eventList .eventsList .hpl-th.date {
	width: 100px;
}

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

/*** Time ***/
.eventList .eventsList .hpl-th.time {
	width: 60px;
}

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


/*** Allday ***/
.eventList .eventsList .hpl-th.allday {
	width: 50px;
}

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


/*** Category ***/
.eventList .eventsList .hpl-th.category {
	width: 150px;
}

.eventList .eventsList .hpl-td.category {
	text-align: left;
}


/*** CategoryLevel ***/
.eventList .eventsList .hpl-th.categoryLevel {
	width: 200px;
}

.eventList .eventsList .hpl-td.categoryLevel {
	text-align: left;
}


/*** Title ***/
.eventList .eventsList .hpl-th.title {
	width: auto;
}

.eventList .eventsList .hpl-td.title {
	text-align: left;
}


/*** Organizer ***/
.eventList .eventsList .hpl-th.organizer {
	width: 200px;
}

.eventList .eventsList .hpl-td.organizer {
	text-align: left;
}


/*** Location ***/
.eventList .eventsList .hpl-th.location {
	width: 200px;
}

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


/*** Online ***/
.eventList .eventsList .hpl-th.online {
	width: 50px;
}

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


/*** EventType ***/
.eventList .eventsList .hpl-th.eventType {
	width: 250px;
}

.eventList .eventsList .hpl-td.eventType {
	text-align: left;
}


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

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


/*** Select, Checkboxes ***/
.eventList .eventsList .hpl-th.select,
.eventList .eventsList .hpl-th.checkbox {
	width: 30px;
	text-align: center;
}

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

.eventList .eventsList .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;
	}
}

.eventTypeBox {
	float: left;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: -5px;
	background-color: #f8e5aa;
}
.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%;
	}
}

#value-eventType {
	width: 300px;
}

#value-organizer,
#value-organizerName,
#value-organizerPage,
#value-organizerUrl {
	width: 200px;
}

#value-location,
#value-locatioName,
#value-locationPage,
#value-locationUrl {
	width: 200px;
}

.eventOk {
	font-style: normal;
}

.errorEvent {
	font-style: normal;
	font-weight: normal;
	color: red;
}

.overlappingEvent {
	font-style: italic;
	color: red;
}

/**
 * MCE-Editor: Popup zum Verlinken von Text
 * Dieses Popup ist zu klein und muss vergrössert werden.
 * Da die Werte von MCE per JavaScript gesetzt werden, müssen die Werte Box für verschachtelte Box
 * mit Prozentzahlen gesetzt werden.
 * Zum setzen der Grösse muss nur der Wert in .mce-in gesetzt werden!
 */
/* Das verlinken Popup im MCE-Editor ist zu klein! */
.mce-in {
	min-width: 750px;
}

.mce-in > .mce-reset {
	width: 100% ! important;
}

.mce-in > .mce-reset > .mce-container-body {
	width: 100% !important;
}

.mce-in > .mce-reset > .mce-container-body > .mce-form {
	width: 100% !important;
}

.mce-in > .mce-reset > .mce-container-body > .mce-form > .mce-container-body {
	width: 100% !important;
}

.mce-in > .mce-reset > .mce-container-body > .mce-form > .mce-container-body > .mce-formitem {
	width: 100% !important;
}

.mce-in > .mce-reset > .mce-container-body > .mce-form > .mce-container-body > .mce-formitem .mce-container-body {
	width: 90% !important;
}

.mce-in > .mce-reset > .mce-container-body > .mce-form > .mce-container-body > .mce-formitem .mce-container-body > input {
	width: 100% !important;
}

.mce-in > .mce-reset > .mce-container-body > .mce-form > .mce-container-body > .mce-formitem .mce-container-body > .mce-combobox {
	width: 100% !important;
}

.mce-in > .mce-reset > .mce-container-body > .mce-form > .mce-container-body > .mce-formitem .mce-container-body > .mce-combobox > input {
	width: 100% !important;
}