/*
 *	Die Liste
 */
.listView {
	float: left;
	width: 100%;
}

.accordionWrapper {
	margin-top: 20px;
}

.left-column,
.right-column {
	width: 0px;
	height: 100%;
}

/*** Link-Boxen ***/

.functionsBox {
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	font: inherit;
}

.linkBox {
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
}

.linkBoxLeft {
	float: left;
	margin: 0;
	padding: 0;
}

.linkBoxRight {
	float: left;
	margin: 0;
	padding: 0;
}

/** Column Chooser **/
.columnChooser {
	float: left;
	width: 100%;
	padding: 0;
	margin-top: 2px;
	border: 0;
}

.columnChooser #selector-filler {
	display: none;
}

@media all and (max-width: 767px) {
	/* Spaltenauswahl disablen bei kleinen Displays */
	.columnChooser {
		margin: 10px 0;
	}

	/* Filler-Spalte disablen bei kleinen Displays */
	.filler {
/*		display: none; */
	}
}

.columnChooser form {
	margin: 0;
	padding: 0;
}

h2.columnSelectTitle {
	float: left;
	width: 100%;
	font-size: 1em;
	color: #cc0000;
	margin: 0 !important;
	font-weight: normal !important;
}

h2.columnSelectTitle:hover {
	color: #ff0000;
	cursor: pointer;
	text-decoration: underline;
}

.columnSelect {
	float: left;
	font-size: 16px !important;
	margin-top: 10px;
}


/*** Search und number of items box */
.searchAndNumberOfItemsBox {
	display: block;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.table-with-result-count {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 0px;
}

.countRows {
	float: left;
	width: 100%;
	margin-top: 5px;
	padding: 0 2px;
}

.table-with-page-browser {
	float: left;
	width: 100%;
}

/*** Tabelle ***/
.hpl-table.listTable {
	width: 100%;
/*	table-layout: fixed; */
	height: auto;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin-top: 20px;
}

/*** Tabellenzellen ***/
.listTable .hpl-tr {
	width: 100%;
/*	border-bottom: 0px solid #eeeccc; */
	vertical-align: middle;
	min-height: 40px;
}

.listTable .hpl-th {
/*	width: 10000px;     */ /* Braucht es, dass max-width funktioniert!!! */
	width: auto;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
/*	background-color: #ddd; */
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 50px;
	word-break: break-all;
}

.listTable .hpl-td {
	min-height: 40px;
	border: 2px solid #fff;
/*	background-color: #eeeeee; */
	vertical-align: middle;
	padding: 10px 5px;
	width: auto;
	overflow: visible;
	hyphens: auto;
/*	word-break: break-all; */ /* Funktioniert nicht mit hyphens:auto zusammen */
}

.listTable .hpl-th a {
	vertical-align: middle;
	color: inherit;
}

.listTable .hpl-th img {
	margin-right: 0;
	vertical-align: middle;
}

.listTable .countRows {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	background-color: inherit;
}

/*** Arrows ***/
.hpl-th .sort-arrow {
	line-height: 16px;
}

.hpl-th .sort-arrow-up {
	margin-top: 2px;
	margin-bottom: 0;
}

.hpl-th .sort-arrow-down {
	margin-top: 0;
	margin-bottom: 2px;
}

/*
.hpl-th .sort-arrow-up:hover {
	margin-top: 0;
	margin-bottom: 2px;
}

.hpl-th .sort-arrow-down:hover {
	margin-top: 2px;
	margin-bottom: 0;
}
*/

.hpl-th .sort-arrow a {
	line-height: 0;
}

/*** Einzelene Felder ***/
.listTable .hpl-th.row_number {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
}

.listTable .hpl-td.row_number {
	text-align: right;
	padding-right: 5px;
}


.listTable .hpl-th.uid {
	width: 50px;
	min-width: 50px;
	max-width: 50px;
	text-align: center;
	padding: 0;
}

.listTable .hpl-td.uid {
	text-align: right;
}


.listTable .hpl-th.crdate {
	width: 95px;
	min-width: 95px;
	max-width: 95px;
}

.listTable .hpl-td.crdate {
	text-align: right;
}

.listTable .hpl-th.crdate_string {
	width: 95px;
	min-width: 95px;
	max-width: 95px;
}

.listTable .hpl-td.crdate_string {
	text-align: right;
}

.listTable .hpl-th.cruser_id {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

.listTable .hpl-td.cruser_id {
	text-align: left;
}

.listTable .hpl-th.fe_cruser_id {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

.listTable .hpl-td.fe_cruser_id {
	text-align: left;
}

.listTable .hpl-th.mod_date {
	width: 95px;
	min-width: 95px;
	max-width: 95px;
}

.listTable .hpl-td.mod_date {
	text-align: right;
}

.listTable .hpl-th.mod_user_id {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

.listTable .hpl-td.mod_user_id {
	text-align: left;
}

.listTable .hpl-th.tstamp {
	width: 95px;
	min-width: 95px;
	max-width: 95px;
}

.listTable .hpl-td.tstamp {
	text-align: right;
}

.listTable .hpl-th.lastlogin {
	width: 95px;
	min-width: 95px;
	max-width: 95px;
}

.listTable .hpl-td.lastlogin {
	text-align: right;
}

.listTable .hpl-th.is_online {
	width: 95px;
	min-width: 95px;
	max-width: 95px;
}

.listTable .hpl-td.is_online {
	text-align: right;
}

.listTable .hpl-th.disable,
.listTable .hpl-td.disable {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 0;
}

.listTable .hpl-th.deleted,
.listTable .hpl-td.deleted {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 0;
}


.listTable .hpl-th.details,
.listTable .hpl-td.details {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 0;
}

.listTable .hpl-td.details:hover a,
.listTable .hpl-td.details:hover a:hover {
	text-align: center;
	background-color: inherit;
}

.listTable .hpl-th.edit,
.listTable .hpl-td.edit {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 0;
}

.listTable .hpl-td.edit:hover a,
.listTable .hpl-td.edit:hover a:hover {
	text-align: center;
	background-color: inherit;
}

.listTable .hpl-th.delete,
.listTable .hpl-td.delete {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 0;
}

.listTable .hpl-td.delete:hover a,
.listTable .hpl-td.delete:hover a:hover {
	text-align: center;
	background-color: inherit;
}

.listTable .multiDelete {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 0;
}

.listTable .hpl-th.multiDelete {
	padding-top: 5px;
}

.listTable .hpl-td.multiDelete {
}

.listTable .deleteCheckbox,
.listTable .deleteCheckbox {
	width: 50px;
	min-width: 50px;
	max-width: 50px;
	text-align: center;
}

.listTable .hpl-th.filler,
.listTable .hpl-td.filler {
	min-width: auto;
	width: auto;
	margin: 0;
}


.listTable .delete div {
}

.listTable .details img,
.listTable .edit img,
.listTable .delete img {
	clear: both;
}

.listTable .iconAndText {
	display: table;
	height: 20px;
	line-height: 20px;
}

/*
.listTable .sortLink {
	display: table-cell;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
}

.listTable .sortLinkHeaderText {
	display: table-cell;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
}

.listTable .sortLink .icon {
	width: auto;
}

.listTable .sortLink .text {
	width: auto;
	padding-left: 5px !important;
	vertical-align: middle;
}

.listTable .sortLink .hpl-table {
	border-collapse: collapse;
	background-color: transparent;
}

.listTable .sortLink .hpl-td {
	background-color: transparent;
	border: 0;
}
*/

.listTable a {
/*	color: inherit; */
/*	text-decoration: none; */
}

/* Normal Cell */
.listTable .hpl-td p {
	vertical-align: middle;
	float: left;
	width: 100%;
/*	height: 100%; */
/*	padding: 10px 5px; */
	margin: 0;
	color: inherit;
	text-decoration: none;
}

/* Link Cell */
.listTable .hpl-td a {
/*	display: block; */
/*	vertical-align: middle; */
	/*	line-height: 48px; */
	/*	min-height: 48px; */
	/*	height: 48px; */
	/*	color: inherit; */
	text-decoration: none;
	width: 100%;
	height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

/* Display, Edit and Delete Link Cell */
/* Display, Edit and Delete Link Cell */
.listTable .details.hpl-td a,
.listTable .read.hpl-td a,
.listTable .edit.hpl-td a,
.listTable .delete.hpl-td a {
    cursor: default;     /* Wird für iOS benötigt */
    display: none;
}

.listTable .details.hpl-td:hover a,
.listTable .read.hpl-td:hover a,
.listTable .edit.hpl-td:hover a,
.listTable .delete.hpl-td:hover a {
    display: table-cell;
    width: 50px;
    height: 40px;
    vertical-align: middle;
    cursor: pointer;    /* Wird für iOS benötigt */
    border: 0;
}

.listTable .details.hpl-td:hover a {
	background-color: lightgreen;
}

/* Display, Edit and Delete Link Cell */
.listTable .read.hpl-td:hover a {
    background-color: lightgreen;
}

.listTable .edit.hpl-td:hover a {
	background-color: lightcoral;
}

.listTable .delete.hpl-td:hover a {
	background-color: #ccc;
}

.listTable .hpl-td div {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	color: inherit;
	text-decoration: none;
}

.listTable .hpl-td div a {
	padding: 0;
}

.listTable .hpl-td div input {
	float: left;
	display: table-caption;
	vertical-align: middle;
	text-align: center;
}

.listTable .hpl-td div span {
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
}

.listTable .hpl-td a:active {
	background-color: #dddddd;
}

.listTable .hpl-td a:hover {
    text-decoration: underline;
}

.listTable .sortLink a p {
	color: #990000;
}

.listTable .sortLink a:hover p {
	text-decoration: underline;
}

/** multi-handling **/
.multiDeleteButton {
	float: right;
	width: auto;
	margin-top: 20px;
	margin-left: 20px;
}

.multiDeleteButton input {
	width: 300px;
}

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

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

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

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

/** Diese Felder werden auch in Medialist gebraucht ! **/
.listTable .hpl-th.title,
.listTable .hpl-td.title {
	width: 120px;
	min-width: 120px;
	max-width: 120px;
}

.listTable .hpl-th.first_name,
.listTable .hpl-td.first_name {
/*	width: 100px; */
	min-width: 100px;
	max-width: 150px;
}

.listTable .hpl-th.last_name,
.listTable .hpl-td.last_name {
/*	width: 100px; */
	min-width: 100px;
	max-width: 150px;
}

.listTable .hpl-th.name_suffix,
.listTable .hpl-td.name_suffix {
	width: 120px;
	min-width: 120px;
	max-width: 120px;
}

.listTable .hpl-th.email {
	min-width: 200px;
	max-width: 200px;
}

/* Listenueberschrift */
.list-title {
	clear: both;
	float: left;
	width: 100%;
}

/*
	Bei kleinen Displays fehlt die h1-Box "Einstellungen", weil die Accordions mit dem Zahnrad
    aktiviert werden. Deshalb muss die aeusserste Box, die h2-Box auf hidden geschaltet werden
 */
@media all and (max-width: 767px) {

	.ui-accordion .accordion-h1-box,
	.ui-accordion .accordion-h2-box {
		border: 0;
		margin: 0;
		padding: 0;
	}

	.ui-accordion h1.accordion-h1-header,
	.ui-accordion .accordion-h2-box {
/*		display: none; */
		margin-top: 5px;
		margin-bottom: 5px;
	}

	/* Zahnrad */
	#settings-toggle-icon {
		padding-right: 10px;
	}

	#settings-toggle-icon {
		position: absolute;
		top: 70px;
		right: 10px;display: block;
		box-sizing: border-box;
		margin: 0;
		margin-top: 0px;
		margin-right: 10px;
		padding: 0;
		width: 24px;
		height: 24px;
		background-image: url('../../../../../public/fpmt/Resources/Public/Images/Icons/settings_simple_555555_24x24.png');
		background-repeat: no-repeat;
	}

	#settings-toggle-icon:hover {
		background-image: url('../../../../../public/fpmt/Resources/Public/Images/Icons/settings_simple_777777_24x24.png');
	}

	/* Der Title und das Zahnrad der Liste */
	.settings-accordion-toggle {
		float: right;
		width: auto;
		line-height: 1.1;
		font-size: 160%;
	}

	.settings-accordion-toggle:hover {
		cursor: pointer;
	}
}

.listTitleHeaderBox {
	clear: both;
	float: left;
	width: 100%;
	max-width: 300px;
}

.sort-ascending {
	color: #009b00;
	font-weight: bold;
}

.sort-descending {
	color: #0000ff;
	font-weight: bold;
}

.columnChooser .selector {
/*	float: left; */
}