/**
* 2007-2016 PrestaShop
*
* NOTICE OF LICENSE
*
* @author    Innovadeluxe SL
* @copyright 2016 Innovadeluxe SL

* @license   INNOVADELUXE
*/

.idxrcombtab-accordion-heading {
  padding: 5px;
  background: #fff;
  border: 1px solid #cdcdcd;
  display: flex;
  cursor: pointer;
  margin: 5px 0;
}

.idxrcombtab-accordion-heading span {
  margin: 0 3px;
  display: flex;
}
.idxrcombtab-accordion-heading span.group-name {
  flex-grow: 1;
}
.idxrcombtab-accordion-heading span.arrow {
  transform: rotate(-90deg);
}

.idxrcombtab-accordion-heading.collapsed span.arrow {
  transform: rotate(0deg);
}
#idxrcombtab-accordion .panel-collapse {
  padding: 5px;
  border: 1px solid #cdcdcd;
}

#idxrcombtab-accordion .radio.idxrcombtab-radio {
  display: block;
  width: 100%;
  margin: 5px 0;
}

#idxrcombtab-accordion .idxrcombtab-color-picker {
  display: flex;
  flex-wrap: wrap;
}

#idxrcombtab-accordion .combination-stock {
  display: none;
}

#idxrcombtab-accordion .idxrcombtab-color-picker-item {
  width: 22px;
  height: 22px;
  cursor: pointer;
  margin: 0 auto;
  border: 1px solid transparent;
}

#idxrcombtab-accordion .idxrcombtab-color-picker-item.selected {
  border: 1px solid #000;
}

div#idxcombtabCollapseQuantity .form-group {
  display: flex;
}

div#idxrcombtab-accordion-resume {
  padding: 3px;
  border: 1px solid #cdcdcd;
  margin-top: 10px;
}

div#idxrcombtab-accordion-resume .resume-heading {
  padding: 10px;
  background: #46a74e;
  color: #fff;
  text-align: center;
}

div#idxrcombtab-accordion-resume .resume-row.item-price,
div#idxrcombtab-accordion-resume .resume-row.extra-fees {
  margin: 5px 0;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  border-bottom: 1px solid #cdcdcd;
}

div#idxrcombtab-accordion-resume .total-price .label,
div#idxrcombtab-accordion-resume .total-price .price,
div#idxrcombtab-accordion-resume .taxes .label,
div#idxrcombtab-accordion-resume .taxes .price,
div#idxrcombtab-accordion-resume .total-price-wt .label,
div#idxrcombtab-accordion-resume .total-price-wt .price,
div#idxrcombtab-accordion-resume .shipping-info .label,
div#idxrcombtab-accordion-resume .shipping-info .price {
  color: #46a74e;
  padding: 0;
  font-weight: bold;
  font-size: 13px;
}

div#idxrcombtab-accordion-resume .resume-row.total-price,
div#idxrcombtab-accordion-resume .resume-row.total-price-wt,
div#idxrcombtab-accordion-resume .resume-row.taxes,
div#idxrcombtab-accordion-resume .resume-row.shipping-info {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  align-items: center;
  margin: 15px 0;
}

div#idxrcombtab-accordion-resume .total-price .price {
  font-size: 18px;
}

div#idxrcombtab-accordion
  .attribute-group-image-selector
  .image-selector-item
  img {
  max-width: 100%;
}
div#idxrcombtab-accordion .attribute-group-image-selector .image-selector-item {
  max-width: 40%;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
}
div#idxrcombtab-accordion
  .attribute-group-image-selector
  .image-selector-item.selected {
  border: 1px solid #cdcdcd;
}
div#idxrcombtab-accordion .attribute-group-image-selector {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}

div#idxrcombtab-accordion
  .attribute-group-image-selector
  input[type="checkbox"] {
  display: none;
}

div#idxrcombtab-accordion-resume .resume-row.extra-fees > div {
  width: 50%;
}

div#idxrcombtab-accordion-resume .resume-row.extra-fees {
  flex-wrap: wrap;
}

div#idxrcombtab-accordion .attribute-quantity-selectors > div {
  margin: 0 10px;
  text-align: center;
  width: calc(100% / 5);
}

div#idxrcombtab-accordion .attribute-quantity-selectors {
  display: flex;
  flex-wrap: wrap;
  width: 70%;
}

div#idxrcombtab-accordion-block.accordion-two-columns > div {
  width: 50%;
}

div#idxrcombtab-accordion-block.accordion-two-columns {
  display: flex;
}

div#idxrcombtab-accordion-block.accordion-two-columns
  #idxrcombtab-accordion-resume {
  margin-top: 5px;
}

@media (max-width: 768px) {
  div#idxrcombtab-accordion-block.accordion-two-columns > div {
    width: 100%;
  }

  div#idxrcombtab-accordion-block.accordion-two-columns {
    display: block;
  }
}

div#idxrcombtab-accordion-block .continue-button-container {
  text-align: right;
  padding: 10px;
}
.attribute-quantity-selectors input.form-control {
  text-align: center;
}
.attribute-quantity-selectors input.form-control.out-of-stock {
  background: indianred;
  color: #fff;
}

div#idxrcombtab-accordion-block .attribute-dropdown .dropdown-menu li {
  display: flex;
  align-items: center;
  padding: 10px;
}
div#idxrcombtab-accordion-block .attribute-dropdown .dropdown-menu li:hover {
  cursor: pointer;
  background-color: #cdcdcd;
}
div#idxrcombtab-accordion-block .attribute-dropdown .dropdown-menu li.selected {
  background: #0c600c;
  color: #fff;
}
div#idxrcombtab-accordion-block
  .attribute-dropdown
  .dropdown-menu
  li
  span.attribute-name {
  flex-grow: 1;
}
div#idxrcombtab-accordion-block
  .attribute-dropdown
  .dropdown-menu
  li
  span.attribute-icon
  img {
  max-width: 30px;
  max-height: 30px;
}

div#idxrcombtab-accordion-block .attribute-dropdown .dropdown-menu {
  width: 30rem;
  max-width: 80vw;
}

div#idxrcombtab-accordion-block
  .attribute-dropdown
  button.information-text-button {
  border-radius: 19px;
  border: 1px solid #cdcdcd;
  font-size: 10px;
  padding: 5px;
  line-height: 10px;
  width: 20px;
  color: blue;
  font-weight: bold;
}

div#idxrcombtab-accordion-block .attribute-dropdown .attribute-information {
  position: relative;
}
div#idxrcombtab-accordion-block
  .attribute-dropdown
  .attribute-information-text {
  display: none;
  position: absolute;
  top: -13px;
  left: 29px;
  width: 300px;
  background: #fff;
  padding: 10px;
  border: 2px solid #cdcdcd;
  z-index: 1000;
}

div#idxrcombtab-accordion-block .attribute-dropdown {
  display: flex;
  align-items: center;
}

div#idxrcombtab-accordion-block .step-buttons.text-right {
  text-align: right;
}

#idxrcombtab-accordion .selector {
  width: auto !important;
}

#idxrcombtab-accordion .selector span {
  width: auto !important;
}

#idxrcombtab-accordion .idxrcombtab-color-picker .colorpicker-item {
  width: calc(100% / 5);
  text-align: center;
  line-height: 15px;
}

#idxrcombtab-accordion .idxrcombtab-color-picker.multiple-choices {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}

#idxrcombtab-accordion
  .idxrcombtab-color-picker.multiple-choices
  .colorpicker-item {
  display: flex;
  align-items: center;
  width: calc(50% - 20px);
  margin: 0 10px 10px 10px;
  border: 1px solid #cdcdcd;
  padding: 3px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}

#idxrcombtab-accordion
  .idxrcombtab-color-picker.multiple-choices
  .idxrcombtab-color-picker-item {
  margin: 0;
}

#idxrcombtab-accordion
  .idxrcombtab-color-picker.multiple-choices
  .colorpicker-item.selected:after {
  content: "✓";
  border-radius: 15px;
  background: green;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 5px;
  color: white;
  font-size: 18px;
}

#idxrcombtab-accordion
  .idxrcombtab-color-picker.multiple-choices
  .colorpicker-item
  .color-name {
  margin-left: 10px;
}

#idxrcombtab-accordion .multiple-quantity-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 10px;
}

#idxrcombtab-accordion .multiple-quantity-group .attribute-name {
  width: 20%;
}

#idxrcombtab-accordion .multiple-quantity-group span.delete-attribute {
  cursor: pointer;
}


#idxrcombtab-accordion .multiple-quantity-group span.color-block {
  width: 20px;
  height: 20px;
  display: inline-block;
}