.rescue-blacklist-section .rescue-blacklist-row {
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
}

.rescue-blacklist-section .rescue-blacklist-row > .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.rescue-blacklist-section .rescue-blacklist-title {
  margin-bottom: 10px;
}

.rescue-blacklist-section .rescue-blacklist-toolbar {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.rescue-blacklist-section .rescue-blacklist-toolbar-left {
  display: flex;
  align-items: center;
}

.rescue-blacklist-section .rescue-blacklist-description {
  margin: 0;
}

.rescue-blacklist-section .rescue-blacklist-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rescue-blacklist-section .rescue-blacklist-toolbar-actions .btn-group {
  margin-bottom: 0;
}

.rescue-blacklist-section .rescue-blacklist-source-filter .btn,
.rescue-blacklist-section .rescue-blacklist-source-filter .btn:focus,
.rescue-blacklist-section .rescue-blacklist-source-filter .btn:hover {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.rescue-blacklist-section .rescue-blacklist-source-filter .btn.active.rescue-blacklist-source-filter-all,
.rescue-blacklist-section
  .rescue-blacklist-source-filter
  .btn.active.rescue-blacklist-source-filter-all:focus,
.rescue-blacklist-section
  .rescue-blacklist-source-filter
  .btn.active.rescue-blacklist-source-filter-all:hover {
  color: #fff;
  background-color: #2bc3ea;
  border-color: transparent;
  box-shadow: none;
}

.rescue-blacklist-section
  .rescue-blacklist-source-filter
  .btn.active.rescue-blacklist-source-filter-manual,
.rescue-blacklist-section
  .rescue-blacklist-source-filter
  .btn.active.rescue-blacklist-source-filter-manual:focus,
.rescue-blacklist-section
  .rescue-blacklist-source-filter
  .btn.active.rescue-blacklist-source-filter-manual:hover {
  color: #fff;
  background-color: #2e8b57;
  border-color: #2e8b57;
}

.rescue-blacklist-section
  .rescue-blacklist-source-filter
  .btn.active.rescue-blacklist-source-filter-system,
.rescue-blacklist-section
  .rescue-blacklist-source-filter
  .btn.active.rescue-blacklist-source-filter-system:focus,
.rescue-blacklist-section
  .rescue-blacklist-source-filter
  .btn.active.rescue-blacklist-source-filter-system:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #c9302c;
}

@media (max-width: 767px) {
  .rescue-blacklist-section .rescue-blacklist-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .rescue-blacklist-section .rescue-blacklist-toolbar-left {
    width: 100%;
  }

  .rescue-blacklist-section .rescue-blacklist-toolbar-actions {
    width: 100%;
    flex-wrap: wrap;
  }
}

.rescue-blacklist-section .rescue-blacklist-row .table th {
  white-space: nowrap;
}

.rescue-blacklist-section .rescue-blacklist-filter-hint {
  display: inline-block;
  margin-top: 8px;
}

.rescue-blacklist-section .rescue-blacklist-imei-input {
  width: 100%;
}

.rescue-blacklist-section .rescue-blacklist-imei-option-main {
  font-weight: 600;
  line-height: 1.2;
}

.rescue-blacklist-section .rescue-blacklist-imei-option-meta {
  font-size: 12px;
  line-height: 1.2;
}

.rescue-blacklist-section .rescue-blacklist-who-tag {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 8px;
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.rescue-blacklist-section .rescue-blacklist-who-tag-system {
  background-color: #c9302c;
}

.rescue-blacklist-section .rescue-blacklist-who-tag-user {
  background-color: #2e8b57;
}

:host ::ng-deep ngb-typeahead-window.rescue-blacklist-imei-menu {
  width: 100%;
  max-height: 240px;
  overflow-y: auto;
}

:host ::ng-deep ngb-typeahead-window.rescue-blacklist-imei-menu .dropdown-item {
  white-space: normal;
}