/* CSS RESET */
a, article, aside, audio, b, canvas, caption, center, code, dd, del, details, div, dl, dt, embed,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, i, img, label, legend, li,
mark, menu, nav, ol, output, p, section, span, strong, sub, summary,
table, tbody, td, tfoot, th, thead, time, tr, u, ul, var, video {
   padding: 0;
   margin: 0;
}
article, aside, caption, details, figcaption, figure, footer, header, hgroup, label, legend, menu, nav, section {
   display: block;
}
a, audio, figure, form, h1, h2, h3, h4, h5, h6, img, mark, p, table, td, th, tr, video {
   padding: 0.2em;
}
/* CSS GENERAL */
html, body {
   height: 100%;
   margin: auto;
   font-family: Segoe UI,Roboto,Helvetica Neue,Arial, sans-serif;
}
body > .row {
   height: 100%;
}
.v-center {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
}
.logo{
   max-width: 40%;
}
.websiteBody {
   flex-direction: column;
   display:flex;
}
li {
   margin-left: calc(var(--bs-gutter-x) * .7);
}
#main-header {
}
#main-header * {
   text-decoration: none;
   color: white;
}
#main-header input {
   color: #212529; /* Black used from bootstrap */
   border-color: #212529; /* Black used from bootstrap */
}
#main-header input:hover {
   color: white;
   background-color: #212529; /* Black used from bootstrap */
}
#main-body {
   flex: 1 0 auto;
}
#main-body > *{
   padding-top: 0.5em;
   padding-bottom: 0.5em;
}
#main-menu {
   border-right: 1px solid black;
}
#main-content {
}
#main-footer {
   font-size: small;
}
#hostname {
   float: right;
}
header {
   font-weight: bold;
}
header *{
   font-weight: inherit;
}
hr{
   margin: 1em 0 !important;
}
input {
   width: 100%;
   font-size: medium;
}
.background-ost{
   background:#8c195f;
   color: white;
}
.hidden-div{
   display: none;
}
.error_message {
   color: red;
}
.required_field {
   display: inline;
   color: red;
}
.required_field_message {
   color: red;
   font-size: small;
}