@use '../../../mat-selectors.scss' as ms;

$search-result-height: calc(100% - 60px);

.adf {
    &-permission-result-list {
        display: flex;
        height: $search-result-height;
        overflow: auto;
        border: 2px solid var(--adf-theme-foreground-text-color-007);

        #{ms.$mat-list-item-end} {
            display: none;
        }

        &-elements {
            width: 100%;
        }

        &-search {
            display: none;
        }
    }

    &-list-option-item {
        display: flex;
        flex-direction: row;
        align-items: center;

        .adf-result-name {
            padding-left: 16px;
        }
    }

    &-permission-start-message {
        display: flex;
        align-items: center;
        justify-content: space-around;
        height: $search-result-height;
        overflow: auto;
        border: 2px solid var(--adf-theme-foreground-text-color-007);
    }

    &-permission-no-result {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
    }

    &-permission-search {
        &-input {
            width: 100%;
            padding-top: 5px;
            margin-bottom: 15px;
        }
    }

    &-permission-action {
        &[disabled] {
            opacity: 0.6;
        }

        &:enabled {
            color: var(--theme-primary-color);
        }
    }
}
