/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
.dxtlControl_2022Light
{
    cursor: default;
    font: 14px'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;
    border: 1px #DCDCDC;
}
.dxtlControl_2022Light caption
{
    border-bottom: Solid 1px #DCDCDC;
    font-size: 1.14em;
    font-weight: bold;
    padding: 5px 5px 6px;
    text-align: center;
}
/* Indent cells */
.dxtlIndent_2022Light,
.dxtlIndentWithButton_2022Light
{
    vertical-align: top;
    background: white none no-repeat top center;
}
.dxtlIndent_2022Light
{
    padding: 14px 20px 16px;
}
.dxtlIndentWithButton_2022Light
{
    padding: 10px 10px;
}
.dxtlSelectionCell_2022Light
{
    padding: 6px 5px 5px 6px;
    border: 1px solid #DCDCDC;
    border-left-width: 0;
}
/* Tree-lines cells */
/* Headers */
.dxtlHeader_2022Light
{
    cursor: pointer;
    padding: 5px;
    border-bottom: 1px Solid #DCDCDC;
    border-left: 1px Solid #DCDCDC;
    border-top-width: 0;
    border-right-width: 0;
    background-color: #F6F6F7;
}
th:first-child.dxtlHeader_2022Light
{
    border-left-width: 0;
}
.dxtlHeader_2022Light table.dxtl
{
    border-collapse: collapse;
    width: 100%;
}
.dxtlHeader_2022Light td.dxtl
{
    padding: 0;
}
.dxtlHeader_2022Light,
.dxtlHeader_2022Light td.dxtl
{
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
}
.dxtlControl_2022Light .dxtlHSDC
{
    background-color: #f6f6f7;
}
/* Nodes */
.dxtlNode_2022Light
{
    background: white none;
}
.dxtlAltNode_2022Light
{
    background-color: #fafafb;
}
.dxtlSelectedNode_2022Light
{
    background-color: #EDEDEE;
}
.dxtlFocusedNode_2022Light
{
    background-color: #3F80EA;
    color: white;
}
.dxtlFocusedNode_2022Light a,
.dxtlFocusedNode_2022Light a:hover
{
    color: white !important;
}
.dxtlFocusedNode_2022Light .dxeProgressBar_2022Light
{
    color: white;
    border-color: #75A5F4;
}
.dxtlFocusedNode_2022Light .dxeProgressBarIndicator_2022Light
{
    border-color: white;
}
.dxtlInlineEditNode_2022Light
{
    background: white none;
}
.dxtlEditFormDisplayNode_2022Light
{
    background: white none;
}
.dxtlNode_2022Light td.dxtl,
.dxtlAltNode_2022Light td.dxtl,
.dxtlSelectedNode_2022Light td.dxtl,
.dxtlFocusedNode_2022Light td.dxtl,
.dxtlEditFormDisplayNode_2022Light td.dxtl,
.dxtlCommandCell_2022Light
{
    padding: 5px;
    border: 1px solid #DCDCDC;
    border-left-width: 0;
    white-space: nowrap;
    overflow: hidden;
}
.dxtlHeader_2022Light .dxbButton_2022Light,
.dxtlCommandCell_2022Light .dxbButton_2022Light
{
    margin-left: 5px;
    margin-right: 5px;
}
.dxtlHeader_2022Light .dxbButton_2022Light .dxb,
.dxtlCommandCel_2022Light .dxbButton_2022Light .dxb
{
    padding-top: 0;
    padding-bottom: 2px;
}
.dxtlInlineEditNode_2022Light td.dxtl
{
    border: 1px solid #DCDCDC;
    padding: 1px;
}
/* Preview */
.dxtlPreview_2022Light
{
    color:  #495057;
    padding: 5px;
    overflow: hidden;
    border-bottom: 1px Solid #DCDCDC;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}
/* Footers */
.dxtlGroupFooter_2022Light td.dxtl,
.dxtlFooter_2022Light td.dxtl
{
    padding: 5px;
    white-space: nowrap;
    border-top: 1px solid #DCDCDC;
    overflow: hidden;
    background-color: #FFF;
}
.dxtlGroupFooter_2022Light .dx-ar > br,
.dxtlFooter_2022Light .dx-ar > br
{
    float: none;
}
/* Pagers */
.dxtlPagerTopPanel_2022Light
{
    border-bottom: 1px none #DCDCDC;
    padding: 5px;
}
.dxtlPagerBottomPanel_2022Light
{
    padding: 5px;
    border-top: 1px none #DCDCDC;
}
/* Editing */
.dxtlEditForm_2022Light
{
    border: 1px solid #DCDCDC;
    padding: 20px 20px 24px;
}
.dxtlEditFormCaption_2022Light,
.dxtlEditFormEditCell_2022Light
{
    padding: 4px;
}
.dxtlEditFormCaption_2022Light
{
    padding-left: 10px;
    white-space: nowrap;
}
.dxtlError_2022Light
{
    background-color: #F3D6D6;
    color: #BA1717;
    padding: 6px 12px;
    border: 1px solid #ACBBDB;
}
.dxtlPopupEditForm_2022Light
{
    padding: 10px;
    min-width: 300px;
}
/* Links */
.dxtlControl_2022Light a.dxeHyperlink:not([href]):not([onclick]):not(.dxbButtonSys)
{
    color: black;
    text-decoration: none;
}
.dxtlControl_2022Light a
{
    color: #3F80EA;
    text-decoration: none;
}
.dxtlControl_2022Light a:hover
{
    color: #000000;
    text-decoration: underline;
}
/* Customization window */
.dxtlControl_2022Light .dxpcLite_2022Light .dxpc-content
{
    min-width: 220px;
}
.dxtlControl_2022Light .dxpcLite_2022Light .dxpc-content .dxtlHeader_2022Light
{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: white;
    border-color: #DCDCDC;
    padding: 21px 10px 23px;
    font-weight: normal;
}
/* Loading panel */
.dxtlLoadingPanel_2022Light
{
    border: 1px solid #dcdcdc;
    background-color: white;
    font: 16px'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;
    color: #000000;
}
.dxtlLoadingPanel_2022Light td.dx
{
    font-size: 1.17em;
    white-space: nowrap;
    text-align: center;
    padding: 10px 14px;
}
.dxtlLoadingPanel_2022Light .dxlp-loadingImage
{
    background-image: url('../Web/Loading.gif');
    height: 40px;
    width: 40px;
}
/* Disabled */
.dxtlDisabled_2022Light,
.dxtlDisabled_2022Light .dxtl
{
    color:  #495057;
    cursor: default;
}
/*batch*/
.dxtlControl_2022Light .dxtlBatchEditDeletedNode_2022Light,
.dxtlControl_2022Light .dxtlBatchEditNewNode_2022Light.dxtlBatchEditDeletedNode_2022Light,
.dxtlControl_2022Light .dxtlBatchEditDeletedNode_2022Light .dxtlPreview_2022Light
{
    background: #EFEFEF;
}
.dxtlControl_2022Light td.dxtlBatchEditCell_2022Light:not(.dxBatchEditCheckBoxCell)
{
    padding: 0 2px;
}
.dxtlControl_2022Light td.dxtlBatchEditModifiedCell_2022Light
{
    background: #d7f9c7;
}
.dxtlBatchEditDeletedNode_2022Light > td:not(.dxtlCommandColumn)_2022Light
{
    color: rgba(0,0,0,0.5);
}
.dxtlBatchEditDeletedNode_2022Light td.dxtlBatchEditModifiedCell_2022Light
{
    background: #eefbe7;
}
.dxtlControl_2022Light .dxtlBatchEditNewNode_2022Light
{
    background: #F0FAEA;
}
.dxtlFocusedCell_2022Light
{
    box-shadow: inset 2px 2px 0 #2292B1, inset -2px -2px 0 #2292B1;
    -webkit-box-shadow: inset 2px 2px 0 #2292B1, inset -2px -2px 0 #2292B1;
    -moz-box-shadow: inset 2px 2px 0 #2292B1, inset -2px -2px 0 #2292B1;
}
.dxtlControl_2022Light .dxtlErrorCell
{
    padding-left: 5px;
    width: 1px;
}
.dxtlControl_2022Light .dxtlErrorCell img
{
    margin: -3px 0;
}
.dxtlControl_2022Light .dxtlHL
{
    background: #3F80EA;
    color: white;
}
/* Filtering */
.dxtlFilterRow_2022Light
{
    background-color: transparent;
}
.dxtlFilterRow_2022Light > td
{
    border-bottom: 1px Solid transparent;
    border-right: 1px Solid transparent;
    border-top-width: 0;
    border-left-width: 0;
    padding: 2px;
    overflow: hidden;
}
.dxtlSearchPanel_2022Light
{
    padding: 16px 0;
    background-color: transparent;
    border-bottom: 1px solid transparent;
}
.dxtlSearchPanel_2022Light > table
{
    width: 70%;
    max-width: 450px;
}
*[dir="rtl"].dxtlControl_2022Light .dxtlSearchPanel_2022Light .dxbButton_2022Light
{
    margin-left: 0;
    margin-right: 7px;
}
/* TODO remove (replace to command button style) */
.dxtlControl_2022Light .dxtlSearchPanel_2022Light .dxbButton_2022Light
{
    font-size: 0.9em;
    margin-top: -2px;
    margin-bottom: -2px;
}
.dxtlControl_2022Light .dxtlSearchPanel_2022Light .dxbButton_2022Light .dxb
{
    padding-top: 0;
    padding-bottom: 0;
}
.dxtlControl_2022Light .dxbButton_2022Light
{
    margin-left: 7px;
    margin-right: 0;
}
.dxtlFilterBar_2022Light
{
    border-top: 1px solid transparent;
    background: transparent none;
}
.dxtlFilterBar_2022Light a
{
    color: #394ea2;
    text-decoration: underline;
}
.dxtlFilterBarCheckBoxCell_2022Light
{
    padding: 0 7px 0 3px;
}
.dxtlFilterBarImageCell_2022Light
{
    padding: 0 1px 0 3px;
    cursor: pointer;
}
.dxtlFilterBarExpressionCell_2022Light
{
    padding: 5px 5px 8px 0;
    white-space: nowrap;
}
.dxtlFilterBarClearButtonCell_2022Light
{
    padding: 5px 6px 8px;
}
dxtlFilterBuilderMainArea_2022Light
{
    background: white none;
    padding: 6px 2px;
}
.dxtlFilterBuilderButtonArea_2022Light
{
    background: #ededed none;
    border-top: 1px solid transparent;
    padding: 6px;
    white-space: nowrap;
}
.dxtlControl_2022Light .dxtlHFSD
{
    height: 1px;
    margin: 2px 0;
}
.dxtlControl_2022Light .dxtlHFDRC
{
    margin: 15px 15px 25px;
}
.dxtlControl_2022Light .dxtlHFDRP
{
    margin-left: 15px;
    margin-right: 15px;
    padding: 9px 0 6px;
}
.dxtlControl_2022Light .dxtlHFDRP[id*="HFFDE"]
{
    margin-top: 15px;
    margin-bottom: 5px;
}
.dxtlControl_2022Light .dxtlHFDRP[id*="HFTDE"]
{
    margin-bottom: 25px;
}
