:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #54328f;
  --pink: #f2499e;
  --red: #e43040;
  --orange: #f07a5d;
  --yellow: #fff2de;
  --green: #28a745;
  --teal: #6bd5e9;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #4d4d4d;
  --gray-dark: #2c2c2e;
  --primary: #0e5bab;
  --secondary: #91cbff;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #fff2de;
  --danger: #e43040;
  --light: #f2f2f2;
  --dark: #2c2c2e;
  --white: #fff;
  --black: #000;
  --violet: rgba(37, 76, 159, 0.2);
  --sky-200: #e3fbfd;
  --purple: #54328f;
  --red: #e43040;
  --teal: #6bd5e9;
  --pink: #f2499e;
  --orange: #f07a5d;
  --coral: #e95c69;
  --yellow: #fff2de;
  --blue-100: #0083c3;
  --blue-200: #0093d0;
  --blue-300: #0668b3;
  --blue-400: #254c9f;
  --blue-500: #0c95ce;
  --blue-600: #d9ecf5;
  --brand-first: #0083c3;
  --brand-second: #0093d0;
  --brand-third: #0668b3;
  --brand-fourth: #254c9f;
  --brand-fifth: #ce4193;
  --brand-sixth: #e95c69;
  --brand-seventh: #f07a5d;
  --breakpoint-xss: 0;
  --breakpoint-xs: 480px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xll: 1500px;
  --breakpoint-xlll: 1750px;
  --font-family-sans-serif: "Helvetica Now Display", Arial, Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-symbol: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --title-color: #BFBFBF;
}

body {
  font-family: var(--font-family-sans-serif);
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  margin: 0;
  background-image: url("circles.svg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-color: var(--white);
}

img.logo {
  display: block;
  max-width: 167px;
  margin: 30px 30px 30px 0;
}

h1, h2 {
}

div.page {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -75%);
}

div.header-container {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

div.header-container img {
  display: block;
  margin: auto;
}

div.container {
  width: 500px;
  margin: auto;
  border: solid 1px #E9ECEF;
  border-radius: 1em;
  padding: 1em;
  background: rgba(255, 255, 255, 0.8);
}

div.message {
  margin: 1em 0em 0.5em 0em;
}

span.symbol {
  font-family: var(--font-family-symbol);
}
  
.error {
  border: solid 2pt var(--danger);
  border-radius: 0.5em;
  color: var(--danger);
  margin-left: 0em;
  margin-right: 0em;
  padding: 0.5em;
  display: block;
}

table {
  margin: 0.5em 0 0.5em 0;
}

.status {
  white-space: nowrap;
}

.fail {
  color: var(--danger);
}

.ok {
  color: var(--success);
}

.warn {
  color: var(--orange);
}

td {
  padding-left: 0em;
  padding-right: 1em;
/*  vertical-align: bottom;*/
}

ul.language {
  display: block;
  margin-top: 2em;
  padding: 0em;
}
  
ul.language li {
  display: inline;
  margin-left: 0em;
  margin-right: 0em;
  padding-left: 0em;
  padding-right: 1em;
  font-size: 80%;
}

div.address {
}

div.flashbox {
  border: solid 2pt;
  margin-left: 0em;
  padding: 0.5em;
  width: 95%;
}