/* =============================================================================
								Shop Less
==============================================================================*/
/* =============================================================================
								Shop Cart Less
==============================================================================*/
.abcShopCartMenuList {
  position: absolute;
  top: 100%;
  right: 0;
  width: 100vw;
  max-width: 400px;
  max-height: 80vh;
  box-shadow: 2px 2px 12px grey;
  overflow: hidden;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: start !important;
}
.abcShopCartMenuList .abcShopCartScroll {
  overflow-y: auto;
}
.abcShopCartMenuList .blockRoot .abcBlockTitle {
  display: none;
}
.abcShopCartMenuList .abcFormContainer {
  padding: 0 !important;
}
.abcShopCartMenuList .chosen-results {
  background: #fafafa;
}
.abcShopCartMenuList .chosen-search {
  display: none;
}
.abcShopCartOrder {
  color: black;
}
.abcShopCartOrder .abcShopCartSummary {
  background: lightgoldenrodyellow;
  padding: 1em;
  font-size: 1rem;
}
.abcShopCartOrder .abcShopCartSummary .abcShopCartSummaryRow {
  display: flex;
  justify-content: space-between !important;
  margin: .4em 0;
}
.abcShopCartOrder .abcShopCartSummary .abcShopCartSummaryRow span {
  display: inline-block;
}
.abcShopCartOrder .abcShopCartOrderCommands {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em;
  background: lightyellow;
}
.abcShopCartOrder .abcShopModeSelector {
  background: lightyellow;
  margin: 0;
  padding: 0;
  border-bottom: .5px solid grey;
}
.abcShopCartOrder .abcShopCartOrderCommands .abcShopCartOrderButton,
.abcShopCartOrder .abcShopCartFinalizeButton {
  background: linear-gradient(to bottom, #f6c88f, #ed9220);
  padding: .3em 1.2em;
  border-radius: .4em;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-align: center;
}
.abcShopCartOrder .abcShopCartFinalizeButton .abcIcon {
  animation: abcBounceLeft 4s infinite;
}
.abcShopCartOrder .abcShopCartFinalizeButton {
  width: 100%;
  padding: .7em;
}
.abcShopCartList {
  background: white;
  color: black;
  padding: 0 1rem;
  font-size: 1rem;
  text-align: left;
  overflow-x: hidden;
  overflow-y: auto;
}
.abcShopCartGroup {
  font-size: 1.1rem;
  font-weight: bolder;
  border-bottom: 1px solid;
  background: grey;
  color: white;
  padding: .3em .5em;
  margin: 0 -1em;
}
.abcShopCartElement {
  position: relative;
  cursor: pointer;
}
.abcShopCartElement .abcShopCartElementInfo {
  display: flex;
  justify-content: space-between !important;
  padding: 12px 0;
}
.abcShopCartElement .abcShopCartElementInfo.abcDisabled {
  color: grey;
  text-decoration: line-through;
}
.abcShopCartElement .abcShopCartElementChanger {
  display: none;
  position: absolute;
  top: .5em;
  bottom: 0;
  right: 0;
  left: 0;
  justify-content: space-around;
  align-items: center;
  font-size: 2rem;
  margin-top: -1rem;
  background: rgba(255, 255, 255, 0.7);
}
.abcShopCartElement.abcShopRowChange .abcShopCartElementChanger {
  display: flex;
}
.abcShopCartElement span {
  display: inline-block;
  text-align: left;
  margin: 0 2px;
}
.abcShopCartElement span.abcCartQuantity {
  font-size: 1.2em;
  font-weight: bolder;
}
.abcShopCartElement span.abcCartQuantity:after {
  content: "x ";
  margin: 0 .3rem;
  font-size: .7em;
}
.abcShopCartElement span.abcCartTitle,
.abcShopCartElement span.abcCartRefTitle {
  flex-grow: 3;
}
.abcShopCartSums {
  margin: 0 -1em;
  padding: 1em;
  background: lightgoldenrodyellow;
}
.abcShopCartSums > div[class^='abcCartSum'] {
  display: flex;
  justify-content: space-between;
  margin: .4em 0;
}
.abcShopCartMenuList .abcIcon {
  font-size: 1em !important;
  padding: 0 !important;
}
.abcResponsive .abcShopCartMenuList {
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: unset;
  max-height: unset;
  font-size: 1rem;
}
.abcResponsiveMenuToggler span.abcShopMenuQuantity {
  font-size: .9rem;
}
.abcShopAddToCart {
  display: flex;
  justify-content: center;
}
.abcResponsive .abcShopAddToCart .abcIcon {
  font-size: 1rem !important;
  padding: 0;
}
.abcShopModeSelector .abcFieldsetElement.abcActive label {
  background: yellow !important;
  color: black !important;
  padding: .5em 0;
}
.abcShopCartOrder .abcShopModeSelector .abcFieldsetElement label {
  color: lightgrey !important;
  background: grey !important;
}
.abcShopCartOrder .abcShopModeSelector .abcFieldsetElement.abcActive label {
  color: black !important;
  background: transparent !important;
}
.abcShopModeToCartPrice {
  text-align: right;
}
.abcShopOfferGrid {
  table-layout: fixed;
}
.abcShopOfferGrid tbody tr.abcPropertyElement th {
  padding-left: 1em;
}
.abcGridHead tr,
.abcGridHead th {
  vertical-align: top;
}
.abcShopOfferGrid tbody .abcProperty > th.abcGridRowTitle {
  font-size: 1.3em;
}
.abcShopOfferGrid tbody tr.abcProperty td,
.abcShopOfferGrid tbody tr.abcProperty th {
  background: steelblue;
  color: white;
}
.abcShopOfferGrid th.abcGridRowTitle > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 0.5em;
}
.abcShopOfferGrid td > div.shopGridBoolValue {
  text-align: center;
}
.abcShopOfferGrid td > div.shopGridBoolValue.abcDisabled {
  color: white;
}
.abcShopOfferGrid td > div.shopGridBoolValue.abcEnabled {
  color: green;
  font-weight: bolder;
  font-size: 1.4em;
}
.abcCartConfirmRow {
  margin: 1rem 0;
}
.abcFormContainer .abcShopItem .abcShopTitle {
  margin: 0;
  padding: 0;
  border: none;
  color: black;
  background: none;
}
.abcProperties td.shopOptionPrice {
  width: 15%;
  font-size: .7em;
  text-align: right;
  color: darkgrey;
}
.htmlCartConfirmTotalAmount {
  text-align: right;
}
.blockConfirmOverview > div > *,
.blockShipmentOverview > div > * {
  display: inline-block;
  width: 50%;
  margin: 0;
  padding: .5rem 0;
}
.blockConfirmOverview .abcHtmlContent {
  text-align: right;
}
.shopEmptyCart {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  font-size: 4rem;
  display: flex;
  flex: 1;
  /* align-items: center; */
  flex-direction: column;
  justify-content: space-around;
  /* height: 100%; */
}
.abcShopCart.abcShopHasContent .abcIcon {
  animation: abcBlink 1.2s linear infinite;
}