.stea-hf__display-condition-container  .select2-container {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 100% !important;
}

.stea-hf__display-condition-container .select2-container--default.select2-container--focus .select2-selection--multiple,
.stea-hf__display-condition-container .select2-container--default .select2-selection--multiple {
    border: 1px solid #ddd;
    margin-top: 10px;
}

.stea-hf__display-condition-container .select2-container .select2-search--inline,
.stea-hf__display-condition-container .select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}

.stea-hf__display-condition,
.stea-hf__user-role-condition {
    position: relative;
    margin-top: 10px;
}

.stea-hf__display-condition-specific-page-wrapper {
    position: relative;
    padding: 0 30px 0 0;
}

.stea-hf__add-include-display-condition-wrapper,
.stea-hf__add-exclude-display-condition-wrapper,
.stea-hf__user-add-role-condition-wrapper {
    margin-top: 15px;
}

.stea-hf__display-condition-display-on,
.stea-hf__display-condition-exclude-on {
    margin-bottom: 10px;
}

.stea-hf__display-condition-delete,
.stea-hf__user-role-condition-delete {
    position: absolute;
    color: #999;
    right: 0px;
    top: 0px;
    font-size: 18px;
    line-height: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

.stea-hf__display-condition-delete:hover {
    color: #d54e21;
}

.stea-hf__add-include-display-condition-wrapper {
    display: inline-block;
}

.stea-hf__add-exclude-display-condition-wrapper {
    display: inline-block;
    margin-left: 10px;
}

.stea-hf__element-hidden {
    display: none !important;
}