/* admin */
.orders_table tr.order_in_progress {background: #bca6ee !important;}

.send_shippedorder_mail_box {display: none; z-index: 100; width:330px; position: absolute; background: rgba(0,0,0,0.9); padding: 10px 20px; border-radius: 5px; color: #cacaca; top: calc(100% + 6px);}
.send_shippedorder_mail_box:before {content:""; display: block; width: 0; height: 0px; border-color: rgba(0,0,0,0.9);
  border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 15px solid rgba(0,0,0,0.9); margin: auto; position: absolute;
top: -15px;}

.shipping-method-edit-box {padding: 20px; margin-top: 10px;}
.shipping_method_radio+label {margin-left: 10px;}
.shipping_method_radio:hover+label {color:#fff;}
.shipping_method_radio:checked+label {color: #fff; background: #0d6f1d; padding: 5px 5px 5px 0; border-radius: 5px;}

/* mobile gotobasket btn */
a.btn-gotocheckout {position: fixed; bottom: -3em; transition: 0.3s ease-out; height:3em; text-decoration: none;
	text-transform: uppercase; font-size: 120%; background: green; color: #fff;
	border:none !important; border-top: 1px solid #000 !important; font-weight: bold; padding-top:1em; z-index: 9999; text-align: center;}
a.btn-gotocheckout:hover, a.btn-gotocheckout:active {filter: brightness(80%);}

/* store basket */
.page-content.storebasket {text-align: left;}
.store-basket-item-warning {margin-top: 10px; font-size: 80%; opacity: 0.7; font-style: italic;}
.store-basket-quantity-div {width:max-content; margin: 20px 0 0 0;}
.store-basket-table {text-align: initial;}
.store-basket-table tr td:last-of-type {min-width: 6em; text-align: right; padding-left: 2px;}
.store-basket-table tr td:nth-last-child(-1) {padding: 10px 2px;}
.qt-cart-btn-l {border-radius: 3px 0 0 3px; border-right: 0;}
.qt-cart-btn-r {border-radius: 0 3px 3px 0; border-left: 0;}
.qt-cart-btn-qt {border-radius: 0; width: 2em; padding: 2px 0px; text-align: center; background: white;  margin: 0; -moz-appearance: textfield; cursor: initial;}
.qt-cart-btn-qt::-webkit-outer-spin-button, .qt-cart-btn-qt::-webkit-inner-spin-button {-webkit-appearance: none;}


/* store item */
.store-item-wrapper {display: flex; flex-wrap: wrap; gap:40px 80px}
.store-item-wrapper.center {align-items: center; justify-content: center;}
.store-item {border: 1px solid #ddd; padding:0px; margin:0px; display: inline-block; flex: 1 1 21%; max-width: 300px; text-align: left;}
.store-item-img-container {width: 100%; text-align: center;}
.store-item-img {width:150px; height: auto;}
.store-item-img:hover {filter: brightness(90%);}
.store-item-cart-btn-container {text-align: right;}
.store-item-cart-btn-large-container {display: none;}
.store-item-cart-btn {transition: 0.5s ease; border: none; background: transparent;}
.store-item-price-span {font-weight: bold; font-size: 150%;}
.store-old-price {position:relative; font-size: 65%; font-weight: normal;}
.store-old-price:before {background-color: red; top: calc(50% - 1px); content: ""; height: 2px; left: 0; position: absolute;
  right: 0; transform: rotate(-20deg);}
.store-item-options {margin-top: 10px; text-align: left;}
.store-item-options select {margin-top: 10px;}

.store-item-wrapper{transition: 0.4s ease-out !important;}

.store-advanced-search-container {margin: 40px 0;}


.store-item-wrapper.horizontal {display: block;}
.store-item-wrapper.horizontal .store-item {max-width: 100%; width: 100% !important; vertical-align: top; margin: 5px 0; padding: 5px 0; border-bottom: 1px solid #ccc;}
.store-item-wrapper.horizontal .store-item .store-item-img-container {width:20%; max-width: 150px; display: inline-block;}
.store-item-wrapper.horizontal .store-item .store-item-img-container img {max-width: 100%;}
.store-item-wrapper.horizontal .store-item .store-item-fields {display:inline-block; width: 40%; padding-left:20px; vertical-align: top;}
.store-item-wrapper.horizontal .store-item .store-item-actions {display:inline-block; width:40%; vertical-align: top; text-align: right;}
.store-item-wrapper.horizontal .store-item .store-item-actions .store-item-cart-btn-container {display: none; }
.store-item-wrapper.horizontal .store-item .store-item-actions .store-item-cart-btn-large-container {display: block; white-space: nowrap;}

.store-item-wrapper.slick-carousel .store-item {margin: 0;}

#coupon_token_div.active {padding: 5px; background: #008000; color: #fff; border-radius: 5px;}

@media screen and (max-width: 600px) {

	.store-item-wrapper.horizontal .store-item .store-item-img-container {position:absolute;}
	.store-item-wrapper.horizontal .store-item .store-item-fields {margin: 0 0 0 20%; width:80%; padding-left: 35px;}
	.store-item-wrapper.horizontal .store-item .store-item-actions {margin: 5px 0 0 20%; width:80%; text-align:left; padding:0 0 10px 35px;}

	/* mobile horizontal view */
	.store-item-wrapper:not(.slick-carousel):not(.vertical) {display: block;}
	.store-item-wrapper:not(.slick-carousel):not(.vertical) .store-item {max-width: 100%; width: 100% !important; vertical-align: top; margin: 5px 0; padding: 5px 0; border-bottom: 1px solid #ccc;}
	.store-item-wrapper:not(.slick-carousel):not(.vertical) .store-item .store-item-img-container {width:20%; max-width: 150px; display: inline-block;}
	.store-item-wrapper:not(.slick-carousel):not(.vertical) .store-item .store-item-img-container img {max-width: 100%;}
	.store-item-wrapper:not(.slick-carousel):not(.vertical) .store-item .store-item-actions .store-item-cart-btn-container {display: none; }
	.store-item-wrapper:not(.slick-carousel):not(.vertical) .store-item .store-item-actions .store-item-cart-btn-large-container {display: block; white-space: nowrap;}
	.store-item-wrapper:not(.slick-carousel):not(.vertical) .store-item .store-item-img-container {position:absolute;}
	.store-item-wrapper:not(.slick-carousel):not(.vertical) .store-item .store-item-fields {display:inline-block; vertical-align: top; margin: 0 0 0 20%; width:80%; padding-left: 35px;}
	.store-item-wrapper:not(.slick-carousel):not(.vertical) .store-item .store-item-actions {display:inline-block; vertical-align: top; margin: 5px 0 0 20%; width:80%; text-align:left; padding:0 0 10px 35px;}
}

.store-items-list-preview-image {height:1.5em;}
.store-items-list-preview-image:hover .store-items-list-preview-image-hidden {display:block; position: absolute; width: 500px; height: auto;}

.store-single-item-img img {max-width:100%; height:auto; box-shadow: 0 0 5px #333; cursor: zoom-in;}
.store-single-additional-item-img {cursor:pointer;}
.store-single-additional-item-img:hover {opacity: 0.8;}
.store-spec-info-table-container {margin-top:20px; border-top:1px solid #ddd; padding-top:20px;}
.store-reviews-container {margin-top:40px; border-top:1px solid #ddd; padding-top:20px;}


.store-item-empty-stock-warn {display: block; padding: 10px; font-weight: bold; font-size: 120%; border: 2px solid #000; margin-top: 5px; text-align: left;}

/* rating */
.rating {unicode-bidi: bidi-override; direction: rtl; width: 8rem;}
.rating input {position: absolute; left: -999999px;}
.rating label { display: inline-block; font-size: 0;}
.rating > label:before {cursor:pointer; position: relative; font: 20px/1 FontAwesome; display: block; content: "\f005"; color: #ccc; background: -webkit-linear-gradient(-45deg, #d9d9d9 0%, #b3b3b3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.rating:not(.stable) > label:hover:before,
.rating:not(.stable) > label:hover ~ label:before,
.star.selected,
.rating > label.stable:before,
.rating > label.stable ~ label:before,
.rating > label.selected:before,
.rating > label.selected ~ label:before {color: #f0ad4e; background: -webkit-linear-gradient(-45deg, #fcb551 0%, #d69a45 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.rating.stable > label:before {cursor: initial;}

/* reviews */
.review-box {border:1px solid #ddd; margin:5px 0; padding:15px; position: relative}
.review-box.approval {background: #ffffc6; opacity: 0.6;}
.review-approval {font-size: 80%; opacity:0.6; margin-bottom: 15px; font-weight: bold; color: red;}
.review-author {opacity: 0.7; font-weight: bold; display: inline-block;}
.review-datetime {opacity: 0.6; float: right}
.review-rating {float:left; text-align: left; margin-top: -5px;}
.review-title {font-weight: bold;}
.review-text {border-top:1px solid #ddd; margin-top: 5px; padding-top: 15px;}


/* cart preview */
.shopping-cart-btn {position: relative;}
.shopping-cart-btn i {transition: color 0.5s ease;}
.shopping-cart-btn.active, .store-item-cart-btn.active {color:red;}

.menu-item > .menu-dropdown-content.shopping-cart-preview-dropdown {position: fixed; top:5px; right:5px;}
.shopping-cart-preview-dropdown {background: #fff; top:100%; max-height: 95vh; overflow: auto;}
.shopping-cart-preview {text-align: left; width:250px; font-weight: normal; cursor: initial;}
.shopping-cart-preview h3 {text-align: center; padding:10px; background: #292929; color: #fff;}
.shopping-cart-preview-items {text-transform: initial; font-size: 90%; padding:5px; margin:10px 5px;}
.shopping-cart-preview-items .cart-preview-row {border-bottom:1px solid #ddd; padding: 10px 0;}
.shopping-cart-preview-items .item-price {text-align: right;}
.shopping-cart-preview-items .item-info {padding-right: 10px;}
.shopping-cart-preview-total {padding: 5px 10px; font-weight: bold;}
.shopping-cart-preview-btn-container {text-align: center;}

.shopping-cart-quantity-badge {text-align: center; border-radius: 100%; background: #f00; width: 12pt; height: 12pt; display: inline-block; position: absolute; color: #fff; padding: 1px 3px; box-shadow: 0 0 3px 3px red;top: -12px; right: -17px;}

.shipping-method-info {padding:0 0 0 10px;}
.shipping-method-price {font-weight: bold; text-align: right;}
@media screen and (max-width: 600px) {
	.shipping-method-info {padding:10px 0 0 0;}
	.shipping-method-price {padding: 10px 0 0 0;}
}

.shipping_address-box, .billing_address-box {border:1px solid #ddd; width:250px; position: relative; margin:5px; opacity: 1; 
  -webkit-transition: margin 0.5s ease, opacity 0.5s ease;; transition: margin 0.5s ease, opacity 0.5s ease; padding-bottom: 20px;}
.selectable .shipping_address-box.active {outline: 3px solid green;}
.selectable .billing_address-box.active {outline: 3px solid orange;}
.address-box-footer {background: #F0F0F0; text-align: right; padding: 5px; cursor: initial; position: absolute; width: 100%; bottom: 0;}



/* stepbar */
.stepbar-container {max-width: 900px; margin: 25px auto; }
.stepbar {counter-reset: step;}
.stepbar li {list-style-type: none; width: 25%; float: left; font-size: 12pt; position: relative; text-align: center; text-transform: uppercase; font-weight: bold; color: #7d7d7d;}
.stepbar li:before {width: 30px; height: 30px; content: counter(step); counter-increment: step; line-height: 30px; border: 2px solid #7d7d7d; display: block; text-align: center; margin: 0 auto 10px auto; border-radius: 50%; background-color: white;  }
.stepbar li:after {width: 100%; height: 6px; content: ''; position: absolute; background-color: #7d7d7d; top: 13px; left: -50%; z-index: -1;  }
.stepbar li:first-child:after {content: none;  }
.stepbar li.active {color: green;}
.stepbar li.active:before {background: #00882e; border-color: #00882e; color:#fff;}
.stepbar li.active:after {background-color: #00882e;}

@media screen and (max-width: 600px) {
	.menu-item > .menu-dropdown-content.shopping-cart-preview-dropdown {position: relative;}
	.stepbar-container-mobile {background: #f0f0f0; font-size: 12pt; padding:20px;}

}


/* userpanel */
.userpanel-digitem {position: relative; border: 1px solid #ddd; padding: 20px; margin: 10px 0; border-left: 15px solid green;}
.userpanel-digitem-title {font-size: 130%; font-weight: bold; margin-bottom: 10px;}
.userpanel-digitem-spec { margin-top:10px; opacity: 0.7;}

.userpanel-digitem.edit {position: relative; border: none; border-bottom: 1px solid #ddd; padding: 20px 10px; margin: 10px 0;}
.userpanel-digitem-spec.edit {}

/* settings */
.store_select_fields_flex-item {flex: 1 0 21%; margin: 2px 5px;}
/* import */
.matchfield-selector {font-size: 95%; min-width: 7em;}
.proposed-csv tr td {padding:4px; font-size: 90%;}
.proposed-csv:not(.reversed) tr td:first-child {color: #c2c7d0; background: #333; border: none;}
.proposed-csv:not(.reversed) tr:first-child td {color: #c2c7d0; background: #333; border: none;}
.proposed-csv.reversed tr:first-child td {color: #c2c7d0; background: #333; text-align: center; padding: 0px;}
.proposed-csv.reversed tr td:first-child {color: #c2c7d0; background: #333; text-align: center; padding: 0px;}
/* additional images */
.additional-image {width: 100px; list-style:none;}

@media screen and (max-width: 600px) {
	.store-single-item-img {margin: 0;}
	.single-item-additional-imagex-box {margin-bottom: 10px;}
	.address-box {width: 100%;}
	.shopping-cart-preview-dropdown {border: none !important; z-index: 999;}
	.shopping-cart-btn {display: none;}
	.shopping-cart-preview {margin: 0 auto; width: 100%; border:1px solid #ddd;}
	.store-item {max-width:initial;}
}


/* checkout */
.store-checkout-sidebar {text-align: left;}
.checkout-single-item {text-indent: -1.5rem; padding-left: 1.4rem;}
.checkout-single-item > span.right {width: 3em; text-indent: 0; text-align: right;}


.transaction-confirm {text-align: center;}


/* payments */
.StripeElement--focus, .StripeElement:focus {box-shadow: 0 1px 3px 0 #cfd7df;}
.StripeElement--invalid {border-color: #fa755a;}
.StripeElement--webkit-autofill {background-color: #fefde5 !important;}
.sr-combo-inputs-row {border-radius: 4px; background-color: white; box-shadow: 0 1px 5px #888; 
	-webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; position: relative;}
.sr-input, .StripeElement { box-sizing: border-box; border: 1px solid transparent; border-radius: 8px; background-color: white; font-size: 16px; 
	border: 1px solid 4px; border-radius: 4px; padding: 10px 12px; height: 44px; width: 100%; transition: box-shadow 0.2s ease; background: white; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
.sr-card-element {margin-top: 3px;}
.sr-input:focus, .StripeElement--focus, .StripeElement:focus {box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3); outline: none; z-index: 9;}
.sr-input:placeholder {color: #737e88;}
#card-errors {padding: 5px 10px; color: #fa755a;}
#cardholder-name {padding-left: 43px; position: relative; border-bottom: 1px solid #ddd;}
#cardholder_icon {position: absolute; top: 15px; left: 15px; color: #dcdfe6; z-index: 999; font-size: 18px;}
.stripe-button {background:#333; font-weight:bold; border:none; text-align: center; color:#eee;}

.paypal-logo i:first-child {color: #253b80;}
.paypal-logo i:last-child {color: #179bd7;}
.paypal-button {border: 1px solid #FF9933; background-image: linear-gradient(#FFF0A8, #F9B421); display: inline-block;}
.paypal-button .paypal-logo {font-family: Verdana, Tahoma; font-weight: bold; display: inline-block; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); font-size: 18px;}

.payment-btns {padding: 6px 10px; width:250px; border-radius: 4px; cursor: pointer; height: 40px; white-space: nowrap;}
.payment-btns:hover {filter:brightness(90%);}
.payment-btns:active {filter:brightness(85%);}

@media screen and (max-width: 600px) {
	.payment-btns {width: 100%;}
}