.ui-grid {
  border: 1px solid #000000 !important;
  box-sizing: content-box !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-transform: translateZ(0) !important;
  -moz-transform: translateZ(0) !important;
  -o-transform: translateZ(0) !important;
  -ms-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
}
.ui-grid-vertical-bar {
  position: absolute !important;
  right: 0 !important;
  width: 0 !important;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 1px !important;
}
.ui-grid-scrollbar-placeholder {
  background-color: transparent !important;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #ffffff !important;
}
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #f0f0f0 !important;
}
.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  right: -1px !important;
  width: 1px !important;
  background-color: #ffffff !important;
}
.ui-grid-clearfix:before,
.ui-grid-clearfix:after {
  content: "" !important;
  display: table !important;
}
.ui-grid-clearfix:after {
  clear: both !important;
}
.ui-grid-invisible {
  visibility: hidden !important;
}
.ui-grid-contents-wrapper {
  position: relative !important;
  height: 100% !important;
  width: 100% !important;
}
.ui-grid-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.ui-grid-icon-button {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.clickable {
  cursor: pointer !important;
}
.ui-grid-top-panel-background {
  background-color: #f0f0f0 !important;
}
.ui-grid-header {
  border-bottom: 1px solid #94c0d2 !important;
  box-sizing: border-box !important;
  height: 55px;
}
.ui-grid-top-panel {
  position: relative !important;
  overflow: hidden !important;
  font-weight: bold !important;
  background-color: #f0f0f0 !important;
  -webkit-border-top-right-radius: -1px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-top-left-radius: -1px !important;
  -moz-border-radius-topright: -1px !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-topleft: -1px !important;
  border-top-right-radius: -1px !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: -1px !important;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
.ui-grid-header-viewport {
  overflow: hidden !important;
}
.ui-grid-header-canvas:before,
.ui-grid-header-canvas:after {
  content: "" !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 0 !important;
}
.ui-grid-header-canvas:after {
  clear: both !important;
}
.ui-grid-header-cell-wrapper {
  position: relative !important;
  display: -ms-flexbox !important;
  display: flex !important;
  box-sizing: border-box !important;
  height: 100% !important;
  width: 100% !important;
}
.ui-grid-header-cell-row {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.ui-grid-header-cell {
  position: relative !important;
  box-sizing: border-box !important;
  background-color: inherit !important;
  border-right: 1px solid !important;
  border-color: #ffffff !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  width: 0 !important;
}
.ui-grid-header-cell:last-child {
  border-right: 0 !important;
}
.ui-grid-header-cell .sortable {
  cursor: pointer !important;
}
.ui-grid-header-cell .ui-grid-sort-priority-number {
  margin-left: -8px !important;
}
/* Fixes IE word-wrap if needed on header cells */
.ui-grid-header-cell > div {
  -ms-flex-basis: 100% !important;
  flex-basis: 100% !important;
}
.ui-grid-header .ui-grid-vertical-bar {
  top: 0 !important;
  bottom: 0 !important;
}
.ui-grid-column-menu-button {
  position: absolute !important;
  right: 1px !important;
  top: 0 !important;
}
.ui-grid-column-menu-button .ui-grid-icon-angle-down {
  vertical-align: sub !important;
}
.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 !important;
}
.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 !important;
}
.ui-grid-column-menu {
  position: absolute !important;
}
/* 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 !important;
  -moz-transition: all 0.04s linear !important;
  -o-transition: all 0.04s linear !important;
  transition: all 0.04s linear !important;
  display: block !important !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%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}
.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) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}
/* 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 !important;
  -moz-transition: all 0.04s linear !important;
  -o-transition: all 0.04s linear !important;
  transition: all 0.04s linear !important;
  display: block !important !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%) !important;
  -moz-transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}
.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) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}
.ui-grid-filter-container {
  padding: 4px 10px !important;
  position: relative !important;
}
.ui-grid-filter-container .ui-grid-filter-button {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  position: absolute !important;
  top: 50% !important;
  line-height: 32px !important;
  margin-top: -16px !important;
  right: 10px !important;
  opacity: 0.66 !important;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
  opacity: 1 !important;
}
.ui-grid-filter-container .ui-grid-filter-button-select {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
  position: absolute !important;
  top: 50% !important;
  line-height: 32px !important;
  margin-top: -16px !important;
  right: 0px !important;
  opacity: 0.66 !important;
}
.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
  opacity: 1 !important;
}
input[type="text"].ui-grid-filter-input {
  box-sizing: border-box !important;
  padding: 0 18px 0 0 !important;
  margin: 0 !important;
  width: 100% !important;
  border: 1px solid #94c0d2 !important;
  -webkit-border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -moz-border-radius-topright: 0px !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
input[type="text"].ui-grid-filter-input:hover {
  border: 1px solid #94c0d2 !important;
}
select.ui-grid-filter-select {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  width: 90% !important;
  border: 1px solid #94c0d2 !important;
  -webkit-border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -moz-border-radius-topright: 0px !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
select.ui-grid-filter-select:hover {
  border: 1px solid #94c0d2 !important;
}
.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
  width: 100% !important;
}
.ui-grid-render-container {
  position: inherit !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -webkit-border-top-left-radius: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -moz-border-radius-topleft: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0 !important;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
.ui-grid-render-container:focus {
  outline: none !important;
}
.ui-grid-viewport {
  min-height: 20px !important;
  position: relative !important;
  /*overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch !important;*/
}
.ui-grid-viewport:focus {
  outline: none !important !important;
}
.ui-grid-canvas {
  position: relative !important;
  padding-top: 1px !important;
}
.ui-grid-row {
  clear: both !important;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #f0f0f0 !important;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f0f0f0 !important;
}
.ui-grid-row:last-child .ui-grid-cell {
  border-bottom-color: #f0f0f0 !important;
  border-bottom-style: solid !important;
}
.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: #f0f0f0 !important;
}
.ui-grid-no-row-overlay {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 10% !important;
  background-color: #f0f0f0 !important;
  -webkit-border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -moz-border-radius-topright: 0px !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  border: 1px solid #f0f0f0 !important;
  font-size: 2em !important;
  text-align: center !important;
}
.ui-grid-no-row-overlay > * {
  position: absolute !important;
  display: table !important;
  margin: auto 0 !important;
  width: 100% !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  opacity: 0.66 !important;
}
.ui-grid-cell {
  overflow: hidden !important;
  float: left !important;
  background-color: inherit !important;
  border-right: 1px solid !important;
  border-color: #f0f0f0 !important;
  box-sizing: border-box !important;
}
.ui-grid-cell:last-child {
  border-right: 0 !important;
}
.ui-grid-cell-contents {
  padding: 5px !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  -ms-text-overflow: ellipsis !important;
  -o-text-overflow: ellipsis !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  height: 100% !important;
}
.ui-grid-cell-contents-hidden {
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  background-color: #f0f0f0 !important;
  border-bottom: solid 1px #f0f0f0 !important;
}
.ui-grid-cell-empty {
  display: inline-block !important;
  width: 10px !important;
  height: 10px !important;
}
.ui-grid-footer-info {
  padding: 5px 10px !important;
}
.ui-grid-footer-panel-background {
  background-color: #f0f0f0 !important;
}
.ui-grid-footer-panel {
  position: relative !important;
  border-bottom: 1px solid #f0f0f0 !important;
  border-top: 1px solid #f0f0f0 !important;
  overflow: hidden !important;
  font-weight: bold !important;
  background-color: #f0f0f0 !important;
  -webkit-border-top-right-radius: -1px !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-top-left-radius: -1px !important;
  -moz-border-radius-topright: -1px !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-topleft: -1px !important;
  border-top-right-radius: -1px !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: -1px !important;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
.ui-grid-grid-footer {
  float: left !important;
  width: 100% !important;
}
.ui-grid-footer-viewport,
.ui-grid-footer-canvas {
  height: 100% !important;
}
.ui-grid-footer-viewport {
  overflow: hidden !important;
}
.ui-grid-footer-canvas {
  position: relative !important;
}
.ui-grid-footer-canvas:before,
.ui-grid-footer-canvas:after {
  content: "" !important;
  display: table !important;
  line-height: 0 !important;
}
.ui-grid-footer-canvas:after {
  clear: both !important;
}
.ui-grid-footer-cell-wrapper {
  position: relative !important;
  display: table !important;
  box-sizing: border-box !important;
  height: 100% !important;
}
.ui-grid-footer-cell-row {
  display: table-row !important;
}
.ui-grid-footer-cell {
  overflow: hidden !important;
  background-color: inherit !important;
  border-right: 1px solid !important;
  border-color: #f0f0f0 !important;
  box-sizing: border-box !important;
  display: table-cell !important;
}
.ui-grid-footer-cell:last-child {
  border-right: 0 !important;
}
.ui-grid-menu-button {
  z-index: 2 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  background: #daecf4 !important;
  border: 0 !important;
  border-left: 1px solid #f0f0f0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  cursor: pointer !important;
  height: 32px !important;
  font-weight: normal !important;
}
.ui-grid-menu-button .ui-grid-icon-container {
  margin-top: 5px !important;
  margin-left: 2px !important;
}
.ui-grid-menu-button .ui-grid-menu {
  right: 0 !important;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  overflow: scroll !important;
}
.ui-grid-menu {
  overflow: hidden !important;
  max-width: 320px !important;
  z-index: 2 !important;
  position: absolute !important;
  right: 100% !important;
  padding: 0 10px 20px 10px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.ui-grid-menu-item {
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.ui-grid-menu .ui-grid-menu-inner {
  background: #f0f0f0 !important;
  border: 1px solid #f0f0f0 !important;
  position: relative !important;
  white-space: nowrap !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.ui-grid-menu .ui-grid-menu-inner ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
}
.ui-grid-menu .ui-grid-menu-inner ul li {
  padding: 0 !important;
}
.ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item {
  color: #000000 !important;
  min-width: 100% !important;
  padding: 8px !important;
  text-align: left !important;
  background: transparent !important;
  border: none !important;
  cursor: default !important;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item {
  cursor: pointer !important;
}
.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: #f0f0f0 !important;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active {
  background-color: #f0f0f0 !important;
}
.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > .ui-grid-menu-item {
  border-bottom: 1px solid #f0f0f0 !important;
}
.ui-grid-sortarrow {
  right: 5px !important;
  position: absolute !important;
  width: 20px !important;
  top: 0 !important;
  bottom: 0 !important;
  background-position: center !important;
}
.ui-grid-sortarrow.down {
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}
@font-face {
  font-family: 'ui-grid' !important;
  src: url('fonts/ui-grid.eot') !important;
  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') !important;
  font-weight: normal !important;
  font-style: normal !important;
}
/* 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' !important;
    src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg') !important;
  }
}
*/
[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
  font-family: "ui-grid" !important;
  font-style: normal !important;
  font-weight: normal !important;
  speak: none !important;
  display: inline-block !important;
  text-decoration: inherit !important;
  width: 1em !important;
  margin-right: .2em !important;
  text-align: center !important;
  /* opacity: .8 !important; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal !important;
  text-transform: none !important;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em !important;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em !important;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120% !important; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3) !important; */
}
.ui-grid-icon-blank::before {
  width: 1em !important;
  content: ' ' !important;
}
.ui-grid-icon-plus-squared:before {
  content: '\c350' !important;
}
.ui-grid-icon-minus-squared:before {
  content: '\c351' !important;
}
.ui-grid-icon-search:before {
  content: '\c352' !important;
}
.ui-grid-icon-cancel:before {
  content: '\c353' !important;
}
.ui-grid-icon-info-circled:before {
  content: '\c354' !important;
}
.ui-grid-icon-lock:before {
  content: '\c355' !important;
}
.ui-grid-icon-lock-open:before {
  content: '\c356' !important;
}
.ui-grid-icon-pencil:before {
  content: '\c357' !important;
}
.ui-grid-icon-down-dir:before {
  content: '\c358' !important;
}
.ui-grid-icon-up-dir:before {
  content: '\c359' !important;
}
.ui-grid-icon-left-dir:before {
  content: '\c35a' !important;
}
.ui-grid-icon-right-dir:before {
  content: '\c35b' !important;
}
.ui-grid-icon-left-open:before {
  content: '\c35c' !important;
}
.ui-grid-icon-right-open:before {
  content: '\c35d' !important;
}
.ui-grid-icon-angle-down:before {
  content: '\c35e' !important;
}
.ui-grid-icon-filter:before {
  content: '\c35f' !important;
}
.ui-grid-icon-sort-alt-up:before {
  content: '\c360' !important;
}
.ui-grid-icon-sort-alt-down:before {
  content: '\c361' !important;
}
.ui-grid-icon-ok:before {
  content: '\c362' !important;
}
.ui-grid-icon-menu:before {
  content: '\c363' !important;
}
.ui-grid-icon-indent-left:before {
  content: '\e800' !important;
}
.ui-grid-icon-indent-right:before {
  content: '\e801' !important;
}
.ui-grid-icon-spin5:before {
  content: '\ea61' !important;
}
/*
* 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 !important;
}
.ui-grid[dir=rtl] .ui-grid-column-menu-button {
  position: absolute !important;
  left: 1px !important;
  top: 0 !important;
  right: inherit !important;
}
.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 !important;
}
.ui-grid[dir=rtl] .ui-grid-cell:last-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
  border-right: 1px solid #94c0d2 !important;
  border-left: 0 !important;
}
.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 !important;
}
.ui-grid[dir=rtl] .ui-grid-menu-button {
  z-index: 2 !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  background: #daecf4 !important;
  border: 1px solid #f0f0f0 !important;
  cursor: pointer !important;
  min-height: 27px !important;
  font-weight: normal !important;
}
.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
  left: 0 !important;
  right: auto !important;
}
.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
  right: initial !important;
  left: 0 !important;
}
.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  right: initial !important;
  left: 10px !important;
}
/*
   Animation example, for spinners
*/
.ui-grid-animate-spin {
  -moz-animation: ui-grid-spin 2s infinite linear !important;
  -o-animation: ui-grid-spin 2s infinite linear !important;
  -webkit-animation: ui-grid-spin 2s infinite linear !important;
  animation: ui-grid-spin 2s infinite linear !important;
  display: inline-block !important;
}
@-moz-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
  }
  100% {
    -moz-transform: rotate(359deg) !important;
    -o-transform: rotate(359deg) !important;
    -webkit-transform: rotate(359deg) !important;
    transform: rotate(359deg) !important;
  }
}
@-webkit-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
  }
  100% {
    -moz-transform: rotate(359deg) !important;
    -o-transform: rotate(359deg) !important;
    -webkit-transform: rotate(359deg) !important;
    transform: rotate(359deg) !important;
  }
}
@-o-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
  }
  100% {
    -moz-transform: rotate(359deg) !important;
    -o-transform: rotate(359deg) !important;
    -webkit-transform: rotate(359deg) !important;
    transform: rotate(359deg) !important;
  }
}
@-ms-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
  }
  100% {
    -moz-transform: rotate(359deg) !important;
    -o-transform: rotate(359deg) !important;
    -webkit-transform: rotate(359deg) !important;
    transform: rotate(359deg) !important;
  }
}
@keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
  }
  100% {
    -moz-transform: rotate(359deg) !important;
    -o-transform: rotate(359deg) !important;
    -webkit-transform: rotate(359deg) !important;
    transform: rotate(359deg) !important;
  }
}
.ui-grid {
  color: #003f59 !important;
}