/* shade row with fade on hover */
.ui-grid-row:nth-child(odd) .ui-grid-cell{
  transition: background 1.4s ease;
}

.ui-grid-row:nth-child(odd):hover .ui-grid-cell{
  background:rgba(2,136,209,0.28);
}

.ui-grid-row:nth-child(even) .ui-grid-cell{
  transition: background 1.4s ease;
}

.ui-grid-row:nth-child(even):hover .ui-grid-cell{
  background:rgba(2,136,209,0.28);
}
/* end */

.ui-grid-focuser:focus {
  box-shadow: none !important;
}

.ui-grid .ui-grid-render-container-body .ui-grid-viewport {
  overflow-x: auto !important;
}

.ui-grid-menu {
  overflow: hidden;
  transition: none;
}

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

.ui-grid-menu-item {
  border: none;
  outline: none;
  font-size: 80%;
}

.ui-grid-canvas {
  padding-top: 0;
}

.ui-grid-header {
  border-bottom: none;
}

.sortable, .sortable .ui-grid-header-cell-primary-focus {
  border: none;
  outline: none !important;
  padding-left: 10px;
  overflow: visible;
  height: 56px;
}

.sortable .ui-grid-header-cell-primary-focus {
  #font-size: 1.2vw;
  font-size: 16px;
  padding-left: 0px;
}

.ui-grid-header-cell .ui-grid-sort-priority-number {
  #font-size: 1.4vw;
  font-size: 12px;
}

.ui-grid-header-cell .ui-grid-cell-contents {
  height: 48px;
  white-space: normal;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: width 1s;
}

.ui-grid-header-cell:hover {
  text-overflow: clip;
  white-space: normal;
  word-break: break-all;
  width: 300px;
}

.ui-grid-cell-contents:hover {
  text-overflow: clip;
  white-space: normal;
  word-break: break-all;
  width: 300px;
}

.ui-grid-header-cell-label {
  padding-top: 5px;
  color: rgba(0, 0, 0, .54);
  font-size: 12px;
}

.ui-grid-cell-focus {
  background: none;
}

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

.ui-grid-icon-menu:before {
  color: rgba(0, 0, 0, .54);
}

.ui-grid-column-menu-button .ui-grid-icon-angle-down {
  /*display: none;*/
}

/* changed column sort direction icon */
.ui-grid-icon-down-dir:before {
  font-family: FontAwesome;
  content: "\f062";
  font-size: 13px;
}

.ui-grid-icon-up-dir:before {
  font-family: FontAwesome;
  content: "\f063";
  font-size: 13px;
}
/* end */

.ui-grid,
.ui-grid-header,
.ui-grid-footer-panel,
.ui-grid-cell,
input[type="text"].ui-grid-filter-input {
  border-color: #FFFFFF;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #fafbfc;
  border-bottom: 1px solid #edf1f2;
  border-top: 1px solid #edf1f2;
}

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

.ui-grid-top-panel,
.ui-grid-footer-panel {
  background: #f6f8f8;
}

.ui-grid-cell,
.ui-grid-row {
  min-height: 48px;
}

.ui-grid-cell-contents {
  position:relative;
  margin-left: 15px !important;
}

.ui-grid-cell-contents:after {
  content:"";
  position:absolute;
  top:160px;
  left:0;
  height:40px;
  width:100%;
  background: linear-gradient(rgba(0,0,0,0), #000);
}

.ui-grid-cell {
  border-right: none;
}

.ui-grid-column-menu-button {
  margin-top: 15px;
  outline: none;
}

.ui-grid-cell-contents.ui-grid-header-cell-primary-focus {
  margin-left: 0px !important;
}

.ui-grid-cell-contents {
  padding: 0px 18px 12px 18px;
  margin-left: 6px;
  font-size: 13px;
  line-height: 48px;
  height: 48px;
  vertical-align: bottom;
}

.ui-grid-menu-button {
  border: none;
  background: transparent;
  margin-top: 5px;
}

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

.ui-grid-header-cell {
  position: relative;
  box-sizing: border-box;
  background-color: #E0E0E0;
  border: none;
  display: table-cell;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 0;
  font-size: 12px;
  color: #757575;
  height: 48px;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  border-right: none !important;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  border-right: none !important;
}

.movingColumn {
  position: absolute;
  top: 0;
  border: 1px solid #d4d4d4;
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

/* allows grid headers and rows horizontal scroll with min-width set to desired width based on # of columns */
#gridWrapper {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 900px) {
  #gridWrapper {
    overflow-x: auto;
  }
}

#grid1 {
  min-width: 900px;
}
/* end */

/* show status of invoice */
#circle {
  padding: 23px 0 0 13px;
  color: #43A047;
  font-size: 11px;
}

#red {
  padding: 23px 0 0 13px;
  color: #F44336;
  font-size: 11px;
}

#yellow {
  padding: 23px 0 0 13px;
  color: #FDD835;
  font-size: 11px;
}
/* end */

.ui-grid {
  border: none;
  #margin: 0px 32px 0px 32px;
  /*.ui-grid-viewport {*/
    /*height: 100% !important;*/
    /*overflow-anchor: none !important;*/
  /*}*/
}

/*.ui-grid-cell-contents {*/
  /*padding-top: 2px !important;*/
/*}*/