/* TestMaker frontend palette. Admin settings override these values. */
:root {
  --tm5-gray-1: #e6e6e6;
  --tm5-gray-2: #d9d9d9;
  --tm5-gray-3: #737373;
  --tm5-gray-4: #f9f9f9;
  --tm5-success: #006630;
  --tm5-false: #b30b01;
  --tm5-blue: #005d9f;
  --tm5-light-blue: #01affc;
  --tm5-red: #db362c;
  --tm5-pink: #e4356a;
  --tm5-green: #059348;
  --tm5-yellow: #da9a2e;
  --tm5-primary-color: #363634;
  --tm5-primary-hover: color-mix(in srgb, var(--tm5-primary-color) 78%, #000);
  --tm5-blue-hover: color-mix(in srgb, var(--tm5-blue) 78%, #000);
  --tm5-success-bg: color-mix(in srgb, var(--tm5-success) 16%, #fff);
  --tm5-false-bg: color-mix(in srgb, var(--tm5-false) 10%, #fff);
  --tm5-red-bg: color-mix(in srgb, var(--tm5-red) 12%, #fff);
  --tm5-yellow-bg: color-mix(in srgb, var(--tm5-yellow) 18%, #fff);
  --tm5-light-blue-bg: color-mix(in srgb, var(--tm5-light-blue) 18%, #fff);
}

#intro {
  display: none;
}

/* Digitalkompetenz.nrw project mode: hide Moodle navigation chrome */
/* body.tm5-dk-project #nav-drawer,
body.tm5-dk-project .drawer,
body.tm5-dk-project .drawer-toggle,
body.tm5-dk-project .primary-navigation,
body.tm5-dk-project .secondary-navigation,
body.tm5-dk-project .navbar,
body.tm5-dk-project #page-header,
body.tm5-dk-project .breadcrumb,
body.tm5-dk-project .breadcrumb-nav,
body.tm5-dk-project .activity-navigation {
  display: none !important;
} */

body.tm5-dk-project #page-wrapper,
body.tm5-dk-project #page,
body.tm5-dk-project #page-content {
  margin: 0 !important;
  padding: 0 !important;
}

body.tm5-dk-project #page-content .row {
  margin: 0 !important;
}

body.tm5-dk-project #page-content .col-12,
body.tm5-dk-project #page-content .col-md-12 {
  padding: 0 !important;
}

/* TestMaker Color Classes */
.tm5-primary-bg {
  background-color: var(--tm5-primary-color) !important;
}

.tm5-primary-dark-bg {
  background-color: var(--tm5-primary-hover) !important;
}

.tm5-secondary-bg {
  background-color: var(--tm5-gray-3) !important;
}

.tm5-light-bg {
  background-color: var(--tm5-gray-4) !important;
}

.tm5-medium-bg {
  background-color: var(--tm5-gray-1) !important;
}

.tm5-primary-border {
  border-color: var(--tm5-primary-color) !important;
}

.tm5-border {
  border-color: var(--tm5-gray-2) !important;
}

.tm5-primary-text {
  color: var(--tm5-primary-color) !important;
}

.tm5-secondary-text {
  color: var(--tm5-gray-3) !important;
}

.tm5-secondary-button {
  background-color: var(--tm5-gray-4) !important;
  color: var(--tm5-primary-color) !important;
  border: 1px solid var(--tm5-gray-2) !important;
}

.tm5-secondary-button:hover {
  background-color: var(--tm5-gray-1) !important;
  color: var(--tm5-primary-color) !important;
}