@import '_content/VTXPS.WebApp.Shared/VTXPS.WebApp.Shared.bundle.scp.css';

/* /Components/ChipFilterBuilder/ChipFilterBuilder.razor.rz.scp.css */
.FilterContainer[b-aksm6lbel5] {
    display: flex;
    flex-wrap: wrap;
}

.FilterContainer i[b-aksm6lbel5]{
    position: relative;
    font-size: 20px;
    align-self: center;
    margin-right: 8px;
}


.FilterContainer[b-aksm6lbel5]  .ChildFilters:first-child{
    padding-left: 0;
}


[b-aksm6lbel5] .ChildFilters{
    padding-left: 20px;    /* group nesting */
}

[b-aksm6lbel5] .FilterGroup{
    padding: 7px 10px;
    border-radius: 10px;
    /*color: white;*/
    align-items: center;
    margin-left: 5px;
    font-size: 16px;
}

[b-aksm6lbel5] .FilterExpression{
    display: flex;
    flex-wrap: wrap;
    padding: 7px 10px;
    border-radius: 10px;
    /*color: white;*/
    align-items: center;
    margin-left: 5px;
    font-size: 16px;
}

[b-aksm6lbel5] .AddIcon{
    margin-left: 5px;
    cursor: pointer;
}

[b-aksm6lbel5] .RemoveIcon{
    margin-right: 5px;
    cursor: pointer;
}

[b-aksm6lbel5] .ChipFilterGroup{
    background-color: #CE9694;
    padding: 4px 8px;
    border-radius: 15px;
    display: inline-block;
    cursor: pointer;
    user-select: none;
}

[b-aksm6lbel5] .ChipFilterProperty{
    background-color: #99bcdb;
    padding: 4px 6px;
    border-radius: 15px;
    cursor: pointer;
    user-select: none;
}

[b-aksm6lbel5] .ChipFilterAction{
    background-color: #addbad;
    margin: 0 10px;
    padding: 4px 6px;
    border-radius: 15px;
    cursor: pointer;
    user-select: none;
}

[b-aksm6lbel5] .ChipFilterValue{
    background-color: #eeeeee;
    padding: 4px 6px;
    border-radius: 15px;
    cursor: pointer;
    user-select: none;
}