.gridPage{min-height:400px}.gridPage .component.grid.data .gridContent .gridHeader .gridHeaderLabel{display:inline;cursor:pointer}.gridPage .component.grid.data .gridContent .gridHeader.sortable .gridHeaderLabel:after{position:relative;left:5px;top:2px;font-size:20px;line-height:0}body.Icons_FontAwesome .gridPage .component.grid.data .gridContent .gridHeader.sortASC .gridHeaderLabel:after{content:"\f106";font-family:FontAwesome,sans-serif}body.Icons_FontAwesome .gridPage .component.grid.data .gridContent .gridHeader.sortDESC .gridHeaderLabel:after{content:"\f107";font-family:FontAwesome,sans-serif}body.Icons_Material .gridPage .component.grid.data .gridContent .gridHeader.sortASC .gridHeaderLabel:after{content:"\e316";font-family:Material Icons,sans-serif;top:5px}body.Icons_Material .gridPage .component.grid.data .gridContent .gridHeader.sortDESC .gridHeaderLabel:after{content:"\e313";font-family:Material Icons,sans-serif;top:5px}.gridPage .component.grid.data{margin-bottom:0}.gridPage .component.grid.data th{min-width:80px;border-right:1px solid var(--border-color);color:var(--text-inactive-color)}.gridPage .component.grid.data th:last-child{border-right:0}.gridPage .component.grid.data td{border-bottom:1px solid #f3f3f3;border-right:1px solid #f3f3f3}.gridPage .component.grid.data tr:last-child>td{border-bottom:0}.gridPage .component.grid.data table{min-width:700px}.gridPage .component.grid.data table tr:hover{color:inherit;background-color:inherit}.gridPage .component.grid.data .gridCell:hover{color:var(--highlight-color);background-color:var(--highlight-bk-color)}.gridPage .component.grid.data .editBoxFieldText{padding-left:4px}.gridPage .component.grid.data .editBoxFieldValue input{border:1px solid var(--border-color);padding:3px}.gridPage .component.grid.data th.gridHeader{position:relative}.gridPage .component.grid.data th.gridHeader>.dragGrid{position:absolute;right:0;top:0;bottom:0;padding:0 2px;line-height:20px;background-color:inherit;cursor:col-resize}.gridPage .component.grid.data th.gridHeader>.dragGrid:before{font-size:13px}body.Icons_FontAwesome .gridPage .component.grid.data th.gridHeader>.dragGrid:before{content:"\f07e";font-family:FontAwesome,sans-serif}body.Icons_Material .gridPage .component.grid.data th.gridHeader>.dragGrid:before{content:"\e915";font-family:Material Icons,sans-serif}.gridPage .component.grid.data th.gridHeader.rowActions{width:250px}.gridPage .component.grid.data td.rowActions:hover{background-color:transparent}.gridPage .component.grid.data td.rowActions .component.actionGroup.buttons>.actions{gap:2px}.gridPage .component.grid.data>.grid{width:100%;overflow-x:auto}.gridPage .component.editBox.filterOptions{display:flex;justify-content:flex-end;margin:0}.gridPage .component.editBox.filterOptions .editBoxContent{display:flex;flex-wrap:wrap;width:auto;margin:0 -5px;padding:0}.gridPage .component.editBox.filterOptions .editBoxField{display:flex;align-items:center;flex:1;margin:0 5px 5px}.gridPage .component.editBox.filterOptions .editBoxFieldValue{flex:1;padding:0}.gridPage .component.editBox.filterOptions .editBoxFieldLabel{width:auto;padding:0 5px 0 0;vertical-align:middle;color:var(--text-inactive-color)}