/**
 * ParamQuery Grid a.k.a. pqGrid v1.1.3
 * 
 * Copyright (c) 2012-2013 Paramvir Dhindsa
 * Released under GPL v3 license
 * http://paramquery.com/license
 * 
 */

div.pq-grid {
	font-size: 11px;
	overflow: hidden;
	position: relative
}

div.pq-grid * {
	/*font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;*/
        font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: normal
}

div.pq-grid *:focus {
	outline: 1px dotted gray
}

div.pq-grid-top {
	border-width: 0
}

div.pq-grid-title {
    height:0px;
    text-indent: -9999px;  
    /*
	font-size: 11px;
	border-bottom: 0px solid #c5c5c5;
	zoom: 1;
	padding: 0px;
	overflow: hidden;        
      */      
}

div.pq-grid-toolbar {
	border-bottom: 1px solid #c5c5c5;
	padding: 13px 15px 4px;
	zoom: 1;
	overflow: hidden;
	background-image: url("/imgs/toolbar.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
        /*background-color:#cc0000 !important; */
	/*background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab, #246655, #e13a14, #14bbe1, #144fe1, #e1af14, #4ce114, #b214e1);
	background-size: 3000% 3000%;
	animation: gradientBG 120s ease infinite;*/
}

/*@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}*/

div.pq-grid-toolbar .ui-button {
	margin: 0 4px
}

div.pq-grid div.draggable {
	cursor: move
}

div.pq-grid-bottom {
	border-top: 1px solid #c5c5c5;
	border-top-width: 0;
	position: relative
}

div.pq-grid-footer {
	border-top: 1px solid #fff;
	padding: 2px 5px 2px;
	overflow: hidden;
	position: relative
}

div.pq-grid-inner {
	position: relative;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden
}

div.pq-grid-right {
	position: relative;
	overflow: hidden;
	display: block
}

div.pq-header-outer {
	height: 30px !important;
	position: relative;
	border-width: 0;
	overflow: hidden;
	width: 100%;
	z-index: 1
}

.pq-grid span.pq-grid-header {
	position: absolute;
	top: 0px;
	background: #00aba9;
	cursor: default;
	display: inline-block;
	overflow: hidden;
	border-width: 0
}

.pq-grid-header .pq-col-sort-asc .pq-col-sort-icon {
	padding-right: 16px;
	height: 16px;
	width: 16px;
	background: url(images/sort_asc.gif) no-repeat right 6px
}

.pq-grid-header .pq-col-sort-desc .pq-col-sort-icon {
	padding-right: 16px;
	background: url(images/sort_desc.gif) no-repeat right 6px
}

.pq-grid-col-resize-handle {
	cursor: w-resize;
	display: block;
	width: 20px;
	height: 22px;
	z-index: 2;
	position: absolute;
	top: 0
}

.pq-grid-drag-bar {
	position: absolute;
	width: 1px;
	z-index: 100;
	top: 0;
	background-color: #000
}

div.pq-grid .pq-align-right {
	text-align: right
}

div.pq-grid .pq-align-right * {
	text-align: right
}

div.pq-grid .pq-align-center {
	text-align: center
}

div.pq-grid .pq-align-center * {
	text-align: center
}

div.pq-cont-right {
	position: relative;
	overflow: hidden;
	border-width: 0
}

div.pq-cont {
	overflow: hidden;
	border-top: 0;
	width: 100%;
	position: relative
}

.pq-grid .pq-cont .ui-state-hover {
	font-weight: normal
}

table.pq-grid-table {
	border-spacing: 0;
	table-layout: fixed;
	width: 0;
	position: relative;
	top: 0;
	margin-top: -1px
}

table.pq-grid-header-table {
	table-layout: fixed;
	width: 0;
	border-spacing: 0;
	/* ganti color disini*/
	background: #3399ff;
	color: #fff
}

table.pq-grid-header-table div.pq-grid-header-table-div {
	padding: 10px
}

div.pq-grid-header_ddn_icon {
	position: absolute;
	top: 0;
	width: 16px;
	height: 100%;
	border-left: 1px solid #fff;
	background: url('images/ddn.png') no-repeat 40% 45%
}

div.pq-grid-header_ddn_icon_bg {
	display: none;
	position: absolute;
	top: 0;
	width: 17px;
	height: 100%;
	border-left: 1px solid #ccc;
	background: url('images/column-header-bg.png');
	text-align: left!important
}

div.ui-resizable-handle {
	z-index: 1
}

.pq-grid td.pq-grid-col {
	overflow: hidden;
	border-width: 0;
	border-right: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf
}

td.pq-grid-number-col {
	border-right: 1px solid #cfcfcf
}

.pq-grid .pq-col-drag-helper {
	border: 1px solid steelblue;
	background: #fff;
	padding: 3px
}

.pq-grid .pq-col-drag-helper .pq-drag-icon {
	background: url("images/cross.png");
	height: 16px;
	width: 16px;
	margin-right: 5px;
	margin-bottom: -3px;
	display: inline-block
}

.pq-grid .pq-drag-accept .pq-drag-icon {
	background: url("images/tick.png")
}

.pq-grid td.pq-drop-hover {
	background: #fff;
	background-image: url("")
}

tr.pq-row-hidden {
	visibility: hidden;
	height: 1px
}

td.pq-grid-cell {
	overflow: hidden;
	padding: 0;
	vertical-align: top
}

td div.pq-td-div {
	padding: 4px 5px
}

.pq-wrap-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

table.pq-grid-td-border-right td.pq-grid-cell {
	border-right: 1px solid #d0d0d0
}

table.pq-grid-td-border-bottom td.pq-grid-cell {
	border-bottom: 1px solid #ededed
}

div.pq-cell-selected-border {
	border: 2px solid #666;
	position: absolute;
	padding: 0
}

div.pq-cell-selected-border-edit {
	background: #fff;
	color: #333
}

div.pq-grid-editor-default {
	background: #fff;
	padding: 2px
}

tr td.pq-grid-number-cell {
	border-right: 1px solid #9eb6ce;
	cursor: pointer
}

.pq-grid td.pq-grid-number-cell {
	border-top: 0;
	border-left: 0
}

tr td.pq-last-freeze-col {
	border-right: 1px solid steelblue
}

div.pq-grid-disable {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #ccc;
	z-index: 3
}

div.pq-loading {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none
}

div.pq-loading div.pq-loading-bg {
	background: #ccc;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

div.pq-loading-mask {
	width: 100px;
	height: 25px;
	padding: 5px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -13px
}

.pq-grid div.pq-loading-mask div {
	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
}

div.pq-vscroll {
	height: 150px;
	width: 17px;
	border: 0 solid blue;
	position: absolute;
	right: 0;
	bottom: 17px
}

div.pq-hscroll {
	height: 17px;
	border: 0 solid blue;
	position: absolute;
	right: 17px;
	bottom: 0
}

div.pq-hvscroll-square {
	height: 17px;
	width: 17px;
	border: 0 solid blue;
	position: absolute;
	right: 0;
	bottom: 0
}

.pq-tree-icon-container {
	position: relative;
	float: left;
	height: 16px
}

.pq-tree-icon {
	cursor: pointer;
	position: absolute;
	width: 18px;
	height: 16px;
	right: 0;
	top: -2px
}

div.pq-grid tr td.pq-grid-cell-hover {
	border-width: 0
}

div.pq-grid tr td.pq-cell-select {
	border-top-width: 0;
	border-left-width: 0
}

.pq-pager {
	padding: 2px 5px 13px;
	overflow: hidden;
	vertical-align: middle
}

.pq-pager * {
	vertical-align: middle
}

.pq-grid span.pq-separator {
	height: 18px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	display: inline-block;
	margin-right: 5px
}

.pq-pager input {
	padding: 0 1px;
	text-align: center;
	width: 35px;
	margin-right: 5px;
	height: 16px
}

div.pq-pager span,
div.pq-pager select {
	margin-right: 5px
}

.pq-pager .pq-pageholder {
	vertical-align: top
}

.pq-grid button.ui-button-icon-only {
	height: 22px;
	width: 22px;
	margin-right: 5px;
	padding: .2em .2em
}

.pq-grid .ui-state-default .pq-page-first {
	background: url('images/page-first-gray.gif')
}

.pq-grid .ui-state-default .pq-page-prev {
	background: url('images/page-prev-gray.gif')
}

.pq-grid .ui-state-default .pq-page-next {
	background: url('images/page-next-gray.gif')
}

.pq-grid .ui-state-default .pq-page-last {
	background: url('images/page-last-gray.gif')
}

.pq-grid .ui-state-default .pq-refresh {
	background: url('images/refresh.gif')
}

.pq-scrollbar-vert {
	display: block;
	width: 17px;
	background: #efefef url(images/vert-bg.png)
}

.pq-scrollbar-horiz {
	display: block;
	height: 17px;
	background: #efefef url(images/horiz-bg.png)
}

.pq-scrollbar-vert * {
	padding: 0;
	margin: 0
}

.pq-scrollbar-horiz * {
	padding: 0;
	margin: 0
}

.pq-sb-btn {
	width: 17px;
	height: 17px;
	position: absolute;
	background-color: steelblue
}

.pq-scrollbar-vert div.top-btn {
	left: 0;
	top: 0;
	background: url(images/sprite.png)
}

.pq-scrollbar-horiz div.left-btn {
	left: 0;
	top: 0;
	background: url(images/sprite.png) -34px
}

.pq-scrollbar-vert div.bottom-btn {
	left: 0;
	bottom: 0;
	background: url(images/sprite.png) -17px
}

.pq-scrollbar-horiz div.right-btn {
	top: 0;
	right: 0;
	background: url(images/sprite.png) -51px
}

.pq-sb-slider {
	position: absolute
}

.pq-sb-slider * {
	background: url(images/sprite.png)
}

.pq-sb-slider-h {
	position: absolute
}

.pq-sb-slider-h * {
	display: inline-block;
	background: url(images/sprite.png)
}

.pq-sb-slider .vert-slider-top {
	width: 17px;
	height: 3px;
	overflow: hidden;
	background-position: 17px -8px
}

.pq-sb-slider-h .horiz-slider-left {
	height: 17px;
	width: 3px;
	overflow: hidden;
	background-position: -68px 0
}

.pq-sb-slider .vert-slider-bg {
	width: 17px;
	overflow: hidden;
	background: #b6cefb url(images/vert-slider-bg.png)
}

.pq-sb-slider-h .horiz-slider-bg {
	height: 17px;
	overflow: hidden;
	background: #b6cefb url(images/horiz-slider-bg.png)
}

.pq-sb-slider .vert-slider-center {
	width: 17px;
	height: 8px;
	overflow: hidden;
	background-position: 17px 0
}

.pq-sb-slider-h .horiz-slider-center {
	height: 17px;
	width: 8px;
	overflow: hidden;
	background-position: -74px 0
}

.pq-sb-slider .vert-slider-bottom {
	width: 17px;
	height: 3px;
	overflow: hidden;
	background-position: 17px -11px
}

.pq-sb-slider-h .horiz-slider-right {
	height: 17px;
	width: 3px;
	overflow: hidden;
	background-position: -71px 0
}