/* zFlex/ASPxTreeList.css */

/* dafault styles (grid like) */
.defaultTreeList .dxtlNode_Material td.dxtl,
.defaultTreeList .dxtlAltNode_Material td.dxtl,
.defaultTreeList .dxtlSelectedNode_Material td.dxtl,
.defaultTreeList .dxtlFocusedNode_Material td.dxtl,
.defaultTreeList .dxtlEditFormDisplayNode_Material td.dxtl,
.defaultTreeList .dxtlCommandCell_Material {
    border-left: 0;
    border-right: 0;
}

.defaultTreeList.dxtlControl_Material a {
    text-decoration: none;
    color: #008dd6;
}

    .defaultTreeList.dxtlControl_Material a:hover {
        text-decoration: underline;
        color: #016ca3;
    }

.defaultTreeList .dxtlFocusedNode_Material {
    background-color: #e1e1e1 !important;
    color: #373737;
}

    .defaultTreeList .dxtlFocusedNode_Material a {
        text-decoration: none;
        color: #008dd6 !important;
    }

    .defaultTreeList .dxtlFocusedNode_Material a:hover {
        text-decoration: underline;
        color: #016ca3 !important;
    }

.defaultTreeList.dxtlControl_Material {
    margin-top: 5px;
    margin-bottom: 5px;
}

.defaultTreeList.dxtlControl_Material {
    background-color: White;
    border: 1px #dfdfdf solid;
    border-bottom-width: 0;
    border-radius: 4px;
    border-collapse: separate !important;
    overflow: hidden;
}

.defaultTreeList .dxtlHeader_Material {
    cursor: pointer;
    white-space: nowrap;
    background-color: white;
    color: black;
    font-weight: normal;
    text-align: left;
    font: 14px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    border: none;
    border-bottom: 2px Solid #dfdfdf !important;
}

.defaultTreeList .dxtlPagerBottomPanel_Material {
    background-color: white;
    border-top: 1px Solid #dfdfdf;
    border-bottom: 0px Solid #dfdfdf;
    border-left: 0px Solid #dfdfdf;
    border-right: 0px Solid #dfdfdf;
}
/* /dafault styles (grid like) */

/* navigation tree styles */
.navigationTreeList .dxtlNode_Material td.dxtl,
.navigationTreeList .dxtlAltNode_Material td.dxtl,
.navigationTreeList .dxtlSelectedNode_Material td.dxtl,
.navigationTreeList .dxtlFocusedNode_Material td.dxtl,
.navigationTreeList .dxtlEditFormDisplayNode_Material td.dxtl,
.navigationTreeList .dxtlCommandCell_Material {
    padding: 6px 2px 11px;
    border-left: 0;
    border-right: 0;
}

.navigationTreeList.dxtlIndentWithButton_Material {
    padding: 3px 1px 8px;
}

.navigationTreeList.dxtlControl_Material a {
    text-decoration: none;
    color: #008dd6;
}

    .navigationTreeList.dxtlControl_Material a:hover {
        text-decoration: underline;
        color: #016ca3;
    }

.navigationTreeList .dxtlFocusedNode_Material {
    background-color: #e1e1e1 !important;
    color: #373737;
}

    .navigationTreeList .dxtlFocusedNode_Material a {
        text-decoration: none;
        color: #008dd6 !important;
    }

    .navigationTreeList .dxtlFocusedNode_Material a:hover {
        text-decoration: underline;
        color: #016ca3 !important;
    }
    
.navigationTreeList td.dxtl span {
    vertical-align: text-top;
}

.dxtlNode_Material td.dxtl,
.dxtlAltNode_Material td.dxtl,
.dxtlSelectedNode_Material td.dxtl,
.dxtlFocusedNode_Material td.dxtl,
.dxtlEditFormDisplayNode_Material td.dxtl,
.dxtlCommandCell_Material {
    padding: 8px 14px 8px 8px;
}

.dxtlIndentWithButton_Material {
    padding: 8px 7px 3px;
}

.dxtlCommandCell_Material .dxbButton_Material {
    vertical-align: top;
}
/* /navigation tree styles */

/* tree icons */
.dxTreeList_ExpandedButton_Material,
.dxPivotGrid_pgExpandedButton_Material {
    background-image: url(/App_Themes/Material/Icons/16x16/arrow_open_normal_16.svg);
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
.dxTreeList_CollapsedButton_Material,
.dxPivotGrid_pgCollapsedButton_Material {
    background-image: url(/App_Themes/Material/Icons/16x16/arrow_hide_normal_16.svg);
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
.dxPivotGrid_pgExpandedButton_Material,
.dxPivotGrid_pgCollapsedButton_Material {
    vertical-align: middle;
}
/* /tree icons */

/* selection */
.dxtlControl_Material .contentControlClass .dxtlSelectedNode_Material td.dxtl,
.dxtlControl_Material .dxtlSelectedNode_Material .dxtlSelectionCell_Material {
    background-color: white;
    color: #373737;
    font-size: 14px;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    transition: background-color 0.2s ease 0s;
}
.dxtlControl_Material .dxtlSelectedNode_Material td.dxtl {
    background-color: white;
    color: #373737;
}
.dxtlControl_Material .dxtlFocusedNode_Material td.dxtl {
}
.dxtlControl_Material .dxtlFocusedNode_Material {
    background-color: #e1e1e1;
}
.dxtlSelectionCell_Material {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}
.dxtlFocusedNode_Material .dxWeb_edtCheckBoxChecked_Material {
    background-position: -133px -188px;
    width: 18px;
    height: 18px;
}

.dxtlFocusedNode_Material .dxWeb_edtCheckBoxUnchecked_Material {
    background-position: -209px -169px;
    width: 18px;
    height: 18px;
}
.dxtlFocusedNode_Material .dxWeb_edtCheckBoxGrayed_Material {
    background-position: -181px -148px;
    width: 18px;
    height: 18px;
}
/* /selection */
/* filter icon in grid and treelist */
.dxTreeList_HeaderFilter_Material,
.dxTreeList_HeaderFilterActive_Material {
    /* background-image: url('../GridView/sprite.svg');
    background-repeat: no-repeat;
    background-color: transparent; */
}
.dxGridView_gvHeaderFilter_Material,
.dxTreeList_HeaderFilter_Material
 {
    background-image: url('../Icons/16x16/filter_16.svg');
    background-position: 0px 0px;
    /*background-position: -98px -23px;*/
    width: 16px;
    height: 16px;
}
.dxGridView_gvHeaderFilterActive_Material,
.dxTreeList_HeaderFilterActive_Material {
    background-image: url('../Icons/16x16/filter_active_16.svg');
    background-position: 0px 0px;
    /*background-position: -38px -23px;*/
    width: 16px;
    height: 16px;
}
.dxGridView_gvHeaderSortUp_Material,
.dxTreeList_SortAsc_Material {
    background-image: url('../Icons/16x16/sort_up_16.svg');
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
.dxGridView_gvHeaderSortDown_Material,
.dxTreeList_SortDesc_Material {
    background-image: url('../Icons/16x16/sort_down_16.svg');
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
/* /filter icon in grid and treelist */

/* default treelist style same as grid */
.dxtlDataTable {
    background-color: White;
    border: 1px #dfdfdf solid;
    border-bottom-width: 0;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-collapse: separate !important;
    overflow: hidden;
}

.dxtlPagerBottomPanel_Material {
    background-color: white;
    border-bottom: 1px Solid #dfdfdf;
    border-left: 1px Solid #dfdfdf;
    border-right: 1px Solid #dfdfdf;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* /default treelist style same as grid */

/* FilterBar */
.dxtlFilterBar_Material {
    background-color: #ffffff;
    margin-top: 16px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    border-collapse: separate;
}

    .dxtlFilterBar_Material > tbody > tr > td {
        padding-top: 14px;
        padding-bottom: 14px;
    }

.dxtlFilterBarImageCell_Material {
    padding: 0 8px 0 20px;
    cursor: pointer;
}

.dxtlFilterBar_Material img {
    margin-top: 3px;
    margin-left: 0;
}

.dxTreeList_FilterRowButton_Material {
    background-position: -188px -23px;
    width: 14px;
    height: 14px;
}

.dxTreeList_FilterRowButton_Material {
    background-image: url(../GridView/sprite.svg);
    background-repeat: no-repeat;
    background-color: transparent;
}

.dxtlFilterBarExpressionCell_Material {
    padding: 5px 5px 8px 0;
    white-space: nowrap;
}

.dxtlFilterBarCheckBoxCell_Material {
    padding-left: 20px;
}

.dxtlFilterBarClearButtonCell_Material {
    padding: 5px 20px 8px 6px;
}
/* /FilterBar */

/* grid shadows */
.dxtlDataTable,
.dxtlFilterBar_Material,
.dxtlPagerBottomPanel_Material,
.defaultTreeList.dxtlControl_Material,
.defaultTreeList .dxtlPagerBottomPanel_Material {
    box-shadow: 0 1px 3px 0 rgba(64, 64, 64, 0.1);
}

/* /grid shadows */

/* Card View styles */
.dxcvTable_Material {
    background-color: transparent;
    padding: 3px 3px 12px 3px !important;
    border: 0;
}

.dxcvControl_Material,
.dxcvDisabled_Material {
    background-color: transparent;
}

.dxcvPagerBottomPanel_Material {
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(64, 64, 64, 0.1);
    background: white;
    margin-left: 3px;
    margin-right: 3px;
}

.dxcvCard_Material,
.dxcvFlowCard_Material,
.dxcvEmptyCard_Material,
.dxcvEmptyHiddenCard_Material {
    box-shadow: 0 1px 3px 0 rgba(64, 64, 64, 0.1);
    padding: 15px;
    border: 1px solid #dfdfdf;
}

.dxcvFilterBar_Material {
    margin-top: 16px;
    box-shadow: 0 1px 3px 0 rgba(64, 64, 64, 0.1);
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    background: white;
    margin-left: 3px;
    margin-right: 3px;
    width: initial !important;
}

.dxcvControl_Material .dxcvSeparator_Material,
.dxcvControl_Material .dxcvSeparator_Material div {
    width: 12px;
    height: 12px;
}

.dxcvHeaderPanel_Material {
    border: 0px solid #dfdfdf;
    padding: 2px 3px 8px 3px;
}
/* /Card View styles */

/* tree */
.dxeListBoxSelectAll_Material .dxeBase_Material .dxichCellSys,
.dxeListBoxSelectAll_Material .dxeBase_Material.dxichCellSys {
    padding: 8px 3px 6px;
    padding: 8px 10px 7px;
}
    .dxeListBoxSelectAll_Material .dxeBase_Material .dxichCellSys > span,
    .dxeListBoxSelectAll_Material .dxeBase_Material.dxichCellSys > span {
        margin: 2px 2px 2px 3px;
    }
/* /tree */

/* new styles of readonly checkboxes in treelist */
.dxtlFocusedNode_Material .dxWeb_edtCheckBoxChecked_Material.dxICheckBox_Material.dxICBReadonlyMarker,
.dxtlNode_Material .dxWeb_edtCheckBoxChecked_Material.dxICheckBox_Material.dxICBReadonlyMarker {
    background-position: 0px 0px;
    background-image: url(/App_Themes/Material/Icons/16x16/save_16.svg);
}
.dxtlFocusedNode_Material .dxWeb_edtCheckBoxUnchecked_Material.dxICheckBox_Material.dxICBReadonlyMarker,
.dxtlNode_Material .dxWeb_edtCheckBoxUnchecked_Material.dxICheckBox_Material.dxICBReadonlyMarker {
    background-position: 0px 0px;
    background-image: url('');
}
.dxtlFocusedNode_Material .dxWeb_edtCheckBoxGrayed_Material.dxICheckBox_Material.dxICBReadonlyMarker,
.dxtlNode_Material .dxWeb_edtCheckBoxGrayed_Material.dxICheckBox_Material.dxICBReadonlyMarker {
    background-position: 0px 0px;
    background-image: url('');
}
/* /new styles of readonly checkboxes in treelist */

.dxtlControl_Material .dxtl.dx-ar .dxICheckBox_Material {
 float: none;
}