html {
  font-size: 12pt;
  background: url("images/office.jpg") 0% 0% / cover;
}

body {
  font-size: 12pt;
  width: 500px;
  background: none !important;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
}

.card-body {
  display: flex;
  flex-direction: column;
}

body .card-body > .container {
  order: 2;
  padding-inline: 0;
}

body .card-body > .container .navbar {
  border-radius: 6px;
  background-color: #d1e7dd !important;
}

.captcha {
  padding-top: 0 !important;
  margin-bottom: 5px !important;
}

a, a:hover {
  text-decoration: none;
}

.card {
  background-color:#fff;
  background-color:rgba(255,255,255,0.8);
}

img.menu-logo {
  display: inline;
  height: 25px;
}

.table {
  margin-bottom: 0;
}

.display img {
  margin-bottom: 20px;
}

div#footer {
  position:fixed;
  bottom:0;
  background-color:#fff;
  background-color:rgba(255,255,255,0.8);
  text-align:center;
  padding:5px;
  width:100%;
  display:none;
}

textarea#sshkey {
  font-family: monospace;
  word-break: break-all;
  resize: vertical;
  min-height: 10em;
}