/* ####################################
   ASPxGridView Styles
   ################################## */

.dxgv {
    white-space:nowrap;
}

.dxgvControl, .dxgvDisabled, .dxeEditArea, .dxeBase, .dxgvGroupPanel, .dxgvFilterBarExpressionCell, .dxpCurrentPageNumber, .dxpPageNumber, .dxgvFilterBarClearButtonCell {
    font-family: 'Gilroy', Arial,  sans-serif !important;
    font-size: 15px;
}

.dxgvHeader, .dxgvHeader table {
    background-color: orange;
    color: #fff;
    font-family: 'Gilroy', Arial,  sans-serif !important;
}

/* ####################################
   Grid Styles
   ################################## */

.Grid { 
    font-family: 'Gilroy', Arial,  sans-serif !important;
    border: 1px solid #c3c3c3; 
    background-color: #FFFFFF; 
    cursor: pointer; 
}


.GridHeader
{
  background: #f5f5f5;
  height: 28px;
  padding-left: 3px;
  cursor: default; 
  color: #303030;  
  font-family: 'Gilroy', Arial,  sans-serif !important; 
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
}

* html .GridHeader {
    height: 0px;
    vertical-align: top;
    padding: 0px;
}


.GridHeaderText
{
  font-family: 'Gilroy', Arial,  sans-serif !important; 
  font-size: 10px;
}


.HeadingRow 
{ 
  background-color: #E9E9EB; 
  background-image: url(./images/grid/header_rowBg.gif); 
}

.HeadingCell 
{ 
  background-image: url(./images/grid/header_bg.gif);   
  background-color: #E9E9EB; 
  border: 1px solid #FFFFFF; 
  padding: 3px;
}

.HeadingCellHover
{ 
  background-image: url(./images/grid/header_hoverBg.gif);   
  background-color: #F6F6F7; 
}

.HeadingCellActive
{ 
  background-image: url(./images/grid/header_activeBg.gif);   
  background-color: #F6F6F7;  
}

.HeadingRow td.FirstHeadingCell
{ 
  background-image: url(./images/grid/header_bg.gif); 
}

.HeadingCellText
{
  font-family: 'Gilroy', Arial,  sans-serif !important; 
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
}

.Row 
{ 
  background-color: #FFFFFF; 
  cursor: default;
}

.DataRow 
{ 
  background-color: #FFFFFF; 
}

.DataCell 
{ 
  cursor: default;
  padding: 3px; 
  border: 1px solid #EAE9E1; 
  font-family: 'Gilroy', Arial,  sans-serif !important; 
  font-size: 10px; 
} 

.EditDataCell
{ 
  padding: 0px!important; 
  background-color: #E2E2E2; 
  border-width:0px!important;
} 

.EditDataField
{ 
  padding: 0px; 
  padding-left: 1px; 
  font-family: 'Gilroy', Arial,  sans-serif !important; 
  font-size: 10px; 
  height: 13px;
  width: 98%!important; 
} 

.DataRow td.FirstDataCell 
{ 
  background-color: #FFEEC2; 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 3px; 
  padding-right: 3px; 
}

.SortedDataCell 
{ 
  background-color: #F5F5F5; 
} 

.SelectedRow td.LastDataCell 
{ 
  background-color: #f0f0f0; 
  border-right: 1px solid #4B4B6F; 
}
 
.SelectedRow 
{ 
  background-color: #f0f0f0; 
}

.SelectedRow td.DataCell 
{ 
  cursor: default; 
  padding: 2px; 
  padding-left: 3px; 
  padding-bottom: 3px; 
  font-family: 'Gilroy', Arial,  sans-serif !important; 
  font-size: 10px; 
  border-top: 1px solid #4B4B6F; 
  border-right: 0px; 
}

.SelectedRow td.FirstDataCell 
{ 
  background-color: #FFEEC2; 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 2px; 
  padding-right: 3px; 
}

.SelectedRow td.LastDataCell 
{ 
  background-color: #FFEEC2; 
  border-right: 1px solid #4B4B6F; 
}

.GroupHeading
{
  color: #706F91; 
  background-color: #FFFFFF; 
  font-family: 'Gilroy', Arial,  sans-serif !important; 
  font-weight: bold;
  font-size: 11px; 
  border-bottom: 2px solid #A5A4BD; 
  padding-top: 4px;
  padding-bottom: 2px;
}

.GroupByCell
{
  cursor: pointer;
}

.GroupByText
{
  color: #FFFFFF; 
  font-size: 11px;   
  font-weight: bold; 
  padding-right: 5px;
}


.SelectorCell 
{ 
  background-color: #E2E2E2; 
  border: 1px solid #FFFFFF; 
  border-right-color: #B5B5B5; 
  border-bottom-color: #B5B5B5; 
}

.GridFooter
{
  cursor: default;
  padding:5px;
  vertical-align: bottom;
}

.GridFooterText
{
  color: #000000;  
  font-family: 'Gilroy', Arial,  sans-serif !important; 
  font-size: 11px;
}

.GridFooter a 
{
  color: Black;
  font-weight: bold;
  vertical-align: bottom;
}

.PagerText
{ 
  font-family: 'Gilroy', Arial,  sans-serif !important; 
  font-size: 11px; 
} 

.SliderPopup
{
  background-color: #E2E2E2; 
  border: 1px solid #4B4B6F; 
  border-top-color: #9495A2; 
  border-left-color: #9495A2; 
  width: 288px;
  height: 68px;
  font-family: 'Gilroy', Verdana, Arial,  sans-serif !important;
  font-size: 11px;
}
    .SliderPopup #NMI{
        font-weight: bold;
    }

    .SliderPopup #state{
        font-weight: bold;
    }
    
    .SliderPopup #businessName{
        font-style:italic;
    }
    
    .SliderPopup #address{
        font-size:10px;
    }
    
    .SliderPopup #SliderPopupFooter{
        background-color:#2cadbb;
        height:14px;
    }
    
        .SliderPopup #SliderPopupFooter #pageCount{
            padding-left:5px;
            color:white;
            font-size:10px;
        }
        
        .SliderPopup #SliderPopupFooter #nmiCount{
            padding-right:5px;
            color:white;
            font-size:10px;
        }

td.GridFooter table table{
    border-collapse:separate;
}

#Page .dxgvLoadingPanel, #Page .dxgvLoadingPanel .dx, #Page .dxgvLoadingPanelStatusBar, #Page .dxgvFilterPopupWindow, #Page .dxgvFilterPopupButtonPanel, #Page .dxgvHeader table, #Page .dxgvEditFormTable, #Page .dxgvControl,
#Page .dxgvDisabled {
    font: 9pt 'Gilroy', arial,  sans-serif !important;    
}
#Content #Page .dxgvTable {
    /*font: 9pt 'Gilroy', arial,  sans-serif;*/    
}

#Content #Page .dxeButtonEditButton, #Content #Page .dxeCalendarButton, #Content #Page .dxeButtonEditButton td.dx, #Content #Page .dxeCalendarButton td.dx, #Content #Page .dxeSpinIncButton, #Content #Page .dxeSpinDecButton, #Content #Page .dxeSpinLargeIncButton, #Content #Page .dxeSpinLargeDecButton, #Content #Page .dxeSpinIncButton td.dx, #Content #Page .dxeSpinDecButton td.dx, #Content #Page .dxeSpinLargeIncButton td.dx, #Content #Page .dxeSpinLargeDecButton td.dx {
    font: 9pt 'Gilroy', arial,  sans-serif !important;    
}
#Page .dxcpLoadingPanel, #Page .dxcpLoadingPanelWithContent, #Page .dxccControl, #Page .dxdvControl, #Page .dxdvLoadingPanel, #Page .dxdvFlowItem, #Page .dxdvEmptyItem, #Page .dxhlHeader, #Page .dxhlDateHeader {
    font: 9pt 'Gilroy', arial,  sans-serif !important;    
}
#Page .dxeListBoxItem, #Page .dxmLite ul.dx, #Page .dxeCalendarDay, #Page .dxeCalendarDayHeader, #Page .dxeCalendarWeekNumber, #Page .dxeCalendarHeader td.dxe, #Page .dxeCalendarFastNavYear, #Page .dxbButton, #Page .dxgvControl, #Page .dxgvDisabled, #Page .dxfcTable td.dxfc, #Page td.dxpc {
    font: 9pt 'Gilroy', arial,  sans-serif !important;    
}
    *html .dxmSubMenuItemWithImage span {
        font: 9pt 'Gilroy', arial,  sans-serif !important;    
    }
*html .dxeBase {
    font-family: 'Gilroy', Arial,  sans-serif !important;   
}

*html .dxeBase {
    font-family: 'Gilroy', Arial,  sans-serif !important;   
}
/*fix pager dropdown sitting behind filter bar*/
.dxgvFilterBar {
    z-index: 1;   
}
 

/*highlight row colour*/
#Page .dxgvSelectedRow {
    background-color: #F0F0F0;
    color: Black;   
}
/*labels on Admin/C02 conversion factors*/
.dxgvEditFormCaption label {
    font: 10px 'Gilroy', arial,  sans-serif !important;   
}

/* Responsive grid layout for .Grid tables */
.Grid {
    width: 100%;
    max-width: 100vw;
    overflow-x: auto;
    display: block;
    box-sizing: border-box;
}

.GridHeader, .HeadingRow, .Row, .DataRow, .GridFooter {
    display: table-row;
}

.DataCell, .HeadingCell, .GridHeaderText, .HeadingCellText {
    box-sizing: border-box;
    word-break: break-word;
}

.dxgvTable {
    table-layout: fixed !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    border-collapse: collapse !important;
    empty-cells: show !important;
    border-left: 4px solid #ff9500 !important;
   
    border-top: none !important;
}

.dxgvTable td, .dxgvTable th {
    min-width: 120px;
    word-break: break-word;
}

@media (max-width: 900px) {
    .Grid {
        font-size: 12px;
    }
    .DataCell, .HeadingCell {
        padding: 6px 4px;
    }
}

@media (max-width: 600px) {
    .Grid {
        font-size: 11px;
    }
    .DataCell, .HeadingCell {
        padding: 4px 2px;
    }
    .Grid, .Grid table {
        width: 100% !important;
        min-width: 0 !important;
    }
    .GridHeader, .HeadingRow, .Row, .DataRow, .GridFooter {
        display: block;
        width: 100%;
    }
    .DataCell, .HeadingCell {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
}