@charset "UTF-8";
/**
 * All the styles for Query Monitor.
 *
 * @package query-monitor
 */
#query-monitor-main {
  --qm-container-fg: #333;
  --qm-container-bg: #f3f3f3;
  --qm-container-overflow: #ececec;
  --qm-panel-border: #aaa;
  --qm-panel-fg: #333;
  --qm-panel-bg: #fff;
  --qm-panel-separator: #ddd;
  --qm-panel-menu-border: #ddd;
  --qm-panel-menu-fg: #333;
  --qm-panel-menu-bg: #f3f3f3;
  --qm-panel-menu-fg-hover: #333;
  --qm-panel-menu-bg-hover: #cde;
  --qm-panel-menu-fg-current: #333;
  --qm-panel-menu-bg-current: #def;
  --qm-panel-menu-bg-current-focus: #f7fbff;
  --qm-panel-menu-fg-selected: #fff;
  --qm-panel-menu-bg-selected: #0073aa;
  --qm-panel-menu-bg-selected-focus: #0084c4;
  --qm-panel-menu-shadow: #006291;
  --qm-cell-border: #e0e0e0;
  --qm-cell-bg-hover: #eef3fa;
  --qm-cell-fg-highlight: #333;
  --qm-cell-bg-highlight: #ffd;
  --qm-cell-bg-highlight-dark: #ffffaa;
  --qm-cell-bg-stripe: #f9f9f9;
  --qm-table-header-bg: #fff;
  --qm-table-footer-bg: #f3f3f3;
  --qm-link-fg: #0073aa;
  --qm-link-fg-hover: #0096dd;
  --qm-link-fg-active: #11b2ff;
  --qm-button-fg: #fff;
  --qm-button-bg: #007cba;
  --qm-button-fg-hover: #fff;
  --qm-button-bg-hover: #0072ab;
  --qm-button-fg-active: #fff;
  --qm-button-bg-active: #00689b;
  --qm-title-button-fg: #666;
  --qm-title-button-bg: transparent;
  --qm-title-button-fg-hover: #000;
  --qm-title-button-bg-hover: #e6e6e6;
  --qm-info-fg: #666;
  --qm-warn-fg: #900;
  --qm-warn-bg: #fff0f0;
  --qm-warn-bg-dark: #ffe8e8;
  --qm-warn-border: #ffd6d6;
  --qm-nonselect-fg: #a0a;
  --qm-selection-fg: #333;
  --qm-selection-bg: #B9D6FB;
}

@media (prefers-color-scheme: dark) {
  #query-monitor-main[data-theme=auto] {
    --qm-container-fg: #eaeef2;
    --qm-container-bg: #32373c;
    --qm-container-overflow: #23282d;
    --qm-panel-border: #50626f;
    --qm-panel-fg: #eaeef2;
    --qm-panel-bg: #23282d;
    --qm-panel-separator: #50626f;
    --qm-panel-menu-border: #32373c;
    --qm-panel-menu-fg: #eaeef2;
    --qm-panel-menu-bg: #23282d;
    --qm-panel-menu-fg-hover: #bbc8d4;
    --qm-panel-menu-bg-hover: #3e444a;
    --qm-panel-menu-fg-current: #eaeef2;
    --qm-panel-menu-bg-current: #32373c;
    --qm-panel-menu-bg-current-focus: #3e444a;
    --qm-panel-menu-fg-selected: #fff;
    --qm-panel-menu-bg-selected: #0073aa;
    --qm-panel-menu-bg-selected-focus: #0084c4;
    --qm-panel-menu-shadow: #006291;
    --qm-cell-border: #23282d;
    --qm-cell-bg-hover: #373c42;
    --qm-cell-fg-highlight: #eaeef2;
    --qm-cell-bg-highlight: #57572a;
    --qm-cell-bg-highlight-dark: #353519;
    --qm-cell-bg-stripe: #32373c;
    --qm-table-header-bg: #32373c;
    --qm-table-footer-bg: #32373c;
    --qm-link-fg: #30ceff;
    --qm-link-fg-hover: #4092d2;
    --qm-link-fg-active: #69aadc;
    --qm-button-fg: #fff;
    --qm-button-bg: #0085ba;
    --qm-button-fg-hover: #fff;
    --qm-button-bg-hover: #007aab;
    --qm-button-fg-active: #fff;
    --qm-button-bg-active: #006f9b;
    --qm-title-button-fg: #bbc8d4;
    --qm-title-button-bg: transparent;
    --qm-title-button-fg-hover: #32373c;
    --qm-title-button-bg-hover: #bbc8d4;
    --qm-info-fg: #aaa;
    --qm-warn-fg: #fff0f0;
    --qm-warn-bg: #622;
    --qm-warn-bg-dark: #6c2424;
    --qm-warn-border: #ffd6d6;
    --qm-nonselect-fg: #a6a;
    --qm-selection-fg: #32373c;
    --qm-selection-bg: #B9D6FB;
  }
}
#query-monitor-main[data-theme=dark] {
  --qm-container-fg: #eaeef2;
  --qm-container-bg: #32373c;
  --qm-container-overflow: #23282d;
  --qm-panel-border: #50626f;
  --qm-panel-fg: #eaeef2;
  --qm-panel-bg: #23282d;
  --qm-panel-separator: #50626f;
  --qm-panel-menu-border: #32373c;
  --qm-panel-menu-fg: #eaeef2;
  --qm-panel-menu-bg: #23282d;
  --qm-panel-menu-fg-hover: #bbc8d4;
  --qm-panel-menu-bg-hover: #3e444a;
  --qm-panel-menu-fg-current: #eaeef2;
  --qm-panel-menu-bg-current: #32373c;
  --qm-panel-menu-bg-current-focus: #3e444a;
  --qm-panel-menu-fg-selected: #fff;
  --qm-panel-menu-bg-selected: #0073aa;
  --qm-panel-menu-bg-selected-focus: #0084c4;
  --qm-panel-menu-shadow: #006291;
  --qm-cell-border: #23282d;
  --qm-cell-bg-hover: #373c42;
  --qm-cell-fg-highlight: #eaeef2;
  --qm-cell-bg-highlight: #57572a;
  --qm-cell-bg-highlight-dark: #353519;
  --qm-cell-bg-stripe: #32373c;
  --qm-table-header-bg: #32373c;
  --qm-table-footer-bg: #32373c;
  --qm-link-fg: #30ceff;
  --qm-link-fg-hover: #4092d2;
  --qm-link-fg-active: #69aadc;
  --qm-button-fg: #fff;
  --qm-button-bg: #0085ba;
  --qm-button-fg-hover: #fff;
  --qm-button-bg-hover: #007aab;
  --qm-button-fg-active: #fff;
  --qm-button-bg-active: #006f9b;
  --qm-title-button-fg: #bbc8d4;
  --qm-title-button-bg: transparent;
  --qm-title-button-fg-hover: #32373c;
  --qm-title-button-bg-hover: #bbc8d4;
  --qm-info-fg: #aaa;
  --qm-warn-fg: #fff0f0;
  --qm-warn-bg: #622;
  --qm-warn-bg-dark: #6c2424;
  --qm-warn-border: #ffd6d6;
  --qm-nonselect-fg: #a6a;
  --qm-selection-fg: #32373c;
  --qm-selection-bg: #B9D6FB;
}

#wpadminbar .quicklinks .menupop ul li.qm-true > a {
  color: #8c8 !important;
}
#wpadminbar .quicklinks .menupop ul li.qm-true > a:focus, #wpadminbar .quicklinks .menupop ul li.qm-true > a:hover {
  color: #47a747 !important;
}
#wpadminbar #wp-admin-bar-query-monitor-doing_it_wrong a,
#wpadminbar #wp-admin-bar-query-monitor-stricts a,
#wpadminbar #wp-admin-bar-query-monitor-deprecateds a,
#wpadminbar #wp-admin-bar-query-monitor-notices a,
#wpadminbar .qm-strict,
#wpadminbar .qm-deprecated,
#wpadminbar .qm-notice {
  background-color: #740;
}
#wpadminbar #wp-admin-bar-query-monitor-doing_it_wrong a:focus, #wpadminbar #wp-admin-bar-query-monitor-doing_it_wrong a:hover,
#wpadminbar #wp-admin-bar-query-monitor-stricts a:focus,
#wpadminbar #wp-admin-bar-query-monitor-stricts a:hover,
#wpadminbar #wp-admin-bar-query-monitor-deprecateds a:focus,
#wpadminbar #wp-admin-bar-query-monitor-deprecateds a:hover,
#wpadminbar #wp-admin-bar-query-monitor-notices a:focus,
#wpadminbar #wp-admin-bar-query-monitor-notices a:hover,
#wpadminbar .qm-strict:focus,
#wpadminbar .qm-strict:hover,
#wpadminbar .qm-deprecated:focus,
#wpadminbar .qm-deprecated:hover,
#wpadminbar .qm-notice:focus,
#wpadminbar .qm-notice:hover {
  background-color: #5e3500;
}
#wpadminbar #wp-admin-bar-query-monitor-expensive a,
#wpadminbar .qm-expensive {
  background-color: #b60;
}
#wpadminbar #wp-admin-bar-query-monitor-expensive a:focus, #wpadminbar #wp-admin-bar-query-monitor-expensive a:hover,
#wpadminbar .qm-expensive:focus,
#wpadminbar .qm-expensive:hover {
  background-color: #a25800;
}
#wpadminbar .qm-alert {
  background-color: #f60;
}
#wpadminbar #wp-admin-bar-query-monitor-logger-warning a,
#wpadminbar #wp-admin-bar-query-monitor-warnings a,
#wpadminbar #wp-admin-bar-query-monitor-errors a,
#wpadminbar .qm-error,
#wpadminbar .qm-warning {
  background-color: #c00;
}
#wpadminbar #wp-admin-bar-query-monitor-logger-warning a:focus, #wpadminbar #wp-admin-bar-query-monitor-logger-warning a:hover,
#wpadminbar #wp-admin-bar-query-monitor-warnings a:focus,
#wpadminbar #wp-admin-bar-query-monitor-warnings a:hover,
#wpadminbar #wp-admin-bar-query-monitor-errors a:focus,
#wpadminbar #wp-admin-bar-query-monitor-errors a:hover,
#wpadminbar .qm-error:focus,
#wpadminbar .qm-error:hover,
#wpadminbar .qm-warning:focus,
#wpadminbar .qm-warning:hover {
  background-color: #b30000;
}
#wpadminbar #wp-admin-bar-query-monitor .ab-icon {
  color: #aaa !important;
  display: none !important;
  font: 18px/44px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  padding: 0 10px !important;
  width: auto !important;
}
@media screen and (max-width: 782px) {
  #wpadminbar #wp-admin-bar-query-monitor .ab-icon {
    display: block !important;
  }
  #wpadminbar #wp-admin-bar-query-monitor .ab-label {
    display: none !important;
  }
}

#wp-admin-bar-query-monitor *,
#wp-admin-bar-query-monitor {
  direction: ltr !important;
  text-align: left !important;
}

body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover):not(.hover) .ab-label,
#wp-admin-bar-query-monitor-default .qm-alert a,
#wp-admin-bar-query-monitor-default .qm-error a,
#wp-admin-bar-query-monitor-default .qm-warning a,
#wp-admin-bar-query-monitor-doing_it_wrong a,
#wp-admin-bar-query-monitor-deprecateds a,
#wp-admin-bar-query-monitor-stricts a,
#wp-admin-bar-query-monitor-notices a,
#wp-admin-bar-query-monitor-expensive a,
#wp-admin-bar-query-monitor-logger-warning a,
#wp-admin-bar-query-monitor-warnings a,
#wp-admin-bar-query-monitor-errors a {
  color: #eee !important;
}

#wp-admin-bar-query-monitor small {
  font-size: 11px !important;
}

#wp-admin-bar-query-monitor.hover a small,
#wp-admin-bar-query-monitor.hover a .ab-label {
  text-shadow: none !important;
}

#wp-admin-bar-query-monitor-placeholder,
#wp-admin-bar-query-monitor-default {
  display: none;
}

#qm-icon-container {
  display: none !important;
}

#query-monitor-main dl,
#query-monitor-main dt,
#query-monitor-main dd,
#query-monitor-main button,
#query-monitor-main caption,
#query-monitor-main label,
#query-monitor-main select,
#query-monitor-main table,
#query-monitor-main td,
#query-monitor-main th,
#query-monitor-main ul,
#query-monitor-main ol,
#query-monitor-main li,
#query-monitor-main code,
#query-monitor-main pre,
#query-monitor-main a,
#query-monitor-main h1,
#query-monitor-main h2,
#query-monitor-main h3,
#query-monitor-main h4,
#query-monitor-main h5,
#query-monitor-main h6,
#query-monitor-main section,
#query-monitor-main nav,
#query-monitor-main p {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  clear: both !important;
  color: var(--qm-container-fg) !important;
  float: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  font-size: 12px !important;
  -webkit-font-smoothing: auto !important;
  font-style: normal !important;
  font-weight: normal !important;
  letter-spacing: -0.1px !important;
  line-height: 18px !important;
  margin: 0 !important;
  min-height: auto !important;
  outline: none !important;
  padding: 0 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  transition: none !important;
  vertical-align: baseline !important;
  word-break: normal !important;
  word-wrap: normal !important;
  width: auto !important;
}
#query-monitor-main dl::before, #query-monitor-main dl::after,
#query-monitor-main dt::before,
#query-monitor-main dt::after,
#query-monitor-main dd::before,
#query-monitor-main dd::after,
#query-monitor-main button::before,
#query-monitor-main button::after,
#query-monitor-main caption::before,
#query-monitor-main caption::after,
#query-monitor-main label::before,
#query-monitor-main label::after,
#query-monitor-main select::before,
#query-monitor-main select::after,
#query-monitor-main table::before,
#query-monitor-main table::after,
#query-monitor-main td::before,
#query-monitor-main td::after,
#query-monitor-main th::before,
#query-monitor-main th::after,
#query-monitor-main ul::before,
#query-monitor-main ul::after,
#query-monitor-main ol::before,
#query-monitor-main ol::after,
#query-monitor-main li::before,
#query-monitor-main li::after,
#query-monitor-main code::before,
#query-monitor-main code::after,
#query-monitor-main pre::before,
#query-monitor-main pre::after,
#query-monitor-main a::before,
#query-monitor-main a::after,
#query-monitor-main h1::before,
#query-monitor-main h1::after,
#query-monitor-main h2::before,
#query-monitor-main h2::after,
#query-monitor-main h3::before,
#query-monitor-main h3::after,
#query-monitor-main h4::before,
#query-monitor-main h4::after,
#query-monitor-main h5::before,
#query-monitor-main h5::after,
#query-monitor-main h6::before,
#query-monitor-main h6::after,
#query-monitor-main section::before,
#query-monitor-main section::after,
#query-monitor-main nav::before,
#query-monitor-main nav::after,
#query-monitor-main p::before,
#query-monitor-main p::after {
  display: none !important;
}
#query-monitor-main {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  clear: both !important;
  color: var(--qm-container-fg) !important;
  float: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  font-size: 12px !important;
  -webkit-font-smoothing: auto !important;
  font-style: normal !important;
  font-weight: normal !important;
  letter-spacing: -0.1px !important;
  line-height: 18px !important;
  margin: 0 !important;
  min-height: auto !important;
  outline: none !important;
  padding: 0 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  transition: none !important;
  vertical-align: baseline !important;
  word-break: normal !important;
  word-wrap: normal !important;
  background: var(--qm-panel-bg) !important;
  border-top: 1px solid var(--qm-panel-border) !important;
  bottom: 0 !important;
  contain: layout paint;
  direction: ltr !important;
  display: none;
  left: 0 !important;
  margin: 0 !important;
  position: fixed;
  right: 0 !important;
  text-align: left !important;
  z-index: 99998 !important;
}
#query-monitor-main::before, #query-monitor-main::after {
  display: none !important;
}
#query-monitor-main ::selection {
  background-color: var(--qm-selection-bg) !important;
  color: var(--qm-selection-fg) !important;
}
#query-monitor-main strong,
#query-monitor-main b {
  font-weight: bold !important;
}
#query-monitor-main em,
#query-monitor-main i {
  font-style: italic !important;
}
#query-monitor-main.qm-show, #query-monitor-main.qm-peek {
  display: flex;
  flex-direction: column !important;
  height: 27px;
}
#query-monitor-main.qm-show {
  height: 60%;
  width: 60%;
}
#query-monitor-main:not(.qm-show-right) {
  width: 100% !important;
}
#query-monitor-main.qm-show-right {
  height: calc( 100vh - 32px ) !important;
  top: 32px !important;
  left: unset !important;
  border-top: 0 !important;
  border-left: 1px solid var(--qm-panel-border) !important;
}
#query-monitor-main.qm-show-right #qm-panel-menu,
#query-monitor-main.qm-show-right #qm-title h1.qm-title-heading {
  display: none;
}
#query-monitor-main.qm-show-right #qm-title div.qm-title-heading {
  display: block;
}
#query-monitor-main.qm-show-right #qm-title {
  cursor: default !important;
}
#query-monitor-main.qm-show-right #qm-side-resizer {
  background: transparent !important;
  cursor: ew-resize !important;
  display: block !important;
  height: 100% !important;
  position: absolute !important;
  left: -2px !important;
  top: 0 !important;
  width: 4px !important;
  z-index: 2 !important;
}
#query-monitor-main.qm-show-right.qm-peek {
  height: 100vh !important;
  top: 0 !important;
}
#query-monitor-main #qm-wrapper {
  display: flex;
  flex-grow: 1 !important;
  /* Fix nested scrolling in Firefox. See https://bugzilla.mozilla.org/show_bug.cgi?id=1043520: */
  min-height: 0;
}
#query-monitor-main #qm-title {
  align-items: center !important;
  background: var(--qm-container-bg) !important;
  border-bottom: 1px solid var(--qm-panel-border) !important;
  cursor: ns-resize !important;
  display: flex !important;
  flex-shrink: 0 !important;
  height: 27px !important;
  padding: 0 0 0 10px !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}
#query-monitor-main #qm-title .qm-title-heading {
  border-right: 1px solid #bbb !important;
  flex-grow: 1 !important;
  margin-right: 6px !important;
}
#query-monitor-main #qm-title div.qm-title-heading {
  display: none;
}
#query-monitor-main #qm-title .qm-title-button {
  flex-shrink: 0 !important;
}
#query-monitor-main #qm-title .qm-icon {
  display: inline-block !important;
  height: 20px !important;
  width: 20px !important;
  fill: var(--qm-title-button-fg) !important;
}
#query-monitor-main #qm-title .qm-button-container-close {
  margin-right: 10px !important;
}
#query-monitor-main #qm-title .qm-button-container-close .qm-icon {
  margin: 4px 0 0 !important;
  width: 18px !important;
  height: 18px !important;
}
#query-monitor-main #qm-title .qm-button-container-position {
  transform: scaleX(-1) rotate(90deg) !important;
  padding-top: 5px !important;
}
#query-monitor-main #qm-title .qm-button-container-position .qm-icon {
  width: 14px !important;
  height: 14px !important;
}
#query-monitor-main #qm-title .qm-button-container-settings .qm-icon {
  margin: 4px 0 0 !important;
  width: 16px !important;
  height: 16px !important;
}
@media screen and (max-width: 960px) {
  #query-monitor-main #qm-title .qm-button-container-position {
    display: none !important;
  }
}
#query-monitor-main #qm-title button {
  background: var(--qm-title-button-bg) !important;
  cursor: pointer !important;
  display: inline-block !important;
  margin: 0 !important;
  min-width: auto !important;
  padding: 0 5px !important;
}
#query-monitor-main #qm-title button:focus *,
#query-monitor-main #qm-title button:hover *,
#query-monitor-main #qm-title button:focus,
#query-monitor-main #qm-title button:hover {
  background: var(--qm-title-button-bg-hover) !important;
}
#query-monitor-main #qm-title button:focus * svg,
#query-monitor-main #qm-title button:hover * svg,
#query-monitor-main #qm-title button:focus svg,
#query-monitor-main #qm-title button:hover svg {
  fill: var(--qm-title-button-fg-hover) !important;
}
#query-monitor-main #qm-title button:active *,
#query-monitor-main #qm-title button:active {
  background: #ccc !important;
}
#query-monitor-main.qm-show-right #qm-title .qm-button-container-position .qm-icon {
  margin: 4px 1px 0 1px !important;
  transform: none !important;
}
#query-monitor-main .qm {
  display: none !important;
}
#query-monitor-main #qm-panel-menu {
  background: var(--qm-container-overflow) !important;
  flex-shrink: 0 !important;
  overflow-y: scroll !important;
  overscroll-behavior: contain !important;
  height: auto !important;
  min-width: 160px !important;
}
#query-monitor-main #qm-panel-menu ul {
  display: block !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}
#query-monitor-main #qm-panel-menu li {
  display: list-item !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}
#query-monitor-main #qm-panel-menu li ul {
  display: none !important;
}
#query-monitor-main #qm-panel-menu li button {
  background: var(--qm-panel-menu-bg) !important;
  border-bottom: 1px solid var(--qm-panel-menu-border) !important;
  border-right: 1px solid var(--qm-panel-border) !important;
  color: var(--qm-panel-menu-fg) !important;
  cursor: pointer !important;
  display: block !important;
  padding: 7px 32px 7px 10px !important;
  position: relative !important;
  text-decoration: none !important;
  width: 100% !important;
}
#query-monitor-main #qm-panel-menu li button:focus,
#query-monitor-main #qm-panel-menu li button:hover {
  background: var(--qm-panel-menu-bg-hover) !important;
  color: var(--qm-panel-menu-fg-hover) !important;
}
#query-monitor-main #qm-panel-menu li button:focus {
  text-decoration: underline !important;
}
#query-monitor-main #qm-panel-menu li button:active {
  text-decoration: none !important;
  background: var(--qm-panel-menu-bg-selected) !important;
  color: var(--qm-panel-menu-fg-selected) !important;
  text-shadow: 0 -1px 1px var(--qm-panel-menu-shadow), 1px 0 1px var(--qm-panel-menu-shadow), 0 1px 1px var(--qm-panel-menu-shadow), -1px 0 1px var(--qm-panel-menu-shadow) !important;
}
#query-monitor-main #qm-panel-menu li.qm-current-menu ul {
  display: block !important;
}
#query-monitor-main #qm-panel-menu li.qm-current-menu button {
  background: var(--qm-panel-menu-bg-current) !important;
  color: var(--qm-panel-menu-fg-current) !important;
}
#query-monitor-main #qm-panel-menu li.qm-current-menu button:focus {
  background: var(--qm-panel-menu-bg-current-focus) !important;
  color: var(--qm-panel-menu-fg-current) !important;
}
#query-monitor-main #qm-panel-menu li.qm-current-menu button:hover {
  background: var(--qm-panel-menu-bg-hover) !important;
  color: var(--qm-panel-menu-fg-hover) !important;
}
#query-monitor-main #qm-panel-menu li li button::before {
  content: "└" !important;
  display: inline-block !important;
  margin-right: 5px !important;
}
#query-monitor-main #qm-panel-menu li button[aria-selected=true] {
  background: var(--qm-panel-menu-bg-selected) !important;
  color: var(--qm-panel-menu-fg-selected) !important;
  text-shadow: 0 -1px 1px var(--qm-panel-menu-shadow), 1px 0 1px var(--qm-panel-menu-shadow), 0 1px 1px var(--qm-panel-menu-shadow), -1px 0 1px var(--qm-panel-menu-shadow) !important;
}
#query-monitor-main #qm-panel-menu li button[aria-selected=true]:focus {
  background: var(--qm-panel-menu-bg-selected-focus) !important;
  color: var(--qm-panel-menu-fg-selected) !important;
}
#query-monitor-main #qm-panel-menu li button[aria-selected=true]:hover {
  background: var(--qm-panel-menu-bg-selected) !important;
  color: var(--qm-panel-menu-fg-selected) !important;
}
#query-monitor-main #qm-panel-menu li button[aria-selected=true]:after {
  border: solid 8px transparent;
  border-right-color: var(--qm-panel-bg);
  content: " ";
  display: inline-block !important;
  height: 0;
  margin-top: -8px;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: 50%;
  width: 0;
}
#query-monitor-main #qm-panels {
  flex-grow: 1 !important;
  overflow-y: scroll !important;
  overscroll-behavior: contain !important;
}
#query-monitor-main .qm.qm-panel-show {
  display: block !important;
}
#query-monitor-main .qm:focus {
  outline: 0 !important;
  /* @TODO might not need this any more */
}
#query-monitor-main .qm-boxed {
  display: flex !important;
  flex-wrap: wrap !important;
}
#query-monitor-main .qm-boxed:not(#qm-broken) + .qm-grid, #query-monitor-main .qm-boxed:not(#qm-broken) + .qm-boxed {
  border-top: 1px solid var(--qm-panel-separator) !important;
  padding-top: 10px !important;
}
#query-monitor-main .qm-grid {
  display: flex !important;
  flex-wrap: wrap !important;
}
#query-monitor-main .qm-grid section {
  width: 22em !important;
}
#query-monitor-main .qm .qm-none {
  margin: 2em !important;
}
#query-monitor-main .qm .qm-none p {
  font-style: italic !important;
  text-align: center !important;
}
#query-monitor-main .qm table {
  border: none !important;
  border-collapse: collapse !important;
  box-shadow: 0 1px 0 0 var(--qm-panel-border) !important;
  color: var(--qm-panel-fg) !important;
  margin: 0 !important;
  table-layout: auto !important;
  width: 100% !important;
}
#query-monitor-main .qm table + table {
  border-top: 1px solid var(--qm-cell-border) !important;
  margin-top: 5px !important;
}
#query-monitor-main .qm thead,
#query-monitor-main .qm tbody,
#query-monitor-main .qm tfoot {
  border: none !important;
  background-color: inherit !important;
}
#query-monitor-main .qm tr {
  border: none !important;
  background-color: inherit !important;
}
#query-monitor-main .qm tbody th,
#query-monitor-main .qm tbody td,
#query-monitor-main .qm tfoot th,
#query-monitor-main .qm tfoot td {
  border: 1px solid var(--qm-cell-border) !important;
  padding: 6px 6px 5px 6px !important;
  vertical-align: top !important;
}
#query-monitor-main .qm tbody th,
#query-monitor-main .qm tbody td {
  border-bottom: none !important;
  border-top: none !important;
}
#query-monitor-main .qm thead th {
  background: var(--qm-table-header-bg) !important;
  border: 1px solid var(--qm-cell-border) !important;
  border-top: none !important;
  box-shadow: 0 1px 0 var(--qm-cell-border) !important;
  padding: 5px 5px 5px 6px !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
}
#query-monitor-main .qm thead th,
#query-monitor-main .qm thead td {
  vertical-align: top !important;
}
#query-monitor-main .qm thead .qm-th {
  display: flex !important;
}
#query-monitor-main .qm tfoot tr td,
#query-monitor-main .qm tfoot tr th {
  background: var(--qm-table-footer-bg) !important;
  border: none !important;
  bottom: 0 !important;
  box-shadow: inset 0 1px 0 var(--qm-cell-border) !important;
  position: -webkit-sticky !important;
  position: sticky !important;
}
#query-monitor-main .qm th:first-child,
#query-monitor-main .qm td:first-child {
  border-left: none !important;
}
#query-monitor-main .qm th:last-child,
#query-monitor-main .qm td:last-child {
  border-right: none !important;
}
#query-monitor-main .qm tfoot td.qm-num,
#query-monitor-main .qm tfoot th.qm-num,
#query-monitor-main .qm thead td.qm-num,
#query-monitor-main .qm thead th.qm-num {
  width: 5.5em !important;
}
#query-monitor-main .qm th.qm-num,
#query-monitor-main .qm td.qm-num {
  text-align: right !important;
}
#query-monitor-main .qm td.qm-num {
  font-family: Menlo, Monaco, Consolas, monospace !important;
  font-size: 11px !important;
  line-height: 20px !important;
}
#query-monitor-main .qm td.qm-row-sql {
  min-width: 25em !important;
}
#query-monitor-main .qm td.qm-row-block-attrs,
#query-monitor-main .qm td.qm-row-block-context,
#query-monitor-main .qm td.qm-row-block-html {
  max-width: 40em !important;
}
#query-monitor-main .qm td.qm-row-block-attrs,
#query-monitor-main .qm td.qm-row-block-context,
#query-monitor-main .qm td.qm-row-block-html,
#query-monitor-main .qm tr.qm-warn td.qm-col-status,
#query-monitor-main .qm td.qm-url,
#query-monitor-main .qm th.qm-col-message,
#query-monitor-main .qm td.qm-row-component {
  min-width: 15em !important;
}
#query-monitor-main .qm td.qm-has-toggle {
  padding-right: 28px !important;
  position: relative !important;
}
#query-monitor-main .qm td.qm-has-toggle:not(.qm-toggled-on) .qm-supplemental {
  display: none;
}
#query-monitor-main .qm .qm-inner-toggle {
  padding: 4px 6px !important;
}
#query-monitor-main .qm .qm-has-inner .qm-toggled > table {
  border-bottom: none !important;
  border-top: 1px solid var(--qm-cell-border) !important;
}
#query-monitor-main .qm td.qm-has-inner .qm-toggler,
#query-monitor-main .qm td.qm-has-inner {
  padding: 0 !important;
}
#query-monitor-main .qm caption h2 {
  font-size: 14px !important;
  margin: 20px !important;
}
#query-monitor-main .qm-concerns table {
  border-top: 1px solid var(--qm-cell-border) !important;
  margin-bottom: 20px !important;
}
#query-monitor-main .qm-non-tabular {
  padding: 10px 20px !important;
}
#query-monitor-main .qm-non-tabular h3 {
  font-size: 14px !important;
  margin: 0 0 15px 0 !important;
}
#query-monitor-main .qm-non-tabular h4 {
  font-size: 12px !important;
  margin: 20px 0 10px !important;
}
#query-monitor-main .qm-non-tabular p {
  margin-bottom: 10px !important;
}
#query-monitor-main .qm-non-tabular dl {
  display: flex !important;
  flex-wrap: wrap !important;
  max-width: 60em !important;
}
#query-monitor-main .qm-non-tabular dt {
  border-top: 1px solid var(--qm-panel-separator) !important;
  flex-grow: 0;
  flex: 1 0 16em;
  padding: 10px 10px 10px 0 !important;
}
#query-monitor-main .qm-non-tabular dd {
  border-top: 1px solid var(--qm-panel-separator) !important;
  flex: 1 0 calc(100% - 10px - 16em);
  padding: 10px 0 !important;
}
#query-monitor-main .qm-non-tabular section,
#query-monitor-main .qm-non-tabular .qm-section {
  margin: 0 0 30px 0 !important;
}
#query-monitor-main .qm-non-tabular .qm-grid section,
#query-monitor-main .qm-non-tabular .qm-boxed section,
#query-monitor-main .qm-non-tabular .qm-boxed .qm-section {
  border-right: 1px solid var(--qm-panel-separator) !important;
  margin: 0 20px 10px 0 !important;
  padding: 10px 20px 10px 0 !important;
}
#query-monitor-main .qm-non-tabular .qm-grid section:last-child,
#query-monitor-main .qm-non-tabular .qm-boxed section:last-child,
#query-monitor-main .qm-non-tabular .qm-boxed .qm-section:last-child {
  border-right: none !important;
  margin-right: 0 !important;
}
#query-monitor-main .qm-non-tabular table {
  border-bottom-color: var(--qm-cell-border) !important;
}
#query-monitor-main .qm-non-tabular .qm-full-width {
  border-top: 1px solid var(--qm-cell-border) !important;
  margin-right: -20px !important;
  margin-left: -20px !important;
  width: calc(100% + 40px) !important;
}
#query-monitor-main #qm-conditionals li {
  display: inline-block !important;
  margin: 0 20px 5px 0 !important;
}
#query-monitor-main .qm ol,
#query-monitor-main .qm ul {
  list-style: none !important;
}
#query-monitor-main .qm li {
  display: list-item !important;
  list-style: none !important;
  line-height: 20px !important;
}
#query-monitor-main .qm li::before {
  content: "" !important;
}
#query-monitor-main .qm code,
#query-monitor-main .qm pre {
  font-family: Menlo, Monaco, Consolas, monospace !important;
  font-size: 11px !important;
  line-height: 20px !important;
}
#query-monitor-main .qm pre {
  background: transparent !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
#query-monitor-main .qm .qm-true code,
#query-monitor-main .qm p.qm-true,
#query-monitor-main .qm span.qm-true,
#query-monitor-main .qm td.qm-true {
  /* @TODO */
  color: #282 !important;
}
#query-monitor-main .qm .qm-false code,
#query-monitor-main .qm span.qm-false,
#query-monitor-main .qm td.qm-false {
  /* @TODO */
  color: #767676 !important;
}
#query-monitor-main .qm .qm-num,
#query-monitor-main .qm code,
#query-monitor-main .qm .qm-nowrap {
  white-space: nowrap !important;
}
#query-monitor-main .qm .qm-wrap code,
#query-monitor-main .qm .qm-wrap {
  white-space: normal !important;
  word-break: break-all !important;
  word-wrap: break-word !important;
}
#query-monitor-main .qm .qm-pre-wrap code {
  white-space: pre-wrap !important;
  word-break: break-all !important;
  word-wrap: break-word !important;
}
#query-monitor-main .qm .qm-sticky {
  position: sticky !important;
  top: 36px !important;
}
#query-monitor-main .qm .qm-current,
#query-monitor-main .qm td.qm-has-toggle p,
#query-monitor-main .qm .qm-nonselectsql code,
#query-monitor-main .qm .qm-nonselectsql {
  color: var(--qm-nonselect-fg) !important;
}
#query-monitor-main .qm .qm-info {
  color: var(--qm-info-fg) !important;
}
#query-monitor-main .qm .qm-supplemental {
  margin-left: 0.75em !important;
  margin-right: 0.75em !important;
}
#query-monitor-main .qm td.qm-toggled-on .qm-inverse-toggled,
#query-monitor-main .qm td .qm-toggled {
  display: none;
}
#query-monitor-main .qm button.qm-button,
#query-monitor-main .qm .qm-toggle {
  background: var(--qm-button-bg) !important;
  border: 1px solid var(--qm-button-bg) !important;
  border-radius: 3px !important;
  color: var(--qm-button-fg) !important;
  cursor: pointer !important;
  font-weight: normal !important;
  text-shadow: none !important;
}
#query-monitor-main .qm .qm-toggle {
  bottom: auto !important;
  font-family: Menlo, Monaco, Consolas, monospace !important;
  height: 18px !important;
  left: auto !important;
  line-height: 16px !important;
  padding: 0 !important;
  position: absolute !important;
  right: 5px !important;
  text-align: center !important;
  top: 5px !important;
  user-select: none;
  width: 18px !important;
}
#query-monitor-main .qm button {
  cursor: pointer !important;
}
#query-monitor-main .qm button.qm-button {
  padding: 4px 10px !important;
}
#query-monitor-main .qm .qm-has-inner .qm-toggle {
  right: 5px !important;
  top: 5px !important;
}
#query-monitor-main .qm button.qm-button:hover,
#query-monitor-main .qm .qm-toggle:hover {
  background: var(--qm-button-bg-hover) !important;
  border-color: var(--qm-button-bg-hover) !important;
  color: var(--qm-button-fg-hover) !important;
  text-decoration: none !important;
}
#query-monitor-main .qm button.qm-button:focus,
#query-monitor-main .qm .qm-toggle:focus {
  background: var(--qm-button-bg-hover) !important;
  border-color: var(--qm-button-bg-hover) !important;
  color: var(--qm-button-fg-hover) !important;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--qm-button-bg-hover) !important;
}
#query-monitor-main .qm button.qm-button:active,
#query-monitor-main .qm .qm-toggle:active {
  background: var(--qm-button-bg-active) !important;
  border-color: var(--qm-button-bg-active) !important;
  color: var(--qm-button-fg-active) !important;
  box-shadow: none !important;
}
#query-monitor-main .qm input[type=radio].qm-radio,
#query-monitor-main .qm input[type=radio].qm-radio:checked,
#query-monitor-main .qm input[type=radio].qm-radio:focus,
#query-monitor-main .qm input[type=radio].qm-radio:checked:focus,
#query-monitor-main .qm input[type=radio].qm-radio:hover,
#query-monitor-main .qm input[type=radio].qm-radio:checked:hover {
  all: revert !important;
  accent-color: var(--qm-button-bg) !important;
}
#query-monitor-main .qm input[type=radio].qm-radio::before, #query-monitor-main .qm input[type=radio].qm-radio::after,
#query-monitor-main .qm input[type=radio].qm-radio:checked::before,
#query-monitor-main .qm input[type=radio].qm-radio:checked::after,
#query-monitor-main .qm input[type=radio].qm-radio:focus::before,
#query-monitor-main .qm input[type=radio].qm-radio:focus::after,
#query-monitor-main .qm input[type=radio].qm-radio:checked:focus::before,
#query-monitor-main .qm input[type=radio].qm-radio:checked:focus::after,
#query-monitor-main .qm input[type=radio].qm-radio:hover::before,
#query-monitor-main .qm input[type=radio].qm-radio:hover::after,
#query-monitor-main .qm input[type=radio].qm-radio:checked:hover::before,
#query-monitor-main .qm input[type=radio].qm-radio:checked:hover::after {
  display: none !important;
}
#query-monitor-main .qm tbody tr.qm-odd td,
#query-monitor-main .qm tbody tr.qm-odd th {
  background: var(--qm-cell-bg-stripe) !important;
}
#query-monitor-main .qm-non-tabular .qm-warn,
#query-monitor-main .qm thead tr .qm-warn,
#query-monitor-main .qm tbody tr .qm-warn {
  background-color: var(--qm-warn-bg) !important;
  color: var(--qm-warn-fg) !important;
}
#query-monitor-main .qm-non-tabular .qm-warn .qm-icon,
#query-monitor-main .qm thead tr .qm-warn .qm-icon,
#query-monitor-main .qm tbody tr .qm-warn .qm-icon {
  fill: var(--qm-warn-fg) !important;
}
#query-monitor-main .qm tbody tr th.qm-warn,
#query-monitor-main .qm tbody tr td.qm-warn,
#query-monitor-main .qm tbody tr.qm-warn td,
#query-monitor-main .qm tbody tr.qm-warn th {
  background-color: var(--qm-warn-bg) !important;
  color: var(--qm-warn-fg) !important;
}
#query-monitor-main .qm tbody tr th.qm-warn .qm-icon,
#query-monitor-main .qm tbody tr td.qm-warn .qm-icon,
#query-monitor-main .qm tbody tr.qm-warn td .qm-icon,
#query-monitor-main .qm tbody tr.qm-warn th .qm-icon {
  fill: var(--qm-warn-fg) !important;
}
#query-monitor-main .qm tbody tr.qm-odd th.qm-warn,
#query-monitor-main .qm tbody tr.qm-odd td.qm-warn,
#query-monitor-main .qm tbody tr.qm-odd.qm-warn td,
#query-monitor-main .qm tbody tr.qm-odd.qm-warn th {
  background-color: var(--qm-warn-bg-dark) !important;
}
#query-monitor-main .qm-non-tabular .qm-warn code,
#query-monitor-main .qm tbody .qm-warn li,
#query-monitor-main .qm tbody .qm-warn .qm-info,
#query-monitor-main .qm tbody .qm-warn code {
  background-color: transparent !important;
  color: var(--qm-warn-fg) !important;
}
#query-monitor-main .qm-non-tabular .qm-warn code .qm-icon,
#query-monitor-main .qm tbody .qm-warn li .qm-icon,
#query-monitor-main .qm tbody .qm-warn .qm-info .qm-icon,
#query-monitor-main .qm tbody .qm-warn code .qm-icon {
  fill: var(--qm-warn-fg) !important;
}
#query-monitor-main .qm .qm-notice {
  background: var(--qm-panel-menu-bg-current) !important;
  border: 1px solid var(--qm-panel-menu-bg-hover) !important;
  margin: 0 0 10px 0 !important;
  max-width: 40em !important;
  padding: 10px 20px 0 !important;
}
#query-monitor-main .qm .qm-icon {
  margin-right: 0.3em !important;
  display: inline-block !important;
  height: 16px !important;
  width: 16px !important;
  height: 16px !important;
  width: 16px !important;
  fill: var(--qm-container-fg) !important;
  vertical-align: top !important;
}
#query-monitor-main .qm .qm-icon-yes-alt {
  fill: #0a0 !important;
}
#query-monitor-main .qm tbody tr td.qm-highlight,
#query-monitor-main .qm tbody tr.qm-highlight th,
#query-monitor-main .qm tbody tr.qm-highlight td {
  background-color: var(--qm-cell-bg-highlight) !important;
  color: var(--qm-cell-fg-highlight) !important;
}
#query-monitor-main .qm tbody tr.qm-odd td.qm-highlight,
#query-monitor-main .qm tbody tr.qm-odd.qm-highlight th,
#query-monitor-main .qm tbody tr.qm-odd.qm-highlight td {
  background-color: var(--qm-cell-bg-highlight-dark) !important;
  color: var(--qm-cell-fg-highlight) !important;
}
#query-monitor-main .qm tbody tr.qm-odd.qm-hovered th,
#query-monitor-main .qm tbody tr.qm-odd.qm-hovered td,
#query-monitor-main .qm tbody tr.qm-odd:hover th,
#query-monitor-main .qm tbody tr.qm-odd:hover td,
#query-monitor-main .qm tbody tr.qm-hovered th,
#query-monitor-main .qm tbody tr.qm-hovered td,
#query-monitor-main .qm tbody tr:hover th,
#query-monitor-main .qm tbody tr:hover td {
  background: var(--qm-cell-bg-hover) !important;
}
#query-monitor-main .qm thead th.qm-filtered select.qm-filter {
  background-color: var(--qm-cell-bg-highlight) !important;
  color: var(--qm-cell-fg-highlight) !important;
}
#query-monitor-main .qm button.qm-filter-trigger,
#query-monitor-main .qm button.qm-filter-trigger code,
#query-monitor-main .qm tbody .qm-warn a code,
#query-monitor-main .qm a code,
#query-monitor-main .qm a {
  color: var(--qm-link-fg) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
#query-monitor-main .qm button.qm-filter-trigger:after, #query-monitor-main .qm button.qm-filter-trigger:focus, #query-monitor-main .qm button.qm-filter-trigger:hover,
#query-monitor-main .qm button.qm-filter-trigger code:after,
#query-monitor-main .qm button.qm-filter-trigger code:focus,
#query-monitor-main .qm button.qm-filter-trigger code:hover,
#query-monitor-main .qm tbody .qm-warn a code:after,
#query-monitor-main .qm tbody .qm-warn a code:focus,
#query-monitor-main .qm tbody .qm-warn a code:hover,
#query-monitor-main .qm a code:after,
#query-monitor-main .qm a code:focus,
#query-monitor-main .qm a code:hover,
#query-monitor-main .qm a:after,
#query-monitor-main .qm a:focus,
#query-monitor-main .qm a:hover {
  color: var(--qm-link-fg-hover) !important;
  text-decoration: underline !important;
}
#query-monitor-main .qm button.qm-filter-trigger:active,
#query-monitor-main .qm button.qm-filter-trigger code:active,
#query-monitor-main .qm tbody .qm-warn a code:active,
#query-monitor-main .qm a code:active,
#query-monitor-main .qm a:active {
  color: var(--qm-link-fg-active) !important;
  text-decoration: underline !important;
}
#query-monitor-main .qm a.qm-external-link svg,
#query-monitor-main .qm a.qm-link svg,
#query-monitor-main .qm a.qm-edit-link svg,
#query-monitor-main .qm button.qm-filter-trigger svg {
  fill: var(--qm-link-fg-hover) !important;
  width: 16px;
  height: 16px;
  left: 2px !important;
  position: relative !important;
  text-decoration: none !important;
  top: 2px !important;
  visibility: hidden !important;
}
#query-monitor-main .qm a.qm-external-link svg,
#query-monitor-main .qm a.qm-link:hover svg,
#query-monitor-main .qm a.qm-link:focus svg,
#query-monitor-main .qm a.qm-edit-link:hover svg,
#query-monitor-main .qm a.qm-edit-link:focus svg,
#query-monitor-main .qm button.qm-filter-trigger:hover svg,
#query-monitor-main .qm button.qm-filter-trigger:focus svg {
  visibility: visible !important;
}
#query-monitor-main #qm-ajax-errors {
  display: none;
}
#query-monitor-main button,
#query-monitor-main select {
  background: none !important;
  cursor: pointer !important;
  height: auto !important;
  margin: 0 !important;
  width: auto !important;
}
#query-monitor-main .qm label {
  color: var(--qm-panel-fg) !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: normal !important;
  margin: 0 !important;
}
#query-monitor-main .qm thead label {
  flex-grow: 1 !important;
}
#query-monitor-main .qm .qm-filter-container {
  display: flex !important;
}
#query-monitor-main .qm .qm-filter-container label {
  cursor: default !important;
  white-space: nowrap !important;
}
#query-monitor-main .qm .qm-filter-container div {
  /* Some themes use Select2 etc on all selects. This hides that. */
  display: none !important;
}
#query-monitor-main .qm-title-heading select,
#query-monitor-main .qm select.qm-select,
#query-monitor-main .qm select.qm-filter {
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  appearance: menulist !important;
  background: var(--qm-table-header-bg) !important;
  border: none !important;
  color: var(--qm-panel-fg) !important;
  cursor: pointer !important;
  display: block !important;
  float: none !important;
  height: auto !important;
  letter-spacing: -0.1px !important;
  margin: 0 0 0 5px !important;
  max-width: 12em !important;
  outline: 1px solid var(--qm-panel-border) !important;
  padding: 0 !important;
  width: auto !important;
}
#query-monitor-main .qm-title-heading select {
  max-width: unset !important;
}
#query-monitor-main .qm select.qm-select:hover,
#query-monitor-main .qm select.qm-filter:hover {
  background: var(--qm-cell-bg-hover) !important;
}
#query-monitor-main .qm select.qm-select {
  margin: 0 !important;
  padding: 4px 10px 4px 4px !important;
  border-radius: 2px !important;
  max-width: none !important;
}
#query-monitor-main .qm-hide,
#query-monitor-main .qm-hide-scripts-dependencies,
#query-monitor-main .qm-hide-styles-dependencies,
#query-monitor-main .qm-hide-scripts-dependents,
#query-monitor-main .qm-hide-styles-dependents,
#query-monitor-main .qm-hide-scripts-host,
#query-monitor-main .qm-hide-styles-host,
#query-monitor-main .qm-hide-user,
#query-monitor-main .qm-hide-result,
#query-monitor-main .qm-hide-name,
#query-monitor-main .qm-hide-type,
#query-monitor-main .qm-hide-caller,
#query-monitor-main .qm-hide-component,
#query-monitor-main .qm-hide-host {
  display: none !important;
}
#query-monitor-main .qm thead th.qm-sortable-column {
  cursor: pointer !important;
}
#query-monitor-main .qm thead th.qm-sortable-column:hover {
  background: var(--qm-container-bg) !important;
}
#query-monitor-main .qm .qm-sort-heading {
  flex-grow: 1 !important;
}
#query-monitor-main .qm .qm-sort-controls {
  flex-shrink: 0 !important;
  text-align: right !important;
}
#query-monitor-main .qm .qm-sort-controls .qm-icon {
  margin-right: 0 !important;
  fill: #ccc !important;
}
#query-monitor-main .qm .qm-sorted-desc .qm-sort-controls svg,
#query-monitor-main .qm .qm-sorted-asc .qm-sort-controls svg {
  fill: var(--qm-container-fg) !important;
}
#query-monitor-main .qm thead th.qm-sortable-column:hover .qm-sort-controls svg {
  fill: var(--qm-panel-menu-bg-selected) !important;
}
#query-monitor-main .qm .qm-sortable-column.qm-sorted-asc .qm-sort-controls {
  transform: scaleY(-1) !important;
}
#query-monitor-main .qm button:focus,
#query-monitor-main .qm a:focus,
#query-monitor-main .qm select:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--qm-button-bg-hover) !important;
}
#query-monitor-main .qm button:active,
#query-monitor-main .qm a:active,
#query-monitor-main .qm select:active {
  box-shadow: none !important;
}
#query-monitor-main .qm-screen-reader-text,
#query-monitor-main .screen-reader-text {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
@media screen and (max-width: 782px) {
  #query-monitor-main #qm-panel-menu,
#query-monitor-main #qm-title h1.qm-title-heading {
    display: none;
  }
  #query-monitor-main #qm-title div.qm-title-heading {
    display: block;
  }
}
#query-monitor-main [data-qm-state=off] [data-qm-state-visibility=on],
#query-monitor-main [data-qm-state=on] [data-qm-state-visibility=off] {
  display: none;
}
#query-monitor-main.qm-no-js .qm-sort-controls, #query-monitor-main.qm-no-js .qm-toggle, #query-monitor-main.qm-no-js select.qm-filter {
  display: none !important;
}
#query-monitor-main .qm.qm-debug-bar textarea,
#query-monitor-main .qm.qm-debug-bar pre {
  border: 1px solid var(--qm-panel-separator) !important;
  margin: 4px 0 !important;
  padding: 10px !important;
}
#query-monitor-main .qm.qm-debug-bar textarea {
  resize: vertical !important;
}
#query-monitor-main .qm.qm-debug-bar .left {
  float: left !important;
}
#query-monitor-main .qm.qm-debug-bar .right {
  float: right !important;
}
#query-monitor-main .qm.qm-debug-bar h2 {
  font-size: 14px !important;
  margin: 4px 6px 15px !important;
}
#query-monitor-main .qm.qm-debug-bar h3 {
  border-left: 1px solid var(--qm-panel-separator) !important;
  clear: none !important;
  float: left !important;
  font-size: 14px !important;
  margin: 3px 0 15px !important;
  min-width: 150px !important;
  padding: 5px 15px 15px !important;
  text-align: center !important;
}
#query-monitor-main .qm.qm-debug-bar h3:first-child {
  border-left: none !important;
}
#query-monitor-main .qm.qm-debug-bar h3 small {
  font-size: 14px !important;
}
#query-monitor-main .qm.qm-debug-bar h3 span {
  display: block !important;
  margin-bottom: 8px !important;
  white-space: nowrap !important;
}
#query-monitor-main .qm.qm-debug-bar h4 {
  font-size: 13px !important;
  margin: 15px 6px 5px !important;
}
#query-monitor-main .qm.qm-debug-bar .qm-debug-bar-output {
  position: relative !important;
}
#query-monitor-main .qm.qm-debug-bar .qm-debug-bar-output table {
  margin-bottom: 4px !important;
  margin-top: 4px !important;
}
#query-monitor-main #debug-menu-target-Debug_Bar_Console {
  min-height: 400px !important;
}
#query-monitor-main #debug-menu-target-Debug_Bar_Cache_Lookup,
#query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules,
#query-monitor-main #debug-menu-target-Debug_Bar_Widgets {
  margin: 4px 6px !important;
}
#query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules_Panel .filterui,
#query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules_Panel .dbrr {
  margin: 0 !important;
}
#query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Testing_Panel {
  padding: 10px 0 !important;
}
#query-monitor-main #debug-menu-target-EP_Debug_Bar_ElasticPress li {
  border-top: 1px solid var(--qm-panel-separator) !important;
  line-height: 20px !important;
  padding: 20px 0 !important;
}
#query-monitor-main #debug-menu-target-EP_Debug_Bar_ElasticPress li .dashicons:hover {
  background-color: var(--qm-panel-menu-bg-hover) !important;
}
#query-monitor-main #qm-broken {
  display: none !important;
}
#query-monitor-main.qm-broken #qm-title {
  cursor: default !important;
}
#query-monitor-main.qm-broken #qm-title .qm-title-heading {
  border-right: none !important;
}
#query-monitor-main.qm-broken .qm td .qm-toggled, #query-monitor-main.qm-broken #qm-broken, #query-monitor-main.qm-broken .qm {
  display: block !important;
}
#query-monitor-main.qm-broken #qm-panel-menu, #query-monitor-main.qm-broken #qm-settings, #query-monitor-main.qm-broken #qm-title .qm-title-button {
  display: none !important;
}
#query-monitor-main.qm-broken .qm {
  margin-bottom: 50px !important;
}
#query-monitor-main.qm-broken .qm button.qm-filter-trigger {
  color: var(--qm-container-fg) !important;
  cursor: text !important;
}
#query-monitor-main.qm-broken .qm button.qm-filter-trigger:after {
  display: none !important;
}
#query-monitor-main.qm-broken .qm button.qm-filter-trigger:focus, #query-monitor-main.qm-broken .qm button.qm-filter-trigger:hover, #query-monitor-main.qm-broken .qm button.qm-filter-trigger:active {
  text-decoration: none !important;
}
#query-monitor-main.qm-broken #qm-broken h2 {
  padding: 20px !important;
}

#qm-fatal {
  margin: 1em !important;
  /* @TODO */
  border: 2px solid #c00 !important;
  /* @TODO */
  box-shadow: 0 0 0 2px #fff;
  /* @TODO */
  background: #fff !important;
  max-width: 700px !important;
  clear: both !important;
  position: absolute !important;
  z-index: 99999 !important;
}
#qm-fatal h2 {
  font-size: 12px !important;
  font-weight: normal !important;
  padding: 5px !important;
  /* @TODO */
  background: #f3f3f3 !important;
  margin: 0 !important;
}
#qm-fatal .qm-icon path {
  fill: #c00 !important;
}
#qm-fatal ol,
#qm-fatal p {
  font-size: 12px !important;
  padding: 0 !important;
  margin: 1em !important;
}
#qm-fatal ol {
  padding: 0 0 1em 1em !important;
}
#qm-fatal li {
  margin: 0 0 0.7em 1em !important;
}
#qm-fatal .qm-info {
  /* @TODO */
  color: #666 !important;
}
#qm-fatal a.qm-edit-link svg {
  display: none;
}

body#error-page #qm-fatal {
  margin: 0 !important;
  border: none !important;
}

#qm-logger tr pre {
  user-select: all;
}
