body {
  min-height: 100vh;
  background-image: linear-gradient(to bottom right, #353828, #53583e  );
  color: white;
}

.modal-header,
.bg-theme,
.card-header{
  background: #353828;
  color: white;
}

.text-theme,
.modal-body,
.card-body {
  color: #353828;
}

.card-body p:last-of-type {
  margin: 0!important;
}

.btn-block {
  display: block;
  width: 100%;
  text-align: center;
}

.modal-header .btn-close{
  filter: invert(1) grayscale(100%) brightness(200%);
}

.modal-content {
  border-color: #353828!important;
}

.btn-theme {
  border-color: #353828;
  background: #53583e;
  color: white;
}

.btn-theme:hover,
.btn-theme:focus-visible{
  background: #353828;
  color: white;
}

.btn-outline-theme {
  border-color: #353828;
  background: white;
  color: #53583e;
}

.btn-outline-theme:hover,
.btn-outline-theme:focus-visible{
  background: #53583e;
  color: white;
}

.btn-theme.disabled, .btn-theme:disabled, fieldset:disabled .btn-theme {
  background-color: #afb597;
  border-color: #98a079;
  color: #353828;
  cursor: not-allowed!important;
}

.offcanvas.show .offcanvas-body,
.offcanvas.showing .offcanvas-body{
  background-image: linear-gradient(to bottom right, #353828, #53583e  );
}

.pointer {
  cursor: pointer;
}

.nav-link {
  margin: 0 1rem;
}

.border-theme {
  border-color: #353828!important;
}

.hide-me {
  display: none;
}

.grayscale {
  filter: grayscale(100%);
}

/* #qr-reader__dashboard, */
#html5-qrcode-anchor-scan-type-change {
  display: none!important;
}