.FooterFilter                                                   { float         : left; width: 85px; height: 28px; cursor: pointer; }
.FooterFilter > .buttonDivisor                                  { width         : 100%; height: 100%; }
.FooterFilter > .buttonDivisor > .buttonToggleFilterPanel       { height        : 16px; width: 80%; border: 1px solid #e9edf1; border-radius: 3px; font-size: 10px; text-align: center; margin: 4px auto;}
.FooterFilter > .separator                                      { float         : left; width: 1px; height: 20px; margin-top: 4px; margin-bottom: 4px; background-color: #e9edf1;}
.FooterFilter  .textEllipsis                                    { white-space   : nowrap; text-overflow: ellipsis; overflow: hidden; }

.FooterFilterPopup 
{
    width: 100%;
    float: left;
    background-color: #FFFFFF;
    overflow: hidden;
    min-height: 170px;
    overflow-x: hidden;
    overflow-y: auto;
}

.FooterFilterTreeBody 
{
    width             : 100%;
    height            : calc(100% - 36px);
    position          : relative;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
}

.FooterFilterButtonBody 
{
    width             : 100%;
    height            : 36px;
    position          : relative;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
}

.FooterFilterButton
{
    float           :right;
}

.dx-treeview-item 
{
    cursor : pointer;
}

.group-tree-border-top {
    border-top: 2px solid #C1C1C1
}