* {
    border-radius: 0 !important;
}

body {
    --main-body-color: #hsl(0, 0%, 9.8%);
    --bs-body-color: #hsl(0, 0%, 9.8%);
    --dt-color-magenta: hsl(329.20000000000005, 100%, 44.3%);
    --dt-color-black: hsl(0, 0%, 0%);
    --dt-color-white: hsl(0, 0%, 100%);
    --dt-color-grey-0: hsl(0, 0%, 94.9%);
    --dt-color-grey-10: hsl(0, 0%, 89.8%);
    --dt-color-grey-20: hsl(0, 0%, 80%);
    --dt-color-grey-30: hsl(0, 0%, 69.8%);
    --dt-color-grey-40: hsl(0, 0%, 60%);
    --dt-color-grey-50: hsl(0, 0%, 49.8%);
    --dt-color-grey-60: hsl(0, 0%, 40%);
    --dt-color-grey-70: hsl(0, 0%, 29.8%);
    --dt-color-grey-80: hsl(0, 0%, 20%);
    --dt-color-grey-90: hsl(0, 0%, 9.8%);
    --dt-color-grey-100: hsl(0, 0%, 0%);
    --dt-color-orange-0: hsl(54.39999999999998, 100%, 93.7%);
    --dt-color-orange-10: hsl(48.39999999999998, 100%, 88.8%);
    --dt-color-orange-20: hsl(43.69999999999999, 100%, 84.1%);
    --dt-color-orange-30: hsl(38.69999999999999, 100%, 79.6%);
    --dt-color-orange-40: hsl(33.5, 100%, 75.1%);
    --dt-color-orange-50: hsl(29, 100%, 70.8%);
    --dt-color-orange-60: hsl(24.80000000000001, 96.5%, 66.1%);
    --dt-color-orange-70: hsl(17.30000000000001, 71.4%, 56.1%);
    --dt-color-orange-80: hsl(17.30000000000001, 72.3%, 39.6%);
    --dt-color-orange-90: hsl(17.30000000000001, 88.8%, 31.4%);
    --dt-color-orange-100: hsl(11.399999999999977, 86.6%, 26.3%);
    --dt-color-red-0: hsl(353.79999999999995, 100%, 88.6%);
    --dt-color-red-10: hsl(351.5, 100%, 83.3%);
    --dt-color-red-20: hsl(350.4, 98.1%, 78.8%);
    --dt-color-red-30: hsl(350.6, 91%, 73.9%);
    --dt-color-red-40: hsl(350.4, 85.1%, 68.4%);
    --dt-color-red-50: hsl(350.29999999999995, 82.8%, 63.5%);
    --dt-color-red-60: hsl(351.20000000000005, 82.6%, 59.4%);
    --dt-color-red-70: hsl(349.70000000000005, 69%, 50.6%);
    --dt-color-red-80: hsl(348.9, 74.9%, 43.7%);
    --dt-color-red-90: hsl(347.1, 84%, 36.9%);
    --dt-color-red-100: hsl(345.9, 100%, 30%);
    --dt-color-blue-0: hsl(190.20000000000005, 100%, 92%);
    --dt-color-blue-10: hsl(196.20000000000005, 100%, 85.5%);
    --dt-color-blue-20: hsl(200.89999999999998, 100%, 79.2%);
    --dt-color-blue-30: hsl(206, 100%, 73.3%);
    --dt-color-blue-40: hsl(210.70000000000005, 100%, 67.5%);
    --dt-color-blue-50: hsl(215.60000000000002, 100%, 62%);
    --dt-color-blue-60: hsl(220, 100%, 56.5%);
    --dt-color-blue-70: hsl(227.39999999999998, 89%, 46.3%);
    --dt-color-blue-80: hsl(236.5, 100%, 37.5%);
    --dt-color-blue-90: hsl(241.10000000000002, 100%, 31.2%);
    --dt-color-blue-100: hsl(249.39999999999998, 100%, 25.1%);
    --dt-color-teal-0: hsl(176.10000000000002, 63.3%, 90.4%);
    --dt-color-teal-10: hsl(178.89999999999998, 60%, 82.4%);
    --dt-color-teal-20: hsl(180, 58.5%, 74.5%);
    --dt-color-teal-30: hsl(181.20000000000005, 57.6%, 66.7%);
    --dt-color-teal-40: hsl(182.10000000000002, 55.2%, 58.8%);
    --dt-color-teal-50: hsl(183.60000000000002, 53.8%, 50.8%);
    --dt-color-teal-60: hsl(184.79999999999995, 68.9%, 42.9%);
    --dt-color-teal-70: hsl(182.89999999999998, 80.1%, 35.5%);
    --dt-color-teal-80: hsl(180.5, 91.5%, 27.8%);
    --dt-color-teal-90: hsl(178.89999999999998, 100%, 20.6%);
    --dt-color-teal-100: hsl(176.5, 100%, 16.9%);
    --dt-color-green-0: hsl(78.30000000000001, 59%, 92.4%);
    --dt-color-green-10: hsl(82.5, 55.6%, 85.9%);
    --dt-color-green-20: hsl(86.30000000000001, 55.3%, 79.8%);
    --dt-color-green-30: hsl(90.39999999999998, 52.6%, 73.5%);
    --dt-color-green-40: hsl(95.30000000000001, 50.9%, 67.3%);
    --dt-color-green-50: hsl(98.80000000000001, 49.7%, 61%);
    --dt-color-green-60: hsl(103.19999999999999, 48.1%, 54.7%);
    --dt-color-green-70: hsl(111.5, 46.1%, 48%);
    --dt-color-green-80: hsl(120, 52.4%, 41.2%);
    --dt-color-green-90: hsl(127.60000000000002, 58.9%, 34.3%);
    --dt-color-green-100: hsl(136.3, 65.7%, 27.5%);
    --dt-color-clay-0: hsl(15.800000000000011, 42.2%, 91.2%);
    --dt-color-clay-10: hsl(19.399999999999977, 46.3%, 86.9%);
    --dt-color-clay-20: hsl(20.899999999999977, 49.4%, 82.9%);
    --dt-color-clay-30: hsl(21.899999999999977, 48.1%, 78.8%);
    --dt-color-clay-40: hsl(22.30000000000001, 48.4%, 74.9%);
    --dt-color-clay-50: hsl(22.80000000000001, 48.3%, 71.2%);
    --dt-color-clay-60: hsl(25.100000000000023, 46.7%, 66.9%);
    --dt-color-clay-70: hsl(22.899999999999977, 35.8%, 58.4%);
    --dt-color-clay-80: hsl(21.399999999999977, 27.6%, 50.2%);
    --dt-color-clay-90: hsl(18.899999999999977, 26.8%, 41.8%);
    --dt-color-clay-100: hsl(18.600000000000023, 24.7%, 33.3%);
    --dt-color-rose-0: hsl(338.79999999999995, 48.6%, 93.1%);
    --dt-color-rose-10: hsl(341.4, 46%, 87.6%);
    --dt-color-rose-20: hsl(341.4, 45.7%, 82%);
    --dt-color-rose-30: hsl(341.9, 43.8%, 76.3%);
    --dt-color-rose-40: hsl(343.79999999999995, 42.3%, 70.8%);
    --dt-color-rose-50: hsl(346, 41.2%, 65.3%);
    --dt-color-rose-60: hsl(346.79999999999995, 39.8%, 59.6%);
    --dt-color-rose-70: hsl(344.79999999999995, 31.5%, 49.2%);
    --dt-color-rose-80: hsl(342.9, 35.4%, 38.8%);
    --dt-color-rose-90: hsl(340.29999999999995, 40.3%, 28.2%);
    --dt-color-rose-100: hsl(338.4, 44.6%, 22%);
    --dt-color-lilac-0: hsl(307.5, 33.3%, 95.3%);
    --dt-color-lilac-10: hsl(310, 27.3%, 91.4%);
    --dt-color-lilac-20: hsl(310.6, 28.8%, 88.4%);
    --dt-color-lilac-30: hsl(310, 30.8%, 84.7%);
    --dt-color-lilac-40: hsl(300, 28.2%, 77.1%);
    --dt-color-lilac-50: hsl(293.6, 30.7%, 70%);
    --dt-color-lilac-60: hsl(292.9, 30.9%, 62.5%);
    --dt-color-lilac-70: hsl(292.79999999999995, 24.4%, 53.3%);
    --dt-color-lilac-80: hsl(293.20000000000005, 23.8%, 43.7%);
    --dt-color-lilac-90: hsl(291.79999999999995, 29.1%, 34.3%);
    --dt-color-lilac-100: hsl(291.1, 37%, 24.9%);
    --dt-color-pigeon-0: hsl(226.20000000000005, 41.9%, 93.9%);
    --dt-color-pigeon-10: hsl(227.5, 42.9%, 89%);
    --dt-color-pigeon-20: hsl(227.60000000000002, 41.5%, 83.9%);
    --dt-color-pigeon-30: hsl(228.60000000000002, 38.9%, 78.8%);
    --dt-color-pigeon-40: hsl(230.60000000000002, 38.3%, 73.9%);
    --dt-color-pigeon-50: hsl(230.79999999999995, 37.1%, 68.8%);
    --dt-color-pigeon-60: hsl(232.70000000000005, 35.9%, 63.9%);
    --dt-color-pigeon-70: hsl(239.10000000000002, 29.8%, 55.9%);
    --dt-color-pigeon-80: hsl(244.60000000000002, 26.5%, 48%);
    --dt-color-pigeon-90: hsl(251.60000000000002, 30.4%, 40%);
    --dt-color-pigeon-100: hsl(257.5, 33.7%, 32%);
    --dt-color-neptune-0: hsl(176, 29.4%, 90%);
    --dt-color-neptune-10: hsl(180, 31.6%, 85.1%);
    --dt-color-neptune-20: hsl(178.29999999999995, 34.7%, 80.2%);
    --dt-color-neptune-30: hsl(180, 34.4%, 74.9%);
    --dt-color-neptune-40: hsl(182.29999999999995, 34.6%, 70%);
    --dt-color-neptune-50: hsl(184, 33.7%, 65.1%);
    --dt-color-neptune-60: hsl(184.39999999999998, 33.3%, 60%);
    --dt-color-neptune-70: hsl(182.70000000000005, 27.5%, 52.9%);
    --dt-color-neptune-80: hsl(180, 25.3%, 45.7%);
    --dt-color-neptune-90: hsl(178.79999999999995, 24.9%, 38.6%);
    --dt-color-neptune-100: hsl(178.20000000000005, 21.2%, 31.4%);
    --dt-color-olive-0: hsl(95, 33.3%, 92.9%);
    --dt-color-olive-10: hsl(96, 30.3%, 87.1%);
    --dt-color-olive-20: hsl(98.60000000000002, 29.8%, 81.6%);
    --dt-color-olive-30: hsl(100, 29%, 75.7%);
    --dt-color-olive-40: hsl(101.89999999999998, 28.1%, 70%);
    --dt-color-olive-50: hsl(103.19999999999999, 27.5%, 64.3%);
    --dt-color-olive-60: hsl(103.89999999999998, 26.4%, 58.4%);
    --dt-color-olive-70: hsl(102.19999999999999, 22%, 48.2%);
    --dt-color-olive-80: hsl(100, 24.7%, 38%);
    --dt-color-olive-90: hsl(97.5, 28.2%, 27.8%);
    --dt-color-olive-100: hsl(97.69999999999999, 32.7%, 21%);
    --dt-color-primary-hover: hsl(329.29999999999995, 95.2%, 50.6%);
    --dt-color-primary-active: hsl(329.29999999999995, 100%, 39.8%);
    --dt-color-focus: hsl(215.60000000000002, 100%, 62%);
    --dt-color-text-standard: hsl(0, 0%, 9.8%);
    --dt-color-text-additional: hsl(0, 0%, 40%);
    --dt-color-text-link: hsl(227.39999999999998, 89%, 46.3%);
    --dt-color-text-link-hover: hsl(236.5, 100%, 37.5%);
    --dt-color-text-link-active: hsl(220, 100%, 56.5%);
    --dt-color-text-link-visited: hsl(227.39999999999998, 89%, 46.3%);
    --dt-color-text-info: hsl(227.39999999999998, 89%, 46.3%);
    --dt-color-text-disabled: hsl(0, 0%, 49.8%);
    --dt-color-text-success: hsl(136.3, 65.7%, 27.5%);
    --dt-color-text-error: hsl(349.70000000000005, 69%, 50.6%);
    --dt-color-background-standard: hsl(0, 0%, 100%);
    --dt-color-background-light: hsl(0, 0%, 94.9%);
    --dt-color-background-darker: hsl(0, 0%, 80%);
    --dt-color-background-overlay: hsla(0, 0%, 42.4%, 0.7);
    --dt-color-background-disabled: hsl(0, 0%, 80%);
    --dt-color-background-success: hsl(136.3, 65.7%, 27.5%);
    --dt-color-background-error: hsl(349.70000000000005, 69%, 50.6%);
    --dt-color-functional-red: hsl(349.70000000000005, 69%, 50.6%);
    --dt-color-functional-green: hsl(136.3, 65.7%, 27.5%);
    --dt-color-functional-blue: hsl(227.39999999999998, 89%, 46.3%);
    --admonition-background-error: hsla(353.8, 100%, 88.6%, 0.35);
    --admonition-icon-error: rgb(253, 0, 25);
    --admonition-background-warning:  hsla(33.5, 100%, 75.1%, 0.3);
    --admonition-icon-warning:  rgb(243, 138, 0);
    --admonition-background-informational: hsla(190.2, 100%, 92%, 0.75);
    --admonition-icon-informational: rgb(5, 181, 216);
    --admonition-background-success: hsl(98.8, 49.7%, 61%, 0.2);
    --admonition-icon-success: rgb(69, 192, 3);

}

body {
  color: var(--dt-color-text-standard);
}

/* Sizing */
/* force using full screen */
.container-xxl {
  max-width: unset !important;
}

/* NAVBAR */
/* tiny magenta line sticks to the top */
.skippy {
  background-color: var(--dt-color-magenta);
  height: 4px;
}

main.container {
    margin-top: 1rem;
    max-width: 960px;
}

.alert-success {
    background-color: var(--admonition-background-success);
/*    color: white;*/
}

nav.navbar {
    padding: 0 0 0.75rem 0 !important;
    background: var(--dt-color-magenta);
    /*margin-left: 0;
    margin-right: 0;*/
}

.navbar-brand {
  max-width: 250px;
  display: flex;
}

.navbar-brand img {
    width: 100%,
    max-width: 300px;
    height: 38px;
    /* margin to top same size as skippy height */
    margin-top: 4px;
}

.open-telekom-cloud {
    text-align: center;
    vertical-align: middle;
    font-size: 30px;
}

.header-title {
    color: var(--dt-color-white);
    font-size: 1.5rem;
    text-align: center;
    flex-grow: 1;
}

.bi-check-circle {
    color: var(--dt-color-green-100);
}
.bi-info-circle {
    color: var(--dt-color-blue-100);
}
.bi-x-circle {
    color: var(--dt-color-red-100);
}

.sd-available::before {
    content: "\f26a";
    color: var(--dt-color-green-100);
}
.sd-outage::before {
    content: "\f622";
    color: var(--dt-color-red-60);
}
.sd-major::before {
    content: "\f622";
    color: var(--dt-color-orange-100);
}
.sd-minor::before {
    content: "\f622";
    color: var(--dt-color-orange-60);
}
.sd-maintenance::before {
    content: "\f78e";
    color: var(--dt-color-blue-70);
}
.bi-circle::before {
    content: "\f287";
    color: var(--dt-color-white);
    font-size: 0.7rem;
    position: absolute;
    bottom: 7px;
    right: 12px;
    text-align: right;
}
.sd-planned-maintenance::before {
    content: "\f78e";
    color: var(--dt-color-blue-70);
    font-size: 0.7rem;
    position: absolute;
    bottom: 7px;
    right: 12px;
    text-align: right;
}


.alert-outage {
    background-color: var(--dt-color-red-10);
    border: 2px solid var(--dt-color-red-50);
}
.alert-major {
    border: 2px solid var(--dt-color-orange-100);
}
.alert-minor {
    border: 2px solid var(--dt-color-orange-60);
}
.alert-maintenance {
    border: 2px solid var(--dt-color-blue-80);
}

.bi {
    font-size: 1rem;
}

.history {
  border-left: 1px solid hsl(0, 0%, 90%);
  position: relative;
  list-style: none;
}

.history .history-item {
  position: relative;
}

.history .history-item:after {
  position: absolute;
  display: block;
  top: 0;
}

.history .history-icon {
  position: absolute;
  left: -48px;
  border-radius: 50%;
  height: 31px;
  width: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table-header {
  top:4;
  background-color: var(--dt-color-magenta);
  color: var(--dt-color-white);
}

.table thead > tr > th {
  border: none;
}

.table thead > tr {
  border: none;
}

tbody:nth-child(odd) {
  background: var(--dt-color-grey-10) !important;
}

.bg-0 {
  background-color: var(--dt-color-green-10) !important;
}

.bg-1 {
  background-color: var(--dt-color-orange-10) !important;
}

.bg-2 {
  background-color: var(--dt-color-red-10) !important;
}

.indent {
  margin-left: 30px;
}

/* Navbar */
nav.navbar .navbar-nav > a {
    color: var(--dt-color-white);
}

nav.navbar .navbar-nav > div > a {
    color: var(--dt-color-white);
}


/* Footer */
footer.footer {
  background: var(--dt-color-grey-90);
  display: flex;
  bottom: 0;
}

.footer-links {
  display: flex;
}

.footer-links ul {
  display: flex;
  align-items: center;
  list-style: none;
  justify-content: flex-end;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .footer-links ul {
    display: block;
    align-items: center;
    list-style: none;
    justify-content: flex-end;
    margin-bottom: 0;
    padding-top: 15px;
    padding-left: 0;
  }
}

.footer-links a {
  display: flex;
  align-items: center;
  padding-left: 10px;
  text-decoration: none;
  color: #fff;
  font-size: 0.75rem;
}

.footer-logo {
  height: 24px;
}