.igelfilter .owl-carousel {
  padding-block: 0.5rem;
}
.igelfilter .owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}
.igelfilter .owl-carousel .owl-nav {
  position: absolute;
  height: auto;
  width: 105%;
  top: 50%;
  left: -2.5%;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.igelfilter .owl-carousel .owl-nav .owl-prev,
.igelfilter .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  background-color: rgba(225, 225, 225, 0.5);
  border-radius: 50%;
  color: white;
}
.igelfilter .owl-carousel .owl-nav .owl-prev:hover,
.igelfilter .owl-carousel .owl-nav .owl-next:hover {
  background-color: rgb(225, 225, 225);
}
.igelfilter .owl-carousel .owl-nav .owl-prev.disabled,
.igelfilter .owl-carousel .owl-nav .owl-next.disabled {
  display: none;
}
.igelfilter .owl-carousel .owl-nav .owl-prev {
  left: 0;
}
.igelfilter .owl-carousel .owl-nav .owl-next {
  right: 0;
}
.igelfilter .owl-carousel .item {
  cursor: pointer;
  border: solid 1px transparent;
}
.igelfilter .owl-carousel .item.selected {
  border: solid 1px red;
}
.igelfilter .owl-carousel .item:hover {
  border: solid 1px black;
}
.igelfilter .accordion-item.attribute-required .accordion-button::before {
  content: "*";
  color: var(--color-fw_required_color);
  width: 1rem;
}
.igelfilter .accordion-button:not(.collapsed) {
  background-color: var(--color-fw_text);
  background-color: rgba(var(--rgb-brand), 0.5);
  color: var(--color-fw_text);
}
.igelfilter .accordion-button:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.igelfilter .accordion-header button span {
  font-style: italic;
  margin-left: 1rem;
  font-size: 90%;
}
.igelfilter .accordion-header button.checked {
  background-color: var(--color-brand);
  color: white;
}
.igelfilter .accordion-header button.collapsed {
  border-radius: 0 !important;
}
.igelfilter .accordion-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.igelfilter .accordion-body a[data-name] {
  border: solid 1px var(--color-fw_color);
  padding: 12px 26px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.igelfilter .accordion-body a[data-name].selected {
  color: var(--color-fw_text);
  background-color: var(--color-fw_color);
}
.igelfilter .accordion-body .item small {
  color: #53565d;
}

.igelfilter-file .accordion-body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#cena_table th,
#tiered_table th {
  width: 30%;
  text-align: right;
}
#cena_table th,
#cena_table td,
#tiered_table th,
#tiered_table td {
  padding-inline: 1rem;
}
#cena_table tr.checked,
#tiered_table tr.checked {
  background-color: var(--color-brand);
}
#cena_table tr.checked th,
#cena_table tr.checked td,
#tiered_table tr.checked th,
#tiered_table tr.checked td {
  color: white !important;
}

span.delete {
  cursor: pointer;
}

#myUploader {
  background-color: var(--color-gray);
  padding: 1rem;
  border: dashed 1px black;
}

#my-great-dropzone {
  background-color: white;
  border-radius: 1rem;
  color: black;
  padding: 1rem;
  border: dashed 2px var(--color-brand);
  background-color: rgba(var(--rgb-brand), 0.3);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.color-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.color-wrapper .item {
  width: 100px;
  padding: 0.5rem;
  cursor: pointer;
  border: solid 1px transparent;
}
.color-wrapper .item.selected {
  border: solid 1px var(--color-fw_color);
}
.color-wrapper .item:hover:not(.selected) {
  border: solid 1px var(--color-fw_second_color);
}
.color-wrapper .color {
  border: solid 1px transparent;
  aspect-ratio: 1/1;
  border: solid 1px rgba(0, 0, 0, 0.4);
  margin: 0 auto;
}
.color-wrapper.circle .color {
  border-radius: 50%;
}