/* 
    * Base styles
    * -----------------------------------------------------------------------------
    *
    * Base styles for the admin theme.
    *
    1. Font size and root setting
    2. HTMl elements(HTML, body, a, headings, paragraphs, lists, images)
    3. Form elements (input, select, textarea, button)
    4. Buttons (primary, default, action link)
    5. Tables (.multi classes)
    6. Toggle (dropbutton)
    7. Top toolbar
    8. Tabs
    9. Checkboxes and radio buttons
    10. Labels
    11. Content header
    12. Accordion (details/summary)
    13. Breadcrumb
    14. Filter (views exposed form, webform filter form)
    15. Pagination
    16. Layout (layout-region--secondary, layout-region--main)
    17. Messages

*/
/* Root setting */
/* Mixin */
/* Variables */
html {
  font-size: 16px;
}

body {
  color: var(--admin-color-text);
  font-size: 16px;
}

a,
.link {
  color: var(--admin-primary-color);
}
a:hover,
.link:hover {
  color: var(--admin-primary-dark-color);
}
a:focus,
.link:focus {
  color: var(--admin-primary-dark-color);
  text-decoration: underline;
}

/* Removed focus */
.is-horizontal .tabs--primary:checked:focus,
.is-horizontal .tabs--primary .tabs__link:focus,
.form-boolean:checked:focus,
.form-boolean .tabs__link:focus,
.page-wrapper:checked:focus,
.page-wrapper .tabs__link:focus,
.form-boolean--type-radio:checked:focus,
.form-boolean--type-radio .tabs__link:focus,
.ui-dialog:checked:focus,
.ui-dialog .tabs__link:focus {
  outline: 0 !important;
  -webkit-box-shadow: 0 0 0 0px transparent, 0 0 0 0px transparent !important;
          box-shadow: 0 0 0 0px transparent, 0 0 0 0px transparent !important;
}
.is-horizontal .tabs--primary:checked:focus:active, .is-horizontal .tabs--primary:checked:focus:hover,
.is-horizontal .tabs--primary .tabs__link:focus:active,
.is-horizontal .tabs--primary .tabs__link:focus:hover,
.form-boolean:checked:focus:active,
.form-boolean:checked:focus:hover,
.form-boolean .tabs__link:focus:active,
.form-boolean .tabs__link:focus:hover,
.page-wrapper:checked:focus:active,
.page-wrapper:checked:focus:hover,
.page-wrapper .tabs__link:focus:active,
.page-wrapper .tabs__link:focus:hover,
.form-boolean--type-radio:checked:focus:active,
.form-boolean--type-radio:checked:focus:hover,
.form-boolean--type-radio .tabs__link:focus:active,
.form-boolean--type-radio .tabs__link:focus:hover,
.ui-dialog:checked:focus:active,
.ui-dialog:checked:focus:hover,
.ui-dialog .tabs__link:focus:active,
.ui-dialog .tabs__link:focus:hover {
  outline: 0 !important;
  -webkit-box-shadow: 0 0 0 0px transparent, 0 0 0 0px transparent !important;
          box-shadow: 0 0 0 0px transparent, 0 0 0 0px transparent !important;
}
.is-horizontal .tabs--primary *:focus,
.form-boolean *:focus,
.page-wrapper *:focus,
.form-boolean--type-radio *:focus,
.ui-dialog *:focus {
  outline: 0 !important;
  -webkit-box-shadow: 0 0 0 0px transparent, 0 0 0 0px transparent !important;
          box-shadow: 0 0 0 0px transparent, 0 0 0 0px transparent !important;
}
.is-horizontal .tabs--primary *:focus:active, .is-horizontal .tabs--primary *:focus:hover,
.form-boolean *:focus:active,
.form-boolean *:focus:hover,
.page-wrapper *:focus:active,
.page-wrapper *:focus:hover,
.form-boolean--type-radio *:focus:active,
.form-boolean--type-radio *:focus:hover,
.ui-dialog *:focus:active,
.ui-dialog *:focus:hover {
  outline: 0 !important;
  -webkit-box-shadow: 0 0 0 0px transparent, 0 0 0 0px transparent !important;
          box-shadow: 0 0 0 0px transparent, 0 0 0 0px transparent !important;
}

.draggable.drag,
.draggable.drag:focus {
  background-color: var(--admin-primary-light-color);
}

input[type=text], input[type=email], input[type=password], input[type=number], input[type=url], input[type=search], input[type=tel], input[type=date], input[type=time], input[type=datetime-local], input[type=month], input[type=week], input[type=file] {
  color: var(--admin-color-text);
  border-radius: var(--admin-border-radius);
  min-width: 150px;
  font-size: 1em !important;
  padding: 0.9375em !important;
  padding-left: 0.9375em !important;
  padding-right: 0.9375em !important;
  line-height: 1.25em !important;
  height: auto;
  min-height: unset;
}
input[type=text]:hover:focus, input[type=email]:hover:focus, input[type=password]:hover:focus, input[type=number]:hover:focus, input[type=url]:hover:focus, input[type=search]:hover:focus, input[type=tel]:hover:focus, input[type=date]:hover:focus, input[type=time]:hover:focus, input[type=datetime-local]:hover:focus, input[type=month]:hover:focus, input[type=week]:hover:focus, input[type=file]:hover:focus {
  border-color: var(--admin-primary-color);
  -webkit-box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
          box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=time]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=week]:focus, input[type=file]:focus {
  border-color: var(--admin-primary-color);
  -webkit-box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
          box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
}
input.form-element:hover:focus {
  border-color: var(--admin-primary-color);
  -webkit-box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
          box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
}
input.form-element:focus {
  border-color: var(--admin-primary-color);
  -webkit-box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
          box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
}

textarea.form-element {
  border-radius: var(--admin-border-radius);
}

/* Select dropdown */
select {
  color: var(--admin-color-text);
  border-radius: var(--admin-border-radius);
  font-size: 1em !important;
  padding: 0.9375em !important;
  padding-left: 0.9375em !important;
  padding-right: 2.5em !important;
  line-height: 1.25em !important;
  background: var(--admin-color-white) url(../images/select.svg) calc(100% - 15px) no-repeat;
  background-repeat: no-repeat;
  min-width: 150px;
  background-size: 16px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-height: unset !important;
  height: auto;
}
select:hover:focus {
  border-color: var(--admin-primary-color);
  -webkit-box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
          box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
}
select:focus {
  border-color: var(--admin-primary-color);
  -webkit-box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
          box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
}
select.form-element {
  color: var(--admin-color-text);
  border-radius: var(--admin-border-radius);
  font-size: 1em !important;
  padding: 0.9375em !important;
  padding-left: 0.9375em !important;
  padding-right: 2.5em !important;
  line-height: 1.25em !important;
  min-height: unset !important;
  background: var(--admin-color-white) url(../images/select.svg) calc(100% - 15px) no-repeat;
  background-repeat: no-repeat;
  min-width: 150px;
  background-size: 16px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: unset !important;
  height: auto;
}
select.form-element:hover:focus {
  border-color: var(--admin-primary-color);
  -webkit-box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
          box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
}
select.form-element:focus {
  border-color: var(--admin-primary-color);
  -webkit-box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
          box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
}
select[name$="][_weight]"] {
  min-width: 80px;
  padding: 0.1875em !important;
  padding-left: 0.625em !important;
  padding-right: 1.875em !important;
  background-position: calc(100% - 8px);
  background-size: 12px !important;
}

/* //Select dropdown */
/* Button primary and default */
.button {
  color: var(--admin-color-text) !important;
  border-radius: var(--admin-border-radius) !important;
  min-width: 70px !important;
  padding: 0.75em !important;
  font-size: 1em !important;
  padding-left: 1.25em !important;
  padding-right: 1.25em !important;
  line-height: 22px !important;
  background-color: var(--admin-color-white) !important;
  border: 2px solid var(--admin-brand-primaryColor) !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.button:not(:focus) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.button:hover {
  background-color: var(--admin-primary-color) !important;
  border: 2px solid var(--admin-primary-color) !important;
  color: var(--admin-color-white) !important;
  text-decoration: none;
}
.button:focus {
  background-color: var(--admin-primary-color) !important;
  border: 2px solid var(--admin-primary-color) !important;
  color: var(--admin-color-white) !important;
  text-decoration: none;
  -webkit-box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color) !important;
          box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color) !important;
}
.button.icon-link {
  min-width: inherit !important;
  font-size: 0px !important;
  background-color: var(--admin-white) !important;
}
.button--extrasmall {
  padding: 0.4375em !important;
  font-size: 0.875em !important;
  padding-left: 1em !important;
  padding-right: 1em !important;
  line-height: 16px !important;
  border-width: 1px !important;
  margin-bottom: 0;
  margin-right: 0;
  border-radius: calc(var(--admin-border-radius) / 1.5) !important;
}
.button--extrasmall:hover {
  border-width: 1px !important;
}
.button--primary {
  background-color: var(--admin-primary-color) !important;
  border: 2px solid var(--admin-primary-color) !important;
  color: var(--admin-color-white) !important;
}
.button--primary:hover, .button--primary:focus {
  background-color: var(--admin-primary-dark-color) !important;
  border: 2px solid var(--admin-primary-dark-color) !important;
  color: var(--admin-color-white) !important;
  text-decoration: none;
  -webkit-box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
          box-shadow: 0 0 0 2px var(--admin-color-white), 0 0 0 1px var(--admin-focus-color);
}
.button--small {
  padding: 0.625em !important;
}

.button.field-add-more-submit {
  padding-left: 1.25em !important;
  padding-right: 1.25em !important;
  line-height: 24px !important;
  font-size: 1.125em !important;
}

.action-link {
  color: var(--admin-primary-color);
}
.action-link:hover {
  background-color: transparent;
  color: var(--admin-primary-color);
}
/* .use-ajax input[type=submit] */
/* //Button primary and default */
/* Default table */
table {
  margin-top: 0;
  width: 100%;
  border-collapse: collapse;
}
table[data-drupal-selector=edit-blocks], table[data-once=tableresponsive], table.views-view-table, table.responsive-enabled.draggable-table, table.webform-results-table, table.views-listing-table {
  /* &:has(td:nth-last-child(2) .dropbutton-wrapper) {

      td,
      th {
          &:nth-last-child(2) {
              text-align: center;
          }

      }

      td,
      th {
          &:first-child {
              text-align: left;
          }
      }
  } */
}
table[data-drupal-selector=edit-blocks]:has(.dropbutton-wrapper) td:last-child,
table[data-drupal-selector=edit-blocks]:has(.dropbutton-wrapper) th:last-child, table[data-once=tableresponsive]:has(.dropbutton-wrapper) td:last-child,
table[data-once=tableresponsive]:has(.dropbutton-wrapper) th:last-child, table.views-view-table:has(.dropbutton-wrapper) td:last-child,
table.views-view-table:has(.dropbutton-wrapper) th:last-child, table.responsive-enabled.draggable-table:has(.dropbutton-wrapper) td:last-child,
table.responsive-enabled.draggable-table:has(.dropbutton-wrapper) th:last-child, table.webform-results-table:has(.dropbutton-wrapper) td:last-child,
table.webform-results-table:has(.dropbutton-wrapper) th:last-child, table.views-listing-table:has(.dropbutton-wrapper) td:last-child,
table.views-listing-table:has(.dropbutton-wrapper) th:last-child {
  text-align: right;
}
table[data-drupal-selector=edit-blocks]:has(.dropbutton-wrapper) td:first-child,
table[data-drupal-selector=edit-blocks]:has(.dropbutton-wrapper) th:first-child, table[data-once=tableresponsive]:has(.dropbutton-wrapper) td:first-child,
table[data-once=tableresponsive]:has(.dropbutton-wrapper) th:first-child, table.views-view-table:has(.dropbutton-wrapper) td:first-child,
table.views-view-table:has(.dropbutton-wrapper) th:first-child, table.responsive-enabled.draggable-table:has(.dropbutton-wrapper) td:first-child,
table.responsive-enabled.draggable-table:has(.dropbutton-wrapper) th:first-child, table.webform-results-table:has(.dropbutton-wrapper) td:first-child,
table.webform-results-table:has(.dropbutton-wrapper) th:first-child, table.views-listing-table:has(.dropbutton-wrapper) td:first-child,
table.views-listing-table:has(.dropbutton-wrapper) th:first-child {
  text-align: left;
}
table[data-drupal-selector=edit-blocks] tbody tr.selected, table[data-once=tableresponsive] tbody tr.selected, table.views-view-table tbody tr.selected, table.responsive-enabled.draggable-table tbody tr.selected, table.webform-results-table tbody tr.selected, table.views-listing-table tbody tr.selected {
  -webkit-box-shadow: inset 0 0 20px 0px var(--admin-primary-light-color);
          box-shadow: inset 0 0 20px 0px var(--admin-primary-light-color);
}
table[data-drupal-selector=edit-blocks] tbody tr.selected td, table[data-once=tableresponsive] tbody tr.selected td, table.views-view-table tbody tr.selected td, table.responsive-enabled.draggable-table tbody tr.selected td, table.webform-results-table tbody tr.selected td, table.views-listing-table tbody tr.selected td {
  background-color: var(--admin-primary-light-color2);
}
table[data-drupal-selector=edit-blocks] tbody tr:hover, table[data-once=tableresponsive] tbody tr:hover, table.views-view-table tbody tr:hover, table.responsive-enabled.draggable-table tbody tr:hover, table.webform-results-table tbody tr:hover, table.views-listing-table tbody tr:hover {
  -webkit-box-shadow: inset 0 0 20px 0px var(--admin-primary-light-color);
          box-shadow: inset 0 0 20px 0px var(--admin-primary-light-color);
}
table thead tr {
  border: 0;
}
table thead tr th {
  color: var(--admin-color-text);
  font-size: 1em !important;
  padding: 0.625em !important;
  padding-left: 0.625em !important;
  padding-right: 0.625em !important;
  line-height: 1.25em !important;
  background-color: var(--admin-primary-light-color);
}
table thead tr th:has([type=checkbox]) {
  max-width: 3.125em !important;
}
table thead tr th:first-child {
  border-top-left-radius: var(--admin-border-radius);
}
table thead tr th:last-child {
  border-top-right-radius: var(--admin-border-radius);
}
table tbody tr {
  border-bottom: 0;
}
table tbody tr:nth-child(odd) {
  background-color: var(--admin-color-white);
}
table tbody tr:nth-child(even) {
  background-color: color-mix(in srgb, var(--admin-color-white), black 2%);
}
table tbody tr:last-child {
  border-bottom: 1px solid var(--admin-table-head);
}
table tbody tr:last-child td:first-child {
  border-bottom-left-radius: var(--admin-border-radius);
}
table tbody tr:last-child td:last-child {
  border-bottom-right-radius: var(--admin-border-radius);
}
table tbody tr td {
  color: var(--admin-color-text);
  font-size: 1em !important;
  padding: 0.625em !important;
  /*  &:has(.dropbutton-widget) {
      @include toEm(max-width, 100);
  } */
}
table tbody tr td:first-child {
  border-left: 1px solid var(--admin-table-head);
}
table tbody tr td:last-child {
  border-right: 1px solid var(--admin-table-head);
}
table tbody tr td:has([type=checkbox]) {
  max-width: 4.375em !important;
}
table tbody tr td .views-field-thumbnail__target-id img {
  width: 140px;
  height: auto;
}
table tbody tr td.views-field-operations {
  max-width: 120px;
}
table tbody tr td .no-image-style {
  width: 140px;
  height: auto;
}
table tbody tr td a {
  color: var(--admin-brand-primaryColor);
}
table th > input[type=checkbox]:only-child {
  margin-left: 5px;
}
table td > .form-item:only-child,
table td > .button:only-child {
  padding-left: 5px;
}
table .tabledrag-cell-content .indentation,
table [dir=rtl] .tabledrag-cell-content .indentation {
  float: left;
}

.path-node .paragraph-top {
  grid-template-columns: 390px auto 1fr auto;
}
.path-node .breadcrumb {
  display: none;
}
.path-node .fieldset__label {
  padding-left: 0;
}
.path-node .fieldset__wrapper {
  margin-left: 0;
  margin-right: 0;
}
.path-node .dropbutton--small .dropbutton__toggle {
  height: 37px;
}
.path-node table.field-multiple-table > tbody > tr > th:first-child:has(a.tabledrag-handle[style="display: none;"]),
.path-node table.field-multiple-table > tbody > tr > td:first-child:has(a.tabledrag-handle[style="display: none;"]),
.path-node table.field-multiple-table > thead > tr > th:first-child:has(a.tabledrag-handle[style="display: none;"]),
.path-node table.field-multiple-table > thead > tr > td:first-child:has(a.tabledrag-handle[style="display: none;"]) {
  padding: 1px !important;
  min-width: 1px;
}
.path-node table.field-multiple-table th:empty,
.path-node table.field-multiple-table td:empty {
  padding: 1px !important;
}
.path-node table.field-multiple-table th:has(.tabledrag-cell-content),
.path-node table.field-multiple-table td:has(.tabledrag-cell-content) {
  max-width: 28px;
  vertical-align: top;
  min-width: 28px;
  padding-left: 10px !important;
  padding-right: 0px !important;
}
.path-node table.field-multiple-table > thead > tr {
  display: block;
  /* >th+th {
      width: 100%;
  } */
}
.path-node table.field-multiple-table > thead > tr > th {
  width: 100%;
  padding-left: 20px !important;
  padding-right: 10px !important;
  background-color: var(--admin-grey-light);
  border-radius: var(--admin-border-radius);
  border: 0;
}
.path-node table.field-multiple-table > thead > tr > th .paragraphs-actions {
  margin-right: 0;
}
.path-node table.field-multiple-table > tbody > tr {
  display: block;
  /* box-shadow: rgb(231 231 231) 0px 1px 8px 0px; */
  margin-top: 30px;
  border-radius: var(--admin-border-radius);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: 0.08em solid var(--admin-grey-light);
}
.path-node table.field-multiple-table > tbody > tr:nth-child(even) {
  background-color: color-mix(in srgb, var(--admin-color-white), black 2%);
}
.path-node table.field-multiple-table > tbody > tr:nth-child(odd) {
  background-color: color-mix(in srgb, var(--admin-color-white), black 2%);
}
.path-node table.field-multiple-table > tbody > tr:hover {
  -webkit-box-shadow: rgb(231, 231, 231) 0px 0px 6px 3px;
          box-shadow: rgb(231, 231, 231) 0px 0px 6px 3px;
  outline-color: var(--admin-brand-primaryColor);
  background-color: var(--admin-color-white);
}
.path-node table.field-multiple-table > tbody > tr.draggable.field-multiple-drag {
  min-width: 30px;
}
.path-node table.field-multiple-table > tbody > tr.draggable > td + td {
  width: 100%;
}
.path-node table.field-multiple-table > tbody > tr > td {
  border: 0;
  padding-left: 20px !important;
  padding-right: 10px !important;
}
.path-node table.field-multiple-table > tbody > tr > td.delta-order {
  vertical-align: top;
}
.path-node table.field-multiple-table > tbody > tr > td .paragraph-top > .paragraph-type > .paragraph-type-label {
  color: var(--admin-primary-color);
  font-size: 1em !important;
  font-weight: 600;
}
.path-node table.field-multiple-table > tbody > tr > td img.paragraph-type-icon {
  display: none;
}
.path-node table.field-multiple-table > tbody > tr td .fieldset__wrapper {
  margin-left: 0;
}
.path-node table.field-multiple-table > tbody > tr td .fieldset {
  border: 0 !important;
}
.path-node table.field-multiple-table > tbody > tr td table.field-multiple-table > thead > tr {
  background: transparent;
  border: 0;
}
.path-node table.field-multiple-table > tbody > tr td table.field-multiple-table > thead > tr th {
  background: transparent;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.path-node table.field-multiple-table > tbody > tr td table.field-multiple-table > thead > tr th h4.form-item__label {
  display: none;
}
.path-node table.field-multiple-table > tbody > tr td .paragraphs-subform {
  padding-right: 20px;
}
.path-node table.field-multiple-table > tbody > tr td .fieldset__label {
  padding-left: 0px;
}
.path-node .js-form-wrapper label {
  width: 100%;
}
.path-node .fieldset {
  background-color: transparent;
}
.path-node .page-content {
  margin-top: 0.5rem;
}

.paragraphs-browser-wrapper fieldset.paragraphs-browser-paragraph-type {
  border: 1px solid var(--admin-table-head) !important;
  padding-bottom: 40px !important;
  margin-bottom: 60px !important;
}
.paragraphs-browser-wrapper fieldset.paragraphs-browser-paragraph-type input[type=submit] {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

th.sortable-heading.is-active > a {
  color: var(--admin-primary-color);
  font-weight: bold;
  text-decoration: underline;
}
th.sortable-heading.is-active > a:before {
  border-color: var(--admin-primary-color);
}

.tablesort {
  -webkit-mask: url(../images/sort.svg) no-repeat center;
          mask: url(../images/sort.svg) no-repeat center;
  background: var(--admin-primary-color);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.tablesort--asc {
  -webkit-mask: url(../images/sort.svg) no-repeat center;
          mask: url(../images/sort.svg) no-repeat center;
  background: var(--admin-primary-color);
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

/* //Default table */
/* toggle */
.dropbutton-wrapper {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dropbutton-wrapper.open .dropbutton__toggle:before {
  -webkit-transform: translate(50%, -50%) rotate(-90deg);
      -ms-transform: translate(50%, -50%) rotate(-90deg);
          transform: translate(50%, -50%) rotate(-90deg);
}
.dropbutton-widget {
  background: transparent;
}
.dropbutton__toggle {
  color: var(--admin-color-white);
  background-color: var(--admin-primary-color);
  border-radius: 0 var(--admin-border-radius) var(--admin-border-radius) 0;
  border: 1px solid var(--admin-primary-color) !important;
}
.dropbutton__toggle:hover {
  background-color: var(--admin-color-white);
}
.dropbutton__toggle:hover:before {
  background-color: var(--admin-primary-color);
}
.dropbutton__toggle:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/arrow-down.svg);
  -webkit-mask: url(../images/arrow-right.svg) no-repeat center;
          mask: url(../images/arrow-right.svg) no-repeat center;
  background-size: contain;
  background: var(--admin-color-white);
  -webkit-transform: translate(50%, -50%) rotate(90deg);
      -ms-transform: translate(50%, -50%) rotate(90deg);
          transform: translate(50%, -50%) rotate(90deg);
}
.dropbutton__item {
  overflow: hidden;
}
.dropbutton__item:first-of-type > * {
  color: var(--admin-color-white);
  background-color: var(--admin-primary-color);
  border: 1px solid var(--admin-primary-color) !important;
  border-radius: var(--admin-border-radius) 0 0 var(--admin-border-radius) !important;
}
.dropbutton__item:first-of-type > *:hover {
  background-color: var(--admin-color-white);
  color: var(--admin-primary-color);
}
.dropbutton__item:first-of-type ~ .dropbutton__item {
  border: 1px solid var(--admin-primary-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dropbutton__item:first-of-type ~ .dropbutton__item:last-child > a {
  border-bottom: 1px solid var(--admin-primary-color) !important;
}
.dropbutton__item:first-of-type ~ .dropbutton__item > a,
.dropbutton__item:first-of-type ~ .dropbutton__item input.button[type=submit] {
  border-radius: 0 !important;
  border: 0;
  /*  border-left: 1px solid var(--admin-primary-color) !important;
  border-right: 1px solid var(--admin-primary-color) !important; */
}
.dropbutton__item:first-of-type ~ .dropbutton__item > a:hover,
.dropbutton__item:first-of-type ~ .dropbutton__item input.button[type=submit]:hover {
  background-color: var(--admin-primary-light-color);
  border-radius: 0;
}

/* Top toolbar */
/* Default admin title link  */
.admin-item__link:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/arrow-right.svg);
  -webkit-mask: url(../images/arrow-right.svg) left center no-repeat;
          mask: url(../images/arrow-right.svg) left center no-repeat;
  background-size: contain;
  margin-right: 5px;
  background: var(--admin-primary-color);
  margin-top: 3px;
}

/* tabs */
#secondary-tabs-title + .tabs-wrapper {
  margin-top: 20px;
}

nav ul.tabs li {
  border-radius: var(--admin-border-radius) var(--admin-border-radius) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
  margin-right: 7px;
}
nav ul.tabs li a {
  border: 0px solid var(--admin-primary-color);
  border-radius: var(--admin-border-radius) var(--admin-border-radius) 0 0 !important;
}
nav ul.tabs li a:hover {
  background-color: var(--admin-primary-light-color2);
}
nav ul.tabs li a:focus {
  border: 0px solid var(--admin-primary-color) !important;
}
nav ul.tabs li.is-active a {
  color: color-mix(in srgb, var(--admin-brand-primaryColor), black 20%) !important;
}
nav ul.tabs li.is-active a.is-active:before {
  content: "";
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  border-right: none;
  border-bottom: 0.1875rem solid var(--admin-brand-primaryColor);
  border-left: none;
  display: inline-block;
}
nav ul.tabs li:hover {
  background: color-mix(in srgb, var(--admin-brand-primaryColor), white 90%) !important;
}
nav ul.tabs li:hover a {
  color: color-mix(in srgb, var(--admin-brand-primaryColor), black 20%) !important;
}

nav.is-horizontal .tabs__link:hover {
  background-color: var(--admin-primary-light-color2);
}

/* //tabs */
/* Checkboxes */
input[type=checkbox]:checked, input[type=checkbox]:disabled:checked, input[type=checkbox].error:checked, input[type=checkbox].error:focus:checked, input[type=checkbox]:disabled:checked, input[type=checkbox].error:checked, input[type=checkbox].error:focus:checked {
  border: 0;
  background-color: var(--admin-brand-primaryColor) !important;
  background-image: url("data:image/svg+xml,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.795 7.096l2.387 2.506 6.023-6.327 1.484 1.56-7.507 7.89L2.31 8.656z' fill='%23fff'/%3e%3c/svg%3e");
}

/* Checkboxes */
/* Checkboxes */
input[type=radio]:checked, input[type=radio]:disabled:checked, input[type=radio].error:checked, input[type=radio].error:focus:checked, input[type=radio]:disabled:checked, input[type=radio].error:checked, input[type=radio].error:focus:checked {
  border-color: var(--admin-primary-color);
  background-color: var(--admin-brand-primaryColor) !important;
  background-image: url("data:image/svg+xml,%3csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='4.5' cx='8.5' cy='8.5' fill='%23ffffff'/%3e%3c/svg%3e");
}
input[type=radio]:checked:active, input[type=radio]:checked:hover, input[type=radio]:disabled:checked:active, input[type=radio]:disabled:checked:hover, input[type=radio].error:checked:active, input[type=radio].error:checked:hover, input[type=radio].error:focus:checked:active, input[type=radio].error:focus:checked:hover, input[type=radio]:disabled:checked:active, input[type=radio]:disabled:checked:hover, input[type=radio].error:checked:active, input[type=radio].error:checked:hover, input[type=radio].error:focus:checked:active, input[type=radio].error:focus:checked:hover {
  background-color: var(--admin-brand-primaryColor) !important;
  background-image: url("data:image/svg+xml,%3csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='4.5' cx='8.5' cy='8.5' fill='%23ffffff'/%3e%3c/svg%3e");
}

/* Checkboxes */
/* label */
label {
  font-weight: 500;
  color: var(--admin-color-text);
  font-size: 1em !important;
  line-height: 1.25em !important;
  display: block;
  -webkit-margin-after: 10px !important;
          margin-block-end: 10px !important;
}

/* //label */
/* content header */
header.content-header {
  background-color: var(--admin-primary-light-color);
  padding-top: 0.5rem;
}

/* content header */
/* accordion */
details {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-color: var(--admin-table-head) !important;
  border-radius: var(--admin-border-radius) !important;
}
details summary {
  background-color: var(--admin-primary-light-color);
  color: var(--admin-color-text);
  font-weight: 500;
  border-radius: var(--admin-border-radius);
  cursor: pointer;
}
details summary:after {
  display: none;
}
details summary:hover {
  background-color: var(--admin-primary-light-color) !important;
  color: var(--admin-primary-color) !important;
}
details summary:hover:before {
  background: var(--admin-primary-color);
}
details summary:before {
  content: "";
  display: inline-block;
  background-image: none !important;
  -webkit-mask: url(../images/arrow-right.svg) no-repeat center;
          mask: url(../images/arrow-right.svg) no-repeat center;
  background: var(--admin-color-text);
  height: 1em !important;
  width: 1em !important;
  margin-right: 10px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
details[open] summary {
  background-color: var(--admin-primary-light-color2);
  color: var(--admin-primary-color) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
details[open] summary:before {
  background-image: none !important;
  background: var(--admin-primary-color);
}
details[open] summary:hover {
  background-color: var(--admin-primary-light-color) !important;
  color: var(--admin-primary-color) !important;
}
details[open] summary:hover:before {
  background: var(--admin-primary-color);
}
details[open] summary:not(:focus, :active):after {
  border-left: 0.1875rem solid var(--admin-primary-color) !important;
}
details[open] .accordion-content {
  background-color: var(--admin-color-white);
}

/* //accordion */
/* Breadcrumb */
.breadcrumb {
  padding: 0.3em 0 1em;
  margin-top: 1em;
}
.breadcrumb ol li {
  color: #545560;
}
.breadcrumb ol li:before {
  margin: 0 10px;
}
.breadcrumb ol li a {
  color: #545560;
}

/* //Breadcrumb */
/* Filter */
.views-exposed-form.views-exposed-form,
.webform-filter-form {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--admin-table-head);
  border-radius: var(--admin-border-radius);
}

.form-actions#edit-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
}

.webform-filter-form .form-item input.form-element {
  max-width: inherit;
}

/* //Filter */
/* Pagination */
.pager {
  margin-top: 2rem;
}
.pager__link {
  border-radius: var(--admin-border-radius);
}
.pager__link:hover {
  background-color: var(--admin-primary-light-color) !important;
  color: var(--admin-primary-color) !important;
}
.pager__link.is-active {
  background-color: var(--admin-primary-color) !important;
}
.pager__link.is-active:hover {
  background-color: var(--admin-primary-light-color) !important;
  color: var(--admin-primary-color) !important;
}
.pager__item--current {
  border-radius: var(--admin-border-radius);
  background-color: var(--admin-primary-color);
}

/* //Pagination */
/* Layout Secondary/main */
.layout-region--secondary .entity-meta {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-color: var(--admin-table-head) !important;
}
.layout-region--secondary select,
.layout-region--secondary input[type=number] {
  width: 100%;
}
.layout-region--secondary select.form-element,
.layout-region--secondary input[type=number].form-element {
  width: 100%;
}

.tabledrag-handle:after {
  margin-top: -6px;
}

.layout-region--main {
  /*  label {
      width: 100%;
  } */
}
.layout-region--main .handle {
  display: none;
}
.layout-region--main .tabledrag-handle::after {
  margin-top: 2px !important;
}
.layout-region--main input[type=text], .layout-region--main input[type=email], .layout-region--main input[type=password], .layout-region--main input[type=number], .layout-region--main input[type=url], .layout-region--main input[type=search], .layout-region--main input[type=tel], .layout-region--main input[type=date], .layout-region--main input[type=time], .layout-region--main input[type=datetime-local], .layout-region--main input[type=month], .layout-region--main input[type=week], .layout-region--main input[type=file] {
  width: 100%;
}
.layout-region--main select {
  width: 100%;
  max-width: 400px;
}
.layout-region--main select.form-element {
  width: 100%;
  max-width: 400px;
}

/* //Layout Secondary/main */
/* loader */
.ajax-progress__throbber--fullscreen,
.ui-dialog .ajax-progress__throbber {
  border-color: var(--admin-primary-color);
}

/* loader */
/* fieldset */
fieldset {
  border: 0 !important;
  border-top: 1px solid var(--admin-table-head) !important;
  border-radius: var(--admin-border-radius) !important;
  padding: 0.5rem 0 !important;
  margin-bottom: 0.5rem !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
fieldset legend {
  color: var(--admin-color-text);
  font-weight: 500;
  font-size: 1em !important;
  line-height: 1.25em !important;
  margin-bottom: 0.5rem;
  padding: 0rem !important;
}

.fieldset__wrapper {
  margin: 0;
}
.fieldset__label {
  padding: 0;
}

legend.fieldset__legend {
  color: var(--admin-black);
}
legend.fieldset__legend--visible ~ .fieldset__wrapper {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  margin-bottom: 0;
}

/* //fieldset */
/* claro- theme */
.claro-details__wrapper--accordion-item {
  background-color: var(--admin-primary-light-color);
}

.paragraphs-badge {
  background-color: var(--admin-primary-color);
}

.visually-hidden {
  max-width: 1px;
}

.claro-autocomplete {
  display: block;
}

/* claro- theme */
/* Toolbar */
/* //Toolbar */
/* .paragraphs-dropdown-action dropdown */
.paragraphs-dropdown-action.button {
  padding: 7px 20px !important;
  border: 0 !important;
  font-size: 14px !important;
  font-weight: normal;
  border-bottom: 1px solid var(--admin-grey) !important;
  border-radius: 0 !important;
}
.paragraphs-dropdown-action.button:hover {
  padding: 7px 20px !important;
  font-size: 14px !important;
}

/* //.paragraphs-dropdown-action dropdown */
/* additional */
.no-touchevents .dropbutton--small .dropbutton__item:first-of-type > * {
  padding: 5px !important;
}

div.views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions {
  margin-top: auto;
}

.table-wrapper .tabledrag-toggle-weight-wrapper button.link {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 0.875em !important;
  padding: 0 var(--admin-space-xs);
  font-size: var(--admin-font-size-s);
}
.table-wrapper .field-multiple-table h4.form-item__label {
  margin-block: 12px;
}

div.vertical-tabs__items {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}
div.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
  color: var(--admin-brand-primaryColor);
}

li.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
  color: var(--admin-brand-primaryColor);
}
li.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:before {
  background-color: var(--admin-primary-light-color2);
  -webkit-border-start: var(--vertical-tabs-menu-link--active-border-size) solid var(--admin-brand-primaryColor);
          border-inline-start: var(--vertical-tabs-menu-link--active-border-size) solid var(--admin-brand-primaryColor);
}
li.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover {
  background-color: var(--admin-primary-light-color2);
  color: var(--admin-brand-primaryColor);
}
li.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover:before {
  background-color: var(--admin-primary-light-color2);
  -webkit-border-start: var(--vertical-tabs-menu-link--active-border-size) solid var(--admin-brand-primaryColor);
          border-inline-start: var(--vertical-tabs-menu-link--active-border-size) solid var(--admin-brand-primaryColor);
}
li.vertical-tabs__menu-item .vertical-tabs__menu-link:hover {
  background-color: var(--admin-primary-light-color2);
  color: var(--admin-brand-primaryColor);
}
li.vertical-tabs__menu-item .vertical-tabs__menu-link:hover:before {
  background-color: var(--admin-primary-light-color2);
}

/* Filter on listing */
form.views-exposed-form.views-exposed-form {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Filter on listing */
/* .views-bulk-actions */
.views-bulk-actions label {
  color: var(--admin-white);
}

.select2-container--default .select2-selection--multiple {
  border-radius: var(--admin-border-radius);
}

/* .views-bulk-actions */
/*  */
/* common file for same BE/FE assets */
:root {
  --admin-success-green: #3fa21c;
  --admin-success-green-light: rgb(247 255 244);
  --admin-warning-yellow: #f0ad4e;
  --admin-warning-yellow-light: #fffcf7;
  --admin-error-red: #d9534f;
  --admin-error-red-light: rgb(255 244 244);
  --admin-info-blue: #5bc0de;
  --admin-info-blue-light: #daf1ff;
  --admin-error-red: #ff0000;
  --admin-color-white: #ffffff;
  --admin-color-black: #000;
  --admin-border-radius-value: 10px;
  --admin-focus-color: #ffe600;
  --admin-primary-color: var(--brand-primary-color-be);
  --admin-brand-primaryColor: var(--brand-primary-color-be);
  --admin-primary-dark-color: color-mix(in srgb, var(--brand-primary-color-be), black 20%);
  --admin-primary-light-color: color-mix(in srgb, var(--brand-primary-color-be), white 98%);
  --admin-primary-light-color2: color-mix(in srgb, var(--brand-primary-color-be), white 95%);
  --admin-table-head: color-mix(in srgb, var(--color-white), black 7%);
  --admin-border-radius: var(--admin-border-radius-value);
  --admin-color-text: color-mix(in srgb, var(--brand-primary-color-be), black 90%);
  --admin-grey: #999;
  --admin-grey-light: #d8d8d8;
  --admin-grey-light1: #f5f5f5;
  --admin-black: #000000;
  --admin-white: #ffffff;
  --admin-custom_logo:var(--custom_logo);
  --admin-favicon-logo:var(--admin-logo);
  --brand-primary-color-be-fallback:#000794;
  --brand-secondaryColor-fallback:#002a94;
  --admin-logo-fallback:url("../images/favicon.ico");
  --custom_logo-fallback:url("../images/main-logo.svg");
}

body.user-logged-in {
  padding-top: var(--drupal-displace-offset-top) !important;
}

#toolbar-bar {
  background-color: var(--admin-black);
}
#toolbar-bar > .toolbar-tab > a {
  color: var(--admin-white);
  background-color: var(--admin-black);
}
#toolbar-bar > .toolbar-tab .toolbar-icon-menu {
  background-color: var(--admin-brand-primaryColor);
  color: var(--admin-white);
  opacity: 1;
}

.toolbar-tray a {
  color: var(--admin-black);
}
.toolbar-tray a:visited {
  color: var(--admin-black);
}
.toolbar-tray a:hover, .toolbar-tray a:active, .toolbar-tray a:focus, .toolbar-tray a.is-active {
  background-color: var(--admin-brand-primaryColor);
  color: var(--admin-white);
  text-decoration: none;
}

.toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
  display: none;
}

#toolbar-item-shortcuts-tray a {
  color: #222330;
}

#toolbar-item-administration-tray,
#toolbar-item-shortcuts-tray,
#toolbar-item-user-tray {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  background-color: var(--admin-white);
  border-bottom: 1px rgb(212, 212, 216);
}
#toolbar-item-administration-tray .toolbar-menu,
#toolbar-item-shortcuts-tray .toolbar-menu,
#toolbar-item-user-tray .toolbar-menu {
  background-color: var(--admin-white);
}
#toolbar-item-administration-tray .toolbar-menu li,
#toolbar-item-administration-tray .toolbar-menu .menu-item--expanded,
#toolbar-item-shortcuts-tray .toolbar-menu li,
#toolbar-item-shortcuts-tray .toolbar-menu .menu-item--expanded,
#toolbar-item-user-tray .toolbar-menu li,
#toolbar-item-user-tray .toolbar-menu .menu-item--expanded {
  background-color: var(--admin-white);
}
#toolbar-item-administration-tray .toolbar-menu li:hover > a:not(.toolbar-icon-admin-toolbar-tools-help),
#toolbar-item-administration-tray .toolbar-menu .menu-item--expanded:hover > a:not(.toolbar-icon-admin-toolbar-tools-help),
#toolbar-item-shortcuts-tray .toolbar-menu li:hover > a:not(.toolbar-icon-admin-toolbar-tools-help),
#toolbar-item-shortcuts-tray .toolbar-menu .menu-item--expanded:hover > a:not(.toolbar-icon-admin-toolbar-tools-help),
#toolbar-item-user-tray .toolbar-menu li:hover > a:not(.toolbar-icon-admin-toolbar-tools-help),
#toolbar-item-user-tray .toolbar-menu .menu-item--expanded:hover > a:not(.toolbar-icon-admin-toolbar-tools-help) {
  background-color: var(--admin-brand-primaryColor);
  color: var(--admin-white);
  text-decoration: none;
}
#toolbar-item-administration-tray .toolbar-menu li:hover > a:not(.toolbar-icon-admin-toolbar-tools-help):before,
#toolbar-item-administration-tray .toolbar-menu .menu-item--expanded:hover > a:not(.toolbar-icon-admin-toolbar-tools-help):before,
#toolbar-item-shortcuts-tray .toolbar-menu li:hover > a:not(.toolbar-icon-admin-toolbar-tools-help):before,
#toolbar-item-shortcuts-tray .toolbar-menu .menu-item--expanded:hover > a:not(.toolbar-icon-admin-toolbar-tools-help):before,
#toolbar-item-user-tray .toolbar-menu li:hover > a:not(.toolbar-icon-admin-toolbar-tools-help):before,
#toolbar-item-user-tray .toolbar-menu .menu-item--expanded:hover > a:not(.toolbar-icon-admin-toolbar-tools-help):before {
  background-color: var(--admin-white);
}
#toolbar-item-administration-tray .toolbar-menu li a:hover,
#toolbar-item-administration-tray .toolbar-menu .menu-item--expanded a:hover,
#toolbar-item-shortcuts-tray .toolbar-menu li a:hover,
#toolbar-item-shortcuts-tray .toolbar-menu .menu-item--expanded a:hover,
#toolbar-item-user-tray .toolbar-menu li a:hover,
#toolbar-item-user-tray .toolbar-menu .menu-item--expanded a:hover {
  background-color: var(--admin-brand-primaryColor);
  color: var(--admin-white);
  text-decoration: none;
}
#toolbar-item-administration-tray .toolbar-menu .toolbar-menu,
#toolbar-item-shortcuts-tray .toolbar-menu .toolbar-menu,
#toolbar-item-user-tray .toolbar-menu .toolbar-menu {
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 200px;
  color: rgb(221, 221, 221);
  background-color: var(--admin-white);
}
#toolbar-item-administration-tray .toolbar-menu .toolbar-menu li.menu-item--expanded,
#toolbar-item-shortcuts-tray .toolbar-menu .toolbar-menu li.menu-item--expanded,
#toolbar-item-user-tray .toolbar-menu .toolbar-menu li.menu-item--expanded {
  background-image: none !important;
}
#toolbar-item-administration-tray .toolbar-menu .toolbar-menu li.menu-item--expanded > a,
#toolbar-item-shortcuts-tray .toolbar-menu .toolbar-menu li.menu-item--expanded > a,
#toolbar-item-user-tray .toolbar-menu .toolbar-menu li.menu-item--expanded > a {
  position: relative;
  /* &:after {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: rgb(141, 141, 141);
    background-image: none !important;
    mask-image: url(../images/sprite.svg#handle-view);
    right: 5px;
    content: '';
  } */
}
#toolbar-item-administration-tray .toolbar-menu .toolbar-menu li.menu-item--expanded > a:before,
#toolbar-item-shortcuts-tray .toolbar-menu .toolbar-menu li.menu-item--expanded > a:before,
#toolbar-item-user-tray .toolbar-menu .toolbar-menu li.menu-item--expanded > a:before {
  display: none !important;
}
#toolbar-item-administration-tray .toolbar-menu .toolbar-menu li.menu-item--expanded > a:focus,
#toolbar-item-shortcuts-tray .toolbar-menu .toolbar-menu li.menu-item--expanded > a:focus,
#toolbar-item-user-tray .toolbar-menu .toolbar-menu li.menu-item--expanded > a:focus {
  background-image: none !important;
}
#toolbar-item-administration-tray .toolbar-toggle-orientation,
#toolbar-item-shortcuts-tray .toolbar-toggle-orientation,
#toolbar-item-user-tray .toolbar-toggle-orientation {
  display: none !important;
}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
  background-size: 60px auto;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.is-active:before {
  -webkit-filter: invert(0%);
          filter: invert(0%);
}

.toolbar .toolbar-bar {
  /*  .toolbar-icon-toolbar-menu-content_editor {
    &:before {
      mask-image: url(../images/sprite.svg#media-edit);
      background-color: var(--admin-white);
    }
  } */
}
.toolbar .toolbar-bar .toolbar-icon:before {
  -webkit-mask-image: url(../images/sprite.svg#fallback-view);
          mask-image: url(../images/sprite.svg#fallback-view);
  background-image: none;
  background-color: transparent;
  -webkit-mask-size: 16px 16px;
          mask-size: 16px 16px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  background-color: var(--admin-black);
}
.toolbar .toolbar-bar .toolbar-icon:hover {
  background-color: var(--admin-brand-primaryColor);
  color: var(--admin-white);
}
.toolbar .toolbar-bar .toolbar-icon:hover:before {
  background-color: var(--admin-white);
}
.toolbar .toolbar-bar .toolbar-icon.is-active:not(.toolbar-icon-admin-toolbar-tools-help):before, .toolbar .toolbar-bar .toolbar-icon.focus:before, .toolbar .toolbar-bar .toolbar-icon:active:before {
  background-color: var(--admin-white);
}
.toolbar .toolbar-bar .toolbar-icon.toolbar-icon-admin-toolbar-tools-help {
  background-color: var(--admin-white);
}
.toolbar .toolbar-bar .toolbar-icon.toolbar-icon-admin-toolbar-tools-help:before {
  background-color: transparent;
}
.toolbar .toolbar-bar .toolbar-icon.toolbar-icon-admin-toolbar-tools-help:hover {
  background-color: var(--admin-white);
  color: var(--admin-black);
}
.toolbar .toolbar-bar .toolbar-icon.toolbar-icon-admin-toolbar-tools-help:hover:before {
  background-color: transparent;
}
.toolbar .toolbar-bar .toolbar-icon-system-modules-list:before {
  -webkit-mask-image: url(../images/sprite.svg#extend-view);
          mask-image: url(../images/sprite.svg#extend-view);
}
.toolbar .toolbar-bar .toolbar-icon-escape-admin {
  display: none;
}
.toolbar .toolbar-bar .toolbar-icon-escape-admin:before {
  -webkit-mask-image: url(../images/sprite.svg#checkmark);
          mask-image: url(../images/sprite.svg#checkmark);
  background-color: var(--admin-white);
}
.toolbar .toolbar-bar .toolbar-icon-system-admin-content:before {
  -webkit-mask-image: url(../images/sprite.svg#content-view);
          mask-image: url(../images/sprite.svg#content-view);
}
.toolbar .toolbar-bar .toolbar-icon-system-admin-structure:before {
  -webkit-mask-image: url(../images/sprite.svg#structure-view);
          mask-image: url(../images/sprite.svg#structure-view);
}
.toolbar .toolbar-bar .toolbar-icon-system-themes-page:before {
  -webkit-mask-image: url(../images/sprite.svg#appearance-view);
          mask-image: url(../images/sprite.svg#appearance-view);
}
.toolbar .toolbar-bar .toolbar-icon-entity-user-collection:before {
  -webkit-mask-image: url(../images/sprite.svg#people-view);
          mask-image: url(../images/sprite.svg#people-view);
}
.toolbar .toolbar-bar .toolbar-icon-system-admin-config:before {
  -webkit-mask-image: url(../images/sprite.svg#config-view);
          mask-image: url(../images/sprite.svg#config-view);
}
.toolbar .toolbar-bar .toolbar-icon-help-main:before {
  -webkit-mask-image: url(../images/sprite.svg#help-view);
          mask-image: url(../images/sprite.svg#help-view);
}
.toolbar .toolbar-bar .toolbar-icon-system-admin-reports:before {
  -webkit-mask-image: url(../images/sprite.svg#reports-view);
          mask-image: url(../images/sprite.svg#reports-view);
}
.toolbar .toolbar-bar .toolbar-icon-announce:before {
  -webkit-mask-image: url(../images/sprite.svg#announcement-view);
          mask-image: url(../images/sprite.svg#announcement-view);
  background-color: var(-admin-white);
}
.toolbar .toolbar-bar .toolbar-icon-menu:before {
  -webkit-mask-image: url(../images/sprite.svg#hamburger-view);
          mask-image: url(../images/sprite.svg#hamburger-view);
  background-color: var(--admin-white);
}
.toolbar .toolbar-bar .toolbar-icon-shortcut:before {
  -webkit-mask-image: url(../images/sprite.svg#shortcut-view);
          mask-image: url(../images/sprite.svg#shortcut-view);
  background-color: var(--admin-white);
}
.toolbar .toolbar-bar .toolbar-icon-user:before {
  -webkit-mask-image: url(../images/sprite.svg#user-view);
          mask-image: url(../images/sprite.svg#user-view);
  background-color: var(--admin-white);
}
.toolbar .toolbar-bar .toolbar-icon-devel:before {
  -webkit-mask-image: url(../images/sprite.svg#tool-view);
          mask-image: url(../images/sprite.svg#tool-view);
  background-color: var(--admin-white);
}
.toolbar .toolbar-bar .toolbar-icon-toolbar-menu:before {
  -webkit-mask-image: url(../images/setting.svg);
          mask-image: url(../images/setting.svg);
  background-color: var(--admin-white);
}
.toolbar .toolbar-bar .toolbar-icon-rebuild-cache-access:before {
  -webkit-mask-image: url(../images/rcycle.svg);
          mask-image: url(../images/rcycle.svg);
  background-color: var(--admin-white);
}
.toolbar .toolbar-bar .toolbar-icon-admin-toolbar-tools-help:before {
  background-image: var(--admin-favicon-logo);
  background-size: 100%;
  -webkit-mask-size: 20px 19px;
          mask-size: 20px 19px;
  -webkit-mask-image: none;
          mask-image: none;
}
.toolbar .toolbar-bar .toolbar-icon-admin-toolbar-tools-help:hover {
  background-color: var(--admin-white) !important;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item:hover, .toolbar .toolbar-bar .toolbar-tab > .toolbar-item:focus {
  background-image: none;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
  background-color: var(--admin-brand-primaryColor);
  color: var(--admin-white);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 0px;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.is-active:before {
  -webkit-filter: invert(0%);
          filter: invert(0%);
  background-color: var(--admin-white);
}

.toolbar .toolbar-menu a.is-active, .toolbar .toolbar-menu a:hover {
  background: var(--admin-brand-primaryColor);
  color: var(--admin-white);
}
.toolbar .toolbar-tray-horizontal.toolbar-tray {
  border-bottom: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded a.is-active {
  background: var(--admin-brand-primaryColor);
}
.toolbar .toolbar-tray-horizontal > nav > ul.toolbar-menu > li {
  border: 0;
  border-left: 1px solid #ddd;
}
.toolbar .toolbar-tray-horizontal > nav > ul.toolbar-menu > li:first-child {
  border-left: 0;
}
.toolbar .toolbar-tray-horizontal > nav > ul.toolbar-menu > li:last-child {
  border-right: 0;
}
.toolbar .toolbar-tray-horizontal ul li.menu-item--expanded.hover-intent ul {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.toolbar .toolbar-tray-horizontal .menu-item--expanded {
  background-color: transparent;
}
.toolbar .toolbar-tray-horizontal .menu-item a:focus {
  background-color: var(--admin-brand-primaryColor);
  color: var(--admin-white);
  text-decoration: none;
}

.toolbar-tray:not(#toolbar-item-administration-tray) .toolbar-lining .toolbar-icon {
  padding-left: 1.3333em;
}
.toolbar-tray:not(#toolbar-item-administration-tray) .toolbar-lining .toolbar-icon:before {
  display: none;
}

/*  */
label.form-item__label.form-required::after,
label.fieldset__label.form-required::after {
  content: " *";
  color: var(--admin-error-red);
  background: none;
}

/*  */
.messages {
  --color--gray-5: #fff;
  color: var(--admin-black) !important;
  border: 2px solid transparent !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  border-left: 5px solid transparent !important;
  border-radius: var(--admin-border-radius) !important;
}
.messages__title {
  font-size: 1.1em !important;
  margin-inline: 1.7em 0 !important;
}
.messages__header {
  -webkit-margin-after: 5px !important;
          margin-block-end: 5px !important;
}
.messages__content {
  font-size: 1em !important;
  line-height: 1.4em;
  opacity: 0.5;
  -webkit-margin-start: 1.7em !important;
          margin-inline-start: 1.7em !important;
}
.messages__close {
  width: 24px !important;
}
.messages__close:before, .messages__close:after {
  border-color: var(--admin-black);
  width: 100% !important;
}
.messages__close:hover:before, .messages__close:hover:after {
  border-color: var(--admin-black);
}
.messages-list {
  max-width: calc(100% - 10px);
  margin: 0 auto;
}
.messages--status {
  background-color: var(--admin-success-green-light) !important;
  border-color: var(--admin-success-green) !important;
}
.messages--status .messages__icon svg {
  fill: var(--admin-success-green);
}
.messages--status .messages__close:before, .messages--status .messages__close:after {
  border-color: var(--admin-success-green);
}
.messages--status .messages__close:hover:before, .messages--status .messages__close:hover:after {
  border-color: var(--admin-success-green);
}
.messages--status a {
  color: var(--admin-black) !important;
}
.messages--status a:hover {
  color: var(--admin-black) !important;
}
.messages--error {
  background-color: var(--admin-error-red-light) !important;
  border-color: var(--admin-error-red) !important;
}
.messages--error .messages__icon svg {
  fill: var(--admin-error-red);
}
.messages--error .messages__close:before, .messages--error .messages__close:after {
  border-color: var(--admin-error-red);
}
.messages--error a {
  color: var(--admin-black) !important;
}
.messages--error a:hover {
  color: var(--admin-black) !important;
}
.messages--warning {
  background-color: var(--admin-warning-yellow-light) !important;
  border-color: var(--admin-warning-yellow) !important;
}
.messages--warning .messages__icon svg {
  fill: var(--admin-warning-yellow);
}
.messages--warning .messages__close:before, .messages--warning .messages__close:after {
  border-color: var(--admin-warning-yellow);
}
.messages--warning a {
  color: var(--admin-black) !important;
}
.messages--warning a:hover {
  color: var(--admin-black) !important;
}
.messages--info {
  background-color: var(--admin-info-blue-light) !important;
  border-color: var(--admin-info-blue) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.messages--info .messages__icon svg {
  fill: var(--admin-info-blue);
}
.messages--info .messages__close:before, .messages--info .messages__close:after {
  border-color: var(--admin-info-blue);
}
.messages--info a {
  color: var(--admin-black) !important;
}
.messages--info a:hover {
  color: var(--admin-black) !important;
}
.messages .placeholder {
  background: none;
  opacity: 1;
  font-style: normal;
  cursor: auto;
}

/* common file for same BE/FE assets */
.node-form .layout-form .layout-region--main {
  width: 100%;
}

.js .field-multiple-table.responsive-enabled.draggable-table .paragraph-top {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.layout-region.layout-region--footer,
.layout-form .layout-region--footer {
  width: 100%;
}