/* ADD CHANGE 21.06.2021 */

/* VM CATEGORY PRODUCTS - info flag position */
.spacer div.myBottomVmCat div.myTags {
  margin-left: 2px;
}
/* VM CATEGORY PRODUCTS - price position */
div.myPricesVmCat {
  margin-right: 2px;
}
/* VM CATEGORY PRODUCTS - text no price and pricce */
div.myPricesVmCat span.myText,
div.myVmDetailPrice span.myText,
div.myPricesVmCat > div {
  font-size: 17px;
  font-weight: 600;
}


/* NEW VM MENU - show or hide categories */
div.myLeftMenu div#myVmMenuModulButton {
  cursor: pointer;
  color: black;
}
div.myLeftMenu div#myVmMenuModulButton:hover {
  color: white;
}
div.myLeftMenu div#myVmMenuModulButton > div:before {
  display: none;
}
div.myLeftMenu div#myVmMenuModulButton > div:after {
  content: '';
  display: block;
  width: 0px;
  height: 0px;
  border: 16px solid transparent;
  border-top: 22px solid black;
  border-bottom: 0px;
  float: right;
  margin-top: 5px;
  margin-right: 3px;
}
div.myLeftMenu div#myVmMenuModulButton.myOpen > div:after {
  border-bottom: 22px solid black;
  border-top: 0px;
}
@keyframes arrow-down {
  0% {margin-top: 5px}
  75% {margin-top: 10px}
  100% {margin-top: 5px}
}
@keyframes arrow-here {/* #e1e2e2 #c20f0f */
  0% {transform: scale(1.0); margin-top: 5px; border-top-color: black;}
  24% {transform: scale(0.8); margin-top: 3px; border-top-color: white;}
  48% {transform: scale(1.0); margin-top: 5px; border-top-color: black;}
  100% {transform: scale(1.0); margin-top: 5px; border-top-color: black;}
}/*animation-iteration-count: infinite;*/
/*div.myLeftMenu div#myVmMenuModulButton.myClose:not(.myOffAnim) > div:after {
  animation: arrow-here 8.0s ease-out infinite;
}*/
div.myLeftMenu div#myVmMenuModulButton > div:after {
  animation: arrow-here 8.0s ease-out infinite;
}
div.myLeftMenu div#myVmMenuModulButton:not(.myClose) > div:after {
  transform: scale(1.0) !important;
  margin-top: 5px !important;
}
div.myLeftMenu div#myVmMenuModulButton:hover > div:after {
  border-bottom-color: white;
}
div.myLeftMenu div#myVmMenuModulButton.myClose:hover > div:after {
  border-top-color: white !important;
}

/* NEW VM MENU - filters roll */
div.myLeftFiltrs div.myTitle {
  cursor: pointer;
}
div.myLeftFiltrs div.myTitle:hover {
  color: white;
}
div.myLeftFiltrs div.myTitle:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  padding-top: 12px;
  padding-left: 13px;
  padding-right: 7px;
  top: -12px;
  left: -13px;
}
div.myLeftFiltrs div.myTitle:after {
  display: none;
}
div.myLeftFiltrs div.myTitle span.myArrow {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 2px;
  bottom: 0px;
  right: 20px;
  border: 9px solid transparent;
  border-top: 0px;
  border-bottom: 13px solid black;
}
div.myLeftFiltrs div.myTitle.myClose span.myArrow {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 2px;
  bottom: 0px;
  right: 20px;
  border: 9px solid transparent;
  border-top: 13px solid black;
  border-bottom: 0px;
}
@keyframes arrow-here2 {/* #e1e2e2 #c20f0f */
  0% {transform: scale(1.0); margin-top: 0px; border-top-color: black;}
  24% {transform: scale(0.8); margin-top: -2px; border-top-color: white;}
  48% {transform: scale(1.0); margin-top: 0px; border-top-color: black;}
  100% {transform: scale(1.0); margin-top: 0px; border-top-color: black;}
}/*animation-iteration-count: infinite;*/
/*div.myLeftFiltrs div.myTitle.myClose:not(.myOffAnim) span.myArrow {
  animation: arrow-here2 8.0s ease-out infinite;
}*/
div.myLeftFiltrs div.myTitle span.myArrow {
  animation: arrow-here2 8.0s ease-out infinite;
}
div.myLeftFiltrs div.myTitle:not(.myClose) span.myArrow {
  transform: scale(1.0) !important;
  margin-top: 0px !important;
}
div.myLeftFiltrs div.myTitle:hover span.myArrow {
  border-bottom-color: white;
}
div.myLeftFiltrs div.myTitle.myClose:hover span.myArrow {
  border-top-color: white !important;
}


/* CHANGE MODULE VM ACTION AND NEWS */
/* CHANGE MODULE VM ACTION AND NEWS - slide arrows */
div.myAddVmModules > div.moduletable {
  margin-bottom: 0px;
}
div.vmgroup div.mySpTitleCenter {
  display: none;
}
div.vmgroup .owl-theme .owl-controls .owl-buttons {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-prev,
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-next {
  margin: auto 0px;
  top: 0px;
  bottom: 0px;
}
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 0px;
}
div.vmgroup .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 0px;
}
/* CHANGE MODULE VM ACTION AND NEWS - page switch button */
div.vmgroup .owl-controls {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  height: auto;
}
div.vmgroup .owl-controls .owl-pagination {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: calc(100% - 3px);
}


/* REPAIR CART PAGE */
table.cart-summary.proopc-table-striped tr.cart-p-list td.col-qty.cart-p-qty.nowrap {
  /*width: 133px;*/
  /*display: block;*/
  white-space: normal;
  line-height: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
  min-width: 133px;
}
#ProOPC table.cart-summary.proopc-table-striped tr.cart-p-list td.col-qty.cart-p-qty.nowrap > div.proopc-input-append {
  display: inline;
  line-height: 0px;
}
#ProOPC table.cart-summary.proopc-table-striped tr.cart-p-list td.col-qty.cart-p-qty.nowrap > div.proopc-input-append input[type="number"].proopc-qty-input,
#ProOPC table.cart-summary.proopc-table-striped tr.cart-p-list td.col-qty.cart-p-qty.nowrap > div.proopc-input-append button.proopc-btn.proopc-task-updateqty,
#ProOPC table.cart-summary.proopc-table-striped tr.cart-p-list td.col-qty.cart-p-qty.nowrap button.remove_from_cart.proopc-btn.proopc-task-deleteproduct {
  display: inline-block;
  margin: 2px 0px;
}
#ProOPC table.cart-summary.proopc-table-striped tr.cart-p-list td.col-qty.cart-p-qty.nowrap button.remove_from_cart.proopc-btn.proopc-task-deleteproduct {
  width: 28px;
  padding: 0px;
  line-height: 27px;
}
table.cart-summary.proopc-table-striped tr.cart-p-list td.col-price.nowrap span.PricediscountedPriceWithoutTax {
  white-space: normal;
}
table.cart-summary.proopc-table-striped tr.cart-p-list td.col-sku span.product-sku-text {
  word-break: break-all;
  line-height: 100%;
  display: inline-block;
}
@media (max-width: 979px) and (min-width: 768px) {
  #ProOPC table.cart-summary.proopc-table-striped {
    border-top: 1px solid #DDD;
  }
  #ProOPC table.cart-summary.proopc-table-striped tbody tr.cart-p-list {
    border-bottom: 1px solid #DDD;
  }
}
@media (max-width: 767px) {
  table.cart-summary.proopc-table-striped tbody tr td:before,
  table.cart-summary.proopc-table-striped tbody tr.grand-total td:before {
    white-space: nowrap;
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    line-height: 130%;
    padding: 0px;
    padding-bottom: 3px;
  }
  table.cart-summary.proopc-table-striped tr td {
    padding: 8px 0px!important;
  }
  table.cart-summary.proopc-table-striped tr.grand-total.vpopc-price {
    background-color: #e9e9e9;
  }
}
.group-enabled .zip-group,
.group-enabled .shipto_zip-group {
  padding-right: 10px;
}
/* CHANGE CART MODULE - add count type items */
div.myCartModule>div#vmCartModule div.show-cart a#cartpanel span.myCartIcon > span.total_products2 {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  color: black;
  background-color: #fae013;
  border: 1px solid #cd2020;
  border-radius: 100%;
  top: -15px;
  right: -15px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial;
  overflow: hidden;
}


/* ADD CHANGE 13.12.2021 */
.myPriceChildTable {
  margin-top: 6px;
}
.myPriceChildTable span.vm-price-desc {
  color: black;
}
.myPriceChildTable span.PricesalesPrice {
  font-size: 100%;
  color: #cc2525;
}