@charset "UTF-8";

.hype-md--dialog-page {
	overflow-y: auto;
	height: auto;
	background: #fff;
}

.hype-md--header h2,
.hype-md--header.hype-status-change--reason {
	margin-top: 0;
	margin-bottom: 30px;
}

.hype-md--dialog-page body {
	background: #fff;
	min-width: 0;
	min-height: 0;
}
.hype-page--contrast-mode.hype-md--dialog-page body {
    background: #fff;
}
.hype-md--dialog-page body,
html[dir="rtl"].hype-md--dialog-page body,
div.hype-md--dialog-page.simplemodal-data {
	float: none;
}

.hype-md--dialog-page body,
div.hype-md--dialog-page.simplemodal-data {
	padding: 60px;
	border-radius: 10px;
}

.hype-md--dialog-page.hype-md--large body {
	padding: 30px;
}
.hype-page--contrast-mode.hype-md--dialog-page.hype-md--large body {
    background: #fff;
}

.hype-md--dialog-page ul,
.hype-md--dialog-page ol {
    margin-bottom: 10px;
}

.hype-md--dialog-page span.dummy {
	outline: none;
}

.hype-md--footer {
	text-align: right;
	margin: 25px 0 15px 0;
}

.hype-md--footer button {
	/*
	 * only 2px because there is always a blank between buttons in dialog footers, that itself is 3 or 4 px wide.
	 * so 2+4+2 is 8px which is now the default spacing for buttons
	 */
	margin-inline: 2px;
}
/* hype--btn-group in hype-md--footer? even better, but we have to override the stuff from above! */
.hype-md--footer .hype--btn-group button {
	margin-inline: 0 8px;
}
.hype-md--footer .hype--btn-group button:last-child {
	margin-inline: 0;
}

.hype-md--dialog-page .hype-fields--field {
	margin-bottom: 15px
}

.hype-md--dialog-page .select2-container .select2-results__options {
	max-height: 300px !important;
}

.hype-md--main input[type="text"]:not(.hype-fields--rf-input):not(.hype-fields--ratingfunction-input):not(.hype-kw-field--free-text-real-input):not(.v-field__input),
.hype-md--main input[type="email"],
.hype-md--main input[type="password"] {
    border: solid 1px #ced4da;
    border-radius: 4px;
    padding: 6px 15px 8px 15px;
    margin-bottom: 7px;
    width: 100%;
    resize: none;
    word-wrap: break-word;
	/*
	**	For odd reasons IE 10 needs help to find the correct height.
	**	Otherwise letters like "y" get their "tail" cut off.
	**	height = line-height + padding-top + padding-bottom.
	*/
	line-height: 26px;
	height: 40px;
}
.hype-page--contrast-mode .hype-md--main input[type="text"]:not(.hype-fields--rf-input):not(.hype-fields--ratingfunction-input):not(.hype-kw-field--free-text-real-input):not(.v-field__input),
.hype-page--contrast-mode .hype-md--main input[type="email"],
.hype-page--contrast-mode .hype-md--main input[type="password"] {
    border: solid 1px #343A40;
}

input.number_slot {
    display: inline-block;
    min-width: 120px;
    max-width: 140px;
}

.anrede {
	font-weight: 400;
	color: #343A40;
}

.hype-md--dialog-page .campaign_preview_picture {
	width: 100%;
}
.hype-md--dialog-page .channel .campaign_preview_picture {
	width: auto;
}

.hype-md--main .hype--plain-text-area {
	overflow: auto;
}

div.hype--dateinput input + span.hype--calendaricon,
div.hype--dateinput input + button.hype--calendaricon {
	top: 8px;
}