/* zFlex/grid.css */

/* grid empty row */
.dxgvEmptyDataRow_Material td.dxgv h2 {
    text-align: center;
    font-size: 16px !important;
    font-weight: normal;
}
/* /grid empty row */

/*------------ <grid toolbar section>--------------*/

.dxgvControl_Material,
.dxgvDisabled_Material {
    padding-top: 5px;
    padding-bottom: 5px;
}

.grdToolbar_right_elements_class {
    display: inline-block;
    float: right;
    /* searchbox position fix*/
    /*margin-right: 10px;*/
    /*right_elements use left margin for spacing*/
    margin-left: 20px;
}

.grid-toolbar {
    width: 100%;
    display: block;
    /*margin-top: 10px;*/
    /*padding-bottom: 10px;*/
    height: 34px;
}

.dxgvAdaptiveGroupPanel_Material, .dxgvGroupPanel_Material {
    padding-right: 4px !important;
    padding-left: 4px !important;
    border-radius: 3px;
    background-color: #ffffff;
    border: dashed 1px #d1d1d1;
    margin-bottom: 5px;
    color: #8e8e93;
    font-size: 0.85em;
}

.dxgvGroupPanel_Material .dxgvHeader_Material, .dxgvAdaptiveGroupPanel_Material .dxgvHeader_Material {
    border-radius: 3px;
    background-color: #e1e1e1;
    font-weight: normal;
    border: 1px solid #dfdfdf;
    padding: 4px 18px;
    font-size: 12px;
}

/* Unset header width from 100% to 0 to move filter icons near text*/
.dxgvHeader_Material table {
    /*width: 0 !important;*/ /* breaks column header alignment */
}

.dxgvControl_Material .dxgvTable_Material td.dxgvHEC {
    height: 0px !important;
    	border-bottom: 2px Solid transparent !important;
}

.dxgvHeader_Material .flexTheme {
    border-right: 1px Solid #dfdfdf !important;
}

/* header vertical lines */
.dxgvHeader_Material:first-child,
.dxtlHeader_Material:first-child,
.dxtlHeader_Material:nth-child(2) {
    box-shadow: none;
}

.dxgvHeader_Material,
.dxtlHeader_Material {
    -webkit-box-shadow: -10px 0px 0px -9px #e1e1e1;
    -moz-box-shadow: -10px 0px 0px -9px #e1e1e1;
    box-shadow: -10px 0px 0px -9px #e1e1e1;
}
/* /header vertical lines */

.dxgvHeader_Material {
    cursor: pointer;
    white-space: nowrap;
    /*padding: 21px 5px 17px;*/
    background-color: white;
    color: black;
    /*overflow: hidden;*/
    font-weight: normal;
    text-align: left;
    font: 14px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    /*font-size: 1em;
    border: 1px solid #dfdfdf;*/
    border: none;
    border-bottom: 2px Solid #dfdfdf !important;
}
.HeaderVerticalLines .dxgvHeader_Material {
    border-right: 1px Solid #dfdfdf !important;
}

.dxgvHeader_Material td {
    white-space: nowrap;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.11;
    text-align: left;
    color: #373737;
}

.dxgvControl_Material .dxgvTable_Material .dxgvFocusedRow_Material td {
    /*border-bottom: 1px Solid #888888 !important;*/
    /*border-top: 1px Solid #888888 !important;*/
    /* padding-bottom: 7px; */
}

.dxgvControl_Material .dxgvTable_Material .dxgvFocusedRow_Material td {
    /*border-bottom: 1px Solid #888888 !important;*/
    /* padding-bottom: 8px; */ /*fix bug with jumping grid rows*/
}

.dxgvControl_Material .dxgvTable_Material .dxgvFocusedRow_Material {
    background-color: #e1e1e1 !important;
}

.edit-form-btn-save 
{
    color: #fff !important;
    float: right !important;
    border-radius: 3px !important;
    background-color: #f07d00 !important;
    border: solid 0px #f07d00 !important;
    padding: 8px 15px 8px 15px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-family: 'Roboto' !important;
    font-weight: normal !important;
    /*outline: 0 !important;*/
    margin-right: 15px !important;
    transition: background-color 0.2s ease 0s;
    cursor: pointer;
}

.edit-form-btn-save:hover,
.edit-form-btn-save:hover button,
.meddra-form-btn-save:hover {
    color: #fff !important;
    background-color: #e46703 !important;
}

.edit-form-btn-save:active,
.edit-form-btn-save:hover button,
.meddra-form-btn-save:active {
    color: #fff !important;
    background-color: #c45903 !important;
}

.edit-form-btn-cancel {
    color: #373737 !important;
    float: right !important;
    border-radius: 3px !important;
    background-color: #e1e1e1 !important;
    border: solid 1px #888888 !important;
    padding: 7px 15px 7px 15px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-family: 'Roboto' !important;
    font-weight: normal !important;
    /*outline: 0 !important;*/
    transition: background-color 0.2s ease 0s;
    cursor: pointer !important;
}

.edit-form-btn-cancel:hover,
.edit-form-btn-cancel:hover button,
.btn-gray-narrow:hover,
.btn-gray-narrow:hover:hover button,
.meddra-form-btn-cancel:hover  {
    background-color: #d1d1d1 !important;
}

.edit-form-btn-cancel:active,
.edit-form-btn-cancel:active button,
.btn-gray-narrow:active,
.btn-gray-narrow:active button,
.meddra-form-btn-cancel:active {
    background-color: #b3b3b3 !important;
}

.meddra-form-btn-cancel {
    color: #373737 !important;
    margin-right: 10px;
    border-radius: 3px !important;
    background-color: #e1e1e1 !important;
    border: solid 1px #888888 !important;
    padding: 7px 23px 7px 23px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-family: 'Roboto' !important;
    transition: background-color 0.2s ease 0s;
    cursor: pointer !important;
}

.meddra-form-btn-save {
    color: #fff !important;
    margin-right: 10px;
    border-radius: 3px !important;
    background-color: #f07d00 !important;
    border: solid 1px #f07d00 !important;
    padding: 7px 23px 7px 23px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-family: 'Roboto' !important;
    transition: background-color 0.2s ease 0s;
}

.meddra_panel__class {
    text-align: left;
}

.meddra_control__class {
    border: 0;
    background-color: #f1f1f1;
}

.DivGridToolbarBottom_class {
    float: left;
}

.newBtnCSS {
    /*margin-right: 10px;
    height: 34px;
    float: right !important;
    border-radius: 3px !important;
    background-color: #f07d00 !important;
    border: solid 1px #f07d00 !important;
    transition: background-color 0.2s ease 0s;*/
}

    .newBtnCSS a {
        color: #fff !important;
    }

    .newBtnCSS:hover {
        color: #fff;
        margin-right: 10px;
        height: 34px;
        float: right !important;
        border-radius: 3px !important;
        background-color: #e46703 !important;
        border: solid 1px #e46703 !important;
    }

    .newBtnCSS:active {
        background-color: #c45903 !important;
    }
/*------------ </grid toolbar section>--------------*/

/*------------ <grid edit form section>--------------*/
.dxflRequired_Material {
    display: none;
}
/*------------ </grid edit form section>--------------*/

/*.main_grid__class {
    padding-left: 20px;
}*/

.pnlGrdUpdater {
    /*padding-left: 20px;*/ 
}

.grid-toolbar-container {
    max-height: 44px;
    /*padding-right: 20px;
    padding-left: 23px;*/
}

.TRACKIT_LINKEDTABLE__CLASS > div > .grid-toolbar-container {
     padding-left: 0px;
    
}

.TRACKIT_LINKEDTABLE__CLASS > div > div > .pnlGrdUpdater {
    padding-left: 0px;
    padding-right: 0px;
}

.main_grdData {
    /*padding-right: 20px;*/
    table-layout: fixed;
    width: 100%;
}

/* <Grid Group column section> */
.dxgvGroupPanel_Material {
    padding: 8px 10px 8px !important;
}
/* </Grid Group column section> */

/* <Grid content Layout> */
.dxtcLite_Material > .dxtc-content {
    /* Important left and rigth pagging should be zero.
       They are set by main container.
       Top padding should also be zero. */
    padding: 0px 0px 20px 0px !important; 
    margin-top: 20px;
}
/* </Grid content Layout> */

/* <Edit form fields> */
/* comboBox */
.dxeButtonEdit_Office2010Black {
    border-radius: 3px;
    border: 1px solid #d1d1d1 !important;
}

.dxeFocused_Office2010Black {
    border-radius: 3px;
    border: 1px solid #373737 !important;
}
/* table header fix */
.dxeListBox_Material .dxeHLC {
    border-right: 0px solid #dcdcdc !important;
}
/* </Edit form fields> */

/* <grid row transition> */
.dxgvDataRow_Material,
.dxgvDataRowHover_Material,
.dxgvFocusedGroupRow_Material {
    transition: background-color 0.2s ease 0s;
}
/* </grid row transition> */

/* <grid_customization_window> */
.dxpc-headerText {
    font-size: 18px;
}
.checkboxlist_nowrap{
    white-space:nowrap;
}
.checkboxlist_nowrap input[type="checkbox" i] {
    margin-left: 0px;
    margin-right: 8px;
}

.checkboxlist_nowrap td {
    padding: 4px 20px 4px 0px;
}

.checkboxlist_wrap{
    white-space:pre-line !important;
}

.filter-input {
    color: #373737;
    font-size: 14px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    padding: 0px 10px 0px 10px;
    width: 96%;
    height: 30px;
    outline:none;
    transition: all 0.2s ease 0s;
}
.filter-input:focus {
    border: solid 1px #373737;
}
.caption-input {
    color: #373737;
    font-size: 14px;
    font-family: 'Roboto';
}
.btn-margin {
    margin-right: 3px;
}
.btn-gray-narrow {
    color: #373737 !important;
    border-radius: 3px !important;
    background-color: #e1e1e1 !important;
    border: solid 1px #888888 !important;
    padding: 4px 15px 4px 15px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-family: 'Roboto' !important;
    font-weight: normal !important;
    transition: background-color 0.2s ease 0s;
}

.hr-top {
    margin-bottom: 0px;
}
.hr-bottom {
    margin-top: 0px;
}
.grid-bnt-popup-footer {
    padding-bottom: 10px;
    padding-top: 5px;
}

/*from page*/
.sm-btn {
    width: 80px;
    font-size: 0.85em;
    height: 25px;
    box-shadow: none;
    padding: 3px;
    border-radius: 2px 2px;
}
.action-btn {
    background-color: #EF7C00; /* #2c86d3;*/
    color: #fff;
    border: 1px solid #EF7C00; /* #2c86d3;*/
}
    .action-btn:hover {
        background-color: #fff;
        color: #EF7C00; /* #2c86d3;*/
    }
.cancel-btn {
    float: right;
}
 /* </grid_customization_window> */

/* <nullflavors grid field> */
.FixedWidth200 {
  width: 200px!important;
}
/* </nullflavors grid field> */

/* fix grid rows
.dx-ac { 
    text-align: left;
}
.dx-ar {
    text-align: left;
}*/

/* grid group selected*/
.dxgvFocusedGroupRow_Material {
    background-color: #E1E1E1;
    color: #373737;
}
    /* gray icons instead of white */
    .dxgvFocusedGroupRow_Material .dxGridView_gvExpandedButton_Material {
        background-position: 0px 0px;
        background-image: url(../Icons/16x16/arrow_open_normal_16.svg);
        width: 16px;
        height: 16px;
    }
    .dxgvFocusedGroupRow_Material .dxGridView_gvCollapsedButton_Material {
        background-position: 0px 0px;
        background-image: url(../Icons/16x16/arrow_hide_normal_16.svg);
        width: 16px;
        height: 16px;
    }
.dxGridView_gvExpandedButton_Material {
    background-position: 0px 0px;
    background-image: url(../Icons/16x16/arrow_open_normal_16.svg);
    width: 16px;
    height: 16px;
}
.dxGridView_gvCollapsedButton_Material {
    background-position: 0px 0px;
    background-image: url(../Icons/16x16/arrow_hide_normal_16.svg);
    width: 16px;
    height: 16px;
}
/* /grid group selected*/

/*grid rows right border*/
.dxgvEditFormDisplayRow_Material td.dxgv, .dxgvDetailCell_Material td.dxgv, .dxgvDataRow_Material td.dxgv, .dxgvDetailRow_Material.dxgvADR td.dxgvAIC {
    /*border-bottom: none !important;*/
    border-right: none !important;
}

/*grid HyperLink edit icon */
.gridLinkEdit img {
    vertical-align:middle;
}

/* grid help line design */
.GridHelpControl__class {
    width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: 0.4px;
    text-align: left;
    color: #5c5c5c;
    cursor: pointer;
    position: absolute;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* ASPxTreeList styles */
/*.dxtlControl_Material {
    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;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
}*/
    /*.dxtlControl_Material .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;
    }
    .dxtlControl_Material .dxtlPagerBottomPanel_Material {
        background-color: white;
        border-top: 1px Solid #dfdfdf;
        border-left: 0px Solid #dfdfdf;
        border-right: 0px Solid #dfdfdf;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
    }*/
/* pivot grid filter bar */
.dxpgPrefilterPanel_Material {
    background-color: #ffffff;
    margin-top: 16px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    border-collapse: separate;
}
/* /pivot grid filter bar */
.dxtlNode_Material td.dxtl,
.dxtlAltNode_Material td.dxtl,
.dxtlSelectedNode_Material td.dxtl,
.dxtlFocusedNode_Material td.dxtl,
.dxtlEditFormDisplayNode_Material td.dxtl,
.dxtlCommandCell_Material {
    border-left: 0px !important;
    border-bottom: 1px solid #dfdfdf !important;
}
.dxtlSelectedNode_Material td.dxtl,
.dxtlFocusedNode_Material td.dxtl {
    background-color: #e1e1e1;
    color: #373737;
    font-size: 14px;
}
.dxtlControl_Material a,
.dxtlFocusedNode_Material a {
    color: #008dd6;
    font-family: Roboto;
    font-size: 14px;
    text-decoration: none;
}
    .dxtlControl_Material a:hover,
    .dxtlFocusedNode_Material a:hover {
        color: #016ca3;
        cursor: pointer;
        text-decoration: underline;
    }
/* /ASPxTreeList styles */

/* Grid select button styles */
.selectButtonImageClass img {
    vertical-align: middle;
}
/* /Grid select button styles */

/* grid footer */
.dxpLite_Material .dxp-current {
    background-color: #e1e1e1;
    color: #373737;
}

.dxpLite_Material:not(.dxpLiteDisabled_Material) .dxp-current.dxp-num:hover {
    background-color: #e1e1e1;
}

.dxpLite_Material .dxp-num {
    border-radius: 3px;
}

/* grid pager */
.dxpLite_Material .dxp-current {
    background-color: #e1e1e1 !important;
    color: #373737 !important;
}

.dxpLite_Material .dxp-hoverDropDownButton,
.dxpLite_Material .dxp-pressedDropDownButton {
    background-color: transparent !important;
}

    .dxpLite_Material .dxp-hoverDropDownButton img,
    .dxpLite_Material .dxp-pressedDropDownButton img,
    .dxWeb_pPopOut_Material {
        background-color: transparent;
        /* for black icon */
        background-image: url(../GridView/sprite.svg);
        background-position: 0px -123px;
        width: 12px;
        height: 12px;
    }

.dxpLite_Material .dxp-dropDownButton {
    padding: 7px 12px 9px 5px;
}

.dxpLite_Material .dxp-comboBox {
    border: 1px solid #d1d1d1;
    border-radius: 3px;
}

    .dxpLite_Material .dxp-comboBox:hover,
    .dxpLite_Material .dxp-hoverComboBox,
    .dxpLite_Material .dxp-pressedComboBox {
        border: 1px solid #888888;
        border-radius: 3px;
    }
/* /grid pager */
/* /grid footer */

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

/* new editform error styles */
.dxgvPopupEditForm_Material .dxgvEditingErrorRow_Material,
.dxgvPopupEditForm_Material .dxgvEditingErrorRow_Material td.dxgv {
    border-radius: 3px;
    background-color: #ffeae1 !important;
    border: solid 1px #ff8e5e !important;
    padding: 6px 6px 6px 33px !important;
    background-image: url('../Icons/16x16/error_16.svg');
    background-repeat: no-repeat;
    background-position: 9px 6px;
    color: #f46242;
}

    .dxgvPopupEditForm_Material .dxgvEditingErrorRow_Material td.dxgvIndentCell {
        display: none;
    }
/* /new editform error styles */

/* pivot grid styles */
.dxpgFilterArea_Material {
    padding-right: 4px !important;
    padding-left: 4px !important;
    border-radius: 3px;
    background-color: #ffffff;
    border: dashed 1px #d1d1d1;
    margin-bottom: 5px;
    color: #8e8e93;
    font-size: 0.85em;
    display: block;
}

.dxpgPTContainerDiv_Material > .dxpgMainTable_Material {
    border: solid 1px #dfdfdf;
    background-color: White;
    border-bottom-width: 0;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dxpgControl_Material,
.dxpgCustForm_Material {
    background-color: transparent;
}

.dxpgBottomPager_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;
}
/* /pivot grid styles */

/* grid inside widget - remove shadow */
.widget-content .dxgvAdaptiveGroupPanel_Material,
.widget-content .dxgvGroupPanel_Material,
.widget-content .dxgvTable_Material,
.widget-content .dxgvPagerBottomPanel_Material {
    box-shadow: none !important;
}
/* /grid inside widget - remove shadow */

/* grid command column checkbox */
.dxgvCommandColumn_Material .dxICheckBox_Material {
    margin: 0px 10px 0px 3px;
}
.dxbButton_Material[class~="dxgvCommandColumnItem_Material"] {
    margin-left: 15px;
    vertical-align: top;
}
/* /grid command column checkbox */

/* pager arrows */
.dxWeb_pPrevDisabled_Material,
.dxWeb_pNextDisabled_Material,
.dxWeb_pFirstDisabled_Material,
.dxWeb_pLastDisabled_Material,
.dxWeb_pPrev_Material,
.dxWeb_pNext_Material,
.dxWeb_pFirst_Material,
.dxWeb_pLast_Material {
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
 .dxWeb_pPrevDisabled_Material {
    background-image: url(../Icons/16x16/arrow_left_disabled_16.svg);
}
.dxWeb_pNextDisabled_Material {
    background-image: url(../Icons/16x16/arrow_right_disabled_16.svg);
}
.dxWeb_pFirstDisabled_Material {
    background-image: url(../Icons/16x16/arrow_left_end_disabled_16.svg);
}
.dxWeb_pLastDisabled_Material {
    background-image: url(../Icons/16x16/arrow_right_end_disabled_16.svg);
}
.dxWeb_pPrev_Material {
    background-image: url(../Icons/16x16/arrow_left_normal_16.svg);
}
.dxWeb_pNext_Material {
    background-image: url(../Icons/16x16/arrow_right_normal_16.svg);
}
.dxWeb_pFirst_Material {
    background-image: url(../Icons/16x16/arrow_left_end_normal_16.svg);
}
.dxWeb_pLast_Material {
    background-image: url(../Icons/16x16/arrow_right_end_normal_16.svg);
}
/* /pager arrows */

/* grid filter */
.dxgvFilterBar_Material a,
.dxpgPrefilterPanel_Material a,
.dxcvFilterBar_Material a {
    color: #008dd6;
}
/* /grid filter */

/* group styles */
.dxgvGroupRow_Material {
    color: #373737;
}

.dxGridView_gvParentGroupRows_Material {
    margin-left: 6px;
}
/* /group styles */

/* filter popup */
.dxfcGroupType_Material:after,
.dxfcPropertyName_Material:after,
.dxfcOperation_Material:after {
    content: url(../Icons/dropdown_arrow.svg);
    padding-left: 6px;
}

a.dxfcGroupType_Material,
a.dxfcPropertyName_Material,
a.dxfcOperation_Material {
    color: #373737 !important;
}

a.dxfcValue_Material {
    color: #888888 !important;
}

.dxgvFilterBuilderMainArea_Material,
.dxcvFilterBuilderMainArea_Material {
    padding: 0px;
}

.dxfcControl_Material .dxfc-nd > tbody > tr > td {
    height: 34px;
}

.dxfcControl_Material .dxfc-editor > .dxeTextBoxSys,
.dxfcControl_Material .dxfc-editor > .dxeButtonEditSys {
    /*width: 98px !important;*/
}

.dxfcControl_Material {
    padding: 0px 25px 0px 25px !important;
}

    .dxfcControl_Material .dxfc-nd > tbody > tr > td > img {
        margin-left: 12px;
    }

.dxgvFilterBuilderButtonArea_Material,
.dxpgFilterBuilderButtonArea_Material,
.dxtlFilterBuilderButtonArea_Material,
.dxcvFilterBuilderButtonArea_Material {
    border-top: 0px solid transparent;
    padding: 10px;
    padding-right: 25px;
    padding-bottom: 25px;
    white-space: nowrap;
}

.dxEditors_fcadd_Material {
    background-image: url('../Icons/16x16/add_16.svg');
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}

.dxEditors_fcremove_Material {
    background-image: url('../Icons/16x16/delete_16.svg');
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
/* clear/delete button*/
.dxgvFilterBarClearButtonCell_Material,
.dxpgFilterBarClearButtonCell_Material,
.dxpgPrefilterPanelClearButtonCell_Material,
.dxtlFilterBarClearButtonCell_Material,
.dxcvFilterBarClearButtonCell_Material {
    padding: 5px 20px 8px 6px;
    width: 100% !important;
    height: 16px;
}

    .dxgvFilterBarClearButtonCell_Material a,
    .dxpgFilterBarClearButtonCell_Material a,
    .dxpgPrefilterPanelClearButtonCell_Material a,
    .dxtlFilterBarClearButtonCell_Material a,
    .dxcvFilterBarClearButtonCell_Material a {
        content: url('../Icons/16x16/delete_16.svg');
        margin-top: 3px;
    }

.dxgvFilterBar_Material > tbody > tr > td:nth-child(4),
.dxpgFilterBar_Material > tbody > tr > td:nth-child(4),
.dxpgPrefilterPanel_Material > tbody > tr > td:nth-child(4),
.dxtlFilterBar_Material > tbody > tr > td:nth-child(4),
.dxcvFilterBar_Material > tbody > tr > td:nth-child(4) {
    width: 20px !important;
}
/* /filter popup */

/* grid pager links */
.dxtlPagerBottomPanel_Material .dxpLite_Material a.dxp-num:hover,
.dxgvPagerBottomPanel_Material .dxpLite_Material a.dxp-num:hover,
.dxpgBottomPager_Material .dxpLite_Material a.dxp-num:hover,
.dxcvPagerBottomPanel_Material .dxpLite_Material a.dxp-num:hover {
    color: #373737 !important;
    text-decoration: none !important;
}
/* /grid pager links */

/* grid shadows */
.dxgvTable_Material,
.dxgvGroupPanel_Material,
.dxgvAdaptiveGroupPanel_Material,
.dxgvFilterBar_Material,
.dxgvPagerBottomPanel_Material,
.dxpgFilterArea_Material,
.dxpgPrefilterPanel_Material,
.dxpgPTContainerDiv_Material,
.dxpgBottomPager_Material {
    box-shadow: 0 1px 3px 0 rgba(64, 64, 64, 0.1);
}

.dxgvControl_Material .dxgvTable_Material .dxgvFocusedRow_Material td:first-child, .dxgvControl_Material .dxgvTable_Material .dxgvFocusedRow_Material.dxgvDataRowHover_Material td:first-child {
    /*border-left: 2px Solid #888888 !important;*/
    box-shadow-left: 0px 2px 7.8px 0.2px rgba(9, 9, 9, 0.15);
}

/* /grid shadows */

/* search selection */
.dxtlHL, /* for treelist */
.dxgvControl_Material .dxgvHL,
.dxcvControl_Material .dxcvHL {
    background: #e1e1e1;
    color: inherit;
    font-weight: 500;
    font-style: normal;
    font-family: 'Roboto';
}
/* /search selection */