html, body {
  background-color: #171717;
  color: #E7E7E7;
  font-size: 1rem;
  font-family: Helvetica, Arial, serif;
  /*  Disable zooming */
  touch-action: manipulation; /* prevents double-tap zoom in some cases */
  -webkit-text-size-adjust: 100%; /* disables font auto-scaling on iOS */
}

/* Prevent iOS zoom on focus */
input, textarea, select {
  font-size: 1.2rem;
}

body a {
  color: #E96F3C;
}

/* Brand color */
.bg-brand {
  background-color: #E96F3C;
}

.text-brand {
  color: #E96F3C;
}

.btn-brand {
  background-color: #E96F3C;
  border-color: #E96F3C;
  color: #171717;
}

/* End brand color */


/* Overwrite admin-kit theme various directives  */
.bg-brand .navbar-brand {
  color: #212529;
}

.bg-brand .nav-link {
  color: #212529;
}

.bg-brand .navbar-toggler {
  color: #212529;
  border-color: #212529;
}

.form-control {
  background-color: #ced4da;
}

.form-control,
.btn {
  font-size: 1.2rem;
}

/* End overwrite */


.fullscreen-center {
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.parcel-container {
  font-size: 1.3em;
}

.parcel-item {
  display: grid;
  grid-template-columns: 1fr 3fr 0.5fr;
  padding: 1rem;
  background-color: #212529;
  border-bottom: solid 1px #171717;
}

.parcel-item:first-child,
.parcel-item:last-child {
  padding-top: 2.4rem;
}

.item-unchecked {
  color: #171717;
}

.item-checked {
  color: green;
}

/* Change border color of Element Focus */
div:focus {
  /*outline: none; !* optional, removes default focus ring *!*/
  outline: 1px dotted #E96F3C; /* change to desired color */
}

.toast-overlay {
  position: fixed;
  top: 70%;
  width: 100%;
  z-index: 9999;
  text-align: center;
}

.toast-overlay .toast {
  width: 100%;
  margin: 0 auto;
  animation: slide-up 0.4s ease-out;
}


@keyframes slide-up {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}