@import 'mixins/buttons';
@import 'mixins/list';
@import 'variables/gutters';
@import '~@digi/core/dist/collection/components/_button/button/button.css';

.edit-employee-form {
  &__contents {
    display: flex;
    flex-direction: column;
    gap: $digi--layout--gutter--l $digi--layout--gutter--l;
  }

  &__block {
    max-width: var(--digi--typography--text--max-width);
  }

  &__fieldset {
    margin: 0;
    padding: 0;
    border-width: 0;
  }

  &__roles {
    @include msfa__reset-list;
    margin-bottom: var(--digi--layout--gutter);
  }

  &__role {
    margin-top: var(--digi--layout--gutter);

    ::ng-deep label {
      display: block !important;
    }
  }

  &__roles-dialog-button {
    ::ng-deep button {
      padding: 0 !important;
    }
  }

  &__footer {
    margin-top: $digi--layout--gutter--xl;
    display: flex;
    gap: var(--digi--layout--gutter);
  }

  &__link-btn {
    @include msfa__button('secondary');
  }

  &__choose-all-utforande-verksamheter {
    display: block;
    margin: 1.5rem 0;
  }
}
