/********************************************************************************
 *
 * Export
 *
 ********************************************************************************/

.hpl_feuseradmin .exportCsvRequestExplanationStep {
	clear: both;
	float: left;
	width: auto;
	margin-top: 10px;
}

.hpl_feuseradmin .exportCsvRequestExplanation {
	float: left;
	width: auto;
	margin-top: 10px;
	hyphens: auto;
}

.hpl_feuseradmin .helpTextBox {
	clear: both;
	float: left;
	width: 100%;
	max-width: 600px;
}

.hpl_feuseradmin .color-0 {
	color: #000;
}

.hpl_feuseradmin .color-1,
.userGroupsBox {
	color: #009900;
}

.hpl_feuseradmin .color-2,
.excludedUserGroupsBox {
	color: rgb(255, 0, 0);
}

.hpl_feuseradmin .color-3,
.headersBox {
	color: #469103;
}

.hpl_feuseradmin .color-4,
.requiredHeadersBox {
	color: #fb360a;
}

.hpl_feuseradmin .color-5,
.sortFieldBox {
	color: rgb(113, 187, 0);
}

.hpl_feuseradmin .color-6,
.sortOrderBox {
	color: rgb(159, 154, 3);
}

.hpl_feuseradmin .color-7,
.separatorBox {
	color: rgb(159, 97, 0);
}

.hpl_feuseradmin .color-8,
.dontOutputSwitzerlandBox {
	color: rgb(200, 57, 0);
}

.exportSelectors {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.userGroupsBox,
.excludedUserGroupsBox,
.headersBox,
.requiredHeadersBox,
.sortFieldBox,
.sortOrderBox,
.separatorBox,
.dontOutputSwitzerlandBox {
	float: left;
	width: 50%;
	max-width: 300px;
	height: auto;
	margin: 3px;
	padding: 5px;
	border: 1px solid #eee;
}

.sortFieldBox {
	clear: left; /* Neue Zeile */
}

.hpl_feuseradmin-submitButton {
	float: left;
	width: 100%;
	height: auto;
}

.userGroupsBox .header,
.excludedUserGroupsBox .header,
.headersBox .header,
.requiredHeadersBox .header,
.sortFieldBox .header,
.sortOrderBox .header,
.separatorBox .header,
.dontOutputSwitzerlandBox .header {
	float: left;
	width: 100%;
	height: 60px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}

.exportCommonBox {
}

.exportTwinBox {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.disabled,
.disabled input {
	color: #000;
}

.exportLinks {
	clear: both;
	float: left;
	width: 100%;
}

.exportAsPdf {
	float: left;
	width: 350px;
	height: auto;
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #ccc;
}

.exportAsCsv {
	float: right;
	width: 350px;
	height: auto;
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #ccc;
}

.exportAsMailchimpCsv {
	float: left;
	width: 350px;
	height: auto;
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #ccc;
}

.exportAsPdfLink input,
.exportAsCsvLink input {
	width: 100%;
	height: auto;
}

.exportGenericForMailchimpAsCsv {
	float: left;
	width: 350px;
	height: auto;
	margin-top: 10px;
}

.hpl_feuseradmin .hpl-table.exportCsvTable {
	float: left;
	width: 750px !important;
	height: auto;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.hpl_feuseradmin .hpl-table.exportCsvTable .hpl-td {
	padding: 3px;
	border: 1px solid #ccc;
}

.hpl_feuseradmin .hpl-table.exportCsvTable .hpl-tr {
	width: auto;
	height: auto;
	border: 1px solid #ccc;
}

.hpl_feuseradmin .hpl-table.exportCsvTable .hpl-th {
	padding: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	border: 1px solid #ccc;
}

/*** Forgot password ***/
.passwordForgotBox .singleViewTable .hpl-row {
	border-bottom: 0;
}

.passwordForgotBox .hpl-td.label.email {
	white-space: nowrap;
	width: 50px;
	margin-top: 10px;
}

.passwordForgotBox .hpl-td.tooltipCell.email {
	width: 0;
	margin-top: 10px;
}

.passwordForgotBox .hpl-td.value.email {
	width: auto;
	margin-top: 10px;
	padding-right: 20px;
}

@media all and (max-width: 767px) {
	.passwordForgotBox .hpl-table.singleViewTable .hpl-td.label {
		width: 50px;
	}

	.passwordForgotBox .hpl-td.value.email input {
		width: 240px;
	}
}

@media all and (min-width: 768px) {
	.passwordForgotBox .hpl-table.singleViewTable .hpl-td.label {
		width: 100px;
	}

	.passwordForgotBox .hpl-td.value.email input {
		width: 500px;
	}
}

.passwordForgotBox .hpl-row {
	border-bottom: 0;
}

.passwordForgotBox .hpl-table.singleViewTable .hpl-td.tooltipCell {
	display: none !important;
}

.buttonPasswordRelated,
.buttonPasswordRelatedDisabled,
.buttonForgotPasswordRequest,
.buttonProfileActivation {
	clear: both;
	float: left;
	margin-top: 20px;
}

.hpl-input.buttonPasswordRelated {
	background-color: #ccc;
}

.hpl-input.buttonPasswordRelatedInitiallyEnabled {
	background-color: #d00;
}

.passwordNewBox .hpl-td.value.password,
.passwordNewBox .hpl-td.value.password2 {
	padding-right: 20px;
}

.passwordNewBox .hpl-td.tooltipCell.password input,
.passwordNewBox .hpl-td.tooltipCell.password2 input {
	max-width: 300px;
}

.setPasswordTutorial {
	margin-top: 30px;
}

.hpl_feuseradmin .buttonInsertResult,
.hpl_feuseradmin .buttonEditResult {
	float: left;
	margin-top: 20px;
}

/*** Formular um neues Passwort zu setzen ***/
.passwordForm {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.passwordForm .singleViewList {
	margin: 0;
}

.passwordForm .ext-label {
	vertical-align: top;
	width: 350px;
}

.passwordForm .ext-label {
	width: 200px;
}

.passwordForm .required {
	width: 20px;
	font-weight: bold;
}

.passwordForm .value {
	width: 310px;
}

.passwordForm .value input {
	width: 100%;
}

.passwordForm .message {
	float: left;
	width: auto;
	padding-left: 10px;
}

.passwordForm .inputSubmit {
	float: left;
	margin-top: 20px;
}

.forgotPassword {
	border: 1px solid #fff; /* Braucht es, dass oben kein Rand entsteht */
}

.forgotPassword .label {
	float: left;
	padding: 0;
	padding-right: 10px;
	width: auto;
	text-align: left;
	vertical-align: middle;
	line-height: 25px;
	max-width: 200px;
	min-width: 50px;
}

.forgotPassword .input-field {
	min-width: 50px;
	max-width: 500px;
	padding: 0;
	width: 100%;
}

.forgotPassword .email {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.forgotPassword input {
	float: left;
	width: 100%;
}

.newPasswordSet button {
	float: left;
	margin-top: 20px !important;
}

/***
 * Info Box (in hpl_extension)
 */
.info {
	margin: 30px 0;
	padding: 5px;
}

.info-icon {
	float: left;
	width: auto;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}

.info-icon img {
	width: 50px;
}

.info-text a {
}

.info-text {
	float: right;
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	vertical-align: middle;
	padding: 5px;
	color: #000;
}

.usersBox {
	float: left;
	width: 100%;
	margin-top: 5px;
	padding: 3px;
	background-color: #efefef;
	border: 1px solid #ccc;
}

.hpl_feuseradmin .userBox {
	clear: both;
	float: left;
	margin-top: 5px;
}

.hpl_feuseradmin .userBox:first-child {
	margin-top: 0;
}

.hpl_feuseradmin .user {
	font-weight: bold;
}

/**
 * Print view
 */
@media print {
	/*** Link "Neuen Benutzer einf�gen ***/
	.insertLink,
	.exportLink,
	.searchbox,
	.displayAll,
	.selectorAlphabet,
	.select-groups,
	.displayPagesBox,
	.details,
	.edit,
	.delete,
	.deleteCheckbox,
	.detailsLink,
	.editLink,
	.deleteLink,
	.deleteCheckbox {
		display: none;
	}
}

.adminLink {
	float: left;
	width: 100%;
	margin-top: 10px;
}

/** membership-fee handlign **/
.membershipFee {
	float: right;
	width: auto;
	margin-top: 20px;
}

.membershipFeeButton {
	float: right;
	width: auto;
	margin-top: 20px;
	margin-left: 20px;
}

.membershipFeeButton input {
	width: 300px;
}

.membershipFeeLinkBox {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.membershipFeeLink {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.membershipFeeLinkBox .backLink {
	margin-top: 10px;
}

/**
 * Passwort vergessen
 */
.forgotPassword .ext-label {
	margin-right: 5px;
}

.buttons {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
}

.cancelMailNotificationsText,
.cancelMailNotificationsExplanation {
	float: left;
	width: 100%;
}

.cancelMailNotificationsText p {
	line-height: 150%;
}

.cancelMailNotificationsButtons {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.cancelMailNotificationOkButton,
.cancelMailNotificationCancelButton {
	float: left;
	width: auto;
	height: auto;
	margin-top: 0px;
	margin-right: 10px;
}

.cancelMailNotificationOkButton {
	float: left;
}

.cancelMailNotificationCancelButton {
	float: right;
}

.cancelMailNotificationOkButton input,
.cancelMailNotificationCancelButton input {
/*	width: 300px; */
}

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

.cancelMailNotificationsPasswordLabel {
	float: left;
	margin-right: 5px;
}

.exportColumnChooserbox {
	margin: 20px 0 10px 0;
}

.exportColumnChooserbox h3 {
	font-size: 18px;
}


.explanationUserRegistration {
	margin-bottom: 10px;
}

.profileActivationButtons {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.hpl_feuseradmin .listTable.multi-handling-table {
	/*	display: table-row; */
	width: auto;
	/*	table-layout: fixed; */
	height: auto;
	border-collapse: collapse;
	overflow: auto;
}


/**
 * Accordions
 */
.exportSelectors .ui-accordion {
	max-width: 100%;
}

/**
 * Die Rollen muessen nach absteigender Sichtbarkeit geordner sein,
 * d.h. die Rolle mit den geringsten Rechten wird angezeigt!
 * "role-5" darf nicht in hpl_extension definiert werden!
 */
/* Role Superuser */
.role-5 {
	background-color: #ff0000;
	color: #ffffff;
}

/* Role Addressverwaltung */
.role-13 {
	color: #ffffff;
	background-color: #ff7700;
}

/* Role Addresslist */
.role-15 {
	color: #000000;
	background-color: #ffcc00;
}

/* Role Finanzen */
.role-26 {
	color: #000000;
	background-color: #f85ff2;
}

.linkExportMembersForLabelsAsCsv,
.linkExportUsersRequestAsPdfOrCsv,
.linkExportInteressierteForMailchimpAsCsv {
	margin-top: 20px;
}