.ngx-datatable .datatable-body .datatable-body-row {
  cursor: pointer;
}

.ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group {
  background-color: #666666 !important;
  color: #fff !important;
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
  white-space: normal !important;
  overflow: unset !important;
  text-overflow: unset !important;
  height: 54px;
}

.datatable-header-cell-label {
  font-family: 'Vodafone bold';
  color: #333;
}
.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
  height: auto !important;
}
.ngx-datatable .datatable-header {
  background-color: #fff;
}
.ngx-datatable.material {
  box-shadow: unset;
  border-top: 1px solid #ccc;
}
.ngx-datatable.material .datatable-header .datatable-header-cell {
  padding: 1rem 1.2rem;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background-color: #666;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  color: #333;
  fill: #333;
}
.ngx-datatable.material .datatable-body .datatable-body-row:hover .datatable-body-cell {
  color: #fff;
  fill: #fff;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam {
  background-color: transparent;
  padding: 0px;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.header-status-beam {
  background-color: transparent;
  padding: 0px;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .datatable-body-cell-label {
  height: 100%;
}
.ngx-datatable.material.striped .datatable-row-odd {
  background: #fff;
}
.ngx-datatable.material.striped .datatable-row-even {
  background: #f4f4f4;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.sr-col {
  background-color: transparent;
  text-align: center;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.sr-header-col {
  background-color: transparent;
  text-align: center;
  padding: 7px 0px;
}
.datatable-icon-right:before {
  content: '\70';
  color: #333;
  font-weight: lighter;
}
.datatable-icon-right:hover:before {
  content: '\70';
  background-color: #333;
  color: #fff;
  border-radius: 50%;
}
.datatable-icon-left:before,
.datatable-icon-skip:before,
.datatable-icon-prev:before {
  color: #333;
  font-weight: lighter;
}

.datatable-icon-left:hover:before,
.datatable-icon-skip:hover:before,
.datatable-icon-prev:hover:before {
  background-color: #333;
  color: #fff;
  border-radius: 50%;
}
li.disabled .datatable-icon-left:before,
li.disabled .datatable-icon-right:before,
li.disabled .datatable-icon-skip:before,
li.disabled .datatable-icon-prev:before {
  color: #ccc;
  font-weight: lighter;
}

li.disabled .datatable-icon-left:hover:before,
li.disabled .datatable-icon-right:hover:before,
li.disabled .datatable-icon-skip:before,
li.disabled .datatable-icon-prev:before {
  color: #ccc;
}

.ngx-datatable.scroll-vertical {
  height: calc(95vh - 230px);
}
.ngx-datatable.small-table.scroll-vertical {
  height: 44vh;
}
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-row-group,
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-right {
  position: relative;
}
.ngx-datatable .datatable-body-row,
.ngx-datatable .datatable-header-inner,
.ngx-datatable .datatable-row-center {
  display: flex;
  flex-direction: row;
  -o-flex-flow: row;
  flex-flow: row;
}

.ngx-datatable.material .datatable-footer .datatable-pager a:hover {
  background-color: #fff;
}
.ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
  color: #ccc !important;
  background-color: transparent;
}

.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-row-group,
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-right {
  position: relative;
}
.ngx-datatable .datatable-body-row,
.ngx-datatable .datatable-header-inner,
.ngx-datatable .datatable-row-center {
  display: flex;
  flex-direction: row;
  -o-flex-flow: row;
  flex-flow: row;
}

.inline-image {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.datatable-header .datatable-header-cell {
  font-size: 16px !important;
  font-family: 'Vodafone bold' !important;
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  color: inherit;
  font-size: 16px;
}
.ngx-datatable.material .datatable-body .datatable-body-row:last-child .datatable-body-cell {
  border-bottom: 1px solid #ccc;
}

.image-item > .image-item-picture > img {
  margin-bottom: 5px;
}

.myniceclass {
  text-align: center !important;
}

.ngx-datatable .sortable .sort-btn:before {
  content: '';
}
.ngx-datatable .sortable .sort-btn:before {
  content: '';
}
.ngx-datatable .sortable .sort-btn.datatable-icon-down:before {
  content: '\f10d';
  font-family: 'icons' !important;
  font-size: 11px;
  -webkit-text-stroke: 0.2px;
  line-height: 0.7;
  margin-left: 6px;
  color: var(--Anthracite);
}
.ngx-datatable .sortable .sort-btn.datatable-icon-up:before {
  content: '\f110';
  font-family: 'icons' !important;
  font-size: 11px;
  -webkit-text-stroke: 0.2px;
  line-height: 0.7;
  margin-left: 6px;
  color: var(--Anthracite);
}
.ngx-datatable.material .datatable-body .progress-linear .container .bar {
  background-color: #106cc8;
}
.ngx-datatable.material .datatable-body .progress-linear .container {
  background-color: #aad1f9;
}
.ngx-datatable .datatable-footer .datatable-pager {
  text-align: center !important;
}
.ngx-datatable .datatable-footer .datatable-footer-inner {
  border-bottom: 1px solid #ccc;
  border-top: none;
}
.ngx-datatable.material .datatable-footer .datatable-pager a {
  color: #333;
  font-family: 'Vodafone bold';
  height: 20px;
  min-width: 20px;
  line-height: 20px;
  margin: 6px 5px;
}
.ngx-datatable.material .datatable-footer {
  font-size: 14px;
  border-top: none;
}
.ngx-datatable.material .datatable-footer .datatable-pager li.active a {
  background-color: #333;
  color: #fff;
  border-radius: 50%;
  font-family: 'Vodafone bold';
}
.ngx-datatable.material .datatable-footer .datatable-pager .pages a:hover {
  background-color: #333;
  color: #fff;
  border-radius: 50%;
  font-family: 'Vodafone bold';
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-ACTIVE {
  background-color: #a8b400;
  padding: 0px;
  height: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-INACTIVE {
  background-color: #999999;
  padding: 0px;
  height: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-BEING_PROCESSED {
  background-color: #00b0ca;
  padding: 0px;
  height: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-CANCELED {
  background-color: #9c2aa0;
  padding: 0px;
  height: 100%;
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-green {
  background-color: #a8b400;
  padding: 0px;
  height: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-blue {
  background-color: #00b0ca;
  padding: 0px;
  height: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-gray {
  background-color: #999999;
  padding: 0px;
  height: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-red {
  background-color: #e60000;
  padding: 0px;
  height: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-purple {
  background-color: #9c2aa0;
  padding: 0px;
  height: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-0 {
  background-color: #666666;
  padding: 0px;
  height: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-1 {
  background-color: #a8b400;
  padding: 0px;
  height: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-2 {
  background-color: #00b0ca;
  padding: 0px;
  height: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.status-beam .beam-color-3 {
  background-color: #9c2aa0;
  padding: 0px;
  height: 100%;
}