:root {
    --font-family-sans-serif: "Roboto", "Helvetica", "Arial", sans-serif;
}

body {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    background-color: #f8f9fa;
}

body .btn-primary {
  color: #ffffff;
  background-color: #8e7cc3;
  border-color: #674ea7;
}

body .btn-primary:hover {
  color: #ffffff;
  background-color: #b4a7d6;
  border-color: #674ea7;
}

body .btn-primary:focus, body .btn-primary.focus {
  color: #ffffff;
  background-color: #674ea7;
  border-color: #674ea7;
  box-shadow: 0 0 0 0.2rem rgba(61, 127, 255, 0.5);
}
body .btn-primary.disabled, body .btn-primary:disabled {
  color: #ffffff;
  background-color: #674ea7;
  border-color: #b4a7d6;

}
body .btn-primary:not(:disabled):not(.disabled):active, body .btn-primary:not(:disabled):not(.disabled).active,
body .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #674ea7;
  border-color: #674ea7;
}
body .btn-primary:not(:disabled):not(.disabled):active:focus, body .btn-primary:not(:disabled):not(.disabled).active:focus,
body .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(61, 127, 255, 0.5);
}

body .btn-secondary {
  color: #ffffff;
  background-color: #8e7cc3;
  border-color: #b4a7d6;
}

body .btn-secondary:hover {
  color: #ffffff;
  background-color: #b4a7d6;
  border-color: #545b62;
}

body .btn-secondary:focus, body .btn-secondary.focus {
  color: #ffffff;
  background-color: #8e7cc3;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

body .btn-secondary.disabled, body .btn-secondary:disabled {
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}

body .btn-secondary:not(:disabled):not(.disabled):active, body .btn-secondary:not(:disabled):not(.disabled).active,
body .show > .btn-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: #545b62;
  border-color: #4e555b;
}

body .btn-secondary:not(:disabled):not(.disabled):active:focus, body .btn-secondary:not(:disabled):not(.disabled).active:focus,
body .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

body .tooltip {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

body .popover {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

body .bg-primary {
  background-color: #8e7cc3!important;
}

body a.bg-primary:hover, body a.bg-primary:focus,
body button.bg-primary:hover,
body button.bg-primary:focus {
  background-color: #674ea7 !important;
}

body .bg-secondary {
  background-color: #8e7cc3 !important;
}

body a.bg-secondary:hover, body a.bg-secondary:focus,
body button.bg-secondary:hover,
body button.bg-secondary:focus {
  background-color: #b4a7d6 !important;
}

body .gauge-container > .gauge .value-text {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

body .uppy-Root {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

body .uppy-ProviderBrowser-searchInput {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

.center-logo {
    justify-content: center;
}

#leftSidebar .navbar {
    --mdb-navbar-box-shadow: none
}

.btn.rounded-circle {
  display: flex;
  align-items: center;
  justify-content: center;
}

a.circle, button.circle {
  background-color: #8e7cc3 !important;
}