/* Insert your hb layout builder custom SASS styling. */
/* Insert your layout SASS styling. */
.media-library-widget-modal .ui-dialog-content {
  min-height: 71vh !important;
}
.media-library-widget-modal .view-media .application-pdf img,
.media-library-widget-modal .view-media-library .application-pdf img {
  content: url("/modules/custom/unhcr_admin_tweaks/img/files/pdf-file.png");
}
.media-library-widget-modal .view-media .application-rtf img,
.media-library-widget-modal .view-media-library .application-rtf img {
  content: url("/modules/custom/unhcr_admin_tweaks/img/files/rtf-file.png");
}
.media-library-widget-modal .view-media .application-vndms-powerpoint img,
.media-library-widget-modal .view-media .application-vndopenxmlformats-officedocumentpresentationmlpresentation img,
.media-library-widget-modal .view-media-library .application-vndms-powerpoint img,
.media-library-widget-modal .view-media-library .application-vndopenxmlformats-officedocumentpresentationmlpresentation img {
  content: url("/modules/custom/unhcr_admin_tweaks/img/files/ppt.png");
}
.media-library-widget-modal .view-media .application-vndopenxmlformats-officedocumentspreadsheetmlsheet img,
.media-library-widget-modal .view-media .application-vndms-excel img,
.media-library-widget-modal .view-media-library .application-vndopenxmlformats-officedocumentspreadsheetmlsheet img,
.media-library-widget-modal .view-media-library .application-vndms-excel img {
  content: url("/modules/custom/unhcr_admin_tweaks/img/files/sheets.png");
}
.media-library-widget-modal .view-media .application-msword img,
.media-library-widget-modal .view-media .application-vndopenxmlformats-officedocumentwordprocessingmldocument img,
.media-library-widget-modal .view-media-library .application-msword img,
.media-library-widget-modal .view-media-library .application-vndopenxmlformats-officedocumentwordprocessingmldocument img {
  content: url("/modules/custom/unhcr_admin_tweaks/img/files/doc.png");
}
.media-library-widget-modal .view-media .text-plain img,
.media-library-widget-modal .view-media-library .text-plain img {
  content: url("/modules/custom/unhcr_admin_tweaks/img/files/txt.png");
}
.media-library-widget-modal .views-field.views-field-thumbnail__target-id .image-style-media-library {
  max-width: 5rem;
}

#layout-builder-configure-section .field-background-color .bg-pale-blue {
  background-color: #338ec9;
}

#layout-builder-modal .claro-autocomplete,
.media-library-widget-modal .claro-autocomplete,
form.media-form .claro-autocomplete {
  width: 100%;
  margin: 0;
}

#layout-builder-modal .field--name-field-media-gallery .button.edit-button,
#layout-builder-modal .field--name-field-media-gallery .button.remove-button {
  right: 0;
  left: inherit;
  width: 25px;
  height: 25px;
  margin: 4px;
  padding: 0;
  filter: unset !important;
  border: 2px solid #ccc !important;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px;
  font-size: 0;
}
#layout-builder-modal .field--name-field-media-gallery .button.edit-button:hover,
#layout-builder-modal .field--name-field-media-gallery .button.edit-button:focus,
#layout-builder-modal .field--name-field-media-gallery .button.edit-button:active,
#layout-builder-modal .field--name-field-media-gallery .button.remove-button:hover,
#layout-builder-modal .field--name-field-media-gallery .button.remove-button:focus,
#layout-builder-modal .field--name-field-media-gallery .button.remove-button:active {
  border-color: #0072bc !important;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px;
}
#layout-builder-modal .field--name-field-media-gallery .button.edit-button {
  right: 35px;
  background-image: url("/core/misc/icons/bebebe/pencil.svg");
}
#layout-builder-modal .field--name-field-media-gallery .button.edit-button:hover,
#layout-builder-modal .field--name-field-media-gallery .button.edit-button:focus,
#layout-builder-modal .field--name-field-media-gallery .button.edit-button:active {
  background-image: url("/core/misc/icons/bebebe/pencil.svg");
}
#layout-builder-modal .field--name-field-media-gallery .button.remove-button {
  background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.344 2.343l11.313 11.313M2.344 13.657L13.657 2.343' stroke='%2355565B' stroke-width='3'/%3e%3c/svg%3e");
}
#layout-builder-modal .field--name-field-media-gallery .button.remove-button:hover,
#layout-builder-modal .field--name-field-media-gallery .button.remove-button:focus,
#layout-builder-modal .field--name-field-media-gallery .button.remove-button:active {
  background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.344 2.343l11.313 11.313M2.344 13.657L13.657 2.343' stroke='%2355565B' stroke-width='3'/%3e%3c/svg%3e");
}
#layout-builder-modal button.link.media-library-widget__toggle-weight {
  color: #fff;
}
#layout-builder-modal button.link.media-library-widget__toggle-weight:hover {
  background: transparent;
}
#layout-builder-modal button.close {
  color: #fff;
}
#layout-builder-modal .field--type-link .form-item {
  color: #fff;
  background-color: transparent;
}
#layout-builder-modal .field--type-link .form-item .form-item__description {
  color: #fff;
}
#layout-builder-modal .field--type-link .form-item .fieldset__label {
  color: #fff;
}
#layout-builder-modal .form-type--textfield .form-item__prefix,
#layout-builder-modal .form-type--textfield .form-item__suffix {
  color: #fff;
}
#layout-builder-modal p {
  color: #fff;
}
#layout-builder-modal input[type=submit].button {
  margin: 0 1rem 0 0;
}
#layout-builder-modal .text-full > .form-item {
  margin-bottom: 0;
}
#layout-builder-modal .field-multiple-table .field-label {
  height: 2rem;
}
#layout-builder-modal .paragraphs-add-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.media-library-item--grid.js-click-to-select.is-hover:before,
.media-library-item--grid.js-click-to-select.checked:before,
.media-library-item--grid.js-click-to-select.is-focus:before {
  z-index: 2;
  width: 95%;
}
.media-library-item--grid.js-click-to-select .media-library-item__attributes {
  bottom: 12px;
  left: 0.3125rem;
  width: 93%;
  padding: 0.3125rem 0.4375rem;
  word-break: break-word;
}

#layout-builder-modal details .claro-details__summary {
  margin: 0 0 -1px 0;
}
#layout-builder-modal details .claro-details__summary::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
#layout-builder-modal details .details-wrapper {
  padding: 1rem;
}
#layout-builder-modal details .details-wrapper > .form-wrapper:not(.field--widget-paragraphs) .filter-guidelines__item {
  color: #fff;
}
#layout-builder-modal details .claro-details__description {
  color: #fff;
}
#layout-builder-modal form {
  position: relative;
  padding-bottom: 4.2rem;
}
#layout-builder-modal form .ajax-progress-throbber {
  display: flex;
  align-items: center;
  justify-content: center;
  width: unset;
  height: 3.5rem !important;
  opacity: 1;
  border: unset;
  border-radius: 50% !important;
  background: unset;
}
#layout-builder-modal form .ajax-progress-throbber .throbber {
  display: block;
  color: #0072bc;
}
#layout-builder-modal form .form-item__label.form-required::after,
#layout-builder-modal form .fieldset__label.form-required::after {
  height: 15px;
  vertical-align: middle;
  font-size: 1.35rem;
}
#layout-builder-modal .ace_editor {
  max-width: 100%;
}

.media-library-wrapper .media-library-item__click-to-select-checkbox input {
  opacity: 1;
}
.media-library-wrapper .media-library-item__remove {
  background-size: contain;
}

.ui-layout-builder-modal input[type=checkbox],
.ui-layout-builder-modal input[type=radio] {
  opacity: inherit;
}
.ui-layout-builder-modal input[type=checkbox] + label:after,
.ui-layout-builder-modal input[type=checkbox] + label:before,
.ui-layout-builder-modal input[type=radio] + label:after,
.ui-layout-builder-modal input[type=radio] + label:before {
  position: inherit;
  top: inherit;
  left: inherit;
  content: none;
  background: inherit;
}
.ui-layout-builder-modal input[type=checkbox] + label:hover:before,
.ui-layout-builder-modal input[type=checkbox] + label:hover:before,
.ui-layout-builder-modal input[type=radio] + label:hover:before,
.ui-layout-builder-modal input[type=radio] + label:hover:before {
  border-color: inherit;
  background: inherit;
}

#layout-builder-modal .media-library-item .media-library-item__attributes,
.media-library-widget-modal .media-library-item .media-library-item__attributes,
form.media-form .media-library-item .media-library-item__attributes {
  position: relative;
  background: #fff;
}
#layout-builder-modal .media-library-item .media-library-item__attributes a,
.media-library-widget-modal .media-library-item .media-library-item__attributes a,
form.media-form .media-library-item .media-library-item__attributes a {
  word-break: break-word;
}
#layout-builder-modal .media-library-item .media-library-edit__link,
#layout-builder-modal .media-library-item .media-library-item__remove.button:first-child,
.media-library-widget-modal .media-library-item .media-library-edit__link,
.media-library-widget-modal .media-library-item .media-library-item__remove.button:first-child,
form.media-form .media-library-item .media-library-edit__link,
form.media-form .media-library-item .media-library-item__remove.button:first-child {
  top: 10px;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.5rem;
  border: 1px solid #d4d4d8 !important;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.344 2.343l11.313 11.313M2.344 13.657L13.657 2.343' stroke='%2355565B' stroke-width='3'/%3e%3c/svg%3e");
  background-size: contain;
  background-size: 13px;
  font-size: 0;
}
#layout-builder-modal .media-library-item .media-library-item__remove.button:disabled,
#layout-builder-modal .media-library-item .media-library-item__remove.button:disabled:active,
#layout-builder-modal .media-library-item .media-library-item__remove.button:hover,
#layout-builder-modal .media-library-item .media-library-item__remove.button:focus,
.media-library-widget-modal .media-library-item .media-library-item__remove.button:disabled,
.media-library-widget-modal .media-library-item .media-library-item__remove.button:disabled:active,
.media-library-widget-modal .media-library-item .media-library-item__remove.button:hover,
.media-library-widget-modal .media-library-item .media-library-item__remove.button:focus,
form.media-form .media-library-item .media-library-item__remove.button:disabled,
form.media-form .media-library-item .media-library-item__remove.button:disabled:active,
form.media-form .media-library-item .media-library-item__remove.button:hover,
form.media-form .media-library-item .media-library-item__remove.button:focus {
  opacity: 1 !important;
}
#layout-builder-modal .media-library-item .media-library-item__remove.button + .ajax-progress .message,
.media-library-widget-modal .media-library-item .media-library-item__remove.button + .ajax-progress .message,
form.media-form .media-library-item .media-library-item__remove.button + .ajax-progress .message {
  padding: 0;
  font-size: 0;
}
#layout-builder-modal .media-library-item .media-library-edit__link,
.media-library-widget-modal .media-library-item .media-library-edit__link,
form.media-form .media-library-item .media-library-edit__link {
  top: 10px;
  border-width: 2px !important;
  background: url("/core/misc/icons/bebebe/pencil.svg") center no-repeat;
  background-color: #fff;
  background-size: 14px;
}
#layout-builder-modal .entity-meta__title,
.media-library-widget-modal .entity-meta__title,
form.media-form .entity-meta__title {
  font-size: 1rem;
}
#layout-builder-modal .entity-meta__header .form-type--item .form-item__label,
.media-library-widget-modal .entity-meta__header .form-type--item .form-item__label,
form.media-form .entity-meta__header .form-type--item .form-item__label {
  font-size: 14px;
}
#layout-builder-modal .form-type--boolean .form-boolean,
.media-library-widget-modal .form-type--boolean .form-boolean,
form.media-form .form-type--boolean .form-boolean {
  margin-right: 1rem;
  margin-left: 0;
}

form.media-image-edit-form .form-type--boolean {
  margin-right: 0;
  margin-left: 0;
}
form.media-image-edit-form .form-type--boolean label:before {
  margin-top: 0;
}
form.media-image-edit-form .form-type--boolean label:after {
  top: 0.0625rem;
}

.ui-widget-content .media-library-edit__modal.ui-widget-content:before {
  content: none;
}

#layout-builder-modal .form-item__description {
  color: #fff;
}
#layout-builder-modal .form-item--settings-admin-label .form-item__label {
  padding-left: 0;
}
#layout-builder-modal .form-type--radio {
  margin-left: 30px;
}
#layout-builder-modal .form-type--radio .form-radio {
  margin-left: 0;
}
#layout-builder-modal .form-type--radio .form-item__label {
  padding: 0;
}
#layout-builder-modal tr.drag-previous td {
  background-color: transparent;
}
#layout-builder-modal .field--type-link .form-item .form-item__description {
  display: none;
}
#layout-builder-modal .tabledrag-handle::after {
  padding: 0.5rem 2rem;
}
#layout-builder-modal .media-library-widget .media-library-selection .media-library-item .form-type--checkbox {
  margin: 0.3125rem;
}
#layout-builder-modal .media-library-widget .media-library-selection .media-library-item .form-type--checkbox .form-checkbox {
  margin-right: 0.5rem;
}
#layout-builder-modal .media-library-widget .media-library-selection .media-library-item .form-type--checkbox .form-item__label {
  color: #000;
}

form.media-form fieldset.fieldset,
#layout-builder-modal fieldset.fieldset,
.media-library-widget-modal fieldset.fieldset {
  border: 0;
  background-color: #383a40;
}
form.media-form fieldset.fieldset .fieldset__label,
form.media-form fieldset.fieldset .fieldset__description,
form.media-form fieldset.fieldset .media-library-widget-empty-text,
#layout-builder-modal fieldset.fieldset .fieldset__label,
#layout-builder-modal fieldset.fieldset .fieldset__description,
#layout-builder-modal fieldset.fieldset .media-library-widget-empty-text,
.media-library-widget-modal fieldset.fieldset .fieldset__label,
.media-library-widget-modal fieldset.fieldset .fieldset__description,
.media-library-widget-modal fieldset.fieldset .media-library-widget-empty-text {
  color: #fff;
}

#layout-builder-modal .field--widget-media-library-widget .media-library-item__preview img {
  background: #fff !important;
}
#layout-builder-modal .field--widget-media-library-widget .media-library-item--grid {
  padding: 10px;
  border-width: 3px;
  border-color: #fff;
  background: #383a40 !important;
}
#layout-builder-modal .field--widget-media-library-widget .media-library-item__attributes {
  background: #383a40;
}
#layout-builder-modal .field--widget-media-library-widget .media-library-item__attributes a {
  color: #fff;
  font-weight: bold;
}

.layout-builder .layout-builder__actions__block .ajax-progress-throbber .throbber {
  width: 20px;
  height: 20px;
}

.layout-builder__section .block.bg-pale-blue {
  background-color: #338ec9;
}

.js input.form-autocomplete.ui-autocomplete-loading {
  display: block;
  width: unset;
  height: unset;
  animation: unset;
  border: unset;
  border-right-color: unset;
  border-radius: 1%;
}

#layout-builder-modal .field--type-link.field--name-field-navigation-link .form-item__label {
  color: #343a40;
}
#layout-builder-modal .field--type-link.field--name-field-navigation-link .form-item__label::after {
  content: "";
}
#layout-builder-modal .field--type-link.field--name-field-navigation-link details {
  display: none;
}
#layout-builder-modal tr:hover td {
  background-color: initial;
}
#layout-builder-modal .field--widget-paragraphs .fieldset__label {
  color: #343a40;
}
#layout-builder-modal .field--widget-paragraphs td {
  color: #000;
}
#layout-builder-modal .field--widget-paragraphs .form-item__label {
  color: #343a40;
}
#layout-builder-modal .field--widget-paragraphs .form-managed-file .form-item__label,
#layout-builder-modal .field--widget-paragraphs .field--widget-paragraphs .paragraphs-subform .form-item__label {
  color: #fff;
}
#layout-builder-modal .field--widget-paragraphs.field--name-field-media-header-slide .paragraphs-subform .form-item__label {
  color: #fff;
}
#layout-builder-modal .field--widget-paragraphs.field--name-field-media-header-slide .form-radio:checked {
  background-position: initial !important;
}
#layout-builder-modal .field--widget-paragraphs.field--name-field-media-header-slide .field--name-field-links th {
  background-color: #343a40;
}
#layout-builder-modal .field--widget-paragraphs.field--name-field-media-header-slide .field--name-field-links tr {
  background-color: #343a40;
}
#layout-builder-modal .field--widget-paragraphs tr:hover td {
  background-color: initial;
}
#layout-builder-modal .field--widget-paragraphs .form-actions {
  font-size: 0;
}
#layout-builder-modal .field--widget-paragraphs .form-actions .paragraphs-dropbutton-wrapper {
  font-size: 1rem;
}
#layout-builder-modal .field--name-field-document .form-type--managed-file .form-item__label {
  color: #fff;
}
#layout-builder-modal .field--widget-link-default,
#layout-builder-modal .field--widget-link-class-field-widget {
  background-color: #343a40;
}
#layout-builder-modal .field--widget-link-default .form-item__label,
#layout-builder-modal .field--widget-link-class-field-widget .form-item__label {
  color: #000;
}
#layout-builder-modal .field--name-field-row .form-type--textarea {
  background-color: unset;
}
#layout-builder-modal .field--name-field-row .paragraph-type--column .form-item__label {
  color: #fff;
}
#layout-builder-modal .field--widget-link-default {
  color: #fff;
}
#layout-builder-modal .paragraph-type--link .field--type-link .fieldset__label,
#layout-builder-modal .paragraph-type--link .field--type-link .fieldset__description {
  color: #000;
}
#layout-builder-modal .paragraphs-nested .claro-details.horizontal-tabs-pane {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph--type--link .paragraphs-editedit-form,
.paragraph--type-row .paragraphs-editedit-form,
.paragraph--type-feature-content-block .paragraphs-editedit-form,
.paragraph--type--document .paragraphs-editedit-form {
  display: none;
}

#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style,
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style {
  padding-bottom: 0.625rem;
}
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn,
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn {
  display: inline-block;
  padding: 0.313rem 1.03rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  text-align: center;
  vertical-align: middle;
  border-radius: 0.25rem;
}
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn._none,
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn._none,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn._none,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn._none {
  color: #fff;
}
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-primary,
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-primary,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-primary,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-primary {
  color: #000;
  border: 0.125rem solid #faeb00;
  background-color: #faeb00;
  font-weight: bold;
}
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-primary:hover,
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-primary:hover,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-primary:hover,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-primary:hover {
  color: #000;
  border: 0.125rem solid #fcf366;
  background-color: #fcf366;
  font-weight: bold;
}
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-secondary,
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-secondary,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-secondary,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-secondary {
  border: 0.125rem solid #0072bc;
  background-color: #0072bc;
  font-weight: bold;
}
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-secondary:hover,
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-secondary:hover,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-secondary:hover,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-secondary:hover {
  border: 0.125rem solid #338ec9;
  background-color: #338ec9;
  font-weight: bold;
}
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-outline-dark,
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-outline-dark,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-outline-dark,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-outline-dark {
  color: #000;
  border: 0.125rem solid #000;
  font-weight: bold;
}
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-outline-dark:hover,
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-outline-dark:hover,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-outline-dark:hover,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-outline-dark:hover {
  color: #000;
  background-color: #e5e5e5;
  font-weight: bold;
}
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-outline-light,
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-outline-light,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-outline-light,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-outline-light {
  border: 0.125rem solid #fff;
  font-weight: bold;
}
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-outline-light:hover,
#drupal-off-canvas .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-outline-light:hover,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-appearance-button-button-style .btn-outline-light:hover,
#layout-builder-modal .fieldset-wrapper .form-radios .js-form-item-layout-settings-ui-tab-content-appearance-button-button-style .btn-outline-light:hover {
  color: #fff;
  background-color: #333;
  font-weight: bold;
}

#layout-builder-modal .field-group-tabs-wrapper .horizontal-tabs .horizontal-tabs-list {
  margin: 0;
  list-style-type: none;
}
#layout-builder-modal .field-group-tabs-wrapper .horizontal-tabs .horizontal-tabs-list .form-required::after {
  display: inline-block;
  margin-right: 0.15em;
  margin-left: 0.15em;
  content: "*";
  color: #dc3545;
  font-size: 0.875rem;
}
#layout-builder-modal .claro-details.horizontal-tabs-pane {
  padding: 0 1em;
  border: 0;
  box-shadow: unset;
}
#layout-builder-modal .claro-details.horizontal-tabs-pane > summary {
  display: none;
}

#layout-builder-modal .paragraphs-dropdown-actions button.button,
#layout-builder-modal .paragraphs-dropdown-actions input[type=submit].button {
  margin: 0;
  border-bottom: 1px solid #a6a6a6 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#layout-builder-modal .paragraphs-dropdown-actions button.button:last-child,
#layout-builder-modal .paragraphs-dropdown-actions input[type=submit].button:last-child {
  border-bottom: 0 !important;
}
#layout-builder-modal .paragraphs-dropdown-actions button.button:hover,
#layout-builder-modal .paragraphs-dropdown-actions input[type=submit].button:hover {
  background: #f0f5fd;
}
#layout-builder-modal .tabledrag-cell {
  min-width: 5rem;
}
#layout-builder-modal .field--name-field-document .media-library-item--grid .media-library-item__preview {
  padding-bottom: 0;
}
#layout-builder-modal .field--name-field-document .media-library-item--grid .media-library-item__preview .field--name-thumbnail img {
  height: 5rem;
}
#layout-builder-modal .field--name-field-document .media-library-item--grid .media-library-item__attributes {
  font-size: 14px;
}

#layout-builder-modal .field--type-chart-config .form-radios > div,
#layout-builder-modal details[id*=edit-settings-chart] .form-radios > div,
#layout-builder-modal .chart-type-radios .form-radios > div {
  display: flex;
}
#layout-builder-modal .field--type-chart-config .form-radios > div .ajax-progress-throbber,
#layout-builder-modal details[id*=edit-settings-chart] .form-radios > div .ajax-progress-throbber,
#layout-builder-modal .chart-type-radios .form-radios > div .ajax-progress-throbber {
  height: 1.5rem;
}
#layout-builder-modal .field--type-chart-config .form-radios > div .ajax-progress-throbber .throbber,
#layout-builder-modal details[id*=edit-settings-chart] .form-radios > div .ajax-progress-throbber .throbber,
#layout-builder-modal .chart-type-radios .form-radios > div .ajax-progress-throbber .throbber {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.0625rem 0.25rem 0.125rem;
}
#layout-builder-modal .form-item--settings-chart-settings-library,
#layout-builder-modal .form-item--settings-chart-settings-display-title,
#layout-builder-modal .form-item--settings-chart-settings-display-title-position,
#layout-builder-modal .form-item--settings-chart-settings-dimensions {
  display: none;
}
#layout-builder-modal .chart-xaxis.hidden,
#layout-builder-modal .chart-yaxis.hidden {
  display: none;
}
#layout-builder-modal .chart-yaxis label {
  display: table;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  font-size: 0.889rem;
  font-weight: bold;
  line-height: 1.125rem;
}
#layout-builder-modal .chart-yaxis .form-item-min-value {
  margin-top: 0;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table {
  display: block;
  overflow: auto;
  background: #fff;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table thead th:nth-child(2) {
  width: 100%;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table tbody tr:first-child td:first-child input {
  padding: 0;
  border: 0;
  font-size: 0.875rem;
  font-weight: bold;

  -webkit-text-fill-color: #343a40;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table tr:hover {
  background: #fff;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table tr:hover td {
  background: #fff;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table tr td:first-child:not(.container-inline) {
  min-width: 200px;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table tr td:not(.container-inline) {
  padding: 0.5rem 1rem;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table tr.data-collector-table--row:first-child .data-collector-table--row--delete .button {
  display: none;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table tr.data-collector-table--column-deletes-row .data-collector-table--column--delete:first-child .button {
  display: none;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table tr td:not(.data-collector-table--row--delete):not(.data-collector-table--column--delete) {
  border-left: 0.0625rem solid #d4d4d8;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table tr td:not(.data-collector-table--row--delete):not(.data-collector-table--column--delete):last-child {
  border-left: none;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table td {
  border: 0;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table tfoot {
  font-size: 0.875rem;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table tfoot td {
  color: #343a40;
  font-weight: normal;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table .data-collector-table--row--cell {
  position: relative;
  display: flex;
  align-items: center;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table .data-collector-table--row--cell label {
  position: absolute;
  top: -18px;
  left: 0;
  margin-right: 0.313rem;
  font-size: 0.75rem;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table .data-collector-table--row--cell .form-item__label {
  color: #343a40;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table .data-collector-table--row--cell .form-text {
  font-size: 0.875rem;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table .container-inline {
  display: table-cell;
  min-width: 250px;
  height: auto;
  margin: 0;
  padding: 1rem;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table .container-inline div {
  margin: 0;
  padding: 0;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table .container-inline .data-collector-table--row--cell {
  float: left;
  max-width: 150px;
  margin-right: 0.313rem;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table .container-inline input[type=color] {
  min-width: 55px;
  padding: 0.55rem 0 0.55rem 0;
  -webkit-appearance: auto;
  appearance: auto;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table .data-collector-table--row--delete .button {
  margin: 0;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table .data-collector-table--row--delete .button,
#layout-builder-modal .claro-details__wrapper .data-collector-table .data-collector-table--column--delete .button {
  width: 20px;
  height: 25px;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: url(../../images/trash.svg) no-repeat;
  background-size: contain;
  box-shadow: none;
  font-size: 0;
}
#layout-builder-modal .claro-details__wrapper .data-collector-table .data-collector-table--oprations-row .button {
  width: auto;
  margin-right: 1rem;
}

.ui-dialog .ui-dialog-content {
  overflow-x: hidden;
  border: unset;
}
.ui-dialog .button {
  display: inline-block;
  margin: 1rem 0.75rem 1rem 0;
  padding: calc(1rem - 1px) calc(1.5rem - 1px);
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 2px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
}
.ui-dialog .button--primary {
  color: #fff;
  background-color: #003cc5;
}
.ui-dialog .ui-corner-all {
  border: unset;
}
.ui-dialog .ui-dialog-titlebar {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

.media-library-widget-modal .media-library-item .media-library-item__attributes {
  display: flex;
}
.media-library-widget-modal .media-library-item .media-library-item__attributes a {
  overflow: hidden;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-word;
}

.media-library-widget-modal .media-library-item--grid {
  width: 20%;
}

#layout-builder-modal .tabledrag-handle::after,
.media-library-widget-modal .tabledrag-handle::after,
form.media-form .tabledrag-handle::after {
  background-size: 15px;
}

.media-library-widget-modal .media-library-add-form--without-input .form-item .form-managed-file .form-managed-file__main .upload-button {
  display: none;
}

#tmgmt-overview-form .tmgmt-source-operations-wrapper .button {
  position: relative;
  top: 16px;
}

#edit-bottom-actions {
  position: absolute;
  bottom: 0;
}
#edit-bottom-actions #edit-preview-toggle--2 {
  margin-top: 1rem;
}

#layout-builder {
  margin-bottom: 8rem;
}

form.media-form fieldset.fieldset {
  background-color: transparent;
}
form.media-form fieldset.fieldset .fieldset__label {
  color: #000;
}

.ui-widget.ui-widget-content {
  border: unset;
}

.field--name-moderation-state select {
  min-width: 9.375rem;
}

.media-library-widget-modal {
  z-index: 503 !important;
}

#layout-builder-modal .paragraphs-add-wrapper {
  font-size: 0;
}

.layout-builder-form.is-disabled + .layout-builder {
  position: relative;
}
.layout-builder-form.is-disabled + .layout-builder:after {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  cursor: not-allowed;
  background-color: rgba(255, 255, 255, 0.5);
}

.ui-layout-builder-modal.wide {
  top: 50% !important;
  left: 50% !important;
  width: 90vw !important;
  transform: translate(-50%, -50%) !important;
}
@media only screen and (max-width: 1200px) {
  .ui-layout-builder-modal .field--name-field-chart .data-collector-table {
    max-width: 55vw;
  }
}
@media only screen and (min-width: 1201px) {
  .ui-layout-builder-modal .field--name-field-chart .data-collector-table {
    max-width: 61vw;
  }
}
@media only screen and (min-width: 1400px) {
  .ui-layout-builder-modal .field--name-field-chart .data-collector-table {
    max-width: 65vw;
  }
}
@media only screen and (min-width: 1600px) {
  .ui-layout-builder-modal .field--name-field-chart .data-collector-table {
    max-width: 68vw;
  }
}

.layout-builder__add-block .dropbutton-wrapper:not(.open) .dropbutton__item:first-of-type ~ .dropbutton__item {
  display: none;
}

body .layout-builder .layout-builder__add-block {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
  border: unset;
  background-color: unset;
}
body .layout-builder .layout-builder__add-block .dropbutton-wrapper.open {
  z-index: 7;
}
body .layout-builder .layout-builder__add-block .dropbutton-wrapper {
  position: absolute;
  z-index: 6;
  width: 17rem;
  font-size: 17px;
}
body .layout-builder .layout-builder__add-block .dropbutton-wrapper .dropbutton li {
  list-style-type: none;
}
body .layout-builder .layout-builder__add-block .dropbutton-wrapper .dropbutton li a {
  white-space: pre-wrap;
  word-break: break-word;
}
body .layout-builder .layout-builder__add-block ul.links li:before {
  content: unset;
}
body .layout-builder .layout-builder__add-block .layout-builder__direct-add__list {
  z-index: 85;
  top: 80%;
  width: 25rem;
}
body .layout-builder .layout-builder__add-block .layout-builder__direct-add__list li {
  display: flex;
  border: 1px solid #e2e4e7;
}
body .layout-builder .layout-builder__add-block .layout-builder__direct-add__list li:hover {
  background: #ffffea;
}
body .layout-builder .layout-builder__add-block .layout-builder__direct-add__list a {
  padding: 2px 0 2px 1rem;
  border: unset;
}
body .layout-builder .layout-builder__add-block .layout-builder__direct-add__list a:hover {
  background: unset;
}

.bg-edge2edge.bg-dark .layout-builder__direct-add__toggle {
  color: #fff;
}

#layout-builder-modal .media-library-add-form--oembed .media-library-add-form__preview,
.media-library-widget-modal .media-library-add-form--oembed .media-library-add-form__preview,
form.media-form .media-library-add-form--oembed .media-library-add-form__preview {
  align-items: flex-start;
  margin-top: 14.75rem;
}

#drupal-off-canvas summary {
  color: #26a5ff;
}
#drupal-off-canvas summary::after {
  border-right-color: #26a5ff;
  border-bottom-color: #26a5ff;
}

.editor-media-dialog .form-item--attributes-data-view-mode select {
  min-width: 250px;
}

#layout-builder-modal tr.drag-previous:hover td {
  background: unset;
}

.form-item--multiple .form-item__label {
  color: #000 !important;
}

details[id*=edit-permissions-by-term-info] {
  display: none !important;
}

.contextual {
  display: none;
}

.field--name-field-media-gallery.field--widget-media-library-widget .js-media-library-widget .fieldset__wrapper .js-media-library-selection {
  display: flex;
}
.field--name-field-media-gallery.field--widget-media-library-widget .js-media-library-widget .fieldset__wrapper .js-media-library-selection .media-library-item--grid {
  border-width: unset;
  border-color: unset;
}