/* This sheet overrides Radzen table styling */
.rz-datatable-thead th {
  background-color: var(--Primary) !important;
  padding: 0.5rem 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rz-datatable-thead th .rz-column-title {
  display: inline-block;
  font-size: 0.75rem;
  text-transform: capitalize !important;
  color: #ffffff !important;
  padding: 0 0 0.625rem 0.625rem;
  font-weight: normal;
}

.rz-select-header {
  padding-left: 3px;
}

.rz-grid-table thead th {
  background-color: var(--Primary) !important;
}

.rz-data-grid-data {
  border-radius: 10px;
}

.rz-cell-data {
  word-wrap: break-word;
  text-wrap: pretty !important;
}

.rz-grid-table thead th .rz-column-title {
  display: inline-block;
  font-size: 0.75rem;
  text-transform: capitalize !important;
  color: #ffffff !important;
  padding: 0 0 0.625rem 0.625rem;
  font-weight: normal;
}

.rz-grid-filter-icon {
  color: #ffffff !important;
}

.rz-grid-filter-icon:hover {
  color: #ffffff !important;
}

.rz-sortable-column .rzi-sort {
  color: #fdfeff !important;
}

.rz-datatable-scrollable-view {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.rz-datatable {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border: none !important;
}

.datatable-actions {
  margin-bottom: 5px;
}

.rz-cell-filter-content {
  height: 35px;
}

/* Fix for un-filterable column header colors */
.rz-state-default.rz-unselectable-text {
  background-color: #f6f8f9 !important;
}

.rz-state-default.rz-unselectable-text.rz-sortable-column {
  background-color: var(--Primary) !important;
}

.rz-paginator-element {
  background-color: #24303b !important;
  color: #ffffff !important;
}
/* Fix for un-filterable column header colors */

/* Position header sort icon to the right */
.rz-sortable-column .fa-sort {
  float: right;
  margin-right: 10px;
  margin-top: 4px;
}

.rz-datatable-scrollable-body {
  cursor: pointer;
}

/* override matblazor datepicker */
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #f5f5f5;
  height: 40px;
}

/* override alertmodal titlebar*/
.rz-dialog-titlebar {
  background-color: #24303b !important;
  padding: 0.6875rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  border-bottom: none;
  color: white !important;
}

/* override alertmodal title - net7.0 */
.rz-dialog-title {
  font-weight: normal !important;
  letter-spacing: normal !important;
  color: white !important;
}

/* override cross so its white and not grey*/
.rz-dialog-titlebar-close .rzi-times:before {
  content: "close";
  color: white;
}