.ui-grid {
	border: 2px solid #e1e8f5;
	box-sizing: content-box;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.ui-grid-vertical-bar {
	position: absolute;
	right: 0;
	width: 0;
	height: 0px;
}

.ui-grid-header-cell:not (:last-child ) .ui-grid-vertical-bar,
	.ui-grid-cell:not (:last-child ) .ui-grid-vertical-bar {
	width: 2px;
}

.ui-grid-scrollbar-placeholder {
	background-color: transparent;
}

.ui-grid-header-cell:not (:last-child ) .ui-grid-vertical-bar {
	background-color: #e8e8e8;
}

.ui-grid-cell:not (:last-child ) .ui-grid-vertical-bar {
	background-color: #f2f2f2;
}

.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
	right: -1px;
	width: 2px;
	background-color: #ffffff;
}

.ui-grid-clearfix:before, .ui-grid-clearfix:after {
	content: "";
	display: table;
}

.ui-grid-clearfix:after {
	clear: both;
}

.ui-grid-invisible {
	visibility: hidden;
}

.ui-grid-contents-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
}

.ui-grid-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.ui-grid-icon-button {
	background-color: transparent;
	border: none;
	padding: 0;
}

.clickable {
	cursor: pointer;
}

.ui-grid-top-panel-background {
	background-color: #c8d6ee;
}

.ui-grid-header {
	box-sizing: border-box;
	border-bottom: 0px !important;
	box-sizing: border-box;
}

.ui-grid-top-panel {
	position: relative;
	overflow: hidden;
	font-weight: bold;
	background-color: #c8d6ee;
	-webkit-border-top-right-radius: -2px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: -2px;
	-moz-border-radius-topright: -2px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: -2px;
	border-top-right-radius: -2px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: -2px;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.ui-grid-header-viewport {
	overflow: hidden;
	background-color:white;
}

.ui-grid-header-canvas:before, .ui-grid-header-canvas:after {
	content: "";
	display: -ms-flexbox;
	display: flex;
	line-height: 0;
}

.ui-grid-header-canvas:after {
	clear: both;
}

.ui-grid-header-cell-wrapper {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.ui-grid-header-cell-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ui-grid-header-cell {
	position: relative;
	box-sizing: border-box;
	background-color: inherit;
	border-right: 0px solid;
	border-color: #ffffff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 0;
	background-color:#2a7ab8;
}

.ui-grid-header-cell:last-child {
	border-right: 0;
}

.ui-grid-header-cell .sortable {
	cursor: pointer;
}

.ui-grid-header-cell .ui-grid-sort-priority-number {
	margin-left: -8px;
	color: #FFFFFF;
}
/* Fixes IE word-wrap if needed on header cells */
.ui-grid-header-cell>div {
	-ms-flex-basis: 100%;
	flex-basis: 100%;
}

.ui-grid-header .ui-grid-vertical-bar {
	top: 0;
	bottom: 0;
}

.ui-grid-column-menu-button {
	position: absolute;
	right: 2px;
	top: 0;
}

.ui-grid-column-menu-button .ui-grid-icon-angle-down {
	vertical-align: sub;
}

.ui-grid-header-cell-last-col .ui-grid-cell-contents,
	.ui-grid-header-cell-last-col .ui-grid-filter-container,
	.ui-grid-header-cell-last-col .ui-grid-column-menu-button,
	.ui-grid-header-cell-last-col+.ui-grid-column-resizer.right {
	margin-right: 13px;
}

.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-cell-contents,
	.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-filter-container,
	.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-column-menu-button,
	.ui-grid-render-container-right .ui-grid-header-cell-last-col+.ui-grid-column-resizer.right
	{
	margin-right: 28px;
}

.ui-grid-column-menu {
	position: absolute;
}
/* Slide up/down animations */
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
	.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
	-webkit-transition: all 0.04s linear;
	-moz-transition: all 0.04s linear;
	-o-transition: all 0.04s linear;
	transition: all 0.04s linear;
	display: block !important;
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
	.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
	.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active
	{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
/* Slide up/down animations */
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
	.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
	-webkit-transition: all 0.04s linear;
	-moz-transition: all 0.04s linear;
	-o-transition: all 0.04s linear;
	transition: all 0.04s linear;
	display: block !important;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
	.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
	.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active
	{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.ui-grid-filter-container {
	padding: 4px 10px;
	position: relative;
}

.ui-grid-filter-container .ui-grid-filter-button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]
	{
	position: absolute;
	top: 50%;
	line-height: 32px;
	margin-top: -16px;
	right: 10px;
	opacity: 0.66;
}

.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover
	{
	opacity: 1;
}

.ui-grid-filter-container .ui-grid-filter-button-select {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]
	{
	position: absolute;
	top: 50%;
	line-height: 32px;
	margin-top: -16px;
	right: 0px;
	opacity: 0.66;
}

.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover
	{
	opacity: 1;
}

input[type="text"].ui-grid-filter-input {
	box-sizing: border-box;
	padding: 0 18px 0 0;
	margin: 0;
	width: 100%;
	border: 2px solid #e1e8f5;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

input[type="text"].ui-grid-filter-input:hover {
	border: 2px solid #e1e8f5;
}

select.ui-grid-filter-select {
	padding: 0;
	margin: 0;
	border: 0;
	width: 90%;
	border: 2px solid #e1e8f5;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

select.ui-grid-filter-select:hover {
	border: 2px solid #e1e8f5;
}

.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
	width: 100%;
}

.ui-grid-render-container {
	position: inherit;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.ui-grid-render-container:focus {
	outline: none;
}

.ui-grid-viewport {
	min-height: 33px;
	position: relative;
	scrollbar-width: thin !important;
	-webkit-overflow-scrolling: touch;
}

.ui-grid-canvas {
	position: relative;
}

.ui-grid-row {
	clear: both;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
	background-color: #f2f2f2;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
	background-color: #e8e8e8;
}

.ui-grid-row:last-child .ui-grid-cell {
	border-bottom-color: #e1e8f5;
	border-bottom-style: solid;
}

.ui-grid-row:hover>[ui-grid-row]>.ui-grid-cell:hover .ui-grid-cell,
	.ui-grid-row:nth-child(odd):hover .ui-grid-cell, .ui-grid-row:nth-child(even):hover .ui-grid-cell
	{
	background-color: #9fc9e9;
	color: #000000;
}

.ui-grid-no-row-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 10%;
	background-color: #487ccc;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 2px solid #e1e8f5;
	font-size: 2em;
	text-align: center;
}

.ui-grid-no-row-overlay>* {
	position: absolute;
	display: table;
	margin: auto 0;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.66;
}

.ui-grid-cell {
	overflow: hidden;
	float: left;
	background-color: inherit;
	border-right: 0px solid;
	border-color: #ffffff;
	box-sizing: border-box;
	padding-top: 0px ;
}

.ui-grid-cell:last-child {
	border-right: 0;
}

.ui-grid-cell-contents {
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 100%;
	border: 0px;
}

.ui-grid-cell-padding {
	padding: 5px;
}

.ui-grid-cell-contents-hidden {
	visibility: hidden;
	width: 0;
	height: 0;
	display: none;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
	background-color: #f0f0ee;
	border-bottom: solid 2px #e1e8f5;
}

.ui-grid-cell-empty {
	display: inline-block;
	width: 10px;
	height: 10px;
}

.ui-grid-footer-info {
	padding: 5px 10px;
}

.ui-grid-footer-panel-background {
	background-color: #c8d6ee;
}

.ui-grid-footer-panel {
	position: relative;
	border-bottom: 1px solid #e1e8f5;
	border-top: 1px solid #e1e8f5;
	overflow: hidden;
	font-weight: bold;
	background-color: #c8d6ee;
	-webkit-border-top-right-radius: -2px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: -2px;
	-moz-border-radius-topright: -2px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: -2px;
	border-top-right-radius: -2px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: -2px;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.ui-grid-grid-footer {
	float: left;
	width: 100%;
}

.ui-grid-footer-viewport, .ui-grid-footer-canvas {
	display: flex;
	flex: 1 1 auto;
	height: 100%;
}

.ui-grid-footer-viewport {
	overflow: hidden;
}

.ui-grid-footer-canvas {
	position: relative;
}

.ui-grid-footer-canvas:before, .ui-grid-footer-canvas:after {
	content: "";
	display: table;
	line-height: 0;
}

.ui-grid-footer-canvas:after {
	clear: both;
}

.ui-grid-footer-cell-wrapper {
	position: relative;
	display: table;
	box-sizing: border-box;
	height: 100%;
}

.ui-grid-footer-cell-row {
	display: table-row;
}

.ui-grid-footer-cell {
	overflow: hidden;
	background-color: inherit;
	border-right: 2px solid;
	border-color: #e1e8f5;
	box-sizing: border-box;
	display: table-cell;
}

.ui-grid-footer-cell:last-child {
	border-right: 0;
}

.ui-grid-menu-button {
	z-index: 2;
	position: absolute;
	right: 0;
	top: 0;
	background: #c8d6ee;
	border: 0;
	border-left: 2px solid #e1e8f5;
	border-bottom: 2px solid #e1e8f5;
	cursor: pointer;
	height: 32px;
	font-weight: normal;
}

.ui-grid-menu-button .ui-grid-icon-container {
	/* margin-top: 5px; */
	margin-left: 2px;
	visibility: hidden;
	height: 0;
	margin-top: 0;
}

.ui-grid-menu-button .ui-grid-menu {
	right: 0;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
	overflow: scroll;
}

.ui-grid-menu {
	overflow: hidden;
	max-width: 320px;
	z-index: 2;
	position: absolute;
	right: 100%;
	padding: 0 10px 20px 10px;
	cursor: pointer;
	box-sizing: border-box;
}

.ui-grid-menu-item {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ui-grid-menu .ui-grid-menu-inner {
	background: #ffffff;
	border: 2px solid #e1e8f5;
	position: relative;
	white-space: nowrap;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.ui-grid-menu .ui-grid-menu-inner ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.ui-grid-menu .ui-grid-menu-inner ul li {
	padding: 0;
}

.ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item {
	color: #000000;
	min-width: 100%;
	padding: 8px;
	text-align: left;
	background: transparent;
	border: none;
	cursor: default;
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item {
	cursor: pointer;
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover,
	.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus
	{
	background-color: #abcbff;
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active
	{
	background-color: #9cb2b6;
}

.ui-grid-menu .ui-grid-menu-inner ul li:not (:last-child ) >.ui-grid-menu-item
	{
	border-bottom: 2px solid #e1e8f5;
}

.ui-grid-sortarrow {
	right: 5px;
	position: absolute;
	width: 20px;
	top: 0;
	bottom: 0;
	background-position: center;
}

.ui-grid-sortarrow.down {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
/* @font-face {
  font-family: 'ui-grid';
  src: url('fonts/ui-grid.eot');
  src: url('fonts/ui-grid.eot#iefix') format('embedded-opentype'), url('fonts/ui-grid.woff') format('woff'), url('fonts/ui-grid.ttf') format('truetype'), url('fonts/ui-grid.svg?#ui-grid') format('svg');
  font-weight: normal;
  font-style: normal;
} */
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ui-grid';
    src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
  }
}
*/

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI.woff2') format('woff2'),
        url('../fonts/SegoeUI.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Semibold.woff2') format('woff2'),
        url('../fonts/SegoeUI-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Italic.woff2') format('woff2'),
        url('../fonts/SegoeUI-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

[class^="ui-grid-icon"]:before, [class*=" ui-grid-icon"]:before {
	font-family: "ui-grid";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.ui-grid-icon-blank::before {
	width: 1em;
	content: ' ';
}

.ui-grid-icon-plus-squared:before {
	content: '\c350';
}

.ui-grid-icon-minus-squared:before {
	content: '\c351';
}

.ui-grid-icon-search:before {
	content: '\c352';
}

.ui-grid-icon-cancel:before {
	content: '\c353';
}

.ui-grid-icon-info-circled:before {
	content: '\c354';
}

.ui-grid-icon-lock:before {
	content: '\c355';
}

.ui-grid-icon-lock-open:before {
	content: '\c356';
}

.ui-grid-icon-pencil:before {
	content: '\c357';
}

.ui-grid-icon-down-dir:before {
	content: '\c358';
}

.ui-grid-icon-up-dir:before {
	content: '\c359';
}

.ui-grid-icon-left-dir:before {
	content: '\c35a';
}

.ui-grid-icon-right-dir:before {
	content: '\c35b';
}

.ui-grid-icon-left-open:before {
	content: '\c35c';
}

.ui-grid-icon-right-open:before {
	content: '\c35d';
}

.ui-grid-icon-angle-down:before {
	content: '\c35e';
	color: #0c0c0c;
}

.ui-grid-icon-filter:before {
	content: '\c35f';
}

.ui-grid-icon-sort-alt-up:before {
	content: '\c360';
}

.ui-grid-icon-sort-alt-down:before {
	content: '\c361';
}

.ui-grid-icon-ok:before {
	content: '\c362';
}

.ui-grid-menu-button {
	/* background-color: #fff; */
	border: none;
	background: transparent;
}

.ui-grid-icon-menu:before {
	/* content: url(/assets/image/settings_02.png); */
	content: url(../../assets/images/settings_02.png);
}

.ui-grid-icon-indent-left:before {
	content: '\e800';
}

.ui-grid-icon-indent-right:before {
	content: '\e801';
}

.ui-grid-icon-spin5:before {
	content: '\ea61';
}
/*
* RTL Styles
*/
.ui-grid[dir=rtl] .ui-grid-header-cell, .ui-grid[dir=rtl] .ui-grid-footer-cell,
	.ui-grid[dir=rtl] .ui-grid-cell {
	float: right !important;
}

.ui-grid[dir=rtl] .ui-grid-column-menu-button {
	position: absolute;
	left: 1px;
	top: 0;
	right: inherit;
}

.ui-grid[dir=rtl] .ui-grid-cell:first-child, .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
	.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
	border-right: 0;
}

.ui-grid[dir=rtl] .ui-grid-cell:last-child, .ui-grid[dir=rtl] .ui-grid-header-cell:last-child
	{
	border-right: 2px solid #e1e8f5;
	border-left: 0;
}

.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
	.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
	.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
	width: 0;
}

.ui-grid[dir=rtl] .ui-grid-menu-button {
	z-index: 2;
	position: absolute;
	left: 0;
	right: auto;
	background: #c8d6ee;
	border: 2px solid #e1e8f5;
	cursor: pointer;
	min-height: 27px;
	font-weight: normal;
}

.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
	left: 0;
	right: auto;
}

.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
	right: initial;
	left: 0;
}

.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]
	{
	right: initial;
	left: 10px;
}
/*
   Animation example, for spinners
*/
.ui-grid-animate-spin {
	-moz-animation: ui-grid-spin 2s infinite linear;
	-o-animation: ui-grid-spin 2s infinite linear;
	-webkit-animation: ui-grid-spin 2s infinite linear;
	animation: ui-grid-spin 2s infinite linear;
	display: inline-block;
}

@
-moz-keyframes ui-grid-spin { 0% {
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100%
{
-moz-transform
:
 
rotate
(359deg);

    
-o-transform
:
 
rotate
(359deg);

    
-webkit-transform
:
 
rotate
(359deg);

    
transform
:
 
rotate
(359deg);

  
}
}
@
-webkit-keyframes ui-grid-spin { 0% {
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100%
{
-moz-transform
:
 
rotate
(359deg);

    
-o-transform
:
 
rotate
(359deg);

    
-webkit-transform
:
 
rotate
(359deg);

    
transform
:
 
rotate
(359deg);

  
}
}
@
-o-keyframes ui-grid-spin { 0% {
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100%
{
-moz-transform
:
 
rotate
(359deg);

    
-o-transform
:
 
rotate
(359deg);

    
-webkit-transform
:
 
rotate
(359deg);

    
transform
:
 
rotate
(359deg);

  
}
}
@
-ms-keyframes ui-grid-spin { 0% {
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100%
{
-moz-transform
:
 
rotate
(359deg);

    
-o-transform
:
 
rotate
(359deg);

    
-webkit-transform
:
 
rotate
(359deg);

    
transform
:
 
rotate
(359deg);

  
}
}
@
keyframes ui-grid-spin { 0% {
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100%
{
-moz-transform
:
 
rotate
(359deg);

    
-o-transform
:
 
rotate
(359deg);

    
-webkit-transform
:
 
rotate
(359deg);

    
transform
:
 
rotate
(359deg);

  
}
}
.ui-grid {
	border: 2px, solid, #c0dbff;
}

.ui-grid-viewport::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background-color: #FFFFFF;
	box-shadow: none;
}

.ui-grid-viewport::-webkit-scrollbar {
	width: 1px !important;
	background-color: #FFFFFF;
}

.ui-grid-viewport::-webkit-scrollbar-thumb {
	border-radius: 10px;
	width: 1px !important;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #5B9BD5;
}

.ui-grid-header-cell-label {
	color: #000000;
}

.ui-grid-icon-down-dir:before {
	color: #0c0c0c;
}

.ui-grid-icon-up-dir:before {
	color: #ffffff;
}
/* .ui-grid-header-cell-row {
  border-top: 3px solid #b4c7e7;
}
.ui-grid-header-cell-row {
  border-bottom: 3px solid #b4c7e7;
} */
.ui-grid-icon-angle-down {
	color: #ffffff;
}

.ui-grid {
	border: 0px;
}

.ui-grid-cell {
	color: black;
	font-family: "Segoe UI Semibold", cursive, serif;
	font-size: 13px;
	font-weight: bold;
	border-top: 0.1px solid #ffffff;
	border-left: 0.1px solid #ffffff;
}

.ui-grid-header-cell {
	font-size: 14px;
	font-family: "Segoe UI", Times, serif;
	font-weight: bold;
	border-top: 0.1px solid #ffffff;
	border-left: 0.1px solid #ffffff;
}

.searchBar {
	color: #a6a6a6;
	font-family: "Segoe UI Semibold", Times, serif;
	font-size: 13px;
	border: 0px;
}

.searchBtn {
	padding: 5px;
	padding-bottom: 2px;
	background: transparent;
}

.searchBox {
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	width: 200px;
}

.ui-grid-icon-angle-down:before {
	content: url(/assets/images/ColumnOptions_white-16.png);
	margin-top: 7px;
}

.ui-grid-icon-sort-alt-up:before {
	content: url(/assets/images/SortAscending.png);
}

.ui-grid-icon-sort-alt-down:before {
	content: url(/assets/images/SortDescending-14.png);
	max-height: 10%
}

.ui-grid-icon-left-open:before {
	content: url(/assets/images/PinLeft-14.png);
}

.ui-grid-icon-right-open:before {
	content: url(/assets/images/PinRight-14.png);
}

.ui-grid-icon-unpin:before {
	content: url(/assets/images/Unpin-14.png);
}

.ui-grid-icon-removeSort:before {
	content: url(/assets/images/RemoveSort-14.png);
}

.ui-grid-icon-ok:before {
	content: url(/assets/images/RequiredColumns.png);
	max-height: 10%
}

.ui-grid-icon-cancel:before {
	content: url(/assets/images/IgnoreChanges-14.png);
	max-height: 10%
}

.ui-grid-menu {
	font-family: "Segoe UI semibold", Times, serif;
	font-size: 13px;
}

.ui-grid-menu .ui-grid-menu-inner ul li:not (:last-child ) >.ui-grid-menu-item
	{
	border-bottom: 0px solid #e1e8f5 !important;
	font-size: 13px;
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover {
	background-color: #2a7ab8;
	color: #ffff;
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover>.ui-grid-icon-ok:before
	{
	content: url(/assets/images/Requiredcolumns-14_HoverIcon.png);
	max-height: 10%
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover>.ui-grid-icon-cancel:before
	{
	content: url(/assets/images/IgnoreChanges-14_HoverIcon.png);
	max-height: 10%
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover>.ui-grid-icon-sort-alt-up:before
	{
	content: url(/assets/images/SortAscending-HoverIcon-14.png);
	max-height: 10%
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover>.ui-grid-icon-sort-alt-down:before
	{
	content: url(/assets/images/SortDescending-HoverIcon-14.png);
	max-height: 10%
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover>.ui-grid-icon-left-open:before
	{
	content: url(/assets/images/PinLeft-HoverIcon-14.png);
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover>.ui-grid-icon-right-open:before
	{
	content: url(/assets/images/PinRight-HoverIcon-14.png);
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover>.ui-grid-icon-unpin:before
	{
	content: url(/assets/images/Unpin-14-HoverIcon.png);
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover>.ui-grid-icon-unpin:before
	{
	content: url(/assets/images/RemoveSort14-HoverIcon.png);
}

.exIcon {
	padding: 13px 7px 7px 0px;
}

.saveBox {
	padding-top: 8px;
	padding-bottom: 8px;
}

.ui-grid-cell-focus {
	background-color: #bfbfbf;
	color: #000000;
	height: 30px;
}
.ui-grid-focuser:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 0px 0px, 0 0 0px rgba(102, 175, 233, 0);
}
.export-options {
	padding: 11px;
	color: black;
	font-family: "Segoe UI Semibold", Times, sans-serif;
	font-size: 13px;
}

.exportBox {
	padding: 0px;
	position: absolute;
	top: 73%;
}

.export-options:hover {
	background-color: #2a7ab8;
	color: #ffff;
}

.opt {
	margin-left: 0px;
	font-size: 13px;
/* 	padding: 11px 0px 8px 0px;
 */}

.ui-grid-viewport::-webkit-scrollbar-thumb {
	border: 5px solid #ffffff;
}

.searchBox {
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	width: 150px;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#export-icon {
	width: 15px;
	padding-top: 11px;
}

#search-icon {
	width: 15px;
	margin-top: -6px;
}

.ui-grid-cell-contents:first-child {
	border-bottom: 0px;
}

.searchBar {
	color: #000000;
	font-family: "Segoe UI Semibold", Times, serif;
	font-size: 13px;
	border: 0px;
}

.actionIcon {
	margin-top: -5px;
}

.grid-cell-align-center {
	text-align: center;
	padding-left: 0px;
	padding-bottom: 0px;
}

.theme-select {
	background: #ECECEC;
}

.grid-no-wrap {
	white-space: nowrap;
}

.line-density {
	padding: 0px;
	width: 25px;
}

select option {
	background: white;
}

.renameTemplate, .saveTemplate {
	height: 165px;
	width: 300px;
	line-height: 25px;
	position: absolute;
	left: -10%;
	margin-top: 15%;
	background-color: white;
	border-radius: 5px;
	text-align: center;
	z-index: 1000;
	box-shadow: 4px 2px 3px 4px rgba(0, 0, 0, 0.1);
}

.deleteTemplate {
	height: 160px;
	width: 357px;
	line-height: 25px;
	position: absolute;
	left: -10%;
	margin-top: 15%;
	background-color: white;
	border-radius: 5px;
	text-align: center;
	z-index: 1000;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	border: 3px solid #C1272D;
}

.glyphicon-option-vertical {
	margin-top: 10px !important;
	margin-right: 1px;
}

.overflow-dropdown {
	height: 34px !important;
	background: #A6A6A6 !important;
}

.template-dropdown {
	min-width: 40px;
	margin-left: -76px;
	margin-top: -1px;
}

.template-heading {
	background: #404040;
	color: #D9D9D9;
	text-align: left;
	width: 100%;
	height: 30px;
	line-height: unset;
}

.template-position {
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 10px;
}

.fav-template {
	margin-top: 5px;


}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child
	{
	box-sizing: border-box;
	border-left: 0.1px solid #ffffff;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child
	{
	box-sizing: border-box;
	border-width: 0.1px;
	border-left: 0.1px solid #ffffff;
	border-width: 0.1px !important;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child
	{
	box-sizing: border-box;
	border-left: 0.1px solid #ffffff;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  box-sizing: border-box;
  border-left: 0.1px solid #ffffff;
  border-right: 0px solid;
  border-width: 0px;
  border-right-color: #ffffff;
  
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  box-sizing: border-box;
  border-right: 0px solid;
  border-width: 0px;
  border-right-color: #ffffff;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
	background-color: #F0F0EE;
	border-bottom: solid 0px #d4d4d4;
}

.grid-action-icon {
	top: -3px;
}
.ui-grid-header-cell-label{
	color:white;
}

.ui-grid-viewport {
     width: auto !important;
}

.ui-grid-menu-mid{
   max-height : max-content !important;
   
}  
.ui-grid-pinned-container.ng-scope.ng-isolate-scope.ui-grid-pinned-container-right{
	margin-right:4px;
}

.tight-line-density .ui-grid-cell {
	padding-top: 1px;
}

.medium-line-density .ui-grid-cell{
	padding-top: 4px;
}

.loose-line-density .ui-grid-cell{
	padding-top: 7px;
}

 .error { 
 color: #FF0000 !important;
 background: #FFE0E0 !important; }



.settings-menu{
	width:292px;
	padding: 0px;
}
.settings-menu > li {
	border-bottom: 1px solid #d4d4d4;
}
.settings-menu .panel{
	border-width:0px 0px 1px 0px;
}
.settings-menu .panel-body {
	padding : 0px;
}
.settings-menu .panel-default > .panel-heading {
	background-color : #ffffff;	
}
.settings-menu .panel-group {
	margin-bottom: 0px;
}
.settings-menu .panel .panel-heading {
	padding : 11px;
	outline : none;
	text-decoration: none;
	color:none;
}
.settings-menu .panel .panel-heading .panel-title a, .layout-row-label .layoutName {
	color: #404040;
}
.settings-menu .panel .panel-heading .panel-title a,
.settings-menu .panel .panel-heading .panel-title a:focus, .settings-menu button {
	outline : none;
	text-decoration: none;
	color:none;
}
.settings-sub-menu{
	list-style-type: none;
	padding : 0px;
	background-color: #f2f2f2;
	color: #7f7f7f;
	height: auto;
    max-height: 167px;
    overflow-x: hidden;
}
.layout-select-group ul {
	height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.settings-sub-menu .pull-right button{
	margin: 0px !important;
}

.settings-sub-menu li {
	padding : 13px !important;
	vetical-align: middle;
	padding-bottom: 28px !important;
}

.glyphicon-option-vertical:before{
	color: #000000;
}
.pull-right .pull-right{
	margin-top: 0px !important;
}

.settings-sub-menu li button{
  -webkit-transition: all -0.6s ease-in-out;
  -moz-transition: all -0.6s ease-in-out;
  -ms-transition: all -0.6s ease-in-out;
  -o-transition: all -0.6s ease-in-out;
  color : #000;
}
.settings-sub-menu li:hover {
	background-color: #2a7ab8;
	cursor: pointer;
}
.settings-sub-menu li:hover button {
	color:#ffff;
	cursor: pointer;
}
.settings-sub-menu li:focus button {
	color:#000;
	cursor: pointer;
}
.settings-sub-menu li:not(:last-child) {
	border-bottom: 1px solid #d4d4d4;
}
.settings-sub-menu li button{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    min-width: 100%;
    padding: 0px;
    text-align: left;
    background: transparent;
    border: none;
    cursor: default;
    max-width: 250px;
    font-family: "Segoe UI", Times, sans-serif;
    margin: 0px;
}
.layout-select {
	height:32px;
    background: white;
    border-radius: 15px;
 	width :145%;
 	font-family: "Segoe UI Semibold", Times, sans-serif;
    font-size: 13px;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 25px;
	border: 2px solid #00D600;      
    background-color: #fcfcfc; 
    color: #2a7ab8;
}
.layout-select-group .themeName {
    min-width: 100px;
    max-width: 134px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.layout-row {
	padding-top:11px;
	padding-left:3px;
	padding-bottom:11px;
}

.layout-row-label{
	padding-top: 4px;
	padding-left: 5px;
}
.layout-select-group {
	padding-left: 10px;
} 
i[aria-expanded="true"]..layout-option-icon{
	background-color: #f2f2f2;
}
.layout-option-icon{
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0) !important;
}
.layout-select-group ul {
	left:20px;
	width: 180px;
}
.layout-select-group li:hover {
	cursor: pointer;
}
.btn-group.open .layout-select {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);	
}
div[aria-expanded="true"]..layout-select {
    border: 2px solid #2A7AB8;      
    background-color : #ffffde; 
    color: #2a7ab8;
}
.layout-select-group ul {
	left:9px;
	width: 180px;
}
.layout-option-menu {
	left: -80px;
}
#saveTemplateModal .modal-sm, #renameTemplateModal .modal-sm{
	width : 300px;
}
#saveTemplateModal .form-control{
	width : 205px;
}
#renameTemplateModal .form-control{
	width : 250px;
}
#renameTemplateModal .modal-body {
	padding-bottom: 0px;
}
#saveTemplateModal .modal-body {
	padding-bottom: 0px;
	padding-right: 10px;
}
#saveTemplateModal i {
	padding-left: 20px;
    padding-top: 27px;
}
#saveTemplateModal i:focus {
	outline: none;
}
.favourite:before{
	content: url("../images/Favourite-22.png");
}
.unfavourite:before {
	content: url("../images/Unfavourite-22.png");
}
.currentLayout {
	color: #7f7f7f;
    opacity: 4.25;
    font-size: 10px;	
}
.layout-option-group {
	margin-left: 25px;
	padding-left: 0px;
}
.refreshButton{
	color:#2a7ab8;
}
.search-container{
	width: 157.906px;
	padding: 7px;
}