button#bpafp-add-new-condition{
    margin-top: 10px;
}
.bpafp-attached-condition {
    margin: 3px;
}
span.bpafp-remove-condition, span.bpafp-remove-member{
    padding: 3px;
    font-weight: bold;
    cursor: pointer;
}
ul#bpafp-attached-members {
    margin-bottom: 25px;
}
ul#bpafp-attached-members li {
    clear: both;
    list-style-type: none;
    /*border: 1px solid #eee;*/
}
ul#bpafp-attached-members .item-avatar {
    float: left;
    margin-right: 10px;
}
ul#bpafp-attached-members .item-avatar img {
    border-radius: 50%;
}
input#bpafp-members-autocomplete {
    width: 100%;
    padding: 5px;
}
input.bpafp-condition-values {

}
form.bpafp-make-connections-form {
    margin: 15px 0;
    border: 1px solid lightgray;
    padding: 10px;
    width: 50%;
    background: #fff;
}
form.bpafp-make-connections-form p {
    margin: 20px 5px;
}
form.bpafp-make-connections-form label.primary {
    display: inline-block;
    font-weight: 500;
    font-size: 1.1em;
    min-width: 15%;
}
p.bpafp-list-type-desc {
    background: lightgoldenrodyellow;
    padding: 5px;
    border-radius: 3px;
    margin-top: 5px;
    font-size: 0.9em;
    color: dimgray;
}
.bpafp-list-members {
    display: flex;
}
.bpafp-list-members img {
    border-radius: 50%;
    margin-right: -5px;
}
.bpafp-list-members span {
    margin-left: 10px;
    margin-top: 10px;
}
.ui-autocomplete li:hover {
    background: lightgray;
}

a.button.bpafp-sync-users {
    position: relative;
}
span.loading {
    position: absolute;
    top: 3px;
    right: -25px;
    display: none;
}
ul#bpafp-sync-status {
    list-style: none;
    display: none;
}
ul#bpafp-sync-status > li {
    float: left;
    width: 10%;
}
ul#bpafp-sync-status > li > span {
    font-weight: bold;
    font-size: 1.4em;
}

.bpafp-clearfix:after {
    content: "";
    display: table;
    clear: both;
}