/* === CUSTOM STYLES (No Bootstrap equivalent) for accounts bootstrap tables === */
#accounts-table .high-risk-code {
  background-color: #ff6060;
  width: 75px;
  line-height: 24px;
}

#accounts-table .medium-risk-code {
  background-color: #ffd260;
  width: 75px;
  line-height: 24px;
}

#accounts-table .low-risk-code {
  background-color: #84d3ff;
  width: 75px;
  line-height: 24px;
}

/* Risk score borders - custom colors */
#accounts-table .high-risk-score {
  border-color: #ff6060 !important;
  width: 56px;
  line-height: 24px;
}

#accounts-table .medium-risk-score {
  border-color: #ffd260 !important;
  width: 56px;
  line-height: 24px;
}

#accounts-table .low-risk-score {
  border-color: #84d3ff !important;
  width: 56px;
  line-height: 24px;
}

/* Status badges - custom colors */
#accounts-table .waived-conclusion {
  background-color: #50bf4e;
  padding: 0px 10px;
  line-height: 24px;
}

#accounts-table .escalated-conclusion {
  background-color: #f75d52;
  padding: 0px 10px;
  line-height: 24px;
}

#accounts-table .status-pending {
  background-color: #670bb8;
  padding: 0px 10px;
  line-height: 24px;
}

#accounts-table .status-in-progress {
  background-color: #5f64e3;
  padding: 0px 10px;
  line-height: 24px;
}

#accounts-table .status-pending-qc {
  background-color: #14ded7;
  padding: 0px 10px;
  line-height: 24px;
}

#accounts-table .status-waived {
  background-color: #50bf4e;
  padding: 0px 10px;
  line-height: 24px;
}

#accounts-table .status-escalated {
  background-color: #f75d52;
  padding: 0px 10px;
  line-height: 24px;
  max-width: 300px;
}

#accounts-table .status-returned {
  background-color: #de982f;
  padding: 0px 10px;
  line-height: 24px;
}
