body {
  margin: 0;
  padding: 0.5rem;
}

:focus, :active, :visited {
  outline: none !important;
  box-shadow: none !important;
}

.cover-absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.grid-columns-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  align-items: center;
}
.grid-columns-2 .form-group + .form-group {
  margin-top: 0;
}

.grid-columns-3-1 {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 0.5rem;
  align-items: center;
}
.grid-columns-3-1 .form-group + .form-group {
  margin-top: 0;
}

.event-grid {
  border: solid 1px #808080;
}
.event-grid > div + div {
  border-top: solid 1px #808080;
}
.event-grid input.form-control {
  color: cornflowerblue;
}
.event-grid .btn {
  border-radius: 0 !important;
}
.event-grid .form-control {
  border: none !important;
  border-radius: 0 !important;
  white-space: nowrap;
}
.event-grid-header {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr 0fr 0fr;
  align-items: center;
}
.event-grid-data {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr 0fr 0fr 0fr;
  align-items: center;
}

.users-grid-pages {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 0.5rem;
}
.users-grid-pages > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  font-size: 0.8em;
  cursor: pointer;
  text-transform: uppercase;
  border: solid 1px #666;
}
.users-grid-users {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0.5rem;
}
.users-grid-users > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  font-size: 0.8em;
  border: solid 1px #444;
  white-space: nowrap;
  cursor: pointer;
}
.users-grid-users > div:hover {
  border: solid 1px #fff;
}

.mail-template {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0.5rem;
}
.mail-template-frame {
  position: absolute;
  left: 0.5rem;
  top: 100px;
  width: calc(100% - 1rem);
  height: calc(100% - 0.5rem - 100px);
  background-color: transparent;
  border: none;
}