/* 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; /* default padding - see in app/trackit*/
    /*padding-bottom: 10px;*/
    height: 34px;
}

.dxgvAdaptiveGroupPanel_Material, .dxgvGroupPanel_Material {
    padding-right: 4px !important;
    padding-left: 4px !important;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0px 2px 7.8px 0.2px rgba(9, 9, 9, 0.15);
    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;
}

.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 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);
}

.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: #CC4F3A !important;
    border: solid 0px #CC4F3A !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 {
        color: #fff !important;
        background-color: #CC4F3A !important;
    }

      .edit-form-btn-save:active,
      .edit-form-btn-save:hover button {
        color: #fff !important;
        background-color: #bd412f !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 {
    background-color: #d1d1d1 !important;
}

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

.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: #db5c46 !important;
    border: solid 1px #db5c46 !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: #db5c46 !important;
        border: solid 1px #db5c46 !important;
    }

    .newBtnCSS:active {
      background-color: #bd412f !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> */

/* <GridColumnsPopup> */
.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;
}
.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;
}
 /* </GridColumnsPopup> */

/* <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 -123px;
        width: 12px;
        height: 12px;
    }
    .dxgvFocusedGroupRow_Material .dxGridView_gvCollapsedButton_Material {
        background-position: -78px -123px;
        width: 12px;
        height: 12px;
}
/* /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: #888888;
  cursor: pointer;
  position: absolute;
}

/* 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);
    }
.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 */