/**
* 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: 40px;
  height: 40px;
  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,
div#idxrcombtab-accordion-resume .shipping-info .price-special {
  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;
  }

  body .idxrcombtab-accordion-heading span.arrow {
    position: relative;
    height: 22px;
    line-height: 1;
    width: 20px;
    margin: 0px;
    justify-content: center;
    align-items: center;
  }

  body #idxrcombtab-accordion .idxrcombtab-color-picker .colorpicker-item {
    width: calc(100% / 3) !important;
  }
}

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 {
  margin-bottom: 10px;
}
div#idxrcombtab-accordion-block .attribute-dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  width: 100%;
}

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

div#idxrcombtab-accordion-block .attribute-dropdown .dropdown-toggle .title {
  flex-grow: 1;
  padding: 3px 10px;
  border: 1px solid #cdcdcd;
}

#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;
  justify-content: flex-start;
  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;
  flex-wrap: wrap;
}

#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;
  flex-grow: 1;
  text-align: left;
}

#idxrcombtab-accordion
  .idxrcombtab-color-picker.multiple-choices
  .colorpicker-item
  .color-out-of-stock {
  background: red;
  color: #fff;
  border-radius: 50px;
  padding: 10px;
  height: 11px;
  line-height: 3px;
  width: 10px;
  font-size: 12px;
}

#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;
}

#idxrcombtab-accordion .continue-button.text-right {
  text-align: right;
}

#idxrcombtab-accordion-block .product-description.truncated {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

#idxrcombtab-accordion-block a.read-more-product-description {
  display: none;
  cursor: pointer;
}

.idxrcombtab-error-empty-inputs {
  display: none;
}

#idxrcombtab-accordion .idxrcombtab-accordion-group-warning{
  display: none;
}

.collapse.in{
  display: block;
}

#main-page-content #wrapper #inner-wrapper #content-wrapper section#main div#main-product-wrapper{
  opacity: 1 !important;
}

.product_header_container .product-prices div.ajax-error{
  display: none !important;
}

div.idxrcombtab-accordion-step:has(.idx-horizontal-container){
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

div.idx-horizontal-container{
  width: 50%;
}

div.idx-hor-resume{
  width: 100%;
  padding: 5px;
  border: 1px solid #cdcdcd;
  background-color: #eaeaea;
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

div.idx-hor-resume div.idx-hor-resume-label{
  padding-left: 5px;
  font-weight: bold;
}

ul.idx-hor-resume-list li{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

ul.idx-hor-resume-list li span{
  margin-right: 10px;
}

ul.idx-hor-resume-list li img{
  margin-right: 10px;
}

div#idxrcombtab-accordion .attribute-quantity-selectors .attribute-quantity{
  width: 41% !important;
}

div.idx-min-qty{
  flex-basis: 100%;
}
