.paragraphs-dropbutton-wrapper .dropbutton-widget .button {
  margin: 0 3rem 0 0;
  border-right: 2px solid #222330;
}

.paragraphs-dropbutton-wrapper .dropbutton-wrapper .dropbutton {
  overflow: hidden;
}

.paragraphs-dropbutton-wrapper .dropbutton-wrapper.open .dropbutton {
  overflow: visible;
}

.js .paragraph-type-add-modal.form-wrapper {
  height: unset;
}

.paragraphs-tabs-wrapper .form-actions .placeholder {
  padding-left: .5rem;
}

.paragraphs-add-dialog .paragraphs-add-dialog-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 80vw;
}
.paragraphs-add-dialog .paragraphs-add-dialog-list .paragraphs-add-dialog-row {
  flex-grow: 1;
}

.paragraphs-add-dialog .paragraphs-add-dialog-list .paragraphs-add-dialog-row input {
  text-align: center;
}

.vertical-tabs .vertical-tabs__menu {
  width: 15vw;
}

.vertical-tabs .vertical-tabs__items--processed {
  margin-left: 15vw;
}

/* Add "*" to tabs that have required fields. Based on claro's form.css. */
.vertical-tabs__menu-item .form-required::after {
  display: inline-block;
  width: 0.4375rem;
  height: 0.4375rem;
  margin-right: 0.3em;
  margin-left: 0.3em;
  content: "";
  vertical-align: super;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url(../images/required.svg);
  background-repeat: no-repeat;
  background-size: 0.4375rem 0.4375rem;
}


#block-guide-lite-content .diff-controls {
  display: none;
}

.js .tagging_categorization.vertical-tabs__item {
  overflow: visible !important;
}

.js .tagging_categorization.vertical-tabs__item .claro-details__wrapper--vertical-tabs-item {
  display: flex;
}

.field--name-field-drop-shadow label, .field--name-field-remove-border label{
  font-weight: 700!important;
}
.content-review {
  height:500px
}

.select2-container--claro .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove span {
  display: none;
}
.select2-container--claro .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before {
  margin-top: -8px;
}
span.select2-selection__choice__display {
  font-size: 0.889rem;
  font-weight: 700;
  line-height: 1rem;
}
.select2-container--claro .select2-selection--multiple .select2-selection__choice__remove {
  line-height: unset;
}
