:root {
  --color-theme: #2f91da;
  --color-body: #313637;
  --color-title: #151d2e;
  --color-border: #2a85d5;
  --color-bg-selected: #e8f4ff;
}

.field--name-field-display-mode {
  display: none;
}

/* .field--name-field-properties {
  display: none;
} */

.wrapper-display--custom {
  display: flex;
  flex-wrap: wrap;
}

form.component-wrapper-edit-form .wrapper-display--custom {
  padding-left: 12rem;
  margin-top: 20px;
}

form.component-wrapper-edit-form > .wrapper-display--custom {
  padding-left: 0;
}

form.component-wrapper-edit-form > .wrapper-display--custom > .form-wrapper {
  display: flex;
  flex-wrap: wrap;
}

form .form-item__suffix {
  width: 100%;
  display: block;
  margin-left: 0;
}

.wrapper-display--custom .field--type-boolean {
  margin-right: 20px;
}

.wrapper-display--custom .field--type-boolean .form-item {
  align-items: center;
}

form.component-wrapper-edit-form .fieldset__label {
  display: flex;
  align-items: center;
  padding: 1.125rem;
}


/* form.component-wrapper-edit-form .form-wrapper.field--type-boolean .form-item label{
  padding: 0;
  padding-left: 10px;
} */


/* form.component-wrapper-edit-form .form-wrapper.field--type-boolean .form-item input[type="checkbox"]{
  width: 1.6875rem;
  height: 1.6875rem;
  min-height: unset;
} */

form.component-wrapper-edit-form .form-wrapper.field--type-boolean .form-item input {
  width: auto;
  max-width: unset;
}

.wrapper-display--custom .field--type-boolean:last-child {
  margin-right: 0;
}

.component-attributes-wrapper__item.component-attributes-wrapper__composite .component-attributes-wrapper__item--options .fieldset-wrapper .form-item {
  display: flex;
}

.component-attributes-wrapper__item.component-attributes-wrapper__composite .component-attributes-wrapper__item--options .fieldset-wrapper .form-item label {
  margin-right: 15px;
}

.component-attributes-wrapper__item.component-attributes-wrapper__composite .component-attributes-wrapper__item--styles .fieldset-wrapper .form-item {
  display: flex;
}

.component-attributes-wrapper__item.component-attributes-wrapper__composite .component-attributes-wrapper__item--styles .fieldset-wrapper .form-item label {
  margin-right: 15px;
}

#component-attributes-wrapper .seven-details__wrapper .fieldset-wrapper .form-item {
  display: flex;
}

#component-attributes-wrapper .seven-details__wrapper .fieldset-wrapper .form-item label {
  margin-right: 15px;
}

* {
  box-sizing: border-box;
}


/* form.component-wrapper-edit-form > .form-wrapper .form-item {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  align-content: baseline;
} */


/* form.component-wrapper-edit-form > .form-wrapper .form-item.js-text-full .form-item .js-filter-wrapper .form-item--editor-format{
  max-width: calc(100% - 180px);
  width: 100%;
  margin: 0;
} */

form.component-wrapper-edit-form > .form-wrapper .form-item .js-filter-list {
  margin: 0;
  min-height: 44px;
}

form.component-wrapper-edit-form > .form-wrapper .form-item.js-text-full .form-item .js-filter-wrapper .form-item--editor-format select {
  max-width: unset;
  width: auto;
  margin: 0;
}

form.component-wrapper-edit-form > .form-wrapper .form-item .form-textarea-wrapper {
  max-width: calc(100% - 182px);
  flex: 1;
  width: 100%;
  margin: 0;
}

form.component-wrapper-edit-form > .form-wrapper .form-item .select2-container {
  max-width: calc(100% - 182px);
  width: 100%;
  margin: 0;
  min-height: 48px;
  flex: 1;
}

form.component-wrapper-edit-form > .form-wrapper .form-item.form-type--boolean input {
  width: 25px;
  height: 22px;
  max-width: unset;
  display: inline-block;
  border-radius: 0.1875rem;
  min-height: unset;
}

form.component-wrapper-edit-form > .form-wrapper .form-item.form-type--boolean input:checked {
  border-color: #2f91da;
  border-width: 1px;
}

form.component-wrapper-edit-form > .form-wrapper .form-item input[type="submit"],
form.component-wrapper-edit-form > .form-wrapper .form-item input[type="file"] {
  max-width: 100%;
  display: inline-block;
}

.select2-container--default .selection .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

@media (max-width: 767px) {
  form.component-wrapper-edit-form > .form-wrapper .form-item label {
    width: 100%;
    margin-bottom: 10px;
    max-width: 100%;
  }

  form.component-wrapper-edit-form > .form-wrapper .form-item.form-type--boolean label {
    margin-bottom: 0;
  }

  form.component-wrapper-edit-form > .form-wrapper .form-item input {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  form.component-wrapper-edit-form > .form-wrapper .form-item .select2-container {
    max-width: 100%;
  }

  .wrapper-display--custom {
    padding-left: 0;
  }

  form.component-wrapper-edit-form > .form-wrapper .form-item.form-type--managed-file {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  form.component-wrapper-edit-form > .form-wrapper .form-item input[type="file"] {
    padding: 15px;
  }

  .form-item__description {
    padding-left: 0;
  }

  form.component-wrapper-edit-form > .form-wrapper .form-item input,
  form.component-wrapper-edit-form > .form-wrapper .form-item select {
    min-height: 40px;
  }

  form.component-wrapper-edit-form .select2-container--default .select2-selection--single {
    min-height: 40px;
  }

  /* form.component-wrapper-edit-form .wrapper-display--custom {
        padding-left: 0;
    } */
  form.component-wrapper-edit-form > .form-wrapper .form-item .js-filter-list {
    margin: 0;
    min-height: 40px;
  }

  form.component-wrapper-edit-form .form-item__description {
    padding-left: 0px;
  }

  form.component-wrapper-edit-form > .form-wrapper .form-item .select2-container {
    max-width: calc(100% - 180px);
    width: 100%;
    margin: 0;
    min-height: 40px;
  }

  /* Update mobile Admin Toolbar*/
  form .wrapper-display--custom .form-type--checkbox {
    margin: 5px 0;
  }
}


/* ---- Update design ---- */

.form-type--boolean {
  margin-left: 0;
}

.form-type--boolean input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: auto;
  height: auto;
}

.form-type--boolean label {
  position: relative;
  padding-left: 2rem;
  font-size: 1rem;
  line-height: 1.75rem;
}

.form-type--boolean label:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  border: 1px solid var(--color-border);
}

.form-type--boolean label:after {
  position: absolute;
  content: "";
  top: 2px;
  left: 0.25rem;
  display: inline-block;
  width: 1rem;
  height: 1.5rem;
  background: url(./images/checkbox.svg) no-repeat;
  background-size: contain;
  background-position: center;
  display: none;
}

.form-type--boolean input:checked + label:after {
  display: block;
}

form.component-wrapper-edit-form > .form-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

form.component-wrapper-edit-form > .form-wrapper > label,
form.component-wrapper-edit-form > .form-wrapper .form-item label {
  max-width: 10rem;
  width: 100%;
  margin: 0 2rem 0 0;
  line-height: 2.75rem;
  font-weight: 600;
}

form.component-wrapper-edit-form > .form-wrapper .form-type--boolean {
  margin-left: 0;
}

form.component-wrapper-edit-form > .form-wrapper .form-type--boolean label {
  line-height: 1.75rem;
  font-weight: 400;
}

form.component-wrapper-edit-form > .form-wrapper .form-item input,
form.component-wrapper-edit-form > .form-wrapper .form-item select {
  flex: 1;
  margin: 0;
  min-height: unset;
}

form.component-wrapper-edit-form > .form-wrapper:first-child {
  border-bottom: none;
  padding-bottom: 0;
}

form.component-wrapper-edit-form > .form-wrapper > label ~ * {
  flex: 1;
}

form.component-wrapper-edit-form > .form-wrapper.field--name-title > .form-item {
  border-bottom: none;
  padding-bottom: 0;
}

form.component-wrapper-edit-form > .form-wrapper .form-item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

form.component-wrapper-edit-form > .form-wrapper input[type="text"],
form.component-wrapper-edit-form > .form-wrapper select {
  width: 100%;
  height: 44px;
  border-radius: 0.5rem;
  border: 1px solid #e5e5e5;
}

.select2-container .selection .select2-selection--single {
  height: auto;
}

.select2-container--default .select2-selection--single {
  padding: 0.4375rem 1rem;
  border: 1px solid #e5e5e5;
}

form.component-wrapper-edit-form .form-item__description {
  padding-left: 12rem;
  max-width: 100%;
  flex: 0 0 100%;
}

form.component-wrapper-edit-form .image-widget .form-item__description {
  padding-left: 0;
}

form.component-wrapper-edit-form > .form-wrapper .filter-help {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding-left: 12rem;
}

form.component-wrapper-edit-form > .wrapper-display--custom {
  padding-top: 0;
}

form.component-wrapper-edit-form .olivero-details .olivero-details__wrapper .fieldset__wrapper {
  padding: 2rem;
}

.filter-wrapper {
  width: 100%;
}

.component-attributes-wrapper--carousel,
.olivero-details {
  width: 100%;
}

details.olivero-details,
summary[role="button"] {
  border-radius: 0.5rem;
  box-shadow: none;
}

summary[aria-expanded="true"] {
  border-bottom: 1px solid #e5e5e5;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

details.olivero-details input[type="text"],
details.olivero-details select {
  border-radius: 0.5rem;
  border: 1px solid #e5e5e5;
  height: 44px;
  width: 100%;
  flex: 1;
}

details.olivero-details input[type="file"] {
  padding: 0.575rem 0.5rem;
}

details.olivero-details .form-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

details.olivero-details .form-item label {
  max-width: 10rem;
  margin-right: 2rem;
  width: 100%;
}


/* details.olivero-details .fieldset__legend {
    text-transform: uppercase;
} */

details.olivero-details .fieldset__legend .fieldset__legend {
  text-transform: capitalize;
}

.form .olivero-details .olivero-details__wrapper {
  margin: 2.5rem 1rem;
}

.olivero-details .olivero-details__wrapper .fieldset__wrapper {
  /* padding: 0; */
  width: 100%;
}

summary[role="button"] {
  background-color: #fafafa;
}

.edit-component-type--properties {
  margin-left: 0.5rem;
  max-width: 2.75rem;
  display: flex;
}

.icon-component-type--properties {
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid #e5e5e5;
  border-radius: 0.5rem;
  font-size: 0;
  background: url(./images/properties.svg) no-repeat;
  background-size: 1.25rem 1.25rem;
  background-position: center;
  transition: all 0.3s ease;
}

.icon-component-type--properties:hover,
.icon-component-type--properties:focus {
  border: 1px solid var(--color-border);
  background: url(./images/properties-hover.svg) no-repeat;
  background-size: 1.25rem 1.25rem;
  background-position: center;
  transition: all 0.3s ease;
}

/* Update styles */

.component-wrapper-edit-form .component-builder-toolbar--wrapper-field-reference .form-item {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
  box-shadow: none;
  border-left: none;
  border-right: none;
  border: none;
}

.component-builder-toolbar--wrapper-field-reference .fieldset__legend {
  display: block;
  background-color: transparent;
  color: #232429;
  max-width: 10rem;
  width: 100%;
  margin: 0 2rem 0 0;
  font-size: 0.889rem;
  line-height: 2.75rem;
  font-weight: 600;
}

.component-builder-toolbar--wrapper-field-reference .fieldset__legend > .fieldset__label {
  padding: 0;
}

.component-builder-toolbar--wrapper-field-reference .fieldset__wrapper {
  margin: 0;
  flex: 1;
}

.component-builder-toolbar--wrapper-field-reference .fieldset__wrapper > div:first-child > .form-submit {
  border-radius: 0.5rem;
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  background-color: #e8f4ff;
  text-align: center;
  border: 1px solid #acd7fd !important;
  padding: 0;
  box-shadow: none;
  color: var(--color-theme);
  background-image: url(./images/plus.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(50% - 65px) center;
}

/* - Select */

.page-wrapper *:focus,
.ui-dialog *:focus {
  outline: none !important;
  box-shadow: none !important;
}

.select2-results__option--selectable {
  margin-bottom: 1.5rem;
}

.selection .select2-container--default .select2-selection--single {
  border-radius: 0.5rem;
  border: 1px solid #e5e5e5;
  padding: 9px 12px;
  height: auto;
}

.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--color-border);
  background-color: var(--color-bg-selected);
}

.select2-container--default.select2-container--open .select2-selection__rendered {
  color: var(--color-border);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 15px;
  line-height: 24px;
  padding: 0;
}

.select2-container--default .select2-results > .select2-results__options {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  max-height: 252px;
}

.select2-container--default .select2-results__group {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: #151d2e;
  font-weight: 500;
  font-family: "Inter";
  padding: 0.5rem 0.25rem;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}

.select2-container--default .select2-results__group:hover,
.select2-container--default .select2-results__group:focus {
  background-color: #fafafa;
}

.select2-container--default .select2-results__group:checked:before,
.select2-container--default .select2-results__group:focus:before {
  background: url(./images/down.svg) no-repeat;
  background-size: 13px 18px;
  background-position: center;
}

.select2-container--default .select2-results__group:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 0.25rem;
  background: url(./images/right.svg) no-repeat;
  background-size: 18px 13px;
  background-position: center;
}

.select2-container--default .select2-results__option--group:focus .select2-results__group:before {
  background: url(./images/down.svg) no-repeat;
  background-size: 13px 18px;
  background-position: center;
}

.select2-container--default .select2-results__option--group .select2-results__group:before {
  background: url(./images/down.svg) no-repeat;
  background-size: 13px 18px;
  background-position: center;
}

.select2-container--default .select2-results__option--group.hide-component-group .select2-results__group:before {
  background: url(./images/right.svg) no-repeat;
  background-size: 18px 13px;
  background-position: center;
}

.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: transparent;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .field-img {
  border: 1px solid #2a85d5;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 0;
}

.select2-container--open .select2-dropdown--below {
  border-color: var(--color-border);
  color: var(--color-border);
}

.select2-results__options--nested {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
}

.select2-results__options--nested .select2-results__option {
  max-width: calc(50% - 0.75rem);
  flex: 0 0 calc(50% - 0.75rem);
  padding: 0;
}

.select2-results__option .group-inner {
  text-align: center;
}

.select2-results__option .field-img {
  border: 1px solid #f0f0f0;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}

.select2-results__option h4 {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-family: "Inter";
  color: #232429;
}

.select2-results__option .field-img img {
  width: 100%;
}

.select2-results__options .group-field h1,
.select2-results__options .group-field h2,
.select2-results__options .group-field h3,
.select2-results__options .group-field h4,
.select2-results__options .group-field h5,
.select2-results__options .group-field h6 {
  margin: 0;
  margin-bottom: 10px;
}

.select2-results__option .field-img img {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  height: 250px;
  object-fit: contain;
}

/* End Select */
.component-wrapper-add-form .form-textarea-wrapper {
  width: 100%;
}

.component-wrapper-add-form .field--type-entity-reference fieldset.form-wrapper {
  padding: 1rem 1rem;
}

.component-wrapper-add-form .field--type-entity-reference > div > .fieldset .fieldset__legend {
  max-width: 100%;
}

.component-wrapper-add-form .wrapper-display--custom,
.component-wrapper-add-form .form-item {
  display: flex;
  flex-wrap: wrap;
}

.component-wrapper-add-form .wrapper-display--custom label,
.component-wrapper-add-form .form-item label {
  max-width: 12rem;
  width: 100%;
  display: flex;
  align-items: center;
}

.component-wrapper-add-form .wrapper-display--custom label {
  align-items: flex-start;
}

.component-wrapper-add-form .wrapper-display--custom > .form-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}

.component-wrapper-edit-form .wrapper-display--custom .field--type-boolean,
.component-wrapper-edit-form .wrapper-display--custom .form-item--custom-style,
.component-wrapper-add-form .wrapper-display--custom .field--type-boolean {
  max-width: 33.33333%;
  flex: 0 0 33.33333%;
  margin-right: 0;
  padding-right: 1rem;
}

.component-wrapper-add-form .wrapper-display--custom .form-type--checkbox {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.component-wrapper-add-form .form-item .select2 {
  flex: 1;
}

.component-wrapper-edit-form .vertical-tabs__menu-item {
  overflow: unset;
  margin: 0;
  padding: 0;
}

.component-wrapper-edit-form .vertical-tabs__menu {
  padding: 0;
}

.component-wrapper-edit-form .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
  padding-bottom: 20px;
}

.component-wrapper-edit-form .vertical-tabs__items {
  border-top-width: 0;
  border-bottom-width: 0;
}

.component-wrapper-edit-form .claro-details__wrapper--vertical-tabs-item {
  background-color: transparent;
}

@media (min-width: 85rem) {
  .component-wrapper-edit-form .claro-details__wrapper--vertical-tabs-item {
    border-top: 1px solid #dedfe4 !important;
  }
}

.component-wrapper-edit-form .form-actions .button--primary,
.component-wrapper-edit-form .form-actions .action-link {
  width: calc(50% - 6px);
  border-radius: 8px;
  margin-right: 0;
}

.component-wrapper-edit-form .form-actions .action-link--icon-trash {
  background-color: #fafafa;
  text-align: center;
  margin-right: 6px;
}

.component-wrapper-edit-form .form-actions .button--primary.form-submit {
  background-color: var(--color-border);
  order: 2;
  margin-left: 6px;
}


/* Search */

.select2-search--dropdown {
  padding: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
  background-color: #e8f4ff;
  padding: 10px 12px;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-border);
  background-repeat: no-repeat;
  background-image: url(./images/search.svg);
  background-size: 16px;
  background-position: calc(100% - 18px) center;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
  outline: none;
}

@media (max-width: 575px) {
  form.component-wrapper-edit-form > .form-wrapper > label,
  form.component-wrapper-edit-form > .form-wrapper .form-item label,
  .component-builder-toolbar--wrapper-field-reference .fieldset__legend {
    max-width: 100%;
  }

  .component-builder-toolbar--wrapper-field-reference .fieldset__legend {
    margin-bottom: 15px;
  }

  form.component-wrapper-edit-form .wrapper-display--custom {
    padding-left: 0;
  }

  .select2-results__options--nested {
    padding-left: 0;
    padding-right: 0;
  }

  .select2-results__options--nested .select2-results__option {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.node-article-edit-form .field--type-entity-reference > .form-type--select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.node-article-edit-form .field--type-entity-reference > .form-type--select > .select2-container {
  flex: 1;
  width: auto !important;
}

.node-article-edit-form .field--type-entity-reference > .form-type--select > .form-item__label {
  margin-right: 2rem;
  width: 100%;
  max-width: 10rem;
}

.node-article-edit-form .form-wrapper > .form-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.node-article-edit-form .form-wrapper > .form-item select.component-builder--component-type {
  flex: 1;
  border-radius: 0.5rem;
  border: 1px solid #e5e5e5;
  padding: 9px 12px;
  min-height: 44px;
}

.node-article-edit-form .form-wrapper > .form-item .form-type--textarea {
  width: 100%;
}

.node-article-edit-form .field--name-title > .form-item > .form-required {
  margin-right: 2rem;
  max-width: 10rem;
  display: flex;
  width: 100%;
}

.node-article-edit-form .form-wrapper > .form-item > .form-text {
  flex: 1;
  width: 100%;
  border-radius: 8px;
  padding: 9px 12px;
  border: 1px solid #e5e5e5;
}

.node-article-edit-form .form-wrapper > .form-item > .form-text:hover {
  border-color: var(--color-border);
  box-shadow: var(--color-border);
}

.node-article-edit-form > .form-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.node-article-edit-form .wrapper-display--custom {
  padding-left: 12rem;
}

.node-article-edit-form .wrapper-display--custom .field--type-boolean {
  max-width: 50%;
  flex: 0 0 50%;
  margin-right: 0;
}

.node-article-edit-form .wrapper-display--custom > .form-wrapper > .form-item {
  margin: 5px 0;
}

.node-article-edit-form input[value="Add new Item"] {
  border-radius: 0.5rem;
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  background-color: #e8f4ff;
  text-align: center;
  border: 1px solid #acd7fd !important;
  padding: 0;
  box-shadow: none;
  color: var(--color-theme);
  background-image: url(./images/plus.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(50% - 65px) center;
}

.node-article-edit-form .form-wrapper > .form-item .form-item__label {
  margin-right: 2rem;
  max-width: 10rem;
  display: flex;
  width: 100%;
}

.node-article-edit-form .form-wrapper > .form-item .form-item__description {
  width: 100%;
}

.node-article-edit-form .cke_top {
  background-color: var(--color-bg-selected);
}

.node-article-edit-form .cke.cke_chrome:hover {
  border-color: var(--color-border);
}

.node-article-edit-form .ief-entity-submit {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e !important;
  border-radius: 8px;
  font-size: 1em;
  line-height: 1.125em;
}

.node-article-edit-form .ief-entity-submit:hover {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e;
}

.node-article-edit-form .ief-entity-submit:focus {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e;
}

.node-article-edit-form .button[value="Cancel"] {
  border: 2px solid var(--color-border) !important;
  border-radius: 0.5rem;
  color: var(--color-border);
  background-color: transparent;
  font-size: 1em;
  line-height: 1.125em;
}

.node-article-edit-form .field--name-field-link > .form-item {
  display: block;
}


/* https://component-toolbar.dev.weebpal.com/node/add/article */

.node-article-form .field--type-entity-reference > .form-type--select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.node-article-form .field--type-entity-reference > .form-type--select > .select2-container {
  flex: 1;
  width: auto !important;
}

.node-article-form .field--type-entity-reference > .form-type--select > .form-item__label {
  margin-right: 2rem;
  width: 100%;
  max-width: 10rem;
}

.node-article-form .form-wrapper > .form-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.node-article-form .form-wrapper > .form-item select.component-builder--component-type {
  flex: 1;
  border-radius: 0.5rem;
  border: 1px solid #e5e5e5;
  padding: 9px 12px;
  min-height: 44px;
}

.node-article-form .form-wrapper > .form-item .form-type--textarea {
  width: 100%;
}

.node-article-form .field--name-title > .form-item > .form-required {
  margin-right: 2rem;
  max-width: 10rem;
  display: flex;
  width: 100%;
}

.node-article-form .form-wrapper > .form-item > .form-text {
  flex: 1;
  width: 100%;
  border-radius: 8px;
  padding: 9px 12px;
  border: 1px solid #e5e5e5;
}

.node-article-form .form-wrapper > .form-item > .form-text:hover {
  border-color: var(--color-border);
  box-shadow: var(--color-border);
}

.node-article-form > .form-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.node-article-form .wrapper-display--custom {
  padding-left: 12rem;
}

.node-article-form .wrapper-display--custom .field--type-boolean {
  max-width: 50%;
  flex: 0 0 50%;
  margin-right: 0;
}

.node-article-form .wrapper-display--custom > .form-wrapper > .form-item {
  margin: 5px 0;
}

.node-article-form input[value="Add new Item"] {
  border-radius: 0.5rem;
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  background-color: #e8f4ff;
  text-align: center;
  border: 1px solid #acd7fd !important;
  padding: 0;
  box-shadow: none;
  color: var(--color-theme);
  background-image: url(./images/plus.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(50% - 65px) center;
}

.node-article-form .form-wrapper > .form-item .form-item__label {
  margin-right: 2rem;
  max-width: 10rem;
  display: flex;
  width: 100%;
}

.node-article-form .form-wrapper > .form-item .form-item__description {
  width: 100%;
}

.node-article-form .cke_top {
  background-color: var(--color-bg-selected);
}

.node-article-form .cke.cke_chrome:hover {
  border-color: var(--color-border);
}

.node-article-form .ief-entity-submit {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e !important;
  border-radius: 8px;
  font-size: 1em;
  line-height: 1.125em;
}

.node-article-form .ief-entity-submit:hover {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e;
}

.node-article-form .ief-entity-submit:focus {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e;
}

.node-article-form .button[value="Cancel"] {
  border: 2px solid var(--color-border) !important;
  border-radius: 0.5rem;
  color: var(--color-border);
  background-color: transparent;
  font-size: 1em;
  line-height: 1.125em;
}

.node-article-form .field--name-field-link > .form-item {
  display: block;
}


/* https://component-toolbar.dev.weebpal.com/node/add/page */

.node-page-form .field--type-entity-reference > .form-type--select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.node-page-form .field--type-entity-reference > .form-type--select > .select2-container {
  flex: 1;
  width: auto !important;
}

.node-page-form .field--type-entity-reference > .form-type--select > .form-item__label {
  margin-right: 2rem;
  width: 100%;
  max-width: 10rem;
}

.node-page-form .form-wrapper > .form-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.node-page-form .form-wrapper > .form-item select.component-builder--component-type {
  flex: 1;
  border-radius: 0.5rem;
  border: 1px solid #e5e5e5;
  padding: 9px 12px;
  min-height: 44px;
}

.node-page-form .form-wrapper > .form-item .form-type--textarea {
  width: 100%;
}

.node-page-form .field--name-title > .form-item > .form-required {
  margin-right: 2rem;
  max-width: 10rem;
  display: flex;
  width: 100%;
}

.node-page-form .form-wrapper > .form-item > .form-text {
  flex: 1;
  width: 100%;
  border-radius: 8px;
  padding: 9px 12px;
  border: 1px solid #e5e5e5;
}

.node-page-form .form-wrapper > .form-item > .form-text:hover {
  border-color: var(--color-border);
  box-shadow: var(--color-border);
}

.node-page-form > .form-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.node-page-form .wrapper-display--custom {
  padding-left: 12rem;
}

.node-page-form .wrapper-display--custom .field--type-boolean {
  max-width: 50%;
  flex: 0 0 50%;
  margin-right: 0;
}

.node-page-form .wrapper-display--custom > .form-wrapper > .form-item {
  margin: 5px 0;
}

.node-page-form input[value="Add new Item"] {
  border-radius: 0.5rem;
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  background-color: #e8f4ff;
  text-align: center;
  border: 1px solid #acd7fd !important;
  padding: 0;
  box-shadow: none;
  color: var(--color-theme);
  background-image: url(./images/plus.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(50% - 65px) center;
}

.node-page-form .form-wrapper > .form-item .form-item__label {
  margin-right: 2rem;
  max-width: 10rem;
  display: flex;
  width: 100%;
}

.node-page-form .form-wrapper > .form-item .form-item__description {
  width: 100%;
}

.node-page-form .cke_top {
  background-color: var(--color-bg-selected);
}

.node-page-form .cke.cke_chrome:hover {
  border-color: var(--color-border);
}

.node-page-form .ief-entity-submit {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e !important;
  border-radius: 8px;
  font-size: 1em;
  line-height: 1.125em;
}

.node-page-form .ief-entity-submit:hover {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e;
}

.node-page-form .ief-entity-submit:focus {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e;
}

.node-page-form .button[value="Cancel"] {
  border: 2px solid var(--color-border) !important;
  border-radius: 0.5rem;
  color: var(--color-border);
  background-color: transparent;
  font-size: 1em;
  line-height: 1.125em;
}

.node-page-form .field--name-field-link > .form-item {
  display: block;
}


/* node form */

.node-form .field--type-entity-reference > .form-type--select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.node-form .field--type-entity-reference > .form-type--select > .select2-container {
  flex: 1;
  width: auto !important;
}

.node-form .field--type-entity-reference > .form-type--select > .form-item__label {
  margin-right: 2rem;
  width: 100%;
  max-width: 10rem;
}

.node-form .form-wrapper > .form-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.node-form .form-wrapper > .form-item select.component-builder--component-type {
  flex: 1;
  border-radius: 0.5rem;
  border: 1px solid #e5e5e5;
  padding: 9px 12px;
  min-height: 44px;
}

.node-form .form-wrapper > .form-item .form-type--textarea {
  width: 100%;
}

.node-form .field--name-title > .form-item > .form-required {
  margin-right: 2rem;
  max-width: 10rem;
  display: flex;
  width: 100%;
}

.node-form .form-wrapper > .form-item .form-item__label {
  margin-right: 2rem;
  max-width: 8rem;
  display: flex;
  width: 100%;
}

.node-form .form-wrapper > .form-item > .form-text {
  flex: 1;
  width: 100%;
  border-radius: 8px;
  padding: 9px 12px;
  border: 1px solid #e5e5e5;
}

.node-form .form-wrapper > .form-item > .form-text:hover {
  border-color: var(--color-border);
  box-shadow: var(--color-border);
}

.node-form > .form-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.node-form .wrapper-display--custom {
  padding-left: 10rem;
  row-gap: 20px;
}

.node-form .wrapper-display--custom .field--type-boolean {
  max-width: calc(100% / 3);
  flex: 0 0 calc(100% / 3);
  margin-right: 0;
}

.node-form .wrapper-display--custom .field--type-boolean .form-item__label {
  margin-right: 15px;
  max-width: 100%;
}

.node-form .fieldset__wrapper {
  position: relative;
}

.node-form .wrapper-display--custom > .form-item__label {
  position: absolute;
  left: 0;
}

.node-form td .wrapper-display--custom > .form-item__label {
  left: 1em;
}

.node-form .wrapper-display--custom > .form-wrapper {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}

.node-form .wrapper-display--custom .form-wrapper > .form-type--checkbox {
  margin: 5px 0;
}

.node-form .wrapper-display--custom .form-wrapper > .form-type--checkbox > input[type="checkbox"] {
  position: unset;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
  float: unset;
  transform: unset;
  display: none;
}

.node-form .form-wrapper > .form-type--checkbox > input[type="checkbox"],
.node-form .form-wrapper .form-type--radio > input[type="radio"] {
  position: unset;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
  float: unset;
  transform: unset;
  display: none;
}

.node-form .form-wrapper .form-type--radio {
  margin-left: 0;
}

.node-form .wrapper-display--custom .form-wrapper > .form-type--checkbox > .form-item__label {
  max-width: 100%;
}

.node-form input[value="Add new Item"] {
  border-radius: 0.5rem;
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  background-color: #e8f4ff;
  text-align: center;
  border: 1px solid #acd7fd !important;
  padding: 0;
  box-shadow: none;
  color: var(--color-theme);
  background-image: url(./images/plus.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(50% - 65px) center;
}

.node-form .form-wrapper > .form-item .form-item__description {
  width: 100%;
}

.node-form .cke_top {
  background-color: var(--color-bg-selected);
}

.node-form .cke_path_empty:only-child::after {
  background-color: var(--color-bg-selected);
}

.node-form .cke.cke_chrome:hover {
  border-color: var(--color-border);
}

.node-form .ief-entity-submit {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e !important;
  border-radius: 8px;
  font-size: 1em;
  line-height: 1.125em;
}

.node-form .ief-entity-submit:hover {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e;
}

.node-form .ief-entity-submit:focus {
  background-color: #151d2e;
  color: #fff;
  border: 1px solid #151d2e;
}

.node-form .button[value="Cancel"] {
  border: 2px solid var(--color-border) !important;
  border-radius: 0.5rem;
  color: var(--color-border);
  background-color: transparent;
  font-size: 1em;
  line-height: 1.125em;
}

.node-form .field--name-field-link > .form-item {
  display: block;
}

.node-form .claro-details__wrapper {
  margin: 1.5rem;
}

.node-form .form-managed-file__main {
  display: flex;
}

.node-form .form-managed-file__main .form-element--api-file {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}

.node-form .form-managed-file__main .form-element--api-file:hover {
  border-color: var(--color-border);
  border-width: 1px;
  box-shadow: none;
}

.node-form .claro-autocomplete .form-autocomplete {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}

.node-form .claro-autocomplete .form-autocomplete:hover {
  border-color: var(--color-border);
  border-width: 1px;
  box-shadow: none;
}

.node-form .form-type--textfield .form-element {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}

.node-form .form-type--textfield .form-element:hover {
  border-color: var(--color-border);
  border-width: 1px;
  box-shadow: none;
}

.node-form .field--widget-text-textarea-with-summary > .form-item .form-item__label {
  max-width: 10rem;
}

.node-form .claro-details__wrapper .form-element--type-select {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex: 1;
}

.node-form .claro-details__wrapper .form-element--type-select:hover {
  border-color: var(--color-border);
  border-width: 1px;
  box-shadow: none;
}

.node-form .claro-details__wrapper input[type="number"] {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex: 1;
}

.node-form .claro-details__wrapper input[type="number"]:hover {
  border-color: var(--color-border);
  border-width: 1px;
  box-shadow: none;
}

.node-form .layout-region--node-secondary .claro-details__wrapper {
  margin: 0;
}

.node-form .layout-region--node-secondary .form-wrapper > .form-item .form-item__label {
  max-width: 100%;
}

.node-form .layout-region--node-secondary .form-wrapper > .form-type--boolean {
  margin-left: 0;
}

.node-form .layout-region--node-secondary .claro-details__content > .form-type--boolean {
  margin-left: 0;
}

.node-form .form-actions {
  margin-top: 2rem;
}

.node-form .wrapper-display--custom.component-attributes-wrapper__style--none-border {
  display: none;
}

.node-form .form-type--boolean {
  margin-left: 0;
}

/* End search */

.component-attributes-wrapper--item {
  width: 100%;
  /*display: none;*/
}

.component-wrapper-edit-form .tabledrag-toggle-weight-wrapper {
  margin: 0;
}

.component-wrapper-edit-form .tabledrag-toggle-weight-wrapper > .tabledrag-toggle-weight {
  padding: 0;
}

@media (max-width: 43.74rem) {
  .component-wrapper-add-form .wrapper-display--custom label,
  .component-wrapper-add-form .form-item label {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .component-wrapper-add-form .wrapper-display--custom .field--type-boolean {
    max-width: 50%;
    flex: 0 0 50%;
  }
}

/* *************** END ********************** */
