@charset "utf-8";

/********************************************************************************
 *
 * Extension 'hpl_fe_user_admin'
 *
 ********************************************************************************/

#page-191 .page-container-1 {
/*	max-width: 100%; */
}

/* Medialist benuetzt ganze Breite des Bildschirms! */
#page-191 .container-fluid {
/*	max-width: 100%; */
}

/*** Ganzer Container ***/
.hpl_feuseradmin {
	float: left;
/*	width: 100%; */
	margin: 0;
/*	padding: 0; */
}

/********************************************************************************
 *
 * Common
 *
 ********************************************************************************/

.row-disable {
	color: #fff;
	background-color: #999;
}

.row-test {
	color: #fff;
	background-color: #ccc;
}

@media all and (max-width: 767px) {
	.listTable .hpl-th .first_name, .listTable .hpl-td.first_name {
		width: auto;
	}

	.listTable .hpl-th .last_name, .listTable .hpl-td.last_name {
		width: 150px;
	}

	.listTable .hpl-th .filler, .listTable .hpl-td.filler {
		display: none;
	}
}

/*** Alle Reihen ***/
/********************************************************************************
 *
 * Single View
 *
 ********************************************************************************/

@media all and (min-width: 401px) {
	.listTable .hpl-th.first_name,
	.listTable .hpl-th.last_name {
		min-width: 150px;
		max-width: 250px;
	}
}

@media all and (max-width: 400px) {
	.listTable .hpl-th.first_name,
	.listTable .hpl-th.last_name {
		width: 100px;
		min-width: 100px;
		max-width: 100px;
	}
}

.readRequest .required {
	width: 0;
}

.singleView .password-message {
	width: auto;
	text-align: left;
	border: 1px solid red !important;
}

.singleView dd {
	float: left;
	width: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid red !important;
}

.singleView dd input,
.singleView dd select {
	float: left;
	width: 200px;
	border: 1px solid red !important;
}

/********************************************************************************
 *
 * Edit View
 *
 ********************************************************************************/

.textaread-read {
	border: 1px solid #eeeccc;
	border: 1px solid red !important;
}

.saveAction .singleViewButtons {
	float: left;
	margin-top: 20px;
	border: 1px solid red !important;
}

.detailsView .singleViewButtons {
	float: left;
	margin-top: 20px;
	border: 1px solid red !important;
}

/********************************************************************************
 *
 * Insert View
 *
 ********************************************************************************/

/***
 * Alphabet Selektoren (gleichmässig verteilt)
 */
.selectorAlphabetBox {
	font: inherit;
}

.selectorAlphabet {
	clear: both;
	float: left;
	width: auto;
	height: auto;
	padding: 0;
	padding-top: 5px;
	margin: 0;
}

@media all and (max-width: 767px) {
	.settings-box .ui-accordion h2.accordion-h2-header.selectorAlphabetBox {
		display: none;
		width: 0;
		height: 0;
	}
}

.selectorAlphabet .alphabet-box {
	display: table;
	width: 100%;
	height: auto;
	padding: 3px;
	margin: 0;
	border: 1px solid #ccc;
}

.selectorAlphabet fieldset {
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	/*	border: 1px solid #ccc; */
}

.selectorAlphabet legend {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}

.selectorAlphabet .alphabet-box ul {
	display: table-row;
	width: 100%;
}

.selectorAlphabet .alphabet-box li {
	display: table-cell;
	text-align: center;
	width: auto;
}

.selectorChar a {
	float: left;
	width: 100%;
	min-width: 30px;
	max-width: 30px;
	padding: 6px;
	font-size: 12px;
	border: 1px solid #ccc;
	border-style: outset;
	color: #333 !important;
	text-decoration: none !important;
}

.selectorChar a:hover,
.selectorCharActive a {
	border-style: inset;
	border: 1px solid #ccc;
}

/* Vornamen Knöpfe */
.first_name-selectorChar a {
	background-color: #fc0; /* gelb */
}

/* Vornamen Hover */
.first_name-selectorChar a:hover {
	color: #fff !important;
	background-color: #eb0; /* dunkel-gelb */
}

/* Vornamen gedrückter Knopf */
.first_name-selectorCharActive a {
	color: #fff !important;
	font-weight: bold;
	background-color: #eb0; /* dunkel-gelb */
}

/* Vornamen Liste */
.row-first_name {
	background-color: #fd5; /* hell-gelb */
}

.row-first_name-active {
	background-color: #fd5; /* hell-gelb */
}

/* Familienname Knöpfe */
.last_name-selectorChar a {
	color: #fff !important;
	background-color: #f70; /* orange */
}

/* Familienname Hover */
.last_name-selectorChar a:hover {
	color: #fff !important;
	background-color: #e60; /* dunkel-orange */
}

/* Familienname gedrückter Knopf */
.last_name-selectorCharActive a {
	color: #fff !important;
	font-weight: bold;
	background-color: #e60; /* dunkel-orange */
	border: 1px solid red !important;
}

/* Familienname Liste */
.row-last_name-active {
	background-color: #f95; /* hell-orange */
	border: 1px solid red !important;
}

/* Vornamen gedrückter Knopf */
.first_name-selected-table-column {
	color: #000 !important;
	background-color: #fc0 !important; /* gelb */
}

/* Vornamen gedrückter Knopf */
.first_name-selected-table-column:hover,
.first_name-selected-table-column a:hover{
	background-color: #eb0 !important; /* gelb */
}

.last_name-selected-table-column {
	color: #000 !important;
	background-color: #f94 !important; /* orange */
}

.last_name-selected-table-column:hover,
.last_name-selected-table-column a:hover {
	background-color: #e60 !important; /* orange */
}

.roleChooserAccordion h1.accordion-h1-header {
	float: left;
	width: 100%;
	font-size: 16px;
	height: 40px;
	line-height: 30px;
	color: #000000;
}

.readForm .hpl-table.singleViewTable .hpl-td.label.usergroup {
	vertical-align: top;
}