$color-button: var(--accent-color-bg);
$color-button-hover: #00478f;

.disabled-edit {
  pointer-events: none;
}

.crud__model {
  &__actions {
    border-top-width: 0;
  }

  &__title {
    padding: 45px 55px 15px;
    font-weight: 600;
    background-color: transparent;
  }
}

app-cmf-acr-list {
  display: block;
  margin: 0 40px;
}

app-cmf-crud-detail-widget {
  display: block;
  padding: 0 36px;
}

.btn__add-acl {
  margin-top: 20px;

  button {
    color: $color-button;
    background-color: transparent;
    border: 1px solid $color-button;

    &:hover {
      color: $color-button-hover;
      opacity: 1;
      background-color: transparent;
      border-color: $color-button-hover;
    }
  }
}

.field {
  margin-bottom: 15px;
}

h2 {
  font-weight: 400;
}

.acl-object__wrapper {
  display: flex; 
  justify-content: space-between; 
  padding: 10px 60px;
}

wg-field {
  grid-template-columns: max-content 255px;
  gap: 5px;
}