pqgrid/pqgrid.min.css

<p align="center"> <a href="https://paramquery.com/"> <img src="https://paramquery.com/content/images/pqgrid.png" alt="ParamQuery logo" width="168" height="64"> </a> </p>

/*!
 * ParamQuery Pro
 * 
 * Copyright (c) 2012-2024 Paramvir Dhindsa (http://paramquery.com)
 * Released under Evaluation license
 * http://paramquery.com/pro/license/evaluate
 * 
 */
.pq-theme input,.pq-theme input[type],.pq-theme label,.pq-theme select,.pq-theme textarea{font-weight:400;margin-bottom:0}.pq-theme{position:relative;box-sizing:border-box}div.pq-theme *{box-sizing:inherit}.pq-theme.pq-grid{border-bottom-width:0}div.pq-theme select{width:auto}.pq-resize-iframe{margin:0;border:0}.pq-body-outer:focus{outline:0!important;border:none!important}.pq-focus-mgr{position:absolute}.pq-focus-mgr:not(.pq-editor-outer)>*{pointer-events:none;opacity:0;height:2px;width:2px;overflow:hidden}.pq-editor-outer{z-index:1;position:absolute;background-color:#fff}.pq-disable-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.pq-native-select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text}.pq-theme>.pq-grid-top{border-width:0;border-style:solid;position:relative}.pq-slider-icon{position:absolute;z-index:4;right:0;top:0}.pq-grid-title{padding:4.5px 5px;border-bottom:1px solid transparent}.pq-group-header{border-bottom:1px solid transparent;zoom:1;padding:3px 5px;position:relative}.pq-group-menu{position:relative;float:right;border-radius:3px;white-space:nowrap}.pq-group-menu .ui-menu-icon{left:2px}.pq-group-header.pq-drop-hover{cursor:copy}.pq-group-placeholder{padding:4px;color:#777}.pq-group-item{display:inline-block;float:left;white-space:nowrap;border:1px solid #bfbfbf;padding:4px 5px;border-radius:4px;margin-right:10px;position:relative;cursor:pointer}.pq-group-item>.ui-icon{margin:-3px}.pq-group-item>.pq-group-remove,.pq-group-item>.pq-group-toggle{display:inline-block;border-radius:5px;margin-left:3px;border:1px solid transparent;width:18px;height:17px;font-weight:700}.pq-group-item>.pq-group-toggle{margin-left:0;margin-right:3px}.pq-grid .pq-icon-hover{cursor:pointer;border:1px solid transparent;border-radius:4px;height:18px;width:18px;font-size:10px;vertical-align:middle}.pq-group-title-cell .pq-group-icon{cursor:pointer;position:relative;margin:-2px 1px -2px 0;border:1px solid transparent;border-radius:4px;height:18px;width:18px;font-size:10px;vertical-align:middle}.pq-group-title-cell .pq-tree-icon{position:relative;top:1px}.pq-tree-line-horz,.pq-tree-line-vert{position:absolute;pointer-events:none;border-left:1px dotted;height:100%;top:0}.pq-tree-line-horz{top:50%;height:50%;border-top:1px dotted;border-left:none}.pq-toolbar{border-bottom:1px solid transparent;padding:4px 5px 0;overflow:hidden;text-align:left}.pq-toolbar>.pq-separator,.pq-toolbar>button,.pq-toolbar>div,.pq-toolbar>input,.pq-toolbar>p,.pq-toolbar>select,.pq-toolbar>span{margin:0 5px 4px;vertical-align:middle;height:25px}.pq-toolbar button,.pq-toolbar input,.pq-toolbar select{vertical-align:middle;height:25px}.pq-toolbar>label{margin:0 5px 4px;vertical-align:middle;min-height:25px}.pq-toolbar span{vertical-align:middle}.ui-icon{transform:scale(1.1);vertical-align:middle}.pq-toolbar textarea{resize:none;vertical-align:middle}.pq-toolbar>textarea{margin:0 5px 4px}.pq-toolbar input,.pq-toolbar select,.pq-toolbar textarea{color:initial}.pq-theme .pq-search-txt{overflow:visible;padding:1px 4px}.pq-theme input,.pq-theme select,.pq-theme textarea{border-width:1px;border-style:solid;border-color:#ccc;padding:1px 4px;border-radius:4px}.pq-draggable{cursor:move}.pq-theme>.pq-grid-bottom{overflow:hidden;font-weight:400!important;position:relative}.pq-grid-center{position:relative}.pq-header-outer{position:relative;border-top-width:0!important;border-left-width:0!important;border-right-width:0!important;text-align:left;top:0;z-index:10}.pq-grid-row:last-child>.pq-grid-col{border-bottom-width:0}.pq-header-outer .pq-grid-row{background:0 0!important}.pq-grid-norows{position:absolute;left:0;top:5px;text-align:center;width:100%;color:#999}.pq-icon-col-sort{margin-right:-3px;margin-left:4px;margin-right:4px;min-width:3px;display:inline-block}.pq-space.pq-icon-col-sort{width:16px}.pq-space.pq-col-sort-count{display:inline-block}.pq-col-sort-count{font-weight:400;width:6px;font-size:.8em}.pq-grid-col-resize-handle{cursor:col-resize;width:10px;height:100%;position:absolute;top:0;z-index:2}.pq-grid-drag-bar{position:absolute;width:1px;z-index:100;top:0;background-color:#000}.pq-align-right,.pq-theme .pq-align-right *{text-align:right}.pq-align-left,.pq-align-left *{text-align:left}.pq-theme .pq-align-center,.pq-theme .pq-align-center *{text-align:center}.pq-valign-center>div{position:relative;top:50%;transform:translateY(-50%)}.pq-valign-bottom>div{position:relative;top:100%;transform:translateY(-100%)}.pq-grid-cell{touch-action:manipulation}.pq-grid-cell.pq-group-title-cell *{text-align:left}.pq-grid-cell label{text-indent:0}.pq-body-outer{position:relative}div.pq-grid-cont{overflow:hidden;border-top:0;height:100%;position:relative}.pq-cont-right{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%}.pq-header-outer .pq-cont-right,.pq-summary-outer .pq-cont-right{overflow:hidden}.pq-summary-outer{border-bottom:1px solid transparent;border-top:1px solid transparent}.pq-cont-left{position:absolute;left:0;top:0;overflow:hidden}.pq-body-outer .pq-cont-left{border-right:1px solid transparent}.pq-cont-lt,.pq-cont-tr{position:absolute;left:0;top:0;overflow:hidden;border-bottom:1px solid transparent}.pq-cont-inner{z-index:0}.pq-cont-lt{border-right:1px solid transparent}.pq-table{position:absolute;left:0;top:0;overflow:hidden}.pq-table-left,.pq-table-lt{width:100%}.pq-table-lt,.pq-table-tr{height:100%}.pq-grid-cell,.pq-grid-col{position:absolute;padding:0;overflow:hidden;text-decoration:inherit}.pq-has-link{color:#0563c1;text-decoration:underline}.pq-has-link a{text-decoration:inherit;color:inherit}.pq-grid-cell>div,.pq-grid-col>div,.pq-grid-number-cell,.pq-grid-number-col{padding:3px 5px}.pq-grid-col,.pq-grid-row>.pq-grid-cell{border:1px solid transparent}.pq-grid-row:not(:last-child)>.pq-grid-col{border-bottom-color:transparent}.pq-grid-row>.pq-grid-col{border-left-color:transparent}.pq-grid-row:first-child>.pq-grid-col{border-top-color:transparent}.pq-grid-row{position:absolute}.pq-theme .pq-grid-cont .ui-state-hover{font-weight:400}.pq-grid-header-table input,.pq-grid-header-table select,.pq-grid-header-table textarea{color:initial}.pq-grid-header-table .pq-td-div{position:relative;float:left;width:100%;overflow:hidden}.pq-has-menu>.pq-td-div{width:calc(100% - 20px)}.pq-grid-col-leaf .pq-title-span:hover{text-decoration:underline;cursor:pointer}.pq-grid-col-leaf{cursor:grab}.pq-grid-header-search-row>.pq-grid-col>.pq-td-div{display:block}.pq-grid-header-search-row .pq-dd-icon{position:absolute;right:7px;top:50%;transform:translateY(-50%);margin-top:0}input[is=clear-text]+.pq-clear-icon{position:absolute;margin-left:-20px;top:50%;transform:translateY(-50%);cursor:pointer;display:inline-block;opacity:.5;height:16px;width:16px;color:#777;font-size:16px;text-align:center;line-height:16px}input[is=clear-text]:valid{padding-right:22px}input[is=clear-text]:invalid+.pq-clear-icon{display:none}input[is=clear-text]+.pq-clear-icon:hover,input[is=clear-text]:focus+.pq-clear-icon,input[is=clear-text]:hover+.pq-clear-icon{opacity:1}.pq-grid-col{overflow:hidden;font-weight:400}.pq-grid-header-table>tbody>tr>.pq-grid-col{border-width:0 1px 1px 0;border-style:solid}.pq-grid-number-col{border-right:1px solid #cfcfcf;padding:4px 5px;text-align:right}.pq-col-drag-helper{border-radius:4px;-moz-box-shadow:0 4px 8px rgba(0,0,0,.5);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.5);box-shadow:0 4px 8px rgba(0,0,0,.5);pointer-events:none;transform-origin:0 0;border:1px solid}.pq-col-drag-helper .pq-drag-icon{height:16px;width:16px;margin-right:5px;margin-top:1px;float:left}.pq-drag-handle{transform:scale(2,1.2);transform-origin:50% 0;opacity:.5}input[type=checkbox]+.pq-drag-handle{margin-left:6px}.pq-cont-inner>.pq-table>.pq-grid-row{border-width:0;border-bottom:1px solid transparent}.pq-cell-blue-tr,.pq-cell-dirty,.pq-cell-red-tr,.pq-grid-cell[title]{background-repeat:no-repeat}.pq-cell-dirty{background-image:linear-gradient(135deg,red 5px,transparent 5px)}.pq-cell-blue-tr{background-image:linear-gradient(-135deg,#00f 5px,transparent 5px)}.pq-cell-dirty.pq-cell-blue-tr{background-image:linear-gradient(135deg,red 5px,transparent 5px),linear-gradient(-135deg,#00f 5px,transparent 5px)}.pq-grid-cell[title]{background-image:linear-gradient(-135deg,#4682b4 5px,transparent 5px)}.pq-cell-dirty.pq-grid-cell[title]{background-image:linear-gradient(135deg,red 5px,transparent 5px),linear-gradient(-135deg,#4682b4 5px,transparent 5px)}.pq-cell-red-tr{background-image:linear-gradient(-135deg,red 5px,transparent 5px)}.pq-cell-dirty.pq-cell-red-tr{background-image:linear-gradient(135deg,red 5px,transparent 5px),linear-gradient(-135deg,red 5px,transparent 5px)}.pq-no-wrap>.pq-grid-row>.pq-grid-cell,.pq-no-wrap>.pq-grid-row>.pq-grid-col>.pq-td-div{word-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pq-grid-cell>img{user-select:none;-webkit-user-drag:none}.pq-grid-cell>div{white-space:inherit;text-overflow:inherit;overflow:inherit}.pq-merge-cell{z-index:1;background-color:inherit}.pq-grid-header-search-row .pq-grid-hd-search-field{width:100%;box-sizing:border-box}.pq-grid-header-search-row .pq-from-div{float:left;padding-right:3px;width:50%;box-sizing:border-box}.pq-grid-header-search-row .pq-to-div{float:right;padding-left:3px;width:50%;box-sizing:border-box}span.pq-from-to-center{width:6px;position:absolute;left:50%;line-height:20px;margin-left:-3px;text-align:center}div.pq-editor-outer>div[contenteditable=true],div.pq-editor-outer>input,div.pq-editor-outer>textarea{overflow:auto;outline:1px solid #555}textarea.pq-cell-editor{border:none;outline-width:0;padding:2px 5px;resize:none;display:block;border-radius:0;overflow:hidden;overflow-y:auto}div.pq-tooltip{padding:3px 10px}span.pq-tooltip-icon{display:inline-block;position:relative;top:3px;margin-right:4px}.pq-grid-row>.pq-grid-number-cell{border-top-width:0;border-right:1px solid #d0d0d0;overflow:hidden;font-weight:400;text-align:right;position:absolute;left:0;top:0}.pq-body-outer .pq-grid-number-cell,.pq-summary-outer .pq-grid-number-cell{border-bottom:1px solid transparent}div.pq-grid-disable{height:100%;width:100%;position:absolute;left:0;top:0;background:#ccc;z-index:3}.pq-loading{height:100%;width:100%;position:absolute;left:0;top:0;display:none}.pq-loading-bg{height:100%;width:100%;position:absolute;left:0;top:0;z-index:10}div.pq-loading-mask{width:100px;height:25px;z-index:6;padding:5px;position:absolute;left:50%;top:50%;margin-left:-50px;margin-top:-13px;box-sizing:content-box}div.pq-loading-mask>div{border:1px solid transparent;padding-top:0;padding-right:6px;padding-left:29px;line-height:23px;background-image:url(images/loading.gif);background-position:6px center;background-repeat:no-repeat;white-space:nowrap;word-wrap:normal}.pq-icon-detail{cursor:pointer;position:absolute;left:5px;top:6px;margin-top:0}.pq-theme ::placeholder{color:#aaa}.pq-pager{padding:4px 5px}.pq-grid-summary,.pq-pager{position:relative;overflow:hidden;border-bottom:1px solid transparent}.pq-pager>span{vertical-align:middle;position:relative}.pq-theme span.pq-separator{height:18px;border-left:1px solid #ccc;display:inline-block;position:relative;margin:0 6px}.pq-page-current{height:20px;width:45px}.pq-theme .ui-button-icon-only{width:24px;margin-right:5px;padding:.5em 0}.pq-arrow-down,.pq-arrow-up{position:absolute!important;z-index:200}.pq-theme label{display:inline-block}.pq-theme input[type=checkbox],.pq-theme input[type=radio]{width:14px;height:14px;padding:0;vertical-align:-2px;position:relative;margin-right:4px;margin-left:5px}.ui-menu .pq-menu-item.ui-menu-item{padding:0}.ui-state-active.ui-menu-item,.ui-state-focus.ui-menu-item{border:1px solid transparent}.pq-menu-item>label{padding:3px 5px;text-indent:0;width:100%}.pq-tool-panel{width:200px;float:right}.pq-pivot-pane{padding:2px;border:1px solid #666;border-top:0;border-right:0;position:relative}.pq-pivot-pane:last-child{border-bottom:0}.pq-pivot-label{position:absolute;background:inherit;left:2px;top:0;padding-right:5px}.pq-pivot-label input[type=checkbox]{margin-top:2px}.pq-tool-panel[panes='4'] .pq-pivot-pane{height:20%}.pq-tool-panel[panes='3'] .pq-pivot-pane{height:25%}.pq-tool-panel[panes='2'] .pq-pivot-pane{height:50%}.pq-tool-panel .pq-pivot-cols-all.pq-pivot-pane{height:50%}.pq-tool-panel[panes='4'] .pq-pivot-cols-all.pq-pivot-pane{height:40%}.pq-tool-panel[panes='1'] .pq-pivot-pane{height:100%}.pq-pivot-col{margin:0;padding:1px 4px;position:relative;cursor:move}.pq-deny-drag{cursor:not-allowed}.pq-pivot-pane .pq-pivot-col{border-width:1px 0 0 0;border-style:dotted}.pq-pivot-col:last-child{border-bottom-width:1px}.pq-pivot-pane .pq-sortable{padding-top:18px;top:0;bottom:0;right:0;left:0;overflow:auto;position:absolute}.pq-icon-pivot-rows{height:14px;width:12px;margin:2px 4px;float:left;background:url(images/row-group.png)}.pq-icon-pivot-cols{height:14px;width:13px;margin:2px 4px;float:left;background:url(images/pivot.png)}.pq-icon-pivot-vals{height:12px;width:12px;margin:0 4px;float:left}.pq-icon-pivot-vals::before{content:"\2140";transform:scaleX(1.3);float:left;font-family:Arial!important;font-weight:bolder;font-size:14px}.pq-style-box{float:left;padding:10px 5px;margin:5px;cursor:move}.pq-style-rule{position:relative;border-bottom:1px solid transparent;cursor:pointer}.pq-style-rule .pq-cstyle-delete{font-size:24px;cursor:default;position:absolute;top:5px;right:12px;visibility:hidden}.pq-style-rule:hover .pq-cstyle-delete{visibility:visible}.pq-cstyle-delete:hover{font-weight:700}.pq-style-rule::after{content:'';display:block;clear:both}.pq-cstyle-type{font-weight:700}.pq-grid-overlay{border:1px solid;position:absolute;z-index:1;pointer-events:none;background-color:rgba(200,200,200,.2)}.pq-no-border{border-color:transparent!important}.pq-grid-overlay.cell{border-width:0}.pq-head-overlay{border:none;background-color:rgba(100,100,100,.1)}.pq-number-overlay{border:none;background-color:rgba(100,100,100,.1);z-index:3}.pq-head-menu{width:250px}.pq-icon-filter,.pq-icon-menu{height:12px;position:absolute;top:5px;right:4px;opacity:.3}.pq-icon-menu{width:12px;background:url(images/menu.png)}.pq-icon-menu:hover{cursor:default}.pq-icon-bucket{background:url(images/bucket.png) no-repeat}.pq-icon-border{background:url(images/border.png) no-repeat}.pq-icon{display:inline-block;width:18px;height:18px;background-size:contain}.pq-col-filtered .pq-icon-menu{opacity:1}.pq-icon-filter{width:14px;background:url(images/filter.png)}.pq-col-filtered .pq-icon-filter{opacity:.8}.pq-icon-tab-visible{display:inline-block;width:16px;background:url(images/eye.png) no-repeat center}.pq-icon-tab-filter{display:inline-block;width:14px;background:url(images/filter.png) no-repeat center}.pq-icon-tab-download{display:inline-block;width:14px;background:url(images/download.png) no-repeat center;background-size:contain}.pq-icon-filter:hover,.pq-icon-menu:hover{opacity:1}.pq-popup{position:absolute!important;z-index:10000;box-sizing:border-box;background:#fff;display:inline-block;border-width:1px;border-style:solid;border-radius:4px;box-shadow:1px 4px 10px 0 rgba(50,50,50,.75)}.pq-popup:after{content:""}.pq-popup *{box-sizing:inherit}div.pq-popup .ui-tabs-panel{padding:0}.pq-intel{width:350px;max-height:300px;overflow:auto;background:#fff;border:1px solid gray;box-shadow:4px 4px 2px #aaa;padding:5px;z-index:1000}.pq-filter-menu{padding:4px}div.pq-filter-menu select{width:100%}.pq-cmenu>table{border-collapse:collapse}.pq-cmenu-item{background:#fff}.pq-cmenu-item>td:not([colspan]){padding:4px}.pq-cmenu-item.pq_disabled{color:#aaa}.pq-cmenu-item:hover:not(.pq_disabled){background:#ddd;cursor:pointer}.pq-cmenu td{white-space:nowrap}.pq-cell-disable{opacity:.7;text-shadow:0 1px 0 #fff;cursor:not-allowed}.pq-theme .pq-dnd-drag{color:#ccc}.pq-theme .pq-dnd-parent{text-shadow:2px 2px 2px #888}.pq-grid .pq-tabs-cont{height:30px;border:none;border-bottom:1px solid transparent}.pq-tabs-strip{width:calc(100% - 50px);overflow:hidden;height:100%;display:inline-block;white-space:nowrap;position:relative}.pq-tabs-strip{width:calc(100% - 25px)}.pq-tab-button{cursor:pointer;border-width:0;border-right-width:1px;border-style:solid;padding:4px;height:100%;display:inline-block;width:25px;vertical-align:top}.pq-tabs-strip>.pq-tab-item{position:relative;border-width:0;border-right-width:1px;border-style:dotted;padding:0 20px 0 10px;cursor:default;height:100%;display:inline-block}.pq-tab-item:first-child{border-left-width:1px}.pq-tab-item:not(.pq-active){background:#fff}.pq-tab-item>input{position:absolute;left:4px;top:4px;width:calc(100% - 8px);border-width:1px;border-style:solid}.pq-tab-item>.ui-icon-close{position:absolute;opacity:.7;top:4px;right:0;height:16px;width:16px;transform:translateY(0);cursor:pointer}.pq-tab-item.pq-active{border-style:solid;box-shadow:1px 2px 3px 2px #999;z-index:1}.pq-grid-top .pq-tab-item.pq-active{border-top-left-radius:8px;border-top-right-radius:8px}.pq-grid-bottom .pq-tab-item.pq-active{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.pq-theme li.ui-tabs-active.ui-state-active.ui-state-default{border-bottom:3px solid #4682b4}.pq-theme .ui-state-active a{color:#333}.pq-theme ul.ui-tabs-nav{display:flex}.pq-theme ul.ui-tabs-nav>li{flex:1}.pq-theme .ui-tabs-nav>li>a,.pq-theme .ui-tabs-nav>li>a>span{width:100%}.pq-grid-center-o{position:relative}.pq-color-picker{height:182px;width:300px;border-width:1px;border-style:solid}.pq-cp-title{text-align:center;margin:10px 0 -2px}.pq-slider{margin:20px;width:calc(100% - 40px)}.pq-cp-red .ui-slider-handle,.pq-cp-red .ui-slider-range{background:red}.pq-cp-green .ui-slider-handle,.pq-cp-green .ui-slider-range{background:#0f0}.pq-cp-blue .ui-slider-handle,.pq-cp-blue .ui-slider-range{background:#00f}.pq-cp-red .ui-slider-handle,.pq-slider.pq-cp-red{border-color:red}.pq-cp-green .ui-slider-handle,.pq-slider.pq-cp-green{border-color:#0f0}.pq-cp-blue .ui-slider-handle,.pq-slider.pq-cp-blue{border-color:#00f}.pq-cp-output{width:20%;height:calc(80% - 40px);float:right;margin:15px 4% 0 0;border-width:1px;border-style:solid;background-image:none!important}.pq-cp-input{width:80px;height:28px;text-align:center;margin:0 20px}.pq-border-picker{height:100px;width:300px;padding-top:5px;border-width:1px;border-style:solid}.pq-border-picker>div>.pq-bp-button{display:inline-block;width:32px;height:32px;padding:4px;margin:5px;cursor:pointer}.pq-border-picker>div>.pq-bp-button:not(input,.pq-bp-style):hover{border:1px solid;padding:3px}.pq-border-picker>div>.pq-bp-style{width:50px;border:1px dashed;position:relative}.pq-bp-style>div{width:26px;float:left;margin-top:11px}.pq-bp-style>span{position:absolute;top:8px;right:0}.pq-border-picker>div>input.pq-bp-button{padding:0}.pq-border-picker .pq-bp-button::before{font-size:22px}