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

body {
	min-width: 1030px;
}

/* 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;
}

/** 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: #F0F0F0;
	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;
}
/* Styles für die Placeholder (HTML5) */
.rf-plhdr {
	color: #AAAAAA !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;
     }
     /* 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  {
	/* width: 100%; */
	max-width: 994px;	
}
/* 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;
}


/* 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;
}
.rf-au-lst-scrl {			/* autocomplete vorschlagsliste */
	max-height: 250px;
}
.rf-au-itm-sel {			/* autocomplete vorschlagsliste markierter Eintrag */
	background-color: #FBE011;	
}

.rf-au-itm.rf-au-opt.rf-au-fnt.rf-au-inp {		/* Einträge in der Vorschlagsliste */
	font-size: 15px;
}

/* .rf-dt-tft setzt die background-color auf #F3F3F3 -> dadurch wird footer einer table hellgrau
	wenn footer aber white sein soll, dann der table die styleClass "white-footer" verpassen
*/
.white-footer tfoot {
	background-color: #FFFFFF;
}

.white-footer th{
	margin-left:10px;
}

.ui-datatable-scrollable-body:focus{
	outline:none;
}

.grey-footer th{
	margin-left:10px;
	
}

.grey-footer tfoot{
	background-color:#F0F0F0;
}

.selected-dt-row {
	background-color: #F3F3F3 !important;
}
/***********************************************
* 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;
	bottom: -30px;
	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;
}


/* ADMA70PflegeZkz.xhtml -> Auswahl EKP */
/* Auswahlink neben Suchfeld... */
input[type=submit].auswahlliste-opener, input[type=button].auswahlliste-opener, .dp-form .auswahlliste-opener {
	top:-5px;
	border: 1px solid #E1E1E1;
	margin-bottom: 0px !important;
	height:30px !important;
	width:30px !important;
	padding-bottom: 0px;
	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, .dp-form .auswahlliste-opener:hover, .dp-form .auswahlliste-opener:focus {
	top:-5px;
	border: 1px solid #CCCCCC;
	background-color: #fbfbfb;
	
	/*
	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;
	
	background:	   -moz-linear-gradient(top, #fff 0%, #fefefe 1px, #f1f1f1 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #fefefe 1px, #f1f1f1 100%);
	background:      -o-linear-gradient(top, #fff 0%, #fefefe 1px, #f1f1f1 100%);
	background:	  linear-gradient(to bottom, #fff 0%, #fefefe 1px, #f1f1f1 100%);
	-pie-background: 	url("../resources/img/sprite.png") no-repeat -64px -14px, linear-gradient(top, #fff 0%, #fefefe 1px, #f1f1f1 100%) repeat scroll 0% 0% transparent;
	background: url("../resources/img/sprite.png") no-repeat -64px -14px, linear-gradient(to bottom, #fefefe 0%, #f1f1f1 100%) repeat scroll 0% 0% transparent;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	input[type=submit].auswahlliste-opener, input[type=button].auswahlliste-opener, .dp-form .auswahlliste-opener {
		top:10px;
		border: 1px solid #E1E1E1;
		margin-bottom: 0px !important;
		height:30px !important;
		width:30px !important;
		padding-bottom: 0px;
		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, .dp-form .auswahlliste-opener:hover, .dp-form .auswahlliste-opener:focus {
		top:10px;
		border: 1px solid #CCCCCC;
		background-color: #fbfbfb;
		
		/*
		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;
		
		background:	   -moz-linear-gradient(top, #fff 0%, #fefefe 1px, #f1f1f1 100%);
		background: -webkit-linear-gradient(top, #fff 0%, #fefefe 1px, #f1f1f1 100%);
		background:      -o-linear-gradient(top, #fff 0%, #fefefe 1px, #f1f1f1 100%);
		background:	  linear-gradient(to bottom, #fff 0%, #fefefe 1px, #f1f1f1 100%);
		-pie-background: 	url("../resources/img/sprite.png") no-repeat -64px -14px, linear-gradient(top, #fff 0%, #fefefe 1px, #f1f1f1 100%) repeat scroll 0% 0% transparent;
		background: url("../resources/img/sprite.png") no-repeat -64px -14px, linear-gradient(to bottom, #fefefe 0%, #f1f1f1 100%) repeat scroll 0% 0% transparent;
	}
}

/* Icon Up and Down. */
 .dp-form button.btn-up {
	border: 1px solid #E1E1E1;
	margin-bottom: 0px !important;
	height:30px !important;
	width:30px !important;
	padding-bottom: 0px;
	padding: 0px !important;
	border: 1px solid #e1e1e1;
	background: #e3e3e3;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	background-image: url("../resources/icons/icon_up.png");
}
.dp-form button.btn-up:hover, 
.dp-form button.btn-up:hover, 
.dp-form button.btn-up:focus, 
.dp-form button.btn-up:focus 
{
	border: 1px solid #f0f0f0;
	background: #f1f1f1;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	background-image: url("../resources/icons/icon_up.png");
}
 .dp-form button.btn-down {
	border: 1px solid #E1E1E1;
	margin-bottom: 0px !important;
	height:30px !important;
	width:30px !important;
	padding-bottom: 0px;
	padding: 0px !important;
	border: 1px solid #e1e1e1;
	background: #e3e3e3;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	background-image: url("../resources/icons/icon_down.png");
}
.dp-form button.btn-down:hover, 
.dp-form button.btn-down:hover, 
.dp-form button.btn-down:focus, 
.dp-form button.btn-down:focus 
{
	border: 1px solid #f0f0f0;
	background: #f1f1f1;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	background-image: url("../resources/icons/icon_down.png");
}

/* /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;
}

.dp-table .with-filter th {
	padding-right: 13px;
}
.dp-table .with-filter th:first-child {
	padding-right: 0px;
}
.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("/mowebapp/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;
}
/** verstecken des Buttons in der linken oberen Ecke bei modalen Dialogen. */
div.rf-pp-shade button.rf-pp-btn {
	display: none;
}

/* TABS START */

.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 */