/* input fields */
.qo_sku {
	padding: 8px !important;
	width: 50px !important;
}
.qo_qty {
	padding: 8px !important;
	width: 30px !important;
}

#qa_tr_1 {
	margin-top: 10px;
}

.qo_p_name {
	margin-right: 10px;
	/*padding: 6px !important;*/
	vertical-align: middle;
}

.qo_av_qty, .qo_price, .qo_sum, .qo_del {
	text-align: center;
	vertical-align: top;
}
.qo_sum_total_titel {
	text-align: right;
}
.qo_red {
	color: red !important;
}

table.dotable {
	margin-top: 40px;
}
table.dotable  th {
	text-align: left;
}
table.dotable  td {
	padding: 0 !important;
	vertical-align: middle !important;
	height: 45px;
}

.th_head {
	padding-bottom: 20px;
}

.th_sku {
	width: 80px;
	text-align: left;
	vertical-align: bottom;
}
.th_qty {
	width: 30px;
	text-align: left;
	vertical-align: bottom;
}
.th_name {
	width: 380px;
	text-align: left;
	vertical-align: bottom;
}
.th_av_qty {
	width: 130px;
	text-align: center !important;
}
.th_price {
	width: 100px;
	text-align: center !important;
	vertical-align: bottom;
}
.th_sum {
	width: 120px;
	text-align: center !important;
	vertical-align: bottom;
}
.th_del {
	width: 40px;
	text-align: center !important;
	vertical-align: bottom;
}

.qo_status {
	vertical-align: middle;
}
.qo_st {
	text-align: right;
	margin-top: 10px;
	height: 35px;
	width: 100%;
}
.dotline {
	border-top: 1px dashed #DDDDDD;
	margin-top: 10px;
}
.underdotline {
	border-bottom: 1px dashed #DDDDDD;
	padding-bottom: 10px;
}
.dotline2 {
	border-bottom: 1px dashed #DDDDDD;
	margin-top: 10px;
}

.qu_cl_all {
	margin-bottom: 10px;
}
.qo_more_fields {
	margin-top: -20px;
}



/* responsive 2015-08-17 16:19 */

/* erste reihe felder */
#qa_tr_1 {
	margin-top: 0;
}
/* reset margin-top des weitere felder buttons */
.qo_more_fields {
	margin-top: 0;
}
/* button block mit margin-top */
#direct_order_container_actions {
	margin-top: 10px;
}
/* input fields  artikelnummer, menge kriegen neue breite und neuen innenabstand*/
.qo_sku {
	padding: 4px 8px !important;
	width: 80% !important;
}
.qo_qty {
	padding: 4px 8px !important;
	width: 80% !important;
}
/* placeholder css all, ausblenden mit farbe */
::-webkit-input-placeholder {
	font-size: 0.8em;
	color: transparent;
}
::-moz-placeholder {
	font-size: 0.8em;
	color: transparent;
}/* firefox 19+ */
:-ms-input-placeholder {
	font-size: 0.8em;
	color: transparent;	
}/* ie */
input:-moz-placeholder {
	font-size: 0.8em;
	color: transparent;
}

/* css felder: artikelname, anzahl, einzelpreis, summe, entfernen, reset form, add fields */
.qo_status, .qo_av_qty, .qo_price, .qo_sum, .qo_del, .qo_sum_total, .qo_sum_total_titel, .qu_cl_all, .qo_more_fields {
	line-height: 16px;
	min-height: 32px;
	padding-top: 4px;
}
/* css felder: gesamtsumme und titel gesamtsumme */
.qo_sum_total, .qo_sum_total_titel {
	line-height: 32px;
}
/* geld wird rechts ausgerichtet */
.qo_price, .qo_sum, .qo_sum_total {
	text-align: right;
}
/* background rot wenn was falsch */
.errorclass {
	background-color: #ff0000 !important;
}
/*  */
label {
	font-size: 0.8em;
	font-weight: 600;
}

/* css phone */

@media screen and (max-width: 767px) {

	div.container.main,
	div.footer > .container {
		padding: 0 5px;
	}

	h1.group1010 {	}

	/*  */
	.ks-maincontentwrapper > .ks-maincontent {
		/*padding: 0 5px;*/
	}

	/* css input field phone */
	.qo_sku {
		width: 100% !important;
		padding: 2px 0 !important;
	}
	.qo_qty {
		width: 100% !important;
		padding: 2px 0 !important;
	}
	/* mobile kein dotted border hier */
	#direct_order_container_fields.underdotline {
		border-bottom: 0 none;
		padding-bottom: 0;
	}
	.do-artikel {
		font-size: 18px;
	}
	/* mobile price und sum nebeneinander */
	.do-einzelpreis {
		float: left !important;
		width: 50% !important;
	}
	.do-summe {}
	/* der muss bei phone woanders hin */
	.do-entfernen {
		/*
		position: absolute !important;
		top: 0;
		right: 25px;
		width: 25px !important;
		*/
		text-align: right;
		padding-right: 20px;
	}
	.qo_status {
		line-height: 20px;
	}
	.qo_sum_total_titel {
		display: none !important;
	}
	.qo_del {
		text-align: right;
		min-height: 26px;
		padding-top: 0;
	}	
	/* hier erst zeigen wenn was drin ist */
	.do-artikel.hidemeonphone, .do-anzahl.hidemeonphone, .do-einzelpreis.hidemeonphone, .do-summe.hidemeonphone, .do-entfernen.hidemeonphone, #direct_order_container_sum_total.hidemeonphone {
		display: none;
	}
  .ks-phone .do-anzahl #qo_av_qty_mobile_label {
    display: inline!important;
    vertical-align: top;
    line-height: 16px;
    min-height: 32px;
    padding-top: 4px;
  }
	/* bootstrap help-block deprecated, jetzt mit placeholder*/
	.help-block {
		font-size: 0.8em;
		margin-bottom: 5px !important;
	}
	/* pseudoklassen klassen titel, dom kann nicht direkt pseudoklassen ansprechen  */
	.qo_av_qty.onqty::before {
		content: "verf. Menge:  ";
		font-size: 0.8em;
		opacity: 0.8;
	}
	.qo_price.onprice::before {
		content: "Einzelpreis:  ";
		font-size: 0.8em;
		opacity: 0.8;
	}
	.qo_sum.onsum::before {
		content: "Summe:  ";
		font-size: 0.8em;
		opacity: 0.8;
	}
	.qo_sum_total.onsumtotal::before {
		content: "Gesamtsumme:  ";
		font-size: 0.8em;
		opacity: 0.8;
	}
	/* css alle rows */	
	div[id^="qa_tr_"] {
		position: relative;
		margin-bottom: 10px;
		border-bottom: 1px dashed #dddddd;
	}

	/* placeholder mobile anzeigen */
	::-webkit-input-placeholder {
		visibility: visible;
		color: rgba(0,0,0,0.5);
	}
	::-moz-placeholder {
		visibility: visible;
		color: rgba(0,0,0,0.5);
	}/* firefox 19+ */
	:-ms-input-placeholder {
		visibility: visible;
		color: rgba(0,0,0,0.5);
	}/* ie */
	input:-moz-placeholder {
		visibility: visible;
		color: rgba(0,0,0,0.5);
	}

}