$fieldChooserItemHeight: $itemSize;
$fieldChooserEmptyAreaHeight: 2px;
$fieldChooserFindAreaPadding: 2px;
$fieldChooserItemPadding: 5px;
$fieldChooserItemPaddingHorizontal: 13px;
$fieldChooserItemPaddingVertical: 7px;
$findAreaWidth: 200px;
$animationLength:0.25s;
$buttonAnimationLength:0.1s;
$typeIconSize: 16px;
.dx-slidable-lists-navigation {
    height: $fieldChooserItemHeight + $fieldChooserEmptyAreaHeight;
    .dx-slidable-lists-breadcrumb {
        height: $fieldChooserItemHeight;
        line-height: $fieldChooserItemHeight;
        padding: 0;
        vertical-align: middle;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
        font-size: $smallFontSize;
        border-bottom: 1px solid $dashboard-border-sub-color;
        &>span:first-of-type {
            padding-left: 10px;
            margin-left: 4px;
        }
        .dx-slidable-lists-navigation-path-item {
            padding: $fieldChooserItemPaddingVertical 7px;
            &.dx-slidable-lists-navigation-path-item-link {
                color: $dashboard-link-color;
                text-decoration: underline;
                cursor: pointer;
            }
        }
    }
    .dx-slidable-lists-navigation-empty-area {
        height: $fieldChooserEmptyAreaHeight;
        border-bottom: 1px solid $dashboard-border-sub-color;
    }
}