#planer-cart {
	margin-top: 50px;
}

#planer-cart-sum-container {
  display: flex;
  flex-direction: row-reverse;
}

/* Style of tables */
#planer-cart-table, #quantity-popup-table {
  width: 100%;
  border-collapse: collapse;
}

#planer-cart-sum {
	text-align: right;
	max-width: 350px;
}

/* Make Blury while loading*/
.blury-while-ajax {
	text-shadow: 0 0 8px #000;
    color: transparent;
}

/* Style der Kopfzeile */
#planer-cart-table th, #planer-cart-sum th, #quantity-popup-table th {
	font-size:10px;
	padding: 10px;
}


/* Style der Netto Zeile */
#planer-cart-sum .planer-cart-net-total {
	font-weight: 900;
}

/* add border lines to table */
.mobile-column-product, .empty-product-colum {
	border-top: none !important;
	padding: 0px !important;
}

#planer-cart-table td, #planer-cart-sum td, #quantity-popup-table td  {
  padding: 10px;
  border-top: 1px solid #ccc;
}
#planer-cart-sum  tr:last-child td {
  border: none;
}



/* Alignments per column */
.column-img {
	vertical-align: middle;
	max-width: 100px;
}

.column-product {
  text-align: left;
}

.column-price, 
.column-total {
  text-align: right;
  white-space: nowrap;
}

.column-quantity {
  text-align: left;
}


/* style the delete button */
.delete-product {
	font-size: 9px;
	color: #ef7f1a;
	text-align: center;
	cursor:pointer;
}


/* modify qunatity input */
.column-quantity .quantity-wrapper {
  display: flex;
  /*justify-content: flex-end;*/
  align-items: right;
}

.column-quantity input.quantity-input {
  text-align:right;
  margin-right: 5px;
  width: 3em;
  padding: 4px;
}

.column-quantity input.quantity-input:hover,
.column-quantity input.quantity-input:focus {
  border-color: #ef7f1a;
}

.column-quantity .product-unit {
  font-size: 12px;
}

/* Stylen of Image */
.column-product img {
  max-width: 100px;
}

.tax-flag {
  height: 12px !important;
  margin-right: 5px;
  vertical-align: middle;
}


/* make responsive */
@media screen and (min-width: 700px) {
	  .mobile-column-product{
		display: none;
	  }
}

@media screen and (max-width: 700px) {
	.column-product {
		display: none;
	}
  
	 /* Stylen vom Bild */
	.column-product img {
		max-width: 60px;
	}

	.column-price, 
	.column-total {
		white-space: wrap;
	}	
}

@media screen and (max-width: 450px) {
	.mobile-column-product {
		font-size: 10px;
	}
}