body .brand-image-expanded
{
	display:inline-block;
}

body .brand-image-collapsed
{
	display:none;
}

@media (max-width:500px)
{
	body .brand-image-expanded
	{
		display:none;
	}
	
	body .brand-image-collapsed
	{
		display:inline-block;
	}
	
}

.layout-top-nav .wrapper .main-header .brand-image {
    margin-top: .2rem;
    margin-right: .2rem;
    height: 33px;
}

.checkout-page, .payment-ok-page, .payment-error-page {
    -ms-flex-align: center;
    align-items: center;
    background-color: #e9ecef;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -ms-flex-pack: center;
    justify-content: center;
}

body.checkout-page
{
	/*
	background: url('/quickcheckout/img/backgrounds/checkout-5.jpg');
	*/

	overflow-x: hidden;
}

body.payment-ok-page
{
	background: url('/quickcheckout/img/backgrounds/checkout-3.jpg');
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

body.payment-error-page
{
	background: url('/quickcheckout/img/backgrounds/checkout-4.png');
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

body.chechout-page .box > .card
{
	background-color: rgba(255,255,255,0.8);
}


#localization_dropdown
{
	display: none;
    min-width: 250px;
    padding: 10px;
    position: absolute;
    background-color: rgba(255,255,255,1);
	left: -75px;
	border: 1px solid lightgray;
}

.content-wrapper
{
	background-color: #F8F8F8;
}

ul.category-list-menu
{
	list-style: none;
	margin:0;
	padding:0;
}

ul.category-list-menu > li.nav-item > span.expand:before
{
	font-family: "Ionicons";
	content:"\f124";
	float:right;
	margin-right:15px;
}

ul.category-list-menu > li.nav-item.expanded > span.expand:before
{
	content:"\f123";
}

ul.category-list-menu a.nav-link
{
	padding:0.1rem 1rem;
	display: inline-block;
}

ul.category-list-menu li.nav-item
{
	max-height: 27px;
	overflow-y: hidden;
}

ul.category-list-menu li.nav-item span.expand
{
cursor:pointer;
}

ul.category-list-menu li.nav-item.expanded
{
	max-height: inherit;
}

ul.category-list-menu li.nav-item .categorylink a
{
	color:black;
}

ul.category-list-menu li.nav-item .categorylink a.active
{
	color: #dc3545;
	font-weight: 700;
}

ul.product-list
{
	list-style-type: none;
	text-align: center;
}

ul.product-list li.product-item .product-item-wrapper
{
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.37rem;
}

ul.product-list li.product-item .product-item-wrapper:hover
{
	box-shadow: 0 4px 15px rgba(153, 153, 153, 0.3);
    transition: 0.3s;
}

.product-cover img
{
	max-width:100%;
}

ul.product-list li.product-item .product-item-wrapper .product-name
{
	line-height:1.2em;
	font-size:0.94em;
	margin-top:1em;
	height:54px;
	overflow-y: hidden;
	padding:0 10px;
}

ul.product-list li.product-item .product-item-wrapper .product-name a
{
	color:black;
}

ul.product-list li.product-item .product-item-wrapper .product-price
{
	font-size:1.2em;
	margin-top:10px;
	margin-bottom:10px;
}

div.product-price
{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	margin:0;
	padding: 0;
	background-color: yellow;
	cursor: default;
}

div.product-price .price-original
{
	text-decoration: line-through;
}

div.product-price .price-current, div.product-price .currencysign 
{
	color:red;
	font-weight: 500;
}

div.product-price-cart .price-original
{
	text-decoration: line-through;
}

div.product-price-cart .price-current, div.product-price-cart .currencysign 
{
	color:red;
	font-weight: 500;
}

div.product-price-cart span
{
	margin-right:0.25em;
}

li.product-item.list
{
	width: 100%;
    max-width: 100%;
    flex: 100%;
}

li.product-item.grid .product-cover, li.product-item.grid .product-description, li.product-item.grid .product-price
{
	width: 100%;
    max-width: 100%;
    flex: 100%;
}


li.product-item.list .product-price
{
	padding-left:15px;
}

li.product-item.list .product-cover
{
	padding-right:15px;
}

li.product-item.grid .product-description_short
{
	display: none;
}

ul.product-list li.product-item.list .product-item-wrapper .product-description
{
	margin-top:0;
	text-align: justify;
	border-left:1px solid lightgray;
	border-right:1px solid lightgray;
}

ul.product-list li.product-item.list .product-item-wrapper .product-name
{
	font-size:1.1em;
	height:auto;
	font-weight:600;
	margin-top:0;
	padding:0;
}

ul.product-list li.product-item.list .product-item-wrapper .product-name .product-description_short
{
	font-size:0.8em;
	font-weight:400;
}

.product-company, .product-reference
{
	font-size:0.8em;
}

.product-is-out-of-stock
{
	display:none;
	
}

ul.product-list li.product-item .product-item-wrapper .product-description_short
{
	font-size:0.9em;
}

@media (max-width:767px)
{
	ul.product-list li.product-item.list .product-item-wrapper .product-name
	{
		border-left:none;
		border-right:none;
		margin-top:1.5em;
		margin-bottom:1em;
	}
}

.rating-stars {
    display: inline-block;
    vertical-align: bottom;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
    clear: both;
}

.rating-stars li {
    display: block;
    text-overflow: clip;
    white-space: nowrap;
    z-index: 1;
}

.rating-stars li.stars-active {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.rating-stars i {
    font-size: 10px;
    color: #ccc;
    display: inline;
}

.rating-stars li.stars-active i {
    color: orange;
}

.label-rating {
    margin-left: 7px;
    display: inline-block;
	font-size:0.9em;
}

.product-image-thumbs
{
	display:block;
}

.product-image-thumbs .product-image-thumb
{
	display: inline-block;
	margin-bottom:1rem;
	cursor:pointer;
}

body#product .color-example
{
	display:block;
	width:32px;
	height:32px;
	border-radius:16px;
	border-width:5px;
	margin:auto;
	margin-top:5px;
	border:7px solid transparent;
}

body#product .attribute label.active
{
	background-color:lightgray;
}

body#product .product-price
{
	font-size:1.75em;
}

body #nav-cart .product-price
{
	display:inline-block;
	font-size: 1em;
}

body #nav-cart .product-price span
{
	margin-right:0.25em;
}

body #nav-cart p.quantity
{
	display: inline;
}

#nav-cart .timeout
{
	color:red;
	font-size:0.75em;
	text-align: center;
	width: 100%;
	margin-top: -12px;
	position: absolute;
}


#loginlink, #logoutlink
{
	display: none;
}

#nav-cart .dropdown-menu
{
	right:-80px;
	
}

#nav-cart h3.dropdown-item-title
{
	white-space: normal;
}

#cart_wrapper #products .cart-product-image
{
	max-width:100%;
	display:inline-block;
	width:100px;
}

#cart_wrapper
{
	font-size:0.9rem;
}

#cart_wrapper #products .product-price
{
	font-size:0.9rem;
}

#cart_wrapper #products .product-price span
{
	margin-right:0.25em;
}

#cart_wrapper #products .productname
{
	line-height:1rem;
}

#cart_wrapper #stepper1 .step-trigger
{
	font-size:0.9rem;
}

#checkoutmodal div.timeout
{
	display: block;
    font-weight: bold;
    color: red;
    float: right;
    position: absolute;
    right: 40px;
	font-size: 1.5rem;
	line-height:1.5rem;
	margin-top:8px;
}

#cart_wrapper #products .productdelete
{
	cursor:pointer;
}

#cart_wrapper #products .updatequantity
{
	margin-top:-3px;
	padding:0 0 0 4px;
	max-width:60px;
}

#cart_wrapper .coupon_code
{
	font-size:1rem;
}

#cart_wrapper .coupon_code .delete_coupon
{
	cursor:pointer;
}

@media (max-width: 520px) {
	.bs-stepper .step-trigger {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1px;
	}
}

.checkout-box
{
	max-width:1200px;
}

.checkout-box img
{
	max-width: 100%;
}

.btn.btn-expand
{
	color:#505050;
	font-size:24px;
}

body.checkout-page .ekko-lightbox-nav-overlay a
{
	color:black;
}

body.checkout-page #collection_product_list div.product-item-details
{
	/*display:none;
	margin-left: 0;
    margin-right: 0;*/
}

body.checkout-page #collection_product_list div.product-item-details.expanded
{
	display:flex;
	background-color: #e9ecef;
}

#collection_product_list hr
{
	margin:0;
}

#collection_product_list .combinations input.qty
{
	width:26px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#collection_product_list .combinations .btn-qty
{
	padding: 2px;
    margin: 2px;
	font-size:16px;
	color: #505050;
}

#collection_product_list span.checkout-label, #total span.checkout-label
{
	display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .6rem 0rem;
    font-size: 1rem;
    line-height: 1.02;
	height:58px;
}

#collection_product_list #liveproduct
{
	border: 2px solid red;
	border-radius: 5px;
	margin-left: 0px;
    margin-right: 0px;
}

#collection_product_list #liveproduct #livelabel
{
	background-color: red;
	color: white;
	text-align: center;
    font-size: 20px;
    text-transform: uppercase;
	font-weight: 600;
}


#collection_product_list #liveproduct_placeholder .row
{
	margin-left:0;
	margin-right:0;
}

#liveproduct
{
	height:0;
	opacity:0;
}

#liveproduct_placeholder
{
	padding:0;
}

#savedcards_placeholder label.form-control-label
{
	margin-left:10px;
}

#otherproducts .product-item .product-name
{
	text-align: center;
}

.product-item .combinations
{
	display: none;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,0.75);
    border: 1px solid black;
    padding: 5px;	
	width:95%;
	border-radius: 5px;
	z-index: 999;
}

.product-item .combinations.show
{
	display: block;
}

.product-item.online
{
	/*
	border:3px solid red;
	border-radius: 8px;
	background-color: orangered;
	*/
}

.product-item .countdown
{
	position: absolute;
    width: 100%;
    text-align: center;
    color: red;
	font-size: 24px;
	font-weight:bold;
	cursor: default;
	margin-top: -38px;
}

.prod_to_cart_toggle_btn, .btn-combinations-close
{
	text-transform: uppercase;
}

.blink_round
{
	display: inline-block;
	float:right;
	margin-right:5px;
}

.blink_me {
	animation: blinker 2s linear infinite;
  }
  
  @keyframes blinker {
	50% {
	  opacity: 0;
	}
  }


#cart_stick
{
	display: block;
	position: fixed;
	text-align: right;
	top:3px;
	z-index: 999999;
	padding-right:15px;
	width: 100%;
	cursor: pointer;
}

#cart_stick_wrapper
{
	background-color: white;
	padding:5px;
	border-radius: 5px;
	border: 1px solid lightgray;
	display: inline-block;
}




.stripe_form
{
  /*max-width:320px;*/
  margin:auto;
  border:1px solid #eeeeee;
  padding:10px;
}

.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#cardholder-name
{
width:100%;
margin-bottom:10px;
box-sizing: border-box;
height: 40px;
padding: 10px 12px;
border: 1px solid transparent;
border-radius: 4px;
background-color: white;
box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
color: #32325d;
font-size: 20px;
font-family: Arial;
}

#cardholder-name::placeholder
{
  color:#ccc;

}

#cardholder-name:focus {
  outline: none;
}

.stripe_form img
{
	max-width:100%;
}


#payment_totals
{
	margin-bottom: 10px;
}

.checkout-page #payment_totals > div
{
	display: inline-block;
	width:33%;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.checkout-page #payment_totals > div > span
{
	font-weight: normal;
}

.checkout-page #payment_method_select
{
	text-align: center;
}

.checkout-page #payment_method_select .payment_method
{
	display: inline-block;
}

.checkout-page #payment_method_select .payment_method img
{
	height: 48px;
}

.checkout-page #payment_method_select .payment_method
{
	border: 2px solid #eaeaea;
	padding:5px;
	margin:8px;
	border-radius: 8px;
	cursor: pointer;
	background-color: white;
}

.checkout-page #payment_method_select .payment_method.selected
{
	border: 2px solid #007bff;
}

span.orderstate
{
	display: inline-block;
    width: 100%;
	text-align: center;
}

span.state-paid
{
	background-color: lightblue;
}

span.state-toprint
{
	background-color: darkturquoise;
}

span.state-labeled
{
	background-color: lightgreen;
}

span.state-shipped
{
	background-color: limegreen;
}

span.state-delivered
{
	background-color: forestgreen;
}

span.state-cancelled
{
	background-color: lightcoral;
}

span.state-refund
{
	background-color: orchid;
}

@media (max-width: 767px)
{
	.checkout-box
	{
		width:100%;
		max-width:100%;
		padding:5px;
	}

	#initpaymentbtn
	{
		white-space: normal;
	}

	#collection_product_list
	{
		margin-bottom:125px;
	}

	.checkout-page #payment_totals > div
	{
		display: block;
		width: 100%;
		margin:auto;
		margin-top:3px;
		margin-bottom:8px;
	}

}


@media (max-width: 576px)
{
	#collection_product_list .combinations input.qty {
		width: 40px;
	}

	#collection_product_list .product-item div.expand-button
	{
		min-width:50px;
	}


	#collection_product_list .product-item div.product-name
	{
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
		max-width: 33%;
	}

	#collection_product_list .product-item div.product-cover
	{
		overflow-x: hidden;
		overflow-y: hidden;
		white-space: nowrap;
	}

	#collection_product_list span.checkout-label, #total span.checkout-label
	{
		font-size:0.9rem;
		text-align: left;
		/*white-space: nowrap;*/
		overflow: hidden;
	}

	#collection_product_list .product-item
	{
		padding-left:0;
		padding-right:0;
	}

	.checkout-box .card-body
	{
		padding-left: 0;
		padding-right: 0;
	}
	
	#total, #customerinfo
	{
		padding:10px;
	}

	.product-item .combinations
	{
		margin-left:10px;
	}

	.checkout-box
	{
		padding:0;
	}

	#total.sticky
	{
		position: fixed;
		bottom: 30px;
		display: block;
		z-index:99999;
		width: 90%;
        left: 4%;
	}

	.footer_copyright
	{
		position: fixed;
		bottom: 1px;
		display: block;
		z-index: 99999;
		background-color: rgba(255, 255, 255, 0.85);
		width: 100%;
		text-align: center;
		padding: 5px;
	}

	#total.sticky .mt-3
	{
		margin-top: 0.25rem !important;
	}


}

#paypal-button-container
{
	text-align: center;
    display: block;
    margin: auto;
	max-width:300px;
}

#mypos_placeholder
{
	text-align: center;
}

div.paypal-buttons-context-iframe
{
	max-width: 300px;
}

.checkout-page #payment_fee
{
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.checkout-page #payment_fee > span
{
	font-weight: normal;
}

label:not(.form-check-label):not(.custom-file-label)
{
	font-weight: 400;
	display: inline;
}

#total .input-group-append .input-group-text
{
	background-color: transparent;
	border-color: transparent;
}