#company-select-dialog {

    width: 37.5rem;

    .modal-content {

        .modal-body {

            .company-select-list {
                display: flex;
                flex-flow: column nowrap;
                gap: 1rem;

                > * {
                    height: 4.5rem;

                    border-radius: 0.25rem;
                }

                .access-denied-message {
                    display: flex;
                    flex-flow: row nowrap;
                    gap: 1rem;
                    align-items: center;

                    /* Überschreibt die feste Höhe der Listeneinträge, damit mehrzeilige Hinweise nicht überlaufen */
                    height: auto;
                    min-height: 4.3125rem;
                    padding: 0.75rem 1rem;

                    background-color: #FFEBCC;

                    line-height: 1.375rem;

                    > .icon {
                        flex-shrink: 0;
                    }

                    > p {
                        flex-grow: 1;
                    }

                    .dismiss-notice {
                        display: flex;
                        align-items: center;

                        flex-shrink: 0;

                        padding: 0;
                        border: none;
                        background: none;

                        color: var(--grey-100);

                        cursor: pointer;
                    }
                }

                .selectable-icon-entry {
                    display: flex;
                    flex-flow: row nowrap;
                    gap: 1rem;
                    align-items: center;

                    padding: 1rem;
                    border: 1px solid var(--grey-30);

                    cursor: pointer;

                    .avatar {
                        flex-shrink: 0;
                    }

                    .text {
                        display: flex;
                        flex-flow: column nowrap;
                        gap: 0.25rem;

                        flex-grow: 1;
                    }

                    .checkmark {
                        opacity: 0;

                        flex-shrink: 0;
                    }

                    &.selected {
                        border: 1px solid var(--primary-80);
                        background-color: var(--primary-10);

                        .checkmark {
                            opacity: 1;
                        }
                    }

                    &.inactive {
                        cursor: unset;

                        .avatar {
                            background-color: var(--grey-20);
                            color: var(--grey-100);
                        }
                    }
                }
            }
        }
    }
}