:root {
  --ntnx-iris-purple-100: #e0e1ff;
  --ntnx-iris-purple-200: #c6befe;
  --ntnx-iris-purple-300: #ac9bfd;
  --ntnx-iris-purple-400: #9278fb;
  --ntnx-iris-purple-500: #7855fa;
  --ntnx-iris-purple-600: #6d40e6;
  --ntnx-iris-purple-700: #612bd2;
  --ntnx-iris-purple-800: #5615be;
  --ntnx-iris-purple-900: #4b00aa;
  --ntnx-iris-purple-core: var(--ntnx-iris-purple-500);
  --ntnx-charcoal-gray-100: #f0f0f0;
  --ntnx-charcoal-gray-200: #d7d7d7;
  --ntnx-charcoal-gray-300: #bfbfbf;
  --ntnx-charcoal-gray-400: #a6a6a6;
  --ntnx-charcoal-gray-500: #8e8e8e;
  --ntnx-charcoal-gray-600: #757575;
  --ntnx-charcoal-gray-700: #5d5d5d;
  --ntnx-charcoal-gray-800: #444444;
  --ntnx-charcoal-gray-900: #2c2c2c;
  --ntnx-charcoal-gray-core: #131313;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--ntnx-iris-purple-core);
  --bs-btn-border-color: var(--ntnx-iris-purple-core);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--ntnx-iris-purple-200);
  --bs-btn-hover-border-color: var(--ntnx-iris-purple-200);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--ntnx-iris-purple-200);
  --bs-btn-active-border-color: var(--ntnx-iris-purple-200);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--ntnx-iris-purple-core);
  --bs-btn-disabled-border-color: var(--ntnx-iris-purple-core);
}

button a {
  text-decoration: none;
  display: block;
}

.buttonspan {
  display: block;
}

img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.bg-success {
  background-color: var(--ntnx-iris-purple-core) !important;
}

table {
  border-collapse: separate;
  text-align: left;
}

td {
  vertical-align: middle;
}