#cartBlur{width: 100%; height: ; background-color: rgba(255,255,255,.5); float: right; position: absolute; top: 168px; right: 0px; display: none;}
#cart{min-width: 335px; max-width: 623px; width: ; min-height: 100px; padding: 10px; background-color: #fff; float: right; position: absolute; bottom: -170px; right: 0px; box-sizing: content-box;}


#cart-heading-emptyBtn{width: 100%; height: 50px; background-color: whitesmoke; float: left; display: grid; grid-template-columns: 1fr 1.175fr;}
#cart-h{width: auto; height: 50px; background-color: whitesmoke; float: left; display: flex; flex-direction: column; text-align: center; justify-content: center;}
#cart-empty{width: ; height: 50px; background-color: whitesmoke; float: right; display: flex; flex-direction: column; text-align: center; justify-content: center; align-items: center;}
#cart-emptyBtn{width: 100px; height: 35px; font-size: 12pt; color: white; background-color: black;}
#cart-contents{width: 100%; min-height: 0px; background-color: black; float: left;}

#cart-sum-pay{width: 100%; height: auto;  min-height: 50px; max-height: ; background-color: whitesmoke; float: left; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow-y: hidden;}

#cart-sum{min-width: 335px; width: 100%; height: 50px; background-color: whitesmoke; float: left;
display: grid; grid-template-columns: 1fr 1.39fr;}

#cart-sum h4{width: ; height: 50px; padding: 10px; background-color: whitesmoke; float: left; text-align: center; display: flex; flex-direction: column; justify-content: center; box-sizing: ;}

#total-sum{width: ; height: 50px; padding: 10px; background-color: whitesmoke; float: left; display: flex; flex-direction: column; text-align: center; justify-content: center; box-sizing: ;}

#cart-pay{width: 100%; min-height: 50px; background-color: black; float: left;}
#chk-out{width: 100%; height: 50px; font-size: 12pt; color: white; background-color: black; border: ; float: left;}
#cart-chkOutBackBtn{width: 100px; height: 35px; font-size: 12pt; margin-left: 10px; color: white; background-color: black; float: left; display: flex; flex-direction: row; text-align: center; justify-content: center; align-content: center; align-items: center;}

.cart-item{min-width: 335px; width: 100%; height: 100px; margin-bottom: 1px; background-color: /*rgba(204, 204, 204, .9)*/#d1d4d7; float: left;}


.item-img{min-width: 100px; width: calc((100% - 35px) / 3); height: 100px; background-color: transparent; float: left;}
.item-img-img{width: 90px; height: 90px; background-color: white; float: left;}
.item-title{min-width: 100px; width: calc((100% - 35px) / 3); height: 100px; color: white; background-color: transparent; float: left;}
.item-amount{min-width: 100px; width: calc((100% - 35px) / 3); height: 100px; background-color: transparent; float: left;  display: flex; flex-direction: column; align-items: center; justify-content: center;}
.item-remove{width: 35px; height: 100px; background-color: #9f0103; float: left; border: none;}
.item-remove:hover{background-color: #202020;}
.item-img, .item-title, .item-remove{color: white; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.item-sum-sum{width: 100px; height: 59px; background-color: transparent; float: left; font-size: 14pt; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.item-amount hr{width: 50px; height: 1px ; border: none; background-color: black; float: none; clear: both; margin-left: /*25px*/; margin-right: /*calc((100% - 50px) / 2)*/;}
.item-price{width: 100px; height: 40px; background-color: transparent; float: left; color: white; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 10.5pt;}
.item-qty{width: ; height: 40px; color: white; background-color: transparent; border: none; float: left;}
.item-qty-price{width: 100%; height: 100%; float: left; color: white; display: flex; flex-direction: row; align-items: center; justify-content: center;}

paypal-button-container{width: 400px; background-color: hotpink;}
smart-button-container{width: 100%; height: ; float: left; background: teal;}
smart-button-container:first-child:first-child{width:350px; height: ; float: left; background: lime;} 

/*#paypal-button-container{width: 100%; background-color: transparent;}
#smart-button-container:first-child{width:; height: ; float:; background: transparent;}*/

paypal-button-shape-rect{width: 50%; color: aqua;}
paypal-button.paypal-button-color-black{width: ; background: red; }
paypal-button-label-container{background: red;}
buttons-container{background: red;}
buttons-container{background: red;}
smart-button-container{width:100%; height: auto; max-height: 500px; background-color: blue; float: left;}
			
/*.paypal-button.paypal-button-color-black, .paypal-button-row.paypal-button-color-black .menu-button{width: 50%; background-color: orange;}*/



@media only screen and (min-width: 121px) and (max-width: 450px){
#cart-sum{grid-template-columns: 1fr 1.2fr;}	
}
@media only screen and (min-width: 451px) and (max-width: 618px){
#cart-sum{grid-template-columns: 1fr 1.35fr;}	
}

@media only screen and (min-width: 100px) and (max-width: 3000px){
.paypal-button .paypal-button-color-black{width: ; background: red; }	
}