#fn-search-input {
	 border: solid 1px blue;
	 background-color: white;
	 overflow: hidden;
	 min-width: 145px;
	 max-width: 145px;
	 position: absolute;
	 top: 5px;
	 height: 35px;
	 margin: 0 4px;
	 z-index: 2;
}
 #fn-search-input.left {
	 left: 1px;
}
 #fn-search-input.right {
	 right: 1px;
}
 #fn-search-input input {
	 box-shadow: none;
	 height: 32px;
	 font-size: 13px;
}
 #fn-search-input button {
	 background: none;
	 box-shadow: none;
	 color: gray;
	 border-left: solid 1px gray;
	 height: 31px;
}
 #fn-search-input button:hover {
	 box-shadow: none;
	 border-left: solid 1px gray;
}
 #fn-search-input .glyphicon-search {
	 font-size: 23px;
}
 
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main {
	 display: block;
	 z-index: 1;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header.hw-grid-header-sticky, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel.hw-grid-header-sticky, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel.hw-grid-header-sticky, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel.hw-grid-header-sticky, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel.hw-grid-header-sticky, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main.hw-grid-header-sticky, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main.hw-grid-header-sticky {
	 display: table-header-group;
}
.grouping-row-header{
	 display: table-header-group;
}

 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header.hw-grid-header-sticky .hw-grid-header-cell, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel.hw-grid-header-sticky .hw-grid-header-cell, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel.hw-grid-header-sticky .hw-grid-header-cell, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel.hw-grid-header-sticky .hw-grid-header-cell, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel.hw-grid-header-sticky .hw-grid-header-cell, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main.hw-grid-header-sticky .hw-grid-header-cell, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main.hw-grid-header-sticky .hw-grid-header-cell {
	 position: sticky;
	 top: 0;
	 background: #fafafa;
	 z-index: 1;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header .hw-grid-header-row, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-header-row, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-header-row, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-header-row, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-header-row, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-header-row, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-header-row {
	 height: 48px;
	 align-items: center;
	 display: table-row;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header .hw-grid-header-row .hw-grid-header-cell, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-header-row .hw-grid-header-cell, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-header-row .hw-grid-header-cell {
	 display: table-cell;
	 white-space: nowrap;
	 padding-left: 18px;
	 padding-right: 18px;
	 height: 48px;
	 align-items: center;
	 border-bottom: 1px solid #ccc;
	 vertical-align: middle;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header .hw-grid-header-row .hw-grid-header-cell::after, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell::after, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell::after, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell::after, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell::after, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-header-row .hw-grid-header-cell::after, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-header-row .hw-grid-header-cell::after {
	 content: '';
	 position: absolute;
	 z-index: 1;
	 display: block;
	 left: calc(100% - 1px);
	 width: 2px;
	 height: 30%;
	 top: 35%;
	 background-color: rgba(186, 191, 199, 0.5);
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header .hw-grid-header-row .hw-grid-header-cell:last-child::after, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell:last-child::after, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell:last-child::after, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell:last-child::after, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell:last-child::after, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-header-row .hw-grid-header-cell:last-child::after, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-header-row .hw-grid-header-cell:last-child::after {
	 display: none;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value {
	 font-size: 14px;
	 display: inline-flex;
	 flex: 1;
	 padding-right: 10px;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value span, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value span, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value span, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value span, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value span, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value span, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-value span {
	 font-weight: 500;
	 letter-spacing: 0.03em;
	 font-size: 0.99em;
	 color: #232323;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter {
	 float: right;
	 position: absolute;
	 right: 8px;
	 top: 15px;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter .dropdown-menu, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter .dropdown-menu, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter .dropdown-menu, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter .dropdown-menu, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter .dropdown-menu, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter .dropdown-menu, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-header-row .hw-grid-header-cell .hw-grid-header-cell-filter .dropdown-menu {
	 z-index: 3;
	 top: 30px !important;
	 right:-10px;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky {
	 position: sticky;
	 background-color: #f3f3f3;
	 left: 0;
	 z-index: 2;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-header .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky::after, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky::after, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky::after, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky::after, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky::after, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky::after, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-header-row .hw-grid-header-cell.hw-grid-header-cell-sticky::after {
	 display: none;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-body-row, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main {
	 min-height: 44px;
	 display: table-row;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-body-row:nth-child(odd), .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel:nth-child(odd), .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel:nth-child(odd), .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel:nth-child(odd), .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel:nth-child(odd), .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main:nth-child(odd), .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main:nth-child(odd) {
	 background-color: #fcfcfc;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-body-row:nth-child(even), .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel:nth-child(even), .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel:nth-child(even), .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel:nth-child(even), .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel:nth-child(even), .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main:nth-child(even), .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main:nth-child(even) {
	 background-color: #fff;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-body-row .hw-grid-body-cell, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-body-cell, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-body-cell, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-body-cell, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-body-cell, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-body-cell, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-body-cell {
	 display: table-cell;
	 white-space: nowrap;
	 padding-left: 18px;
	 padding-right: 18px;
	 height: 44px;
	 align-items: center;
	 border-bottom: 1px solid #e0e0e0;
	 vertical-align: middle;
	 min-width: 150px;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-body-row .hw-grid-body-cell.hw-grid-body-cell-edit-on .hw-grid-body-cell-value span input, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-body-cell.hw-grid-body-cell-edit-on .hw-grid-body-cell-value span input, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-body-cell.hw-grid-body-cell-edit-on .hw-grid-body-cell-value span input, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-body-cell.hw-grid-body-cell-edit-on .hw-grid-body-cell-value span input, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-body-cell.hw-grid-body-cell-edit-on .hw-grid-body-cell-value span input, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-body-cell.hw-grid-body-cell-edit-on .hw-grid-body-cell-value span input, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-body-cell.hw-grid-body-cell-edit-on .hw-grid-body-cell-value span input {
	 height: 43px;
	 outline: none;
	 border: 1px solid #3baeff;
	 margin-left: -17px;
	 padding: 0 17px;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-body-row .hw-grid-body-cell .hw-grid-body-cell-value, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-body-cell .hw-grid-body-cell-value, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-body-cell .hw-grid-body-cell-value, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-body-cell .hw-grid-body-cell-value, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-body-cell .hw-grid-body-cell-value, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-body-cell .hw-grid-body-cell-value, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-body-cell .hw-grid-body-cell-value {
	 font-size: 13px;
	 color: #232323;
}
 .hw-grid .hw-grid-wrapper .hw-grid-main .hw-grid-body-row .hw-grid-body-cell.hw-grid-body-cell-sticky, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-left-panel .hw-grid-body-cell.hw-grid-body-cell-sticky, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-left-panel .hw-grid-body-cell.hw-grid-body-cell-sticky, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .sticky-right-panel .hw-grid-body-cell.hw-grid-body-cell-sticky, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .sticky-right-panel .hw-grid-body-cell.hw-grid-body-cell-sticky, .hw-grid .hw-grid-wrapper .hw-grid-main  .hw-grid-main .hw-grid-body-cell.hw-grid-body-cell-sticky, .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-main .hw-grid-body-cell.hw-grid-body-cell-sticky {
	 position: sticky;
	 background-color: #f3f3f3;
	 left: 0;
	 z-index: 2;
}
 .hw-grid {
	 box-sizing: border-box;
	 outline: none;
	 border: 1px solid #ccc;
	 margin-top: 30px;
}
 .hw-grid .hw-grid-wrapper {
	 position: relative;
}
 .hw-grid .hw-grid-wrapper .export-data {
	 position: absolute;
	 right: 0px;
	 height: 0px;
	 z-index: 3;
	 top:-40px;
	 background: #fafafa;
}
 .hw-grid .hw-grid-wrapper .fn-grid-scroll {
	 overflow: auto;
}
 .hw-grid .hw-grid-wrapper  {
	 height: 100% !important;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main {
	 white-space: nowrap;
	 display: flex;
	 flex-direction: row;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-body {
	 width: 100%;
	 display: table;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-body.grouping-row {
	 border-collapse: collapse;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-body.grouping-row fn-grid-cell-group {
	 display: table-row-group;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-body.grouping-row .table-row {
	 display: table-row;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-body.grouping-row .table-cell {
	 display: table-cell;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-body.grouping-row .grpRowBorder {
	 border-bottom: 1px solid #ccc;
	 padding: 0 12px;
	 background-color: #f2f2f2;
	 height: 44px;
	 vertical-align: middle;
	 min-width:150px;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-body.grouping-row .grpRowBorder .expand-icon {
	 display: inline-block;
	 margin-right: 10px;
}
.hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-body.grouping-row .grpRowBorder .expand-icon {
	 display: inline-block;
	 margin-right: 10px;
}
.hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-body.grouping-row .grpRowBorder .expand-icon.rotate-icon {
		-webkit-transform: rotate(180deg);
	   transform: rotate(180deg);
	}

 .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-body.grouping-row .grpRowBorder .expand-icon i {
	 cursor: pointer;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .hw-grid-body.grouping-row .grpRowBorder .grid-badge {
	 border: 1px solid gray;
	 border-radius: 50%;
	 height: 25px;
	 min-width: 25px;
	 width: auto;
	 display: inline-block;
	 text-align: center;
	 line-height: 25px;
	 vertical-align: middle;
	 background-color: blue;
	 color: white;
	 font-size: 14px;
	 padding: 0 5px;
	 margin-left: 10px;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel {
	 position: sticky;
	 left: 0;
	 z-index: 2;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel .hw-grid-header {
	 z-index: 2;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel .hw-grid-body-row:nth-child(odd), .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel .sticky-left-panel:nth-child(odd), .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel .sticky-right-panel:nth-child(odd), .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel .hw-grid-main:nth-child(odd) {
	 background-color: #f3f3f3;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel .hw-grid-body-row:nth-child(even), .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel .sticky-left-panel:nth-child(even), .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel .sticky-right-panel:nth-child(even), .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel .hw-grid-main:nth-child(even) {
	 background-color: #f3f3f3;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel.grouping-row {
	 border-collapse: collapse;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel.grouping-row fn-grid-cell-group {
	 display: table-row-group;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel.grouping-row .table-row {
	 display: table-row;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel.grouping-row .table-cell {
	 display: table-cell;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel.grouping-row .grpRowBorder {
	 border-bottom: 1px solid #ccc;
	 padding: 0 12px;
	 background-color: #f2f2f2;
	 height: 44px;
	 vertical-align: middle;
	 min-width:150px;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel.grouping-row .grpRowBorder .expand-icon {
	 display: inline-block;
	 margin-right: 10px;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel.grouping-row .grpRowBorder .expand-icon i {
	 cursor: pointer;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-left-panel.grouping-row .grpRowBorder .grid-badge {
	 border: 1px solid gray;
	 border-radius: 50%;
	 height: 25px;
	 min-width: 25px;
	 width: auto;
	 display: inline-block;
	 text-align: center;
	 line-height: 25px;
	 vertical-align: middle;
	 background-color: blue;
	 color: white;
	 font-size: 14px;
	 padding: 0 5px;
	 margin-left: 10px;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel {
	 position: sticky;
	 right: 0;
	 z-index: 1;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel .hw-grid-header, .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel .sticky-left-panel, .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel {
	 z-index: 2;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel .hw-grid-body-row:nth-child(odd), .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel .sticky-left-panel:nth-child(odd), .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel .sticky-right-panel:nth-child(odd), .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel .hw-grid-main:nth-child(odd) {
	 background-color: #f3f3f3;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel .hw-grid-body-row:nth-child(even), .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel .sticky-left-panel:nth-child(even), .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel .sticky-right-panel:nth-child(even), .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel .hw-grid-main:nth-child(even) {
	 background-color: #f3f3f3;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel.grouping-row {
	 border-collapse: collapse;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel.grouping-row fn-grid-cell-group {
	 display: table-row-group;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel.grouping-row .table-row {
	 display: table-row;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel.grouping-row .table-cell {
	 display: table-cell;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel.grouping-row .grpRowBorder {
	 border-bottom: 1px solid #ccc;
	 padding: 0 12px;
	 background-color: #f2f2f2;
	 height: 44px;
	 vertical-align: middle;
	 min-width:150px;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel.grouping-row .grpRowBorder .expand-icon {
	 display: inline-block;
	 margin-right: 10px;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel.grouping-row .grpRowBorder .expand-icon i {
	 cursor: pointer;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .sticky-right-panel.grouping-row .grpRowBorder .grid-badge {
	 border: 1px solid gray;
	 border-radius: 50%;
	 height: 25px;
	 min-width: 25px;
	 width: auto;
	 display: inline-block;
	 text-align: center;
	 line-height: 25px;
	 vertical-align: middle;
	 background-color: blue;
	 color: white;
	 font-size: 14px;
	 padding: 0 5px;
	 margin-left: 10px;
}
 .hw-grid .hw-grid-wrapper  .hw-grid-main .simplebar-track.simplebar-horizontal, .hw-grid .hw-grid-wrapper  .hw-grid-main .simplebar-track.simplebar-vertical {
	 background: #fff;
	 box-shadow: 0px 0px 1px #9c9c9c;
}
 .hw-grid .hw-grid-wrapper .hw-grid-status-bar {
	 display: flex;
	 justify-content: space-between;
	 overflow: hidden;
	 border-top: 1px solid #babfc7;
	 color: rgba(24, 29, 31, 0.5);
	 padding-right: 17px;
	 padding-left: 17px;
	 line-height: 1.5;
	 font-size: 14px;
	 height: 42px;
	 align-items: center;
}
 .hw-grid .hw-grid-wrapper .hw-grid-status-bar .hw-grid-status-bar-left {
	 display: inline-flex;
	 direction: ltr;
	 font-weight: 500;
	 letter-spacing: 0.03em;
	 font-size: 0.99em;
	 color: #232323;
}
 .hw-grid .hw-grid-wrapper .hw-grid-status-bar .hw-grid-status-bar-right {
	 display: inline-flex;
	 direction: ltr;
	 font-weight: 500;
	 letter-spacing: 0.03em;
	 font-size: 0.99em;
	 color: #232323;
}
 .hw-grid .hw-grid-wrapper .hw-grid-status-bar .hw-grid-status-bar-center {
	 display: inline-flex;
	 direction: ltr;
	 font-weight: 500;
	 letter-spacing: 0.03em;
	 font-size: 0.99em;
	 color: #232323;
}
 #simple-bar {
	 border: 1px solid grey;
	 width: 50%;
	 max-height: 200px;
	 min-height: 100px;
	 margin: 50px auto;
}
 .grid-grp-panel .fn-panel {
	 width: 100%;
	 float: left;
}
 .grid-grp-panel .fn-panel .fn-panel-header {
	 padding: 10px 0 10px 20px;
	 width: 100%;
	 float: left;
	 border-bottom: 1px solid gray;
}
 .grid-grp-panel .fn-panel.fn-panel-expend .fn-panel-header i.fn-global-expand {
	 transform: rotate(180deg);
}
 .grid-mat-panel button {
	 box-shadow: none;
}
.dropdown-toggle::after {
	 display: none;
}
 .filter-icon {
	 height: 12px;
	 margin-top: 3px;
	 width: auto;
	 text-align: right;
	 float: right;
	 cursor: pointer;
}
 .grid-filter-list {
	 position: relative;
	 background: #fff;
	 border-radius: 5px;
	 top: 0;
	 box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	 z-index: 5;
	 left: 0;
	 min-width:190px;
}
 .grid-filter-list > .dismiss {
	 height: 16px;
	 width: 16px;
	 position: absolute;
	 right: -6px;
	 top: -6px;
	 cursor: pointer;
}
 .grid-filter-list .filter-option-wrapper {
	 display: none;
}
 .grid-filter-list .filter-option-wrapper.active {
	 display: block;
}
 .grid-filter-list .filter-option-list {
	 display: block;
	 border-bottom: 1px solid #e7e7e7;
}
 .grid-filter-list .filter-option-list ul.filter-option-value {
	 display: flex;
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
 .grid-filter-list .filter-option-list ul.filter-option-value li {
	 display: grid;
	 width: 50%;
	 text-align: center;
	 position: relative;
	 height: 40px;
	 align-items: center;
	 font-weight: 400;
	 letter-spacing: 0.1em;
	 font-size: 13px;
	 cursor: pointer;
}
 .grid-filter-list .filter-option-list ul.filter-option-value li:after {
	 content: '';
	 position: absolute;
	 z-index: 1;
	 display: block;
	 left: calc(100% - 4px);
	 width: 2px;
	 height: 10px;
	 top: 50%;
	 transform: translateY(-50%);
	 background-color: rgba(186, 191, 199, 0.5);
}
 .grid-filter-list .filter-option-list ul.filter-option-value li:last-child:after {
	 display: none;
}
 .grid-filter-list .filter-option-list ul.filter-option-value li.active {
	 color: #2ba3f0;
}
 .grid-filter-list .filter-option-list ul.filter-option-value li.active:before {
	 content: '';
	 position: absolute;
	 z-index: 1;
	 left: 0;
	 width: 100%;
	 background-color: #2ba3f0;
	 height: 1px;
	 top: 100%;
	 border-width:1px;
}
 .grid-filter-list .filter-option {
	 display: block;
	 padding: 10px 13px 7px;
	 border-bottom: 1px solid #e7e7e7;
}
 .grid-filter-list .filter-option input.search-box {
	 border-radius: 25px;
	 padding: 0.175rem 0.75rem;
	 margin-bottom: 10px;
}
 .grid-filter-list .grid-filter-list-item {
	 list-style: none;
	 padding: 0;
	 margin: 0;
}
 .grid-filter-list .grid-filter-list-item li {
	 padding: 6px 13px;
	 background-color: #fff;
}
 .grid-filter-list .grid-filter-list-item li:hover {
	 background-color: #fafafa;
}
 .grid-filter-list .grid-filter-list-item li .form-check .form-check-input {
	 margin-top: 0.45rem;
}
 .grid-filter-list .grid-filter-list-item li .form-check label {
	 font-size: 12px;
	 font-weight: normal;
	 color: #383838;
}
 .grid-filter-list .grid-filter-action {
	 border-top: 1px solid #e7e7e7;
	 padding: 10px 13px;
}
 .grid-filter-list .grid.filter-action span {
	 display: inline-block;
	 width: 50%;
}
 .grid-filter-list .grid-filter-action span.filter-apply {
	 text-align: left;
}
 .grid-filter-list .grid-filter-action span.filter-reset {
	 text-align: right;
}

 .grid-filter-list .grid-filter-action button {
	 font-size: 11px;
	 letter-spacing: 0.1em;
	 border-radius: 15px;
	 padding: 0 12px;
	 height: 27px;
}
.hw-grid-status-bar .cstm-pagination .table-action-footer {
	padding:0px;
	background: transparent;
}
.hw-grid-header-search{
	right: 0px;
    top: 4px;
    position: absolute;
    padding: 6px;
}