@CHARSET "ISO-8859-1";
/**
* Styledefinitionen, wie sie in PremiumAdress zusätzlich benötigt werden.
*
*/

body {
	min-width: 1210px;
}

/* Bei Richfaces 4.5.13 bekommen die rich:popupPanel "display: inline-block;"
    dadurch hat das drumrum liegende form eine Höhe von 21px
    Deswegen braucht das Form "font-size: 0px;" */
body > form {
  	font-size: 0px;
}
body > form > * {
  	font-size: 15px;
}
/* Da ansonsten die inneren Divs Platz benötigen, und somit am Seitenende weiße Leere wäre. */
body > form > div[style*="visibility: hidden"] div {
	display: none;
}

/* Weitere Anpassungen für Richfaces 4.5.13. */
/* Fix für prema:multiFilter Bereitstellungsdatum input zu lang */
.rf-cal {
	display: block;
}


/* underline klappt für <h:commandLink> aber nicht für <h:link>, deswegen dieser Fix. */
.lt-ie9 a.textlink:hover {
	text-decoration: underline;
}

/** Text vertikal zentriert im Eingabefeld */
.lt-ie9 input {
	line-height: 25px;
}
/** Im IE8 wird "Delivery_regular" nicht angezeigt, wenn es eine Passwort-Eingabe ist. */
.lt-ie9 input[type=password] {
	font-family: Arial, sans-serif;
}
/** Bei font-size: 15px; sind die Punkte oben etwas abgeschnitten. */
html input[type=password] {
	font-size: 16px;
}
/** ID12Rechnungsdaten.xhtml und ID20IdDetails.xhtml - weil dort display: flex; verwendet wird, welches eine CSS3 Eigenschaft ist. */
.lt-ie9 .container.withlines .column.one-half.ie8fix-266px {
	height: 266px;
}

/* Ausdehnen der Breite eines Eingabeelementes auf 100%. */
input.input100 {
	width: 100% !important;
}
/* Styling für die Akronyme. */
abbr { color:red !important; cursor: help}
/* ACHTUNG: Nachfolgend Styledefinitionen für modale Dialoge! *****************/
/* RF-Bereich, um modalen Dialog modal zu machen. */
.rf-pp-shade {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #d0d0d0;
	opacity: 0.5;
}
/* RF-Container für den modalen Dialog. */
.rf-pp-cntr {
	border: 1px solid #C4C0B9;
	border-radius: 0;
	background: #FFF;
	z-index: 400;
}
/* RF-Schatten für den modalen Dialog. */
.rf-pp-shdw {
	background-color: #000;
	opacity: .1;
	filter: alpha(opacity = 10);
	position: absolute;
	top: 6px;
	left: 6px;
	bottom: -6px;
	z-index: -1;
	border-radius: 0;
}
/* RF-Header --> in PremA mit weißem Hintergrund.*/
.rf-pp-hdr {
	background-color: #ffffff;
	/*repeat-x: top left #D4CFC7;*/
	position: relative;
/*	padding-left: 10px;*/
	cursor: move;
	padding: 2px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
/* RF-Steuerelemente für den Header. */
.rf-pp-hdr-cntrls {
	position: absolute;
	top: 2px;
	right: 2px;
	white-space: nowrap;
	cursor: default;
	font-weight: bold;
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	z-index: 100;
}
/* RF-Content-Section für den modalen Dialog. */
.rf-pp-cnt-scrlr {
	top: 0;
	left: 0;
	overflow: auto;
	background: #FFF;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/** Dialogeigenschaften Primefaces. */
div.premadialog div.ui-dialog-titlebar {
	margin: 10px !important;
	margin-bottom: 20px !important;
}
/* Styles für die Placeholder (HTML5) */
.ui-watermark,
input::-webkit-input-placeholder,
.rf-plhdr {
	color: #AAAAAA !important;
}
:-ms-input-placeholder {
	color: #aaa !important;
}
::-ms-input-placeholder {
	color: #aaa !important;
}
/* neu */
	/* Close-Icon, wenn keine Kopfzeile - als div-Bereich einfügen. */
     .rf-pp-cnt .close {
		position: absolute;
		background: transparent url("../resources/img/sprite.png") no-repeat -955px -15px;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		overflow: hidden;
		top: 15px;
		right: 15px;
		-webkit-tap-highlight-color: rgba(0,0,0,.25);
		z-index: 2;
		cursor: pointer;
     }
     /** Close-Icon in der Kopfzeile. */
     .rf-pp-hdr-cntrls .close {
		position: absolute;
		background: transparent url("../resources/img/sprite.png") no-repeat -955px -15px;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		overflow: hidden;
		top: 15px;
		right: 15px;
		-webkit-tap-highlight-color: rgba(0,0,0,.25);
		z-index: 2;
		cursor: pointer;
     }
     
     /* Close-Icon, wenn keine Kopfzeile - als div-Bereich einfügen. */
     .rf-pp-cnt .close-without-js {
		position: absolute;
		background: transparent url("../resources/img/sprite.png") no-repeat -955px -15px;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		overflow: hidden;
		top: 15px;
		right: 15px;
		-webkit-tap-highlight-color: rgba(0,0,0,.25);
		z-index: 2;
		cursor: pointer;
     }
     /** Close-Icon in der Kopfzeile. */
     .rf-pp-hdr-cntrls .close-without-js {
		position: absolute;
		background: transparent url("../resources/img/sprite.png") no-repeat -955px -15px;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		overflow: hidden;
		top: 15px;
		right: 15px;
		-webkit-tap-highlight-color: rgba(0,0,0,.25);
		z-index: 2;
		cursor: pointer;
     }
     
     
     /* Im modalen Dialog keinen Platz verschwenden. */ 
/* In modalen Dialogen soll der Streifen gleich unter dem Header anfangen. */
.rf-pp-cnt .stripe {
	padding: 0px 0px 0px;
}
.rf-pp-cnt > div {
	width: 100%;
	max-width: 994px;	
}
.rf-pp-cnt  {
	max-width: 994px;
	/* Anpassungen für Richfaces 4.5.13 */
	width: auto;
	padding: 0px !important;
}
/* END OF MODALE DIALOGE ******************************************************/

/**************************************************************
* Tabelle für die AD10-Maske
**************************************************************/

*.tblAd10 th.widthSpalte1, 
*.tblAd10 td.widthSpalte1 {
	width: 30px  !important;
	text-align: left;
}

*.tblAd10 th.widthSpalte2 {
	width: 80px  !important;
	color: red !important;
}

.whole .dp-table .tblAd10  th.widthSpalte3 {
	width: 200px !important;
	text-align: right;
	word-break: break-all;
	word-wrap: break-word;
}

.whole .dp-table table.tblAd10  th.widthSpalte4 {
	width: 80px !important;
}

.whole .dp-table table.tblAd10  th.widthSpalte5 {
	width: 120px !important;
}

.whole .dp-table table.tblAd10  th.widthSpalte6 {
	width: 100px !important;
}

.whole .dp-table table.tblAd10  th.widthSpalte7 {
	width: 100px !important;
}

.premadialog div.dp-table table {
	min-width: 0px !important;
}

/* Aufklapper AD20 FLAPS START */

.flapsAd20 dl { margin: 0px; }

	.flapsAd20 dt {
		position: relative;
		margin: 10px 0 0 0;
		padding: 3px 180px 3px 30px;
		font-family: "Delivery_bold", sans-serif;
		font-size: 15px;
		line-height: 100%;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0,0,0,.25);
		
		behavior: url("/etc/designs/dpag_multiscreen/pie.htc");
		
		}
		.flapsAd20 dt:first-child {
			margin-top: 0px;
			}				
		.flapsAd20 dt:after {
			position: absolute;
			display: block;
			background: url("../resources/img/sprite.png") no-repeat -922px center;
			width: 25px;			
			top: 3px;
			left:0px;
			bottom: 3px;
			content: "";
			}
			.flapsAd20 dt.flap-open:after {
				background-position: -972px center;
				}

	.flapsAd20 dd {
		margin: 0;
		padding: 10px 10px 10px 10px;
		}
		.stripe.black dd p,
		.flapsAd20 dd p {
			color: #000;
			}
			.stripe.black .flapsAd20 .textblock a,
			.stripe.black .flapsAd20 .textlink {
				color: #333;
				padding-left: 9px;
				font-family: "Delivery_bold", sans-serif;
				}
				.stripe.black .flapsAd20 .textlink:before {
					background-position: -20px -20px;
					}
				
/* FLAPS END */

/* Fette Label. entsprechend h4 
h4 nicht direkt genutzt auf den Seiten, da ein Zeilenwechsel bei h4 erfolgt*/
label.bold {
	font-family: "Delivery_bold", sans-serif;
	font-size: 15px;
} 

/* Textlink entsprechend stripe .textlink aus main.css */
.stripe .dp-table .textblock .textlink {
	font-family: "Delivery_regular", sans-serif;
}
	
/* Summenzeile der Tabellen analog db-table th */
.summenzeile {
	font-family: "Delivery_bold", sans-serif;
}

/* Styles von Daniel. */
/***********************************************
* M60
***********************************************/
.autocomplete-wrapper {
	position: relative;
	display: inline-block;
	float: left;
	width: 245px;
	height: 30px;
}
.autocomplete-wrapper span {
	border: none;
	margin: 0;
}
.autocomplete-wrapper span:FIRST-CHILD {
	position: absolute;
}
.dp-form .block .autocomplete-wrapper input {
	width: 210px;
	font-size: 15px;
}
/***********************************************
* ID12 - modal
***********************************************/
.lt-ie9 .lt-ie9-fix-modal .container {
	width: 700px;
}
.lt-ie9 .rf-pp-shade {
	filter: Alpha(Opacity=50);
}
/* /Styles von Daniel */
/* WORKARAOUND FÜR DIE DATASCROLLER_PROBLEMATIK BEI MASTER-DETAIL. */
tr.footerDScroller {
	position: relative; 
}
tr.footerDScroller div.ds {
	position: absolute;
	bottom: -100px;
	left: 0px;
	width: 100%;
}
tr.footerDScroller div.dsspecial {
	position: absolute;
	/* bottom: -20px; */
	bottom: -50px;
	left: 0px;
	width: 100%;
}
tr.footerDScroller div.dsspecialsmall {
	position: absolute;
	margin-top: 15px;
	left: 0px;
	width: 100%;
}
td.dsInvisible {
	border-bottom: none !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	background-color: transparent;
}
table.dstable {
	margin-bottom: 60px !important;
}
/* /WORKAROUND */
/* Suchlink neben Suchfeld... */
.suchlink {
	display: block; 
	float: left;
	border: none;
	height:30px;
	width:30px;
	background-image: url('../resources/icons/icon_lupe_suche.png');
}
.suchlink:focus {
	height: 28px;
	width: 28px;
	border: 1px dotted #000000;
	background-position: -1px -1px;
}
/* /Suchlink */

/***********************************************
* ID30
***********************************************/
/* keine 120px Spaltenbreite, wenn ich diese nicht benötige */
.flextable.whole .dp-table th, .whole .dp-table td {
	min-width: 30px;
}


/***********************************************
* wait status
***********************************************/
#waitModalPanel_shade.rf-pp-shade {
	background: none;
}
/*
#waitModalPanel_modal {
	background: none;
}
*/

/* ADMA70PflegeZkz.xhtml -> Auswahl EKP */
/* Auswahlink neben Suchfeld... */
input[type=submit].auswahlliste-opener, input[type=button].auswahlliste-opener,
	button.auswahlliste-opener {
	margin-bottom: 0px !important;
	height:30px !important;
	width:30px !important;
	padding: 0px !important;
	border: 1px solid #e1e1e1;
	background: #e3e3e3;
	background-image: url("../resources/img/sprite.png");
	background-repeat: no-repeat;
	background-position: -64px -14px;
	
	background:	   -moz-linear-gradient(top, #fff 0%, #fdfdfd 1px, #e3e3e3 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #fdfdfd 1px, #e3e3e3 100%);
	background:      -o-linear-gradient(top, #fff 0%, #fdfdfd 1px, #e3e3e3 100%);
	background:	  linear-gradient(to bottom, #fff 0%, #fdfdfd 1px, #e3e3e3 100%);
	-pie-background: 	url("../resources/img/sprite.png") no-repeat -64px -14px, linear-gradient(top, #fff 0%, #fdfdfd 1px, #e3e3e3 100%) repeat scroll 0% 0% transparent;
	background: url("../resources/img/sprite.png") no-repeat -64px -14px, linear-gradient(to bottom, #FDFDFD 0%, #E3E3E3 100%) repeat scroll 0% 0% transparent;
}
input[type=submit].auswahlliste-opener:hover, input[type=submit].auswahlliste-opener:focus,
input[type=button].auswahlliste-opener:hover, input[type=button].auswahlliste-opener:focus,
button.auswahlliste-opener:hover, button.auswahlliste-opener:focus {
	border: 1px solid #E5E5E5;
		border: 1px solid #f0f0f0;
		background: #f1f1f1;
		
		background:	   -moz-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
		background: -webkit-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
		background:      -o-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
		background:	  linear-gradient(to bottom, #fefefe 0%, #f1f1f1 100%);
		-pie-background: 	linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
		background-image: url("../resources/img/sprite.png");
		background-repeat: no-repeat;
		background-position: -64px -14px;
}
/* /Suchlink */

/************************************************
*  TableFilter
*************************************************/
.btn-table-filter {
	display: inline-block;
	position: absolute;
	right: -11px;
	bottom: 4px;
	width: 10px;
	height: 11px;
	cursor: pointer;
	background: url("../resources/icons/icon_filter_10x11.png") no-repeat 0px 0px;
	opacity: 0.45;
}
.btn-table-filter:hover {
	opacity: 0.7;
}

.btn-table-filter.aktiv {
	opacity: 1.0;
}
.btn-table-filter.aktiv:hover {
	opacity: 0.7;
}

/* Für die Umstellung auf PrimeFaces von 13px auf 0px gesetzt, da ansonsten das Filter-Icon nicht ganz am Rand ist. */
.dp-table .with-filter th {
	padding-right: 0px;
}
.dp-table .with-filter th:first-child {
	padding-right: 0px;
}
/* Für die Umstellung auf PrimeFaces erstmal auskommentiert, da ansonsten das Filter-Icon nicht ganz am Rand ist.
.dp-table .with-filter.without-checkbox th:first-child {
	padding-right: 13px;
}
*/

.dp-table.smaller td {
	padding: 3px 0 0 0;
}
/*******************************************************************************
* Checkboxen in Tabellen. Bisher in jeder Seite, jetzt hier ggf. in separater
* Datei ...
*******************************************************************************/
.dp-form input[type=checkbox] + label.cblabel {
	margin-top: 0px;
	height: 16px;	
}
.selColumnHeader {
	padding-left: 0px !important;
}
table.rf-dt th.selColumnHeader, table.rf-dt td.selColumnHeader {
	width: 30px !important;
	min-width: 30px !important;
}
	div.check {
		position: relative;
		display: inline-block;
		background: url("/premiumadress/resources/img/sprite.png") no-repeat -600px -15px;
		content: " ";
		width: 16px;
		height: 16px;	
		}
.column.nomb {
	margin-bottom: 0px !important;
}
/**
* mehrere rechts ausgerichtete action-btn müssen einen Abstand haben!
*/
.action-btn.right {
	margin-left: 15px !important;
}
/** Button links oben im Browserfenster bei modalen Dialogen verschwinden lassen!  */
div.rf-pp-shade button.rf-pp-btn {
	display: none;
}

/**************************
*   radiotest
**************************/
.dp-form.radiotest .block table {
	display: inline;
}
.dp-form.radiotest .block table td {
	padding-right: 30px;
}

.dp-form.radiotest .block input {
	vertical-align: middle;
}

.dp-form.radiotest input[type="radio"] {
	position: relative; /* zumindest nicht absolute  */
	margin: 0;
	box-sizing: border-box;
	width: 25px;
	height: 12px;
	clip: auto;
}

input.formular {
	width: 150px !important; 
	margin-left: 50px !important;
}

input.formularbreit {
	width: 627px !important; 
	margin-left: 0px !important;
}
/** Minimierung des Abstand zwischen Formularzeilen. */
.column.minimum {
	height: 35px !important;
	margin-bottom:0px;
}

/* TABS START */

.manuelle-bearbeitung.tabset:before {
	position: absolute;
    width: 1029px;
    left: -37px;
    top: 47px;
    border-bottom: 1px solid #ccc;
    content: "";
}

.tabset-fak {
	position: relative;
	}
	.tabset-fak:before {
		position: absolute;
	    width: 10000px;
	    left: -5000px;
	    top: 29px;
	    border-bottom: 1px solid #ccc;
	    content: "";
		}
		.tabset-fak .swiper-container {
			height: auto;
			overflow: visible;
			position: relative;
			}
			.tabset-fak .tabs {
				display: inline-block;
				position: relative;
				width: auto;
				height: 48px !important;
				margin: 0;
				padding: 0;
				overflow: hidden;
				}
				.tabset-fak .tabs .swiper-slide {
					height: auto;
					}
					.tabset-fak .tabs li {
						position: relative;
						display: inline-block;
						margin: 0 4px -1px 0;
						margin: 0 0 -1px 0;
						line-height: 20px !important;
						color: #333;
						font-size: 14px;
						cursor: pointer;
						z-index: 10;
						}
						.tabset-fak .tabs li span {
							white-space: nowrap;
							display: inline-block;
							margin-right: 4px;
							padding: 5px 10px 4px 10px;
							-webkit-tap-highlight-color: rgba(0,0,0,.25);
							background: #ccc;
							
							background:	   -moz-linear-gradient(top, #e7e7e7 0%, #ccc 100%);
							background: -webkit-linear-gradient(top, #e7e7e7 0%, #ccc 100%);
							background:      -o-linear-gradient(top, #e7e7e7 0%, #ccc 100%);
							background:   linear-gradient(to bottom, #e7e7e7 0%, #ccc 100%);
							-pie-background: 	linear-gradient(top, #e7e7e7 0%, #ccc 100%);
							
							behavior: url("/etc/designs/dpag_multiscreen/pie.htc");
							
							}
						.tabset-fak .tabs .tab-open span {
							color: #000;					
							border: 1px solid #ccc;
							border-bottom: none;
							cursor: default;
							padding: 5px 12px 4px 12px;
							background: #fff;
							
							background:	   -moz-linear-gradient(top, #fff 0%, #fff 100%);
							background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
							background:      -o-linear-gradient(top, #fff 0%, #fff 100%);
							background:   linear-gradient(to bottom, #fff 0%, #fff 100%);
							-pie-background: 	linear-gradient(top, #fff 0%, #fff 100%);
							
							behavior: url("/etc/designs/dpag_multiscreen/pie.htc");
							
							}
	.tabset-fak .tab-content {
		display: block !important;
		position: absolute;
		top: -10000px;
		padding: 48px 0 0 0;
		width: 400px;
		height: 10px;
		}
		.tabset-fak .tab-content.open {
			position: relative;
			top: auto;
			width: auto;
			height: auto;
			}
.tabset-fak .textlink {
	padding-left: 0;
}
.tabset-fak .textlink:before {
	background: none;
}
/* TABS END */

/* @-moz-document url-prefix() { */
@-moz-document url-prefix() {
		/*
		.dp-form .block .table-select-rows label.select_wrapper:before {
			bottom: -9px;
		}
		*/
		/* da nicht zwangsläufig alle datascroller von <div class="block"> umschlossen sind */
		.dp-form .table-select-rows label.select_wrapper:before {
			bottom: -9px;
		}
}
.table-select-rows {
	margin-left: 35px;
}

/* Tabelle im Filter-Dialog  */
.filtertable table {
	margin-left: 0px;
	min-width: 100px !important;
}
.filtertable thead {
	display: none;
}

/* Tabelle, bei welchen nichts ausgewählt werden kann, bekommen diese CSS-Class */
tr.no-ui-datatable-selectable {
	/* cursor müsste eigentlich nicht mehr gesetzt werden, da durch rowStyleClass="no-ui-datatable-selectable" automatisch ui-datatable-selectable entfällt */
	cursor: default !important;
}


.rotate-90 {
   transform: rotate(90deg);
}