#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 40%;
  left: 45%;
  z-index: 100;
}

* {
  /* font-size: 1em !important; */
  font-family: "Barlow", "Arial Narrow", Arial, sans-serif;
}

circle {
  stroke: rgb(255, 196, 0) !important;
}

#slide-carousel ul.slick-dots {
  bottom: 25px;
}

#slide-carousel .slick-dots li.slick-active button:before {
  opacity: 1;
  color: var(--afprimary);
}

#slide-carousel .slick-dots li button:before {
  color: #f5c26c;
}

.vti__dropdown:hover {
  background-color: transparent !important;
}

.vti__dropdown.open {
  background-color: transparent !important;
}

.vue-tel-input:focus-within {
  box-shadow: none !important;
  border-color: transparent !important;
}

.vti__selection {
  font-size: 0.9rem !important;
}

.vti__dropdown {
  padding: 0 !important;
  margin-bottom: -1.5em;
}

.vti__input {
  margin-bottom: -1em;
  font-size: 0.9rem;
}

button .fa-angle-up {
  /* top: 0;
  bottom: 0;
  position: absolute; */
}

#signInPhone .vti__input {
  border: none;
  border-radius: 0 2px 2px 0;
  width: 100%;
  outline: 0;
  padding-left: 7px;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1em;
  padding-top: 0.7em;
  height: 2.7em;
}

#signInPhone .vti__selection {
  display: flex;
  align-items: center;
  background: white;
  padding-top: 0.7em;
  padding-bottom: 0.5em;
  margin-top: -0.9em;
}

#phoneNum .form-control,
#newPhoneNum .form-control,
#restorePhone .form-control,
#phoneNumOpt .form-control,
#resPhoneNum .form-control {
  display: block;
  width: 100%;
  height: auto !important;
  padding: 0.375rem 0.75rem;
  font-size: inherit !important;
  font-weight: 400;
  line-height: inherit !important;
  color: #495057;
  background-color: transparent !important;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

div#newPhoneNum,
div#restorePhone {
  border-radius: 0 !important;
  border-bottom: 1.5px solid #8e8e8e !important;
}

#categories .list-group-item-action:hover {
  color: #eb9f1d !important;
  font-size: 1em;
  font-weight: 500;
  background-color: transparent !important;
}

.md-field.md-theme-default.md-focused .md-input {
  color: var(--afprimary) !important;
}

.md-field.md-theme-default:before {
  background-color: var(--afprimary) !important;
}

.md-field.md-theme-default.md-focused label {
  color: var(--afprimary) !important;
}

.md-checkbox.md-theme-default.md-checked.md-primary .md-checkbox-container {
  background-color: var(--afprimary) !important;
  border-color: var(--afprimary) !important;
}

.md-theme-default :not(input):not(textarea)::selection {
  background-color: #1e90ff !important;
  color: #fff;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  background-color: var(--afprimary) !important;
  border-color: var(--afprimary) !important;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: var(--afprimary) !important;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.md-dialog-container {
  width: 55em !important;
  max-height: 50em !important;
}

a:not(.md-button):hover {
  text-decoration: none !important;
}

.iiz__img {
  margin-left: auto !important;
  margin-right: auto !important;
}

.vti__selection {
  font-size: 0.8em;
  display: flex;
  align-items: center;
  margin-bottom: 8px !important;
}

#accordionPayment .vti__selection {
  margin-top: -0.5em !important;
}

.slick-prev:before,
.slick-next:before {
  color: #252222 !important;
}

#side-menu .md-theme-default a:not(.md-button) {
  color: red !important;
}

.btn-prev,
.btn-next {
  position: absolute;
  top: 0;
  z-index: 6;
  bottom: 0;
}

.btn-next {
  right: 0;
  border-radius: 50% !important;
  height: 3em;
  margin-top: auto;
  margin-bottom: auto;
}

.btn-next:hover,
.btn-prev:hover {
  background-color: #1b1919c9 !important;
  transition: background-color 1s;
}

.btn-prev {
  border-radius: 50% !important;
  height: 3em;
  left: 0;
  margin-top: auto;
  margin-bottom: auto;
  /* background-image: url(../src/assets/arrow-left.png); */
}

.slides i.mdi-chevron-left,
.slides i.mdi-chevron-right {
  font-size: 1.5rem;
}

.np .slick-prev {
  left: 6px !important;
}

.np .slick-next {
  right: 6px !important;
}

.np .slick-prev:before,
.np .slick-next:before {
  color: var(--afprimary) !important;
}

input#sortSelectPicker {
  font-size: 0.8rem !important;
}

#sortDropdown .dropdown-menu a.dropdown-item:not(.md-button) {
  color: #747474 !important;
  font-size: 0.8rem !important;
}

#catPrdtsTab .theme--light.v-tabs > .v-tabs-bar {
  background-color: transparent !important;
}

#catPrdtsTab .v-tab--active {
  color: red !important;
}

#catPrdtsTab .v-slide-group.v-item-group > .v-slide-group__prev {
  margin-left: -20px;
}

#catPrdtsTab .v-slide-group.v-item-group > .v-slide-group__next {
  margin-right: -20px;
}

.btn-top {
  background: #ff4500;
  position: fixed;
  right: 2.2em;
  bottom: 1.2em;
  top: 75%;
  display: block;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0 1.2em;
  border: 1px solid #ff4500;
  border-radius: 50%;
  font-weight: bold;
  text-transform: capitalize;
  line-height: 44px;
  z-index: 2000000000 !important;
}

.arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -5px;
  cursor: pointer;
}

.up:hover polyline,
.up:focus polyline {
  stroke-width: 15;
}

.up:active polyline {
  stroke-width: 15;
  transition: all 100ms ease-in-out;
}

.bc a:not(.md-button).v-breadcrumbs__item {
  color: #272727 !important;
}

.bc a:not(.md-button).v-breadcrumbs__item.v-breadcrumbs__item--disabled {
  color: #837e75 !important;
}

.bc .v-breadcrumbs__item.v-breadcrumbs__item--disabled {
  width: 290px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  resize: horizontal;
  display: block;
}

.zoomer {
  height: 468.6666666666667px;
  width: 400px;
  position: relative;
}

/* width */
.features::-webkit-scrollbar,
.categoriesList::-webkit-scrollbar,
.discountList::-webkit-scrollbar,
#searchList::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.features::-webkit-scrollbar-track,
.categoriesList::-webkit-scrollbar-track,
.discountList::-webkit-scrollbar-track,
#searchList::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 10px;
  border: 1px dotted rgba(168, 168, 168, 0.74);
}

/* Handle */
.features::-webkit-scrollbar-thumb,
.categoriesList::-webkit-scrollbar-thumb,
.discountList::-webkit-scrollbar-thumb {
  background: #e4e2e2;
  border-radius: 10px;
}

#searchList::-webkit-scrollbar-thumb {
  background: var(--afprimarylight);
  border-radius: 10px;
}

/* Handle on hover */
.features::-webkit-scrollbar-thumb:hover,
.categoriesList::-webkit-scrollbar-thumb:hover,
.discountList::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

#searchList::-webkit-scrollbar-thumb:hover {
  background: var(--afprimary);
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: orange !important;
  color: #fff;
  text-decoration: none;
  font-size: 17px !important;
  padding: 0 8px !important;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: orange !important;
  color: #fff;
  text-decoration: none;
  font-size: 17px !important;
  padding: 0 8px !important;
}
.owl-prev,
.owl-next {
  position: absolute;
  top: -8%;
  font-size: 13px;
  padding: 0px 4px !important;
  background-color: rgba(190, 188, 188, 0.719);
  transform: translateY(-50%);
  color: white;
}

.owl-prev:hover,
.owl-next:hover {
  background: var(--afprimary);
}
.owl-prev {
  left: 68.3rem;
}

.owl-next {
  right: 0rem;
}

#brands-crs .owl-prev,
#brands-crs .owl-next {
  top: 14% !important;
}

#hot-crs .owl-prev,
#hot-crs .owl-next {
  top: 12.5% !important;
}

#hot-crs .owl-carousel .owl-item img {
  width: auto !important;
}

.sliderPane .vueperslides--fixed-height {
  height: 33em !important;
}

#topBtn {
  background-color: black;
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-size: 16px;
  line-height: 48px;
  width: 48px;
  position: absolute;
  z-index: 100;
  right: 0;
  bottom: 0;
}

.md-checkbox.md-theme-default.md-checked .md-checkbox-container {
  background-color: #ffa300 !important;
  border-color: #ffa300 !important;
}

@media (max-width: 768px) {
  #newProducts-crs .owl-prev,
  #newProducts-crs .owl-next,
  #brands-crs .owl-prev,
  #brands-crs .owl-next,
  #hot-crs .owl-prev {
    display: none;
  }

  .sliderPane .vueperslides__arrow {
    display: none;
  }

  .sliderPane .vueperslides--fixed-height {
    height: 17em !important;
  }
}

@media (max-width: 991px) {
  body.active {
    overflow: hidden !important;
  }
}