body {
  margin: 0;
  padding: 0;
  background-color: #999999;
}

#body {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: auto;
}

a {
  text-decoration-line: none;
}

a:hover:not(.btn) {
  text-decoration-line: underline;
}

svg {
  pointer-events: none;
}

header {
  display: block;
  position: sticky;
  left: 0;
  overflow-x: hidden;
}

header h1 {
  font-family: "Century Gothic", sans-serif;
  font-size: 2.1875rem;
}

.form-control::placeholder {
  font-style: italic;
}

header .alert-success {
  background-color: #f5fff5;
}

.break { width: 100%; }

@media (min-width: 768px) {
  .break { display: none; }
}

#confname {
  color: #525252;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bg-black {
  background-color: #000000;
}

.d-flex-0 {
  display: flex;
}

.logo {
  max-width: 9rem;
  max-height: 5rem;
}