.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover,
li.ui-menu-item:hover {
  background-color: #004494 !important;
  color: white !important;
}

/* Sticky multistep menu */
.sticky_menu {
  position: sticky;
  top: 6rem;
}

.form-item-steps-label .multi-steps-label {
  margin-top: 1.5rem;
  margin-left: 1rem;
  counter-reset: section;
}

.form-item-steps-label .multi-steps-label .step-label {
  display: inline;
  position: relative;
  padding-inline-start: 3rem;
  padding-bottom: 0.75rem;
  padding-top: 1rem;
  padding-right: 0;
}

.form-item-steps-label .multi-steps-label .step-label.active {
  color: inherit;
  font-weight: bold;
}

.form-item-steps-label .multi-steps-label .step-label:first-child:before {
  height: calc(100% - 0.5rem);
  top: 0.6rem;
}

.form-item-steps-label .multi-steps-label .step-label:last-child:before {
  height: 0.5rem;
}

.form-item-steps-label .multi-steps-label .step-label:before {
  -webkit-border-start: 0.2rem solid #d9d9d9;
  border-inline-start: 0.25rem solid #d9d9d9;
  content: "";
  height: 100%;
  left: 0.5rem;
  position: absolute;
  top: 0;
  width: 0;
}

.form-item-steps-label .multi-steps-label .step-label:after {
  background-color: #fff;
  border: 0.25rem solid #d9d9d9;
  border-radius: 50%;
  box-shadow: none;
  box-sizing: border-box;
  content: counter(section);
  counter-increment: section;
  height: 2.5rem;
  left: -0.625rem;
  position: absolute;
  top: 0.5rem;
  width: 2.5rem;
  font-weight: bold;
  padding-left: 0.75rem;
  padding-top: 0.3rem;
}

.form-item-steps-label .multi-steps-label .step-label.active:after {
  border-color: #ffd617;
  background: #ffd617;
}

.node-form .form-item-steps-label .multi-steps-label {
  display: none;
}

.node-form .node-form-inpage-navigation .form-item-steps-label .multi-steps-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


/* Sticky multistep menu */
.sticky_menu {
  position: sticky;
  top: 6rem;
}

/* fix top when drupal have top menu*/
.toolbar-fixed .form_header {
  top: 2.5rem;
}

.toolbar-fixed .sticky_menu {
  top: 8.5rem;
}

.toolbar-fixed.toolbar-tray-open.toolbar-horizontal .form_header {
  top: 4.8rem;
}

.toolbar-fixed.toolbar-tray-open.toolbar-horizontal .sticky_menu {
  top: 11rem;
}




/* INIT USES CASES */
.form-item.js-form-type-managed-file input[type='file'] {
  position: absolute;
  top: 0;
  margin: 0;
  opacity: 0;
}

.tabledrag-toggle-weight-wrapper,
.paragraph-type-label {
  display: none;
}

.paragraph_table {
  border: 2px solid #cfcfcf;
  padding: 1rem;
  margin-bottom: 2rem;
}

tr.draggable>td.field-multiple-drag {
  display: none;
}

form.node-use-cases-edit-form table.responsive-enabled > thead {
  display: none !important;

}

table.responsive-enabled {
  border-bottom: 2px solid white !important;
}

.entity-meta,
.vertical-tabs__panes {
  display: none;
}

div.ecl-help-block {
  margin-bottom: 2rem;
}

tr[class*="paragraph-type"]>td {
  padding: 0 !important;
}

legend>span.fieldset-legend {
  display: inline-flex;
  font: normal normal 400 1rem / 1.5rem arial, sans-serif;
  font-weight: 700;
  white-space: pre-wrap;
}


.paragraphs-dropdown-toggle {
  background-color: #3860ed !important;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  position: relative;
}

.paragraphs-dropdown-toggle::before {
  content: ":";
  color: white;
}


div.paragraphs-dropdown-actions>input.button--small {
  color: #004494 !important;
}

div.paragraphs-dropdown-actions>input.button--small:hover {
  color: white !important;
  background-color: #004494 !important;
}

div.paragraphs-add-wrapper>input.field-add-more-submit {
  margin-bottom: 2rem;
}

.button-upload-file {
  background-color: #004494;
  color: #fff;
  border-radius: 0;
  border-width: 0;
  box-sizing: border-box;
  display: inline-block;
  font: normal normal 400 1rem / 1.25rem arial, sans-serif;
  font-weight: 700;
  margin: 0;
  padding: .75rem 1rem;
  text-decoration: none;
}

.button-upload-file:hover {
  background-color: #002f67;
}

.image-widget img {
  display: none;
}

a.button--danger {
  background: #fff !important;
  border-color: transparent !important;
  color: #004494;
  background: #fff;
  box-sizing: border-box;
  padding: 0.65rem 0.85rem;
  font: normal normal 400 1rem / 1.25rem arial, sans-serif;
  font-weight: 700;
  margin: 0;
  padding: .75rem 1rem;
  text-decoration: none;
}

.form_header .form_header_wrapper div#edit-actions-top {
  flex: 111;
}

div#edit-actions-top .form-actions {
  display: block !important;
  margin-top: -45px !important;
  text-align: right;
}

.form_header .form_header_wrapper {
  align-items: center;
  border-bottom: 1px solid #ccc;
}

.toolbar-fixed.toolbar-tray-open.toolbar-horizontal .form_header {
  top: 4.8rem;
}

.toolbar-fixed .form_header {
  top: 2.5rem;
}

.form_header {
  position: sticky;
  top: 0rem;
  background: linear-gradient(to bottom, rgb(255 255 255) 75%, rgba(255, 255, 255, 0) 100%);
  padding-bottom: 2rem;
  margin-bottom: -1rem;
  z-index: 20;
}

div.edit-actions-top>div#edit-actions {
  display: block;
}

form.node-use-cases-form #edit-actions {
  display: none;
}

form.node-use-cases-form #edit-actions,
form.node-use-cases-edit-form #edit-actions {
  display: none;
}

input#edit-back-button {
  background-color: #fff;
  border: 2px solid #004494;
  color: #004494;
  padding: calc(.75rem - 2px) calc(1rem - 2px);
}

table.node-revision-table tbody tr td.ecl-table__cell div.dropbutton-widget {
  display: none;
}

form.node-use-cases-form td.ecl-table__cell {
  border: none;
}

table.node-revision-table tbody tr td.ecl-table__cell {
  border-bottom: none !important;
}

.revision-current {
  background: #f8f9fd !important;
}


table.node-revision-table {
  width: 100%;
}

.table-long {
  overflow-x: auto;
}

.paragraphs-icon-changed {
  display: none;
}


.js .paragraph-type-label {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  margin-top: 3rem;
}

.ief-entity-operations>input {
  margin-top: 0.5rem;
}

form.node-use-cases-edit-form tr.draggable>td,
tr.ief-row-entity>td {
  border: none !important;
}

form.node-use-cases-edit-form td.delta-order {
  border: none !important;
}

form.node-use-cases-edit-form legend>span.fieldset-legend {
  margin-top: 1.5rem;
  font-weight: lighter;
}

form.node-use-cases-edit-form div.paragraph-type {
  width: 30rem;
}

form .ecl-form-label {
  white-space: normal;
}

form.node-use-cases-edit-form span.paragraphs-badge {
  display: none;
}

form.node-use-cases-edit-form #edit-submit {
  background-color: var(--c-s-80);
  border: 0 solid var(--c-s-80);
  color: var(--c-d);
  padding: calc(var(--s-xs)) calc(var(--s-m));
}