.header-filtered {
  color: #0088ce;
}

.emptyCell {
  color: #ff0000 !important;
  font-weight: bold;
}

.dAAnsweredOverDelay {
  background-color: #ffe58e !important;
}

.dAOverDelay {
  border-top: 3px solid #ff0000 !important;
  border-right: 3px solid #ff0000 !important;
  border-bottom: 3px solid #ff0000 !important;
  border-left: 3px solid #ff0000 !important;
}

.refComptaBudgetStepLow60 {
  background-color: #009100 !important;
  color: #ffffff;
}

.refComptaBudgetStep60 {
  background-color: #ff9100 !important;
}

.refComptaBudgetStep80 {
  background-color: #ff0000 !important;
}

.refComptaBudgetStep100 {
  background-color: #252525 !important;
  color: #ffffff;
}

.grid-msg-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

/*
    This guy will contain our message. We want it centered
    so it's positioned absolutely with percentage-based
    offsets and dimensions. It also has some basic border
    stuff and most important is using "display: table" so
    we can vertically center its contents.
  */
.grid-msg-overlay .msg {
  opacity: 1;
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 50%;
  background-color: #eeeeee;
  border-radius: 4px;
  border: 1px solid #555555;
  text-align: center;
  font-size: 24px;
  display: table;
}

/*
    Lastly this is the actual message text. It uses
    display: table-cell so the vertical alignment
    works properly.
  */
.grid-msg-overlay .msg p {
  display: table-cell;
  vertical-align: middle;
}

.grid {
  width: 100%;
  height: 100%;
  white-space: normal;
}
/*
.ui-grid-cell-contents{
  text-overflow: initial;
  white-space: pre-line;
}*/
.grid .ui-grid-header-cell-label {
  text-overflow: initial;
  white-space: pre-line;
}

.grid .ui-grid-cell-contents {
  height: 51px;
}

.gridAutoHeader {
  width: 100%;
  height: 100%;
}

.gridAutoHeader .ui-grid-header-cell {
  height: 35px;
}

.glyphicon,
.glyphicons {
  font-family: "Glyphicons Halflings";
}

/* overwriting icons*/
/* SAME AS FontAwesome Sync_Alt */
.ui-grid-icon-refresh:before {
  font-family: "FontAwesome";
  content: "\f021";
}