@font-face {
   font-family: 'headlinefont';
   src: url("/assets/Format_1452-d9703265.woff2") format('woff2');
}

@font-face {
  font-family: 'brotfont';
  src: url("/assets/rubik-v31-latin-regular-b8bac5cb.woff2") format('woff2');
}
@font-face {
  font-family: 'brotfett';
  src: url("/assets/rubik-v31-latin-500-3fef7420.woff2") format('woff2');
}

body {
  font-family: 'brotfont';
}

#body_centered {
display: inline-block;
margin: auto;
height: 100%;
margin: 0 10%;
}

img {
  float: left;
  margin: 0px 10px 0px 0px;
}

.headline_box {
  vertical-align: middle;
  display: inline-flex;
}

.warn {  color: red; }
.green {  color: green; }
.degraded { color: grey; }

th {
  text-align: left;
  background-color: #e9e4ff;
}

td.center {
  text-align: center;
}

td.action {
  text-align: center;
  display: flex;
}

label {
  font-family: 'brotfett';
  font-size: 9pt;
}

#container {
    text-align: center;
    display: flex;
}

.float {
    display:inline-block;
    /* float:left; */
    text-align: left;
    margin: 0px 30px 0px 0px;
    vertical-align:top;
}

.float_rest {
    display:inline-block;
    float:right;
    text-align: right;
    margin: 0px 30px 0px 0px;
    vertical-align:top;
    width: 100%
}

.float_right {
    display:inline-block;
    float:left;
    text-align: right;
    margin: 0px 30px 0px 0px;
    vertical-align:top;
    width: 400px;
}

h1 {
  font-family: 'headlinefont';
  color: indigo;
}

h2 {
  margin-block-start: 0.2em;
  margin-block-end: 0.2em;
  font-family: 'headlinefont';
  color: indigo;
}

h3 {
  margin-block-start: 0.2em;
  margin-block-end: 0.1em;
  font-family: 'headlinefont';
  color: indigo;
}

hr {
   height: 4px;
   background: indigo;
   margin-top: 2px;
}

.fett {
  font-family: 'brotfett';
  height: 10px;
}

.light {
   height: 3px;
}

.indentedtext
{
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
}

.indentedimage
{
  margin-bottom: 5px;
  display: inline-block;
}

#wrapper { display: flex; }

.bs {
   margin: 10px;
   padding: 10px;
   display: inline-block;
   background-color: #e9e4ff;
   border-width: 3px;
   border-color: indigo;
   box-sizing: border-box;
   border-style: solid;
   text-align: left;
}
.quarter {
  width: 25%
}
.third {
  width: 33%
}
.half {
  width: 50%
}

.flex_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex_container_col {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex_left {
  display: flex;
  justify-content: flex-start;
}

.flex_right {
  justify-content: flex-end;
  text-align: right;
}

.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tagcloud_size1 {
  font-family: 'brotfett';
  font-size: 9pt; }
.tagcloud_size2 {
  font-family: 'brotfett';
  font-size: 14pt; }
.tagcloud_size3 {
  font-family: 'brotfett';
  font-size: 18pt; }
.tagcloud_size4 {
  font-family: 'brotfett';
  font-size: 22pt; }