#edit-field-color--wrapper .form-item--field-color {
  position: relative;
  display: inline-block;
  margin: 3px 0 0;
}

#edit-field-color--wrapper .form-item--field-color input {
  position: absolute;
  display: none;
  float: none;
  width: 1px;
  height: 1px;
  margin: 0;
}

#edit-field-color--wrapper .form-item--field-color label[for=edit-field-color-orange] {
  background-color: #fa7828;
}

#edit-field-color--wrapper .form-item--field-color label[for=edit-field-color-green] {
  background-color: #00b4ac;
}

#edit-field-color--wrapper .form-item--field-color label[for=edit-field-color-yellow] {
  background-color: #ffce01;
}

#edit-field-color--wrapper .form-item--field-color label[for=edit-field-color-pink] {
  background-color: #e9324d;
}

#edit-field-color--wrapper .form-item--field-color label[for=edit-field-color-light-green] {
  background-color: #22cb1f;
}

#edit-field-color--wrapper .form-item--field-color label[for=edit-field-color-blue] {
  background-color: #278dff;
}

#edit-field-color--wrapper .form-item--field-color label[for=edit-field-color-sky-blue] {
  background-color: #1fb3dd;
}

#edit-field-color--wrapper .form-item--field-color label[for=edit-field-color-purple] {
  background-color: #a515ba;
}

#edit-field-color--wrapper .form-item--field-color input:checked + label.option:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  content: "";
  background: url(check.svg) center center no-repeat;
  background-size: contain;
}

#edit-field-color--wrapper .form-item--field-color label {
  position: relative;
  display: inline-block;
  float: left;
  width: 30px;
  height: 30px;
  margin: 0 5px 5px 0;
  padding: 0;
  cursor: pointer !important;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
  border: 2px solid #919297;
  border-radius: 40px;
  box-shadow: 2px 2px 3px 1px rgb(56 58 64 / 15%);
  font-size: 0.00001px;
}

#layout-builder-modal .field--name-field-video td {
  color: #000;
}

#field-social-links-values thead .label {
  font-size: 90%;
}

#field-social-links-values tbody .field-multiple-drag {
  display: none;
}

#field-social-links-values .social-select {
  max-width: 615px;
}

.form-item .form-required-on-publish::after {
  display: inline;
  content: "* required when publishing";
  color: red;
  border: 0;
  background-color: transparent;
  font-size: 10px;
}
.views-bulk-actions .vbo-multipage-selector .claro-details__wrapper {
  position: absolute;
  bottom: 66%;
  overflow: scroll;
  max-height: 360px;
  margin: 0;
  padding: 1rem;
  border: 1px solid;
  background-color: white;
}
details.claro-details[open]{
  height: auto;
}
details.claro-details{
  height: fit-content;
}
.views-bulk-actions.form-wrapper[data-drupal-sticky-vbo="true"] {
  z-index: 501;
}