a {
  cursor: pointer !important;
}

.alert-success-search {
  color: #3bc188;
  background-color: #ecfbf5;
  border-color: #bdf1db;
}

.alert-danger-search {
  color: #db4065;
  background-color: #feedf1;
  border-color: #fbbfcd;
}

label[for*="brand"],
input[id*="brand"],
label[for*="usage"],
input[id*="one_size"],
label[for*="one_size"],
input[id*="usage"],
label[for="set"] {
  cursor: pointer;
}

.has-error .invalid-feedback {
  display: block !important;
}

.has-error .form-control,
.has-error .form-select {
  border-color: #f34770 !important;
  padding-left: calc(1.5em + 1.25rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23f34770' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='6' cy='6' r='5'%3e%3c/circle%3e%3cline x1='8' y1='4' x2='4' y2='8'%3e%3c/line%3e%3cline x1='4' y1='4' x2='8' y2='8'%3e%3c/line%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.3125rem) center;
  background-size: calc(0.75em + 0.625rem) calc(0.75em + 0.625rem);
}

.not-error .form-control,
.has-error .form-select {
  border-color: #42d697;
  padding-left: calc(1.5em + 1.25rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2342d697' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='6' cy='6' r='5'%3e%3c/circle%3e%3cpolyline stroke-width='1.15' points='11 2 6 7.5 3.8 6.01'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.3125rem) center;
  background-size: calc(0.75em + 0.625rem) calc(0.75em + 0.625rem);
}


.animated-background {
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f6f6f6;
  background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
  background-size: 800px 104px;
  height: 96px;
  position: relative;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.container-row-loading {
  flex-wrap: wrap;
  background-color: white;
  position: absolute;
  z-index: 500000;
  top: 7.3em;
  right: 4px;
}

.card-image-top-loading {
  height: 258px;
  /* width: 260px; */
  /* margin-bottom: 2px; */
}

.txt-category-loading {
  height: 19px;
}

.txt-p-title-loading {
  height: 21px;
  width: 60%;
  margin-top: 8px;
}

.price-loading {

  height: 24px;
  background-color: aquamarine;
  width: 56%;

}

.w-273 {
  width: 273px;
}

footer,
header {
  /* position: relative; */
  /* z-index: 500000; */
}

header {
  /* z-index: 500001; */
}

.loadding {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3000000000000;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-search {
  display: none;
  position: absolute;
  width: 100%;
  border-radius: 4px;
  height: 100%;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.loading-content {
  width: 301px;
  height: 144px;
  text-align: center;
  background-color: white;
  border-radius: 4px;
}

.loading-search .loading-content {
  width: unset;
  height: unset;
}

.loader {
  margin: 0 auto;
  width: 60px;
  height: 50px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.loader>div {
  height: 100%;
  width: 8px;
  /* display: inline-block; */
  float: left;
  margin-left: 2px;
  -webkit-animation: delay 0.8s infinite ease-in-out;
  animation: delay 0.8s infinite ease-in-out;
}

.loader .bar1 {
  background-color: #754fa0;
}

.loader .bar2 {
  background-color: #09b7bf;
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.loader .bar3 {
  background-color: #90d36b;
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.loader .bar4 {
  background-color: #f2d40d;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.loader .bar5 {
  background-color: #fcb12b;
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.loader .bar6 {
  background-color: #ed1b72;
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

@-webkit-keyframes delay {

  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.05);
  }

  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes delay {

  0%,
  40%,
  100% {
    transform: scaleY(0.05);
    -webkit-transform: scaleY(0.05);
  }

  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

#search {
  z-index: 8;
}

#search_container {
  width: 300px;
  top: 3em;
  display: none;
}

.card-search {
  max-height: 270px;
  overflow: auto;
  min-height: 75px;
}

#search+.ci-search {
  z-index: 10;
}

#searchResult li a {
  font-size: 11pt;
  color: gray;
  padding: 8px 0;
}

#searchResult li.alert {
  margin-bottom: 1px;
}

.float-left {
  float: left !important;
}

.separate-cat {
  font-size: 20pt;
  line-height: 0;
  position: relative;
  top: 5px;
  color: #fe696a;
}

.btn-wishlist-message {
  display: flex;
  position: relative;
  z-index: 1000;
  left: 5px;
  top: 3px;
}

.badge-close {
  cursor: pointer;
  font-size: 9pt;
  display: inline-block;
  margin-right: -7px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.badge-filter {
  background: #e7e7e7 !important;
  color: #393939;
}

@media screen and (max-width: 992px) {
  .card-image-top-loading {
    height: 297px !important;
  }

  .offcanvas.show {
    z-index: 500003;
  }

  .offcanvas-backdrop.show {
    z-index: 500002;
  }

  .handheld-toolbar {
    z-index: 500001;
  }

  .container-row-loading {
    top: 5.9em;
  }
}

@media screen and (max-width: 738px) {
  .card-image-top-loading {
    height: 325px !important;
  }
}

#rating i {
  cursor: pointer;
}

.product-card:hover:not(.card-static),
.product-card .product-card-actions,
.product-card>.btn-wishlist,
.product-card .badge {
  z-index: 4 !important;
}

.product-gallery-preview-item.active {
  z-index: 4 !important;
}

.jq-focus {
  border: 1px solid rgb(22, 143, 223);
  box-shadow: rgba(22, 143, 223, 0.12) 0px 0px 0px 3px;
}

.err {
  border: 2px solid #ffdbdb !important;
  box-shadow: rgba(235, 40, 40, 0.18) 0px 0px 8px;
}

.position-amazing {
  position: absolute;
  top: -17.6em;
}

.list-style-none {
  list-style: none;
}

.keyword-item {
  background-color: #f3f5f9;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 5px;
  margin: 0 4px;
}