/* Interfaz Accordion */
.required-fields.field-group-html-element.wrapper-inside {
  display: flex;
  justify-content: space-around;
  background: #b7c9e6;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button.selected a {
  background: #586d95;
  padding: 15px;
  color: #ffffff;
}
.horizontal-tabs .horizontal-tabs-panes, .horizontal-tabs [data-horizontal-tabs-panes] {
  width: 100%;
  padding-top: 20px;
}
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a {
  padding: 15px;
}

/* CATEGORY */

#edit-inpcategory,#edit-hpcategory,
.field--name-bxc-category .form-checkboxes,
.field--name-fhtml-category .form-checkboxes,
.field--name-stonly-category .form-checkboxes,
.field--name-bref-category .form-checkboxes,
.field--name-to-category .form-checkboxes,
.field--name-lndp-category .form-checkboxes,
.field--name-field-category .form-checkboxes,
.field--name-slicons-category .form-checkboxes,
.field--name-bwp-category .form-checkboxes,
.field--name-cpt-category .form-checkboxes,
.field--name-footb-category .form-checkboxes {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  background: #0a6fb4;
  padding: 10px 35px 10px 10px;
  color: white;
}
#edit-inpcategory .js-form-type-checkbox input:checked + .option,
.field--name-bxc-category .js-form-type-checkbox input:checked + .option,
.field--name-fhtml-category .js-form-type-checkbox input:checked + .option,
.field--name-stonly-category .js-form-type-checkbox input:checked + .option,
.field--name-bref-category .js-form-type-checkbox input:checked + .option,
.field--name-to-category .js-form-type-checkbox input:checked + .option,
.field--name-lndp-category .js-form-type-checkbox input:checked + .option,
.field--name-slicons-category .js-form-type-checkbox input:checked + .option,
.field--name-bwp-category .js-form-type-checkbox input:checked + .option,
.field--name-field-category .js-form-type-checkbox input:checked + .option,
.field--name-cpt-category .js-form-type-checkbox input:checked + .option,
.field--name-footb-category .js-form-type-checkbox input:checked + .option,
#edit-hpcategory .js-form-type-checkbox input:checked + .option {
  color: white;
  font-weight: bold;
  padding: 2px;
}
#edit-inpcategory .js-form-type-checkbox:has(input:checked),
.field--name-fhtml-category .js-form-type-checkbox:has(input:checked),
.field--name-bxc-category .js-form-type-checkbox:has(input:checked),
.field--name-bref-category .js-form-type-checkbox:has(input:checked),
.field--name-stonly-category .js-form-type-checkbox:has(input:checked),
.field--name-to-category .js-form-type-checkbox:has(input:checked),
.field--name-lndp-category .js-form-type-checkbox:has(input:checked),
.field--name-slicons-category .js-form-type-checkbox:has(input:checked),
.field--name-bwp-category .js-form-type-checkbox:has(input:checked),
.field--name-footb-category .js-form-type-checkbox:has(input:checked),
.field--name-field-category .js-form-type-checkbox:has(input:checked),
.field--name-cpt-category .js-form-type-checkbox:has(input:checked),
#edit-hpcategory .js-form-type-checkbox:has(input:checked) {
  background: #26a9e9;
  border-radius: 8px;
  padding: 5px 5px 5px 35px;
}
#edit-inpcategory .js-form-type-checkbox input:checked,
.field--name-fhtml-category .js-form-type-checkbox input:checked,
.field--name-bxc-category .js-form-type-checkbox input:checked,
.field--name-bref-category .js-form-type-checkbox input:checked,
.field--name-stonly-category .js-form-type-checkbox input:checked,
.field--name-to-category .js-form-type-checkbox input:checked,
.field--name-lndp-category .js-form-type-checkbox input:checked,
.field--name-slicons-category .js-form-type-checkbox input:checked,
.field--name-bwp-category .js-form-type-checkbox input:checked,
.field--name-footb-category .js-form-type-checkbox input:checked,
.field--name-field-category .js-form-type-checkbox input:checked,
.field--name-cpt-category .js-form-type-checkbox input:checked,
#edit-hpcategory .js-form-type-checkbox input:checked {
  accent-color: #e63946;
}
#edit-inpcategory .js-form-type-checkbox,
.field--name-bxc-category .js-form-type-checkbox,
.field--name-fhtml-category .js-form-type-checkbox,
.field--name-bref-category .js-form-type-checkbox,
.field--name-stonly-category .js-form-type-checkbox,
.field--name-to-category .js-form-type-checkbox,
.field--name-lndp-category .js-form-type-checkbox,
.field--name-slicons-category .js-form-type-checkbox,
.field--name-bwp-category .js-form-type-checkbox,
.field--name-footb-category .js-form-type-checkbox,
.field--name-field-category  .js-form-type-checkbox,
.field--name-cpt-category .js-form-type-checkbox,
#edit-hpcategory .js-form-type-checkbox{
  padding: 5px 5px 5px 35px;
}
#edit-inpcategory label,
.field--name-fhtml-category label,
.field--name-bxc-category label,
.field--name-stonly-category label,
.field--name-bref-category label,
.field--name-to-category label,
.field--name-lndp-category label,
.field--name-bwp-category label,
.field--name-slicons-category label,
.field--name-footb-category label,
.field--name-field-category  label,
.field--name-cpt-category label,
#edit-hpcategory label {
  color: white;
}
#edit-inpcategory--wrapper span.fieldset__label,
.field--name-fhtml-category span.fieldset__label,
.field--name-bxc-category span.fieldset__label,
.field--name-bref-category span.fieldset__label,
.field--name-stonly-category span.fieldset__label,
.field--name-to-category span.fieldset__label,
.field--name-lndp-category span.fieldset__label,
.field--name-slicons-category span.fieldset__label,
.field--name-bwp-category span.fieldset__label,
.field--name-footb-category span.fieldset__label,
.field--name-field-category span.fieldset__label,
.field--name-cpt-category span.fieldset__label,
#edit-hpcategory--wrapper span.fieldset__label {
  background: #0b578f;
  padding: 10px;
  color: white;
  font-family: sans-serif;
  font-weight: 500;
  font-size: 20px;
}

.claro-details__content.claro-details__content--vertical-tabs-item {
  display: flex;
  justify-content: space-between;
  background: #249cd7;
  padding: 20px;
  flex-flow: wrap;
}
.claro-details__content.claro-details__content--vertical-tabs-item .field--type-integer,
.claro-details__content.claro-details__content--vertical-tabs-item .field--type-list-string,
.claro-details__content.claro-details__content--vertical-tabs-item .field--type-color-field-type,
.claro-details__content.claro-details__content--vertical-tabs-item .field--type-boolean {
  max-width: 250px;
  text-align: center;
  padding: 20px;
  background: #bcd2e5;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  justify-items: center;
}


