@charset "UTF-8";
/* In diesem Dokument die Styles fuer den "Infoblock", also die Einstellungen */

/* ------------------- Allgemein */
#content {position: relative;}

.infoblock p {
	margin: 0;
	padding: 0;
}

/* ------------------- Grundlayout Infoblock */
.infoblock {
	width: 100%; /* 660px; */
	border-top: 1px solid #ccc;
	padding: 10px 0;
	position: relative;
	float: left;
}
 
/* Bearbeiten-Link */
.infoblock .bearbeiten {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #999;
	text-decoration: underline;
}
.infoblock .bearbeiten:hover, .infoblock .bearbeiten:active {
	color: #333;
}

/* ------------------- Standard-Spalten */
.infoblock .spalte1 {
	width: 165px;
	float: left;
	color: #333;
	padding-left: 15px;
	width: 150px;
}
.infoblock .spalte2 {
	width: 370px;
	float: left;
}
/* Abwandlung der 2. Spalte im Bearbeiten-Modus */
.infoblock.infoblock-open .spalte2 {
	width: 480px;
}

/* ------------------- Lieferant-Spalten und WST-Spalten*/
.infoblock.infoblock-lieferant .spalte1, .infoblock.infoblock-wst .spalte1 {
	width: 17%; /* 110px; */
	min-width: 90px; /* neu, wichtig für logos */
	float: left;
	color: #333;
	padding: 10px 0; /* 10px 0 10px 15px */
}

.infoblock.infoblock-lieferant .spalte1 > img {
	margin-left: 10px;
}
.infoblock.infoblock-lieferant .spalte2, .infoblock.infoblock-wst .spalte2 {
	float: left;
	width: 83%;
	padding: 10px 0 0 0;
}
.infoblock.infoblock-lieferant .spalte2 {
	
}
/* Bearbeiten anpassen */
.infoblock.infoblock-lieferant .bearbeiten {
	top: 20px;
}

.ellviewdiv .infoblock-lieferant p.lieferant-intro {
	margin-right: 6em; /* 5em */
}


/* ------------------- Einstellungen-Content */
.einstellungen-wrap {
	padding: 0 15px;
}

/* ------------------- Lieferant oberer Abschnitt */
.infoblock .lieferant-spalte2 .lieferant-intro {
	width: 400px;
	line-height: 22px;
}

/* Tabs */
.tabs {
	font-size: 12px;
	line-height: 18px;
}

/* ------------------- Lieferant-Tabelle Overview */
.infoblock table.lieferant-overview {
	border-collapse: collapse;
	border: none;
	width: 100%; /* 500px; */
}
table.lieferant-overview td, table.lieferant-overview th {
	border-bottom: 1px solid #ccc;
	padding-right: 20px;
	padding: 3px 0 3px 0;
	vertical-align: top;
	text-align: left;
}
table.lieferant-overview tr:last-child td {
	border-bottom: none;
}

table.lieferant-overview .lkd_kdnr, table.lieferant-overview .lkd_icons  {
	width: 25%;
}

/* ------------------- Status-Icons */

/* allgemein */

.status-ok,
.status-kundenlistung,
.status-preisliste,
.status-warnung {
	display: block;
	height: 17px;
	text-indent: -10000px;
	float: left;
	margin-right: 4px;
}

/* Abstand, wenn in der Bearbeiten-Tabelle */
table.lieferant-bearbeiten .status-ok,
table.lieferant-bearbeiten .status-kundenlistung,
table.lieferant-bearbeiten .status-preisliste,
table.lieferant-bearbeiten .status-warnung {
	margin-top: 4px;
}

.status-ok {
	width: 14px;
	background: url(/images/apps/css/status-ok.png);
}
.status-kundenlistung {
	width: 14px;
	background: url(/images/apps/css/status-kundenlistung.png);
}
.status-preisliste {
	width: 10px;
	background: url(/images/apps/css/status-preisliste.png);
}
.status-warnung {
	width: 18px;
	background: url(/images/apps/css/status-warnung.png);
}

/* ------------------- Warnung-Hinweis */
p.hinweis-warnung {
	float: left;
	padding: 10px;
	width: 97%; /* 640px; */
	margin: 0 auto 10px auto;
	color: #333;
	text-align: center;
	background: #FBF9D2;
}

/* ------------------- Infoblock im Bearbeiten-Modus */
.infoblock-open {
	background: #F2F2F2;
}
.infoblock-open h4 {
	color: #333;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 20px 0;
}


a.abbrechen {
	display: block;
	text-decoration: underline;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}

.infoblock-open select.small {
	font-size:12px;
	padding: 2px 1px;
}

.button-wrap {
	padding-right: 15px;
}

/* ------------------- Lieferant-Tabelle bearbeiten */
table.lieferant-bearbeiten {
	border-collapse: collapse;
	border: none;
	clear: both;
	width: 100%;
	margin-top: 10px;
	table-layout: fixed;
}
table.lieferant-bearbeiten td, table.lieferant-bearbeiten th {
	padding: 10px 0;
	vertical-align: top;
	text-align: left;
	font-size: 11px;
}
/* Kopfzeile weniger Abstand oben und unten */
table.lieferant-bearbeiten th {
	padding-bottom: 0;
}
table.lieferant-bearbeiten td {
	background: #E7E7E7;
	border-bottom: 2px solid #f2f2f2;
}
/* erste Spalte mit Abstand nach links */
table.lieferant-bearbeiten td:first-child, table.lieferant-bearbeiten th:first-child {
	padding-left: 10px;
}
/* letzte Spalte rechtsbuending */
table.lieferant-bearbeiten td:last-child, table.lieferant-bearbeiten th:last-child {
	text-align: right;
	padding-right: 10px;
}
table.lieferant-bearbeiten .status {
	margin-top: 4px;
}

table.lieferant-bearbeiten input, table.lieferant-bearbeiten select {
	font-size: 12px;
	width: 85%;
	padding: 3px;
}

.lkd_td_kdnr {width: 17.57%; /* 110px;*/}
.lkd_td_kdnr2 {width: 45%; /* 110px;*/}
.lkd_td_pin {width: 12.78%; /* 80px; */}
.lkd_td_gkd {width: 12.78%; /* 80px; */}
.lkd_td_note {width: auto;}
.lkd_in_note {width: 95% !important;}
.lkd_td_icon {width: 11.182%; /* 70px; */}
.lkd_td_btn {width: 9.585%; /*60px; */}
.lkd_td_btn a {text-decoration: underline;}

table.lieferant-bearbeiten input.lkd_in_kdnr {
	width: 90%;
}

input.lkd_in_ekf {
	width: 94% !important;
}

select.lkd_in_ekf {
	width: 99% !important;
}

/* Loeschen-Link */
.zeile-loeschen {
	text-decoration: underline;
	padding-left: 20px;
}

/* Lieferanten löschen */
.lieferanten-loeschen {
	color: red;
	text-decoration: underline;
	position: absolute;
	bottom: 15px;
	left: 15px;
	line-height: 16px;
}
.lieferanten-loeschen:hover, .lieferanten-loeschen:active {
	color: white;
	text-shadow: none;
	background: red;
	text-decoration: none;
}

/* Lieferanten hinzufügen */
.lieferant-hinzu {
	position: absolute;
	top: 5px;
	right: 0;
	text-decoration: none;
}
/* Plus-Icon */
span.plus-icon {
	display: block;
	background: url(/images/apps/css/icon-plus.png) 0 0;
	width: 11px;
	height: 12px;
	float: left;
	margin-top: 5px;
	margin-right: 7px;
}
a:hover span.plus-icon {
	background-position: 0 -12px;	
}

/* ------------------- Löschen bestätigen */
.loeschen-bestaetigen {
	background: white;
	width: 89%; /* 590px; */
	float: left;
	margin-bottom: 30px;
	margin: 15px;
	padding: 20px;
}
.loeschen-bestaetigen h4 {
	margin-bottom: 10px;
}

.loeschen-bestaetigen .button {
	clear: none !important;
	float: left !important;
	margin-right: 10px;
	margin-bottom: 0;
}

/* font-size und padding sollten hier raus, dafür .sl_small auf form verwenden */
.einstellungen-wrap .block-wrap input, .einstellungen-wrap .block-wrap select {
	font-size: 12px;
	padding: 3px;
	width: 97%;
}

.einstellungen-wrap .block-wrap input[type="checkbox"], input[type="radio"] {
	border: none;
	box-shadow: none;
	width: auto;
	margin: auto;
	padding: 0;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}

#layout .einstellungen-wrap .block-wrap {
	margin-top: 10px;
}	

div.abt-search, div.usr-search {
	background-color: #ececec;
	padding: 1em;
	margin-bottom: 1.5em;
}

/* kleine Inputfelder in Einstellungen */
form.sl_small input, form.sl_small #content select {
	font-size: 12px;
	padding: 3px;
}

.abt-search input {width: 80%;}
.abt-search input.abt_in_srchName {width: 90%;}
.abt-search .overlabel-wrap, .usr-search .overlabel-wrap {display: inline-block;}
.abt-search label,.usr-search label {font-size: 14px; margin-top: .5em; }
.abt-search .overlabel-wrap.wrp_srchName {width:65%;}
.abt-search label.overlabel-apply, .usr-search label.overlabel-apply {left: 9px;}
.usr-search .wrp_srchName {width: 72%;}

.opts_info {
	margin: 0.5em 0 0 15px;
	border: 1px solid #ddd;
	padding: 0.5em;
}

.opts_info a {
	text-decoration: underline;
}

.opts_info table {margin: 0.5em auto 0 auto;}
#layout .opts_info .button {font-weight: normal; font-size: 90%;}
.opts_info p {margin-top: 0.5em;}
.opts_info_header {font-weight: bold; cursor:pointer; background: url("/images/apps/css/collapsed.png") left center no-repeat #ececec; padding-left:18px;}
.opts_info_header:hover, .opts_info_header.expanded{color: #303030; background: url("/images/apps/css/expanded.png") left center no-repeat #ececec;}
.opts_info_content {display:none;}

@media screen and ( max-width: 940px ) {
	.abt-search .overlabel-wrap.wrp_srchName {width:45%;}
}
/* Ende kleine Inputfelder */

.abt-search-table {
	width: 100%;
}

.abt-keyword > input {
	width: 90%;
}

.abt-zip, .abt-btn {
	width: 7em;
}

.abt_mainTable, .ell_mainTable {
	width: 100%;
	border-bottom: 1px solid #cccccc;
}

.abt_empty_searchResult{
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	padding: 1em 0;
}

.abtrow .error {padding-left: 20px;}

.abt_left {
	float: left;
	margin-right: 120px !important;
}

.abt_right /*, #wrap .abt_right */ {
	float: right;
	display: block;
	position: absolute !important;
	right: 20px;
/*	top: auto !important; */
}

span.block {
	display: block;
}

span.inl-block {
	display:inline-block;
}

/* LFKRequeustPane */
.lfkRequest td {
	vertical-align: top;
}

.lfkHdr {
	font-weight: bold;
	width: 10em;
}

h5 {
	margin-top: 0.25em; 
	margin-bottom:0.75em;
}

.lfkRequest td {
	padding-bottom: 1em;
}

.egz_table { 
	width: 100%;
}

.egz_table td {padding-top: 0;}
.egz_table td.egz_sts {text-align: right;}

td.egz_nr a {
	text-decoration: underline;
}
.tbl_newCustomer {margin-top: 1em;}

td.newCustomer_cb {vertical-align: top; padding-top: 0.5em;}

.infoblock-plain .spalte1 {
	padding-left: 0;
	width: 23.81%;
}

.infoblock-plain .spalte2.open {
	width: 76.19%;
}

.infoblock-plain .spalte2.open > input {
	width:96%;
}

.infoblock-plain .button-wrap {
	padding-right: 0;
}

.selectOne {
	margin-left: 20%;
	margin-top: 0.5em;
}

.selectOne input {
	width: auto !important; 
	margin-right: 1em;
}
.selectOne label {
	font-size: 14px;
	font-weight: normal;
}

.selectFont td {line-height: 1.5em; vertical-align:middle;}

.selectFont tr:nth-child(1) td label:after {content:" Aa"; font-size:100%; font-weight:bold; padding-left: 14px;}
.selectFont tr:nth-child(2) td label:after {content:" Aa"; font-size:125%; font-weight:bold; padding-left: 14px;}
.selectFont tr:nth-child(3) td label:after {content:" Aa"; font-size:150%; font-weight:bold; padding-left: 14px;}
.selectFont tr:nth-child(4) td label:after {content:" Aa"; font-size:200%; font-weight:bold; padding-left: 14px;}
.selectFont tr:nth-child(5) td label:after {content:" Aa"; font-size:250%; font-weight:bold; padding-left: 14px;}
.selectFont tr:nth-child(6) td label:after {content:" Aa"; font-size:350%; font-weight:bold; padding-left: 14px;}

/* 2-geteilte inputs (zB plz, pf) */
.twoFields_left {
	display:block; 
	float:left; 
	width:51%; 
	margin-top: 12px;
}

.twoFields_right {
	display:block;
	float:left;
	margin-left:2%; 
	width:35%; 
	margin-top:12px;
}

.infoblock .twoFields_left {
	width:55%; 
}

.infoblock .twoFields_right {
	width:40%; 
}

.twoFields_left input {
	width: 95%;
}

.twoFields_right input {
	width: 100%;
}

/* Power-Registration */
#powerReg .block-right {display:none;}
#powerReg .block-left input, #powerReg .block-left select, #powerReg .block-left textarea  {width: 90%;}
#powerReg .block-left textarea {resize: none;}

#powerReg .twoFields_left input {width: 88%;}
#powerReg .twoFields_right input {width: 84%;}
#powerReg h3 {margin: 0 0 0.5em 0;}

/* LKD-Sortierung */
a.sort {
	background: url(/images/apps/css/Sortieren-01.png) 0 4px no-repeat;
	padding-left: 19px;
}

a.sort:hover {
	background: url(/images/apps/css/Sortieren-02-01.png) 0 4px no-repeat;
}

a.sortEnd {
	background: url(/images/apps/css/beenden.png) 0 3px no-repeat;
	padding-left: 19px;
}
a.sortEnd:hover {
	background: url(/images/apps/css/beenden02.png) 0 3px no-repeat;
	padding-left: 19px;
}
.sort_cancel, .sort_save {clear: none !important;}
.sort_cancel {float: left !important;}
.sort_info {background-color: #fefee5; margin: 0.5em 0; padding: 0.5em;}
tr.ui-sortable-helper {display: table;}
.sortCtrl {margin: 0.5em 0 -2em 0;}

tr.sortme td.lkd_td_btn {
	background: #e7e7e7 url(/images/apps/css/move-30.png) center no-repeat;
}

.ml15 {margin-left: 15px;}

.einstellungen-wrap .block-wrap .fmbTable .inputRowSelect {
	width: 50%;
}

.fmbTable {margin-top: 1em; margin-left:9%; margin-bottom:3em;}
.fmbTable p {margin: 2em 0;}
.fmbTable tr {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.fmbTable tr.btr_none {background-color: #fbf9d2; border-top-style: double; border-top-width: 4px;}
.opts_fmb_select {padding: 1.25em 1em 0 1em; width: 1em; vertical-align: top;}

div#msg_table_container {
	max-height:21em;
	overflow-y: scroll;
	border: 1px solid #e0e0e0;
	margin-bottom: 1em;
}

.msg_table tr {
	border-bottom: 1px solid #ddd;
}

.msg_table tr:hover {
	background-color: #ececec;
}

.msg_table tr#msg_active {
	background-color: #dbf2cc;
}

.msg_table td {
	padding: 1em .5em; 
	max-height: 3em;
	overflow: hidden;
}

div#msg_view_action, div#msg_view_container, div#msg_view_header {
	border: 1px solid #e0e0e0;
	padding: .5em;
}

div#msg_view_container {
	max-height:21em;
	overflow-y: auto;
}

div#msg_view_container td {
	vertical-align: top;
}

div#msg_view_header {
	background-color: #ececec;
	border-bottom: 2px solid #DA0000; 
}

.msg_subj, .msg_date {
	vertical-align: top;
}

.msg_table tr.unread td {
	font-weight: bold;
}

p.msg_bold {font-weight: bold; margin-bottom:0;}
p.msg_small {font-size: 0.857em; margin-bottom:0;}


/* WST */
.wst_imgContainer {
	display:block;
	width: 90px;
	height: 90px;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-left: 0.5em;
}

.wst_img {
	display:block;
	margin:auto;
}

tr.odd {background-color: #fafafa;}

th.right, td.right {text-align: right;}

div#content-wrap .wst_table th, div#content-wrap .wst_table td {padding-top:0; padding-bottom:0;}

.wst_name {
	display:block;
	font-weight:bold;
	/*text-decoration: underline;*/
	margin-bottom: 0.25em;
	cursor: pointer;
}

.wst_label {
	font-weight: 400;
	color: #444;
}

.wst_info {
	display: block;
	width: 50%;
}

.wst_container > .wst_info {
	width: auto;
	max-width: 60%;
	min-width: 40%;
}

.wst_left {
	float: left;
}

.wst_rght {
	float: right;
}

.wst_container > .wst_rght {
	max-width: 40%;
}

.wst_full {
	display: block;
}

.wst_prins {
	display: block;
	width: 65%;
}

.infoblock.infoblock-wst .spalte2 .collapse {
	float:left;
	width: 20px;
	overflow: hidden;
	padding-top: 3px;
}

.infoblock.infoblock-wst .spalte2 .wst_container {
	margin-left: 20px;
}

.wstInfoToggle {
	background: url(/images/apps/css/expanded.png) center no-repeat;
	width: 12px;
	height: 12px;
	display: block;
	cursor: pointer;
}

.wstInfoToggle.wstCollapsed {
	background: url(/images/apps/css/collapsed.png) center no-repeat;
}

.wst_price {font-size: 120%; display:block; text-align:right;}
.wst_pake, .wst_pake1 {display: block; font-weight: 300; text-align:right;}
.wst_pake1 {font-size:78.6%; margin-top:0.5em;}
.wst_datasheet_ctnr, .wst_prinsInfo_ctnr {font-size: 12px; margin-top:0.75em;}
.wst_datasheet_ctnr a.pdx_datasheet_lnk, .wst_datasheet_ctnr a.pdx_datasheet_lnk:hover {background-position: -5px 0; padding-left: 1em;}

.pdx_table td,.pdx_table th {padding: 0.2em; text-align: left;}
.pdx_table td {padding-left: 2em; text-align: right;}
.pdx_table tr.even {background-color: #fff;}
.prinsLinkcontainer {margin-top: 0.5em;}
.wst_datasheet_panel {width: 282px; padding:0.75em; border: 1px solid #ddd; background-color: #f0f0f0;}
a.pdx_datasheet_lnk {padding-left: 1em; background: url(/images/apps/css/PRiNS_Icon_green01.png) no-repeat;}
a.pdx_datasheet_lnk:hover {background: url(/images/apps/css/PRiNS_Icon_green02.png) no-repeat;}

.pdx_notabs h5 {font-size:100%; background-color: #f0f0f0; margin-bottom:0; margin-top: 0.5em; padding: 2px 0;}

div#pnl_order_frm {padding: 1em 0.5em 1em 0.5em;}
.ans_pnl {border: 1px solid #ccc; margin-top: 1em;}
.ans_head {font-weight: bold; background-color: #ececec; padding:2px;}
.ans_cont {padding: 0.5em;}
#moreLkds thead {color: #fff; line-height:1px;}
#layout h2.lt_green {color:#8fd43b}
#layout h2.error {color:#da0000}

/* Einkäuferverwaltung */
.usrEditRow .block-wrap > .ym-grid {margin-top: 0.5em;}

.rgtWrap .checkbox-wrap {margin-top: 5px;}

.rgtWrap label:first-child {margin-top :0;}

.usrTable tr {
	border-bottom: 1px dotted #666;
}

.usrTable th, .usrTable td {
	padding: 4px;
	vertical-align: top;
}

.usrTable th {
	text-indent: 14px;
	background-position: 0 6px;
	background-repeat: no-repeat;
}

.usrTable tr.ekf th {
	background-image: url(/images/apps/qlt/EKF_small.png);
}

.usrTable tr.spr th {
	background-image: url(/images/apps/qlt/SPR_small.png);
}

.usrTable tr.crr th {
	background-image: url(/images/apps/qlt/CRR_small.png);
}

.usrTable tr.ass th {
	background-image: url(/images/apps/qlt/ASS_small.png);
}

.usrTable tr.ekp th {
	background-image: url(/images/apps/qlt/EKP_small.png);
}

.usrTable tr.lif th {
	background-image: url(/images/apps/qlt/LIF_small.png);
}

.usrTable tr.unsupportedQlt th {
	background-image: url(/images/apps/qlt/Achtung_12px.png);
}

.usrview_float {float:left; margin-right: 0.75em;}

.userview_row {margin-right: 100px;}

.usrview_name {
	font-weight: normal;
	word-wrap: break-word;
}

.online {
	color: #669900;
}

.subBlock {
	position: relative;
	clear: both;
	margin-left: 15px;
	padding: 0 0.5em;
	background-color: #fbfbfb;
}

.subBlock h5 {
	padding-top: 0.3em;	
}

/* Börse Lieferantenverwaltung */
.infoblock .spalte1.ind15 {text-indent: 15px;}
.infoblock .spalte1.ind30 {text-indent: 30px;}
.iind15 {text-indent: 15px; padding-left: 15px; color:#333; width: 150px; display: block;} 

/* enable jqueryUI-tooltip */
.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}
body .ui-tooltip{border-width:2px}
.ui-tooltip.ui-corner-all{border-top-left-radius:4px}
.ui-tooltip.ui-corner-all{border-top-right-radius:4px}
.ui-tooltip.ui-corner-all{border-bottom-left-radius:4px}
.ui-tooltip.ui-corner-all{border-bottom-right-radius:4px}
.ui-tooltip.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}

@media screen and ( max-width: 940px) {
.infoblock.infoblock-wst .spalte2 {width: 100%;}
.infoblock.infoblock-wst.qop .spalte2 {width: 97%;}
}

@media screen and ( max-width: 640px) {
.wst_left, .wst_rght, .infoRequestPanel {float:none;}
.wst_price, .wst_pake, .wst_pake1 {text-align: left;}
.wst_info, .wst_container > .wst_info, .wst_container > .wst_rght, .wst_prins {width: 100%;}

.userview_row .linearize-level-2,
.userview_row .linearize-level-2 > [class*="ym-g"],
.userview_row .linearize-level-2 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}

.infoblock .spalte1.ind15, .infoblock .spalte1.ind30, .iind15 {text-indent: 0;}

}