body {
  background: #FFFFDC;
  background: radial-gradient(circle, #efebdc 100%, rgba(255,255,255, 1) 100%);
}

.color-input {
  width: 4rem !important;
}

.form-control-color {
  width: 7rem !important;
}

.raised {
  justify-content: flex-start !important;
  padding-top: 8vh;
  transition: padding-top 200ms;
}

.btn:hover {
  border: 1px solid #000;
}

.text-mode-select {
  min-width: 5rem !important;
  flex: 0 0 auto !important;   
}

.hex-input {
  width: 12rem !important;
}

hr {
margin-top: 0 !important;
}

.large-text {
  font-size: 18px !important;
}

.nav-link {
  color: #000 !important;
  
}

.nav-link.active {
  background-color: #fff !important;
}

.nav-link:hover {
  background-color: gray !important;
}

.nav-item {
  margin: 1rem !important;
  margin-bottom: 0 !important;
}

#reports {
  display: block !important;
  position: static !important;
  transform: none !important;
  overflow: visible !important;
}

.pdf-mode .w-50 {
  width: 100% !important;
}

.pdf-mode [class*="mx-"] {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.pdf-mode .w-50.d-flex {
  display: flex !important;
  flex-direction: row !important;
}

.pdf-mode #reports.d-flex {
  display: block !important;
}

.max-min-width {
  max-width: 25% !important;
  min-width: 25% !important;
}