html {
  height: 100vh;
}

body {
  /* font: 16px "Lucida Grande", Helvetica, Arial, sans-serif; */
  min-height: 100%;
  position: relative;
}

body > .container {
  min-height: 100vh;
}

td, th {
  vertical-align: middle !important;
}

#main-menu {
  background-color: rgba(40, 167, 69, 0.8) !important;
  backdrop-filter: blur(3px);
}

.container > .row {
  padding-top: 20px;
}

.color-dot {
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
}

.active-row {
  background-color: lightgoldenrodyellow;
}

.td-icon {
  margin-top: -5px;
  width: 16px;
  height: 16px;
}

.template-text {
  background-color: oldlace;
  word-spacing: 0.2em;
}