
#shopping-cart {min-width: 300px; color: var(--fpMoreNotSoDark); padding: 0px 15px;}
#shopping-cart > .header {color: var(--fpMoreNotSoDark);}
#shopping-cart > .lines-container:not(.as_table) {overflow-y:auto; max-height: 400px;}
#shopping-cart > .lines-container.as_table {display: table; width: 100%;}
#shopping-cart .cart-line {color: var(--fpMoreNotSoDark); margin: 5px 0px; border: 1px solid var(--fpLessDark);}
#shopping-cart > .lines-container.as_table .cart-line > div {border-bottom: 1px solid var(--fpLessDark); display: table-cell;}
#shopping-cart > .lines-container.as_table .option-summary {padding: 0px 10px;}

#shopping-cart .cart-line.invalid {color: var(--fpReallyNotSoDark); margin: 5px 0px; border: 1px solid var(--fpError); background-color: var(--fpError);}
#shopping-cart .cart-line .remove {border: 1px solid var(--fpReallyNotSoDark); border-radius: 4px; text-align: center; cursor: pointer;}
#shopping-cart .cart-line .remove:hover {border: 1px solid var(--fpNotSoDark); color: var(--fpMoreNotSoDark);}
#shopping-cart .cart-line .product-name{background-color:  var(--fpLessDark); color:var(--fpMoreNotSoDark); padding: 0px 10px;}
#shopping-cart .cart-line .product-invalid{color:var(--fpError);}
#shopping-cart .cart-line .option-summary{font-size: 0.75em; font-style:italic; color: var(--fpMoreNotSoDark);}
#shopping-cart :not(.as_table) .cart-line .total{color: var(--fpPrimary); float: right; margin-right: 10px;}
#shopping-cart .cart-line .spacer{padding: 5px;}
#shopping-cart .cart-line .quantity-container{display: flex; flex-direction: row;font-size: 0.75em;}
#shopping-cart .cart-line .quantity-container > div.sub-total{flex:1;}
#shopping-cart .cart-line .quantity-container > div{padding: 0px 5px;}
#shopping-cart .cart-line .quantity-container > div:first-child{padding: 0px 0px;}
#shopping-cart .cart-line .quantity-container > div.decrement, #shopping-cart .cart-line .quantity-container > div.increment {transition: background-color 0.5s; color: var(--fpReallyNotSoDark); background-color: var(--fpLessDark); border: 1px solid var(--fpLessDark); cursor:pointer;}
#shopping-cart .cart-line .quantity-container > div.decrement:hover, #shopping-cart .cart-line .quantity-container > div.increment:hover {transition: background-color 0.5s; background-color: var(--fpPrimary); border: 1px solid var(--fpPrimary); cursor:pointer;}
#shopping-cart .cart-line .quantity-container > div.decrement{border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
#shopping-cart .cart-line .quantity-container > div.increment{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
#shopping-cart .cart-line .quantity-container > div.remove{background-color: var(--fpError); color:var(--fpReallyNotSoDark); border: 1px solid var(--fpReallyNotSoDark); border-radius: 4px; margin-left: 5px;}
#shopping-cart .cart-line .quantity-container > i.loadingError,
#shopping-cart .cart-line .quantity-container > i.expiresSoon{margin-top:4px; margin-left: 4px;}
#shopping-cart .cart-line.updating .quantity-container > div.increment,
#shopping-cart .cart-line.updating .quantity-container > div.decrement{background-color: var(--fpVeryDark); color: var(--fpLessDark); cursor: wait;}
#shopping-cart .cart-line .quantity-container > div.quantity, #shopping-cart .cart-line .quantity-container > div.updating {border-top: 1px solid var(--fpLessDark);border-bottom: 1px solid var(--fpLessDark);min-width: 25px; text-align: center; font-weight: bold; color:var(--fpReallyNotSoDark);}
#shopping-cart .cart-line .quantity-container > div.sub-total, #shopping-cart .cart-line .quantity-container > div.multiply {padding-top: 1px;}
#shopping-cart .cart-line.no-quantity .quantity-container{display: none;}
#shopping-cart .cart-line .updating > img{height: 12px; margin-top: 0px;}
#shopping-cart #newest-line-alert{color: white;}
#shopping-cart .breakdown{text-align: center;}
#shopping-cart #proceed-checkout{width: 100%;}

#shopping-cart-mobile-addon-button{ position: absolute; right: 75px; font-size: 1.8em; top: 10px; }
#shopping-cart-mobile-addon-button .item-count{position: absolute;bottom: 16px;right: 0;color: var(--fpBlack);font-weight: bold;font-size: 15px;left: 5px;text-align: center;}
#shopping-cart-mobile-addon-minidisplay {position: fixed; left: 10px; right: 10px; top: 66px; background-color: var(--fpStillQuiteDark); border-radius: 5px; padding: 5px 10px; border: 1px solid white;}
#shopping-cart-mobile-addon-minidisplay #closer{background-color: transparent; border: 1px solid transparent; border-radius: .25rem;color: var(--fpMoreNotSoDark);padding: 2px 9px;font-weight: bold;background-color: var(--fpVeryDark);border-color: var(--fpNotSoDark); position: absolute; top: 5px; right: 5px; font-size: .8em;display: none;}

@media (min-width:992px){
	#shopping-cart-mobile-addon-minidisplay{display:none!important;}
}

@media (max-width:992px){
	#navbarSupportedContent #vue-cart-app{display:none!important;}
}