#Checkout {
    width: 48%; 
	box-sizing: border-box; 
	padding: 15px;
}

#Checkout div.Section {
    margin-left: 10px; 
}

#Checkout div.Section > ul li {
    padding: 5px 0px 5px 36px !important;
	margin-top: 5px;
}

#Checkout div.Section > ul li > input[type="radio"] {
    margin-left: -26px !important; 
}

#Checkout #DivPickupPointAddress {
	
	margin: 5px 0px 5px 0px; 
	box-sizing: content-box; 
	height: 320px; 
	border: 1px solid silver; 
	background-color: white
}

#Checkout #DivCheckoutComment {
    color: gray; 
	background-color: #fff9c4; 
	padding: 8px; 
	line-height: 22px; 
	font-size: 90%; 
	margin-bottom: 5px; 
	text-align: left; 
	border-radius: 5px;
}

#Checkout table tbody tr td:first-child {

    vertical-align: top;
	white-space: nowrap;
	width: 50px;
    padding-right: 10px;
}

#Checkout .checkout-footer {
    display: flex; 
	margin-top: 25px; 
	padding-top: 20px; 
	justify-content: space-between; 
	align-items: center; 
	border-top: 1px solid rgb(228,228,228);
}

#Checkout #SelectPickupPoint {
	width: 100%; 
	overflow-y: scroll; 
	box-sizing: border-box;
	height: calc(100% - 40px);
}

#Checkout .CODWarning {
	display: none; 
	font-size: 85%; 
	column-gap: 10px; 
	line-height: 20px; 
	padding: 5px; 
	text-align: justify;
	background-color: #fff9c4;
}

#Checkout .CODWarning .icon-warning {
    padding: 0px 5px
}

#DivKupon {
    padding: 20px;
	align-self: center;
	background-color: rgb(248,248,248);
	margin: 20px 0px;
	width: 500px;
}

#DivKupon input[type=text] {
	
	background-color: white;
}

#DivKupon #kupon-error {
	color: red;
	font-size: 90%;
	line-height: 24px;
	margin-top: 10px
}

#FullShoppingCart #DivShoppingCartSummary, 
#BriefShoppingCart #DivShoppingCartSummary {
    display: flex; 
	flex-direction: column; 
	margin-left: auto; 
	font-size: 100%; 
	text-align: right; 
	width: 100%; 
	#margin-bottom: 30px; 
	padding: 12px 2px;
	white-space: nowrap;
	margin-left: auto;
    #padding-left: 20px;
    row-gap: 5px;
}

#FullShoppingCart #DivShoppingCartSummary {
	
	width: 350px;
}

#DivShoppingCartFooter {
    display: flex;
}

#DivShoppingCartIsEmpty { 
    text-align: center; 
	font-weight: bold; 
	color: red; 
	margin: 50px 0px;
}

#DivShoppingCartLocked {
    margin-top: 15px; 
	margin-bottom: 30px; 
	background-color: bisque; 
	padding: 5px; 
	font-size: 100%; 
	border-radius: 3px; 
	text-align: left;
}

#OrderInfoError, 
#TaxIdError {
    margin-top: 20px; 
	background-color: bisque; 
	font-weight: bold;
	color: red;
	text-align: center;
	padding: 5px; 
	font-size: 100%; 
	border-radius: 3px; 
}

#DivOrderLessThanMinAmount {
    margin-top: 15px; 
	color: red; 
	font-weight: bold; 
	font-size: 120%; 
	text-align: center
}

#FullShoppingCart table.ShoppingCart {
    width: 100%; 
	min-height: 40px; 

	box-sizing: content-box;
	line-height: 24px; 
}

#FullShoppingCart th {
	font-weight: bold; 
	border-bottom: 1px solid silver;
	color: silver;
	padding-bottom: 10px;
}


#FullShoppingCart tr.shoppingcart-row td {
	border-bottom: 1px solid rgb(238,238,238);
	padding: 6px 0px;
	vertical-align: top;
}

#FullShoppingCart tr.shoppingcart-row-mobile td {
	border-bottom: 1px solid rgb(238,238,238);
	padding-bottom: 10px;
}

#FullShoppingCart tr.shoppingcart-row-mobile {
	display: none;
}

#FullShoppingCart .column-image {
	text-align: center;
	width: 80px; 
	vertical-align: top;
}

#FullShoppingCart .column-image > img {
	text-align: center; 
	vertical-align: top;
	max-width: 120px; 
	max-height: 120px; 
	border: 1px solid rgb(222,222,222); 
	margin: 5px;
}

#FullShoppingCart .column-availability {
	text-align: center;
	width: 130px; 
}

#FullShoppingCart .column-item-name {
    width: 40%;
	text-align: left;
	#min-width: 450px;
	padding-left: 5px;
}

#FullShoppingCart .column-unit-price {
    width: 120px;
	text-align: right;
	white-space: nowrap;
}

#FullShoppingCart .column-quantity {
    width: 180px;
	text-align: center;
	margin-left: auto;
	white-space: nowrap;
}

#FullShoppingCart .column-sum-price {
    width: 100px;
	text-align: right;
	font-weight: bold; 
	margin-left: auto; 
	padding-right: 10px;
	white-space: nowrap;
}

#FullShoppingCart #DivShoppingCartSummary .amount
{
    display: inline-block;
	width: 120px
}

#FullShoppingCart #DivSubtotal {
    font-size: 100%;
}

#FullShoppingCart #SpanDivSubtotal {
    color: orange; 
	font-weight: bold; 
	margin-left: 50px; 
	display: inline-block;
}

#FullShoppingCart #DivTotal {
    font-size: 125%;
}

#BriefShoppingCartContainer {
  width: 49%; 
  box-sizing: border-box;
  position: relative;
  background-color: rgb(248,248,248);
  min-height: 100vh;
}

#BriefShoppingCartSticky {
	
	position: fixed; 
	margin-top: 20px;
    #margin-right: 20px;	
	padding: 20px 25px;
	#width: -webkit-fill-available;
	#width: fill-available;
	#width: 580px;
	box-sizing: border-box;
}

#BriefShoppingCart table.ShoppingCart {
    width: 100%; 
	font-size: 90%; 
	min-height: 40px; 
	padding: 6px 2px; 
	box-sizing: content-box; 
	line-height: 20px;
}


#BriefShoppingCart #DivShoppingCartItems {
  #padding-left: 15px;
  #padding-right: 5px;
}

#BriefShoppingCart #DivSubtotal {
	display: none;
}

#BriefShoppingCart #DivTotal {

    #background-color: orange;
	color: black;
	font-size: 140%;
	font-weight: bold;
	text-align: right;
	padding-top: 10px;
	border-top: 1px solid silver;
}

#BriefShoppingCart .column-quantity {
    text-align: center;
}

#BriefShoppingCart .column-unit-price {
    display: none;
}

#BriefShoppingCart .column-image {
    width: 80px;
}

#BriefShoppingCart .column-item-name {
    padding-left: 5px;
	text-align: left;
}

#BriefShoppingCart .column-sum-price {
    text-align: right;
	white-space: nowrap;
}

#BriefShoppingCart .column-delete-item {
    display: none;
}

#BriefShoppingCart .shoppingcart-row-mobile {
    display: none;
}

#BriefShoppingCart #ShippingTimeWarning {
	display: none;
}

#PickupPointInfo {
    display: flex; 
	flex-wrap: wrap; 
}

#PickupPointInfo #OpeningHours {
    width: 35%;
	padding: 15px;
	box-sizing: border-box;
}

#PickupPointInfo #GoogleMap {
    width: 65%;
	box-sizing: border-box; 
	#height: 430px; 
}

.PaymentDescription {
    margin-top: 6px; 
	color: rgb(128,128,128); 
	font-size: 80%; 
	background-color: rgb(248,248,248);
    padding: 6px 20px;
	letter-spacing: 0.3px;
	line-height: 22px;
	text-align: justify;
}

.ShippingDescription {
    margin-top: 6px; 
	#color: red; 
	font-size: 80%; 
	background-color: rgb(248,248,248);
    padding: 6px 20px;
	letter-spacing: 0.3px;
	line-height: 22px;
	text-align: justify;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
	
	#Checkout {
		width: 100%;
	}

	#Checkout div.Section {
        padding-left: 0px; 
		margin-left: 0px;
    }
	
	#Checkout div.Section table tr td:first-child {
       white-space: nowrap;
    }

    #Checkout #DivPickupPointAddress {
	    height: 350px;
	}

    #checkout-login {
		
		flex-direction: column;
		margin-top: 20px !important;
		width: 100% !important;
		box-sizing: border-box;
		background-color: initial !important;
		padding: 0px !important;
	}

    #checkout-login > div {
		
		padding: 10px !important;
		margin: 0px !important;
		border: none !important;
		width: 100% !important;
	}
	
	table.ShoppingCart thead {

	    display: none;
	}

	table.ShoppingCart tr.shoppingcart-row td.column-unit-price,
	table.ShoppingCart tr.shoppingcart-row td.column-quantity,
	table.ShoppingCart tr.shoppingcart-row td.column-availability,
	table.ShoppingCart tr.shoppingcart-row td.column-sum-price {
	    display: none;
	}
	
	table.ShoppingCart tr.shoppingcart-row td.column-item-name {
	    border-bottom: none;
	}
	
	#FullShoppingCart tr.shoppingcart-row td {
		border-bottom: none;
        width: unset;
	}

	#FullShoppingCart tr.shoppingcart-row-mobile,
    #BriefShoppingCart tr.shoppingcart-row-mobile	{
		display: table-row;
		line-height: 48px;
	}
	
	#DivShoppingCartFooter {
		display: block;
		margin-top: 10px;
	}

	#DivKupon {
		text-align: left;
		width: 100%;
		box-sizing: border-box;
	}

	#BriefShoppingCartContainer {
	    min-height: unset;
		width: 100%
	}
	
	#BriefShoppingCartSticky {
	    margin: 0px;
		position: initial;
		width: -webkit-fill-available;
	}

    #FullShoppingCart #DivShoppingCartSummary {
		width: 100%;
	}
	
    #DivOrderPersonalData {
		flex-direction: column;
		row-gap: 20px;
	}
}