body {
  font-family: "Nunito", sans-serif;
}

#leads-table {
  table-layout: fixed;
  width: 100%;
}

#leads-table th,
#leads-table td {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#leads-table td {
  vertical-align: middle;
  cursor: help;
}

/* Grab handle element */
.col-resize-handle {
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 0;
  width: 4px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.15);
  cursor: col-resize;
  z-index: 2;
}

.col-resize-handle:hover {
  background: rgba(0, 0, 0, 0.3);
}

.order-btn {
  position: static;
  fill: var(--bs-secondary);
  flex-shrink: 0;
}

.order-btn-active {
  border: 2px solid rgba(13, 110, 253, 0.6);
  /* box-shadow: 0 0 6px rgba(13, 110, 253, 0.6); */
}

.order-path-active {
  fill: var(--bs-primary);
}

/* First column (numbers) */
#leads-table th:first-child,
#leads-table td:first-child {
  /* width: 50px; */
  text-align: right;
  padding-right: 8px;
}

/* No handle for the last column */
#leads-table th:last-child .col-resize-handle {
  display: none;
}

.campaign-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: thin;
  -ms-overflow-style: none;
}

.campaign-tabs .nav-link {
  white-space: nowrap;
}

.bg-draft {
  background-color: #868e96 !important;
  color: #fff !important;
}

.bg-ready {
  background-color: #9c27b0 !important; /* #6f42c1 #0aa2c0 */
  color: #fff !important;
}

.bg-scheduled {
  background-color: #0d6efd !important;
  color: #fff !important;
}

.bg-sent {
  background-color: #07b363 !important; /*  #198754 */
  color: #fff !important;
}

.bg-hold {
  background-color: #ffc107 !important;
  color: #000 !important;
}

.bg-failed {
  background-color: #ec263a !important;
  color: #fff !important;
}

.border-gray {
  border: 1px solid rgb(184, 180, 180);
}

.darken-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1050;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
}

.custom-tooltip .tooltip-inner {
  max-width: 100vw;
}

.tooltip-inner code {
  color: #ffc107;
  font-weight: 600;
}