:root {
  --qb-ui-draggable-dragging-fg: var(--qb-color-text-default);
  --qb-ui-draggable-dragging-bg: var(--qb-color-warning-light);
  --qb-ui-draggale-dragging-border-color: var(--qb-color-border-dark);
}

/* drag and drop */

.ui-draggable {
  cursor: move;
}

.ui-widget-content {
  color: rgb(var(--qb-body-fg) / 1) !important;
  background: rgb(var(--qb-body-bg) / 1) !important;
  border-color: rgb(var(--qb-color-border-default) / 1) !important;
}

.ui-draggable-dragging {
  --tw-text-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;
  --ui-draggable-dragging-fg: var(--qb-ui-draggable-dragging-fg);
  --ui-draggable-dragging-bg: var(--qb-ui-draggable-dragging-bg);
  --ui-draggable-dragging-border-color: var(--qb-ui-draggable-dragging-border-color);

  color: rgb(var(--ui-draggable-dragging-fg) / var(--tw-text-opacity));
  background-color:  rgb(var(--ui-draggable-dragging-bg) / var(--tw-bg-opacity));
  border-color: rgb(var(--ui-draggable-dragging-border-color) / var(--tw-border-opacity));
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  z-index: 1000;
  white-space: nowrap;
  overflow: hidden;
  max-width: 20rem;
  padding: 4px 6px;
  text-overflow: ellipsis;
}

.drag-over {
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;

  border-color: rgb(var(--qb-color-attention-fg) / var(--tw-border-opacity));
  background-color: rgb(var(--qb-color-attention-subtle) / var(--tw-bg-opacity));
}

.ui-widget.ui-draggable {
  cursor: inherit;
  background: inherit;
}

.ui-widget.ui-draggable-dragging {
  border: inherit;
  background: inherit;
}

.ui-widget-content a {
  color: rgb(var(--qb-color-text-default) / 1);
}

/* ui tab */

.ui-tabs-nav {
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;

  --ui-tabs-fg: var(--qb-color-text-muted);
  --ui-tabs-selected-fg: var(--qb-color-text-default);
  --ui-tabs-selected-bg: var(--qb-body-bg);
  --ui-tabs-border-color: var(--qb-color-border-default);

  border-color: rgb(var(--ui-tabs-border-color) / var(--tw-border-opacity)) !important;
}

.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
  --tw-text-opacity: 1;
  color: rgb(var(--ui-tabs-fg) / var(--tw-text-opacity)) !important;
  font-family: var(--qb-body-font-family) !important;
  font-weight: var(--qb-font-weight-semibold) !important;
}

.ui-tabs-nav .ui-tabs-selected a {
  background: rgb(var(--ui-tabs-selected-bg) / var(--tw-bg-opacity)) !important;
  color: rgb(var(--ui-tabs-selected-fg) / var(--tw-text-opacity)) !important;
  border-color: rgb(var(--ui-tabs-border-color) / var(--tw-border-opacity)) !important;
  border-bottom-color: rgb(var(--ui-tabs-selected-bg) / var(--tw-border-opacity)) !important;
}

.ui-tabs-nav .ui-tabs-selected a span {
    color: rgb(var(--ui-tabs-selected-fg) / var(--tw-text-opacity)) !important;
  }

.ui-tabs-panel > .ui-tabs-content {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

:root {
  --qb-ui-dialog-bg: var(--qb-color-bg-dark);
  --qb-ui-dialog-border-color: var(--qb-color-border-dark);
  --qb-ui-dialog-titlebar-bg: var(--qb-color-bg-base);
  --qb-ui-dialog-buttonpane-bg: var(--qb-color-bg-base);

  --qb-ui-dialog-titlebar-fg: var(--qb-color-text-dark);
  --qb-ui-dialog-titlebar-border-color: var(--qb-color-border-default);
  --qb-ui-dialog-titlebar-gradient-from: var(--qb-color-bg-muted);
  --qb-ui-dialog-titlebar-gradient-to: var(--qb-color-bg-dim);

  --qb-ui-widget-overlay-opacity: 0.95;
  --qb-ui-widget-overlay-bg: var(--qb-color-white);
}

.ui-dialog {
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;

  --ui-dialog-bg: var(--qb-ui-dialog-bg);
  --ui-dialog-border-color: var(--qb-ui-dialog-border-color);
  --ui-dialog-border-width: 0;
  --ui-dialog-padding: 4px;
  --ui-dialog-radius: var(--qb-radius-base);

  --ui-dialog-titlebar-height: 2rem;
  --ui-dialog-titlebar-bg: var(--qb-ui-dialog-titlebar-bg);
  --ui-dialog-titlebar-fg: var(--qb-ui-dialog-titlebar-fg);
  --ui-dialog-titlebar-border-color: var(--qb-ui-dialog-titlebar-border-color);
  --ui-dialog-titlebar-font-size: var(--qb-font-size-sm);
  --ui-dialog-titlebar-font-family: var(--qb-font-family-sans);
  --ui-dialog-titlebar-font-weight: var(--qb-font-weight-semibold);

  --ui-dialog-buttonpane-bg: var(--qb-ui-dialog-buttonpane-bg);
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,
.ui-widget .btn {
  font-family: var(--qb-body-font-family);
  font-size: var(--qb-font-size-xs);
}

.ui-dialog.ui-widget {
  max-width: 100%;
  padding: 0px;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(var(--qb-color-black) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.ui-dialog.ui-widget > * {
    font-family: var(--qb-body-font-family);
    font-size: var(--qb-body-font-size);
  }

.ui-dialog.ui-widget {

  border-width: var(--ui-dialog-border-width);
  border-color: rgb(var(--ui-dialog-border-color) / var(--tw-border-opacity)) !important;
  border-radius: var(--ui-dialog-radius);
  background-color: rgb(var(--ui-dialog-bg) / var(--tw-bg-opacity)) !important;
  font-family: var(--qb-body-font-family);
  font-size: var(--qb-body-font-size);
  padding: var(--ui-dialog-padding);
}

.ui-dialog.ui-widget .ui-dialog-titlebar {
  position: relative;
  margin: 0px;
  display: flex;
  align-items: center;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-from: rgb(var(--qb-ui-dialog-titlebar-gradient-from) / 1);
    --tw-gradient-to: rgb(var(--qb-ui-dialog-titlebar-gradient-to) / 1);

    border-width: 0;
    border-bottom-width: 1px;
    border-color: rgb(var(--ui-dialog-titlebar-border-color) / 1);
    color: rgb(var(--ui-dialog-titlebar-fg) / 1);
    height: var(--ui-dialog-titlebar-height);
    font-family: var(--ui-dialog-titlebar-font-family);
    font-size: var(--ui-dialog-titlebar-font-size);
    font-weight: var(--ui-dialog-titlebar-font-weight);
    border-radius: var(--ui-dialog-radius) var(--ui-dialog-radius) 0 0;
}

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
  margin: 0px;
  margin-right: auto;
  display: inline-block;
}

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close {
  position: relative;
  right: 0px;
  top: 0px;
  margin: 0px;
  display: inline-flex;
  height: 0.75rem;
  width: 0.75rem;
  align-items: center;
  justify-content: center;

      color: rgb(var(--qb-color-text-muted) / 1);
      background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22%23737373%22%3E%3Cpath d=%22M.293.293a1 1 0 011.414.0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293A1 1 0 01.293 14.293L6.586 8 .293 1.707a1 1 0 010-1.414z%22/%3E%3C/svg%3E");
      background-position: 50%/1em;
      background-repeat: no-repeat;
      border: 0;
}

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
        background-image: none;
}

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
      .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover,
      .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-focus {
        background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22%23DC2626%22%3E%3Cpath d=%22M.293.293a1 1 0 011.414.0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293A1 1 0 01.293 14.293L6.586 8 .293 1.707a1 1 0 010-1.414z%22/%3E%3C/svg%3E");
        background-color: transparent;
        border: 0;
        color: rgb(var(--qb-color-red-600) / 1);
        text-decoration: none;
      }

.ui-dialog.ui-widget .ui-dialog-content {
    position: relative;
    padding: 0;
    margin: 0;
    background-color: rgb(var(--qb-body-bg) / var(--tw-bg-opacity));
    background-image: none;
    border-radius: 0 0 var(--ui-dialog-radius) var(--ui-dialog-radius);

    /* workaround: https://github.com/jquery/jquery-ui/issues/2083 */
    width: 100% !important;
    height: calc(100% - var(--ui-dialog-titlebar-height)) !important;
  }

.ui-dialog.ui-widget .ui-dialog-content > div {
  height: 100%;
      word-break: break-word;
}

.confirm-dlg.ui-dialog .ui-dialog-titlebar {
    display: none;
  }

.confirm-dlg.ui-dialog #confirm-dlg.ui-dialog-content {
  display: flex;
  align-items: flex-start;
  border-radius: 0px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
    min-height: 100px!important;
}

.confirm-dlg.ui-dialog #confirm-dlg.ui-dialog-content:before {
      font-family: var(--qb-font-family-bootstrap-icons);
      content: '\F504';
      margin-right: 1rem;
      font-size: 2rem;
      margin-top: -0.5rem;
    }

.confirm-dlg.ui-dialog .ui-dialog-buttonpane {
    margin: 0;
    /* padding: 0.5rem; */
    padding: 0;
    background-color: rgb(var(--ui-dialog-buttonpane-bg) / 1);
  }

.confirm-dlg.ui-dialog .ui-dialog-buttonpane .ui-button {
      --tw-border-opacity: 1;
      --tw-bg-opacity: 1;
      --tw-text-opacity: 1;
      --btn-fg: var(--qb-input-btn-fg);
      --btn-bg: var(--qb-input-btn-bg);
      --btn-border-color: var(--qb-input-btn-border-color);
      --btn-padding-y: var(--qb-input-btn-padding-y-sm);
      --btn-padding-x: var(--qb-input-btn-padding-x-sm);

      --btn-hover-fg: var(--qb-input-btn-focus-fg);
      --btn-hover-bg: var(--qb-input-btn-focus-bg);
      --btn-hover-border-color: var(--qb-input-btn-focus-border-color);
      position: relative;
      display: inline-flex;
      flex-shrink: 0;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      border-color: transparent;
      text-align: center;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
      transition-duration: 200ms;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      margin: 0px;
      border-radius: 0px;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      padding-left: 1rem;
      padding-right: 1rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 500;
      text-transform: uppercase;

      background-image: none;
      background-color: rgb(var(--btn-bg) / var(--tw-bg-opacity));
      border-color: rgb(var(--btn-border-color) / var(--tw-border-opacity));
      color: rgb(var(--btn-fg) / var(--tw-text-opacity));
      width: 50%;
      border-width: 0 0 0 1px;
      border-style: solid;
    }

/* padding: var(--btn-padding-y) var(--btn-padding-x); */

.confirm-dlg.ui-dialog .ui-dialog-buttonpane .ui-button:first-child {
        border-width: 0;
      }

.confirm-dlg.ui-dialog .ui-dialog-buttonpane .ui-button:hover,
      .confirm-dlg.ui-dialog .ui-dialog-buttonpane .ui-button:focus,
      .confirm-dlg.ui-dialog .ui-dialog-buttonpane .ui-button:active {
        --btn-fg: var(--btn-hover-fg);
        --btn-bg: var(--btn-hover-bg);
        --btn-border-color: var(--btn-hover-border-color);
      }

.confirm-dlg.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
}

.ui-button.ui-button-text-only .ui-button-text {
  padding: 0;
  line-height: inherit;
}

.ui-dialog .submits {
  border-top-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.ui-widget-overlay {
  background: rgb(var(--qb-ui-widget-overlay-bg) / 1);
  opacity: var(--qb-ui-widget-overlay-opacity);
  filter: opacity(var(--qb-ui-widget-overlay-opacity));
}

:root {
  /* 鹿角解 */
  /* --qb-header-tab-dashboard-bg: 178 182 182;
  --qb-header-tab-grid-bg: 167 170 161;
  --qb-header-tab-queue-bg: 122 123 120;
  --qb-header-tab-admin-bg: 104 106 103; */

  /* 鸿雁来 */
  /* --qb-header-tab-dashboard-bg: 134 144 138;
  --qb-header-tab-grid-bg: 107 125 115;
  --qb-header-tab-queue-bg: 85 95 77;
  --qb-header-tab-admin-bg: 69 73 61; */

  /* 虎始交 */
  /* --qb-header-tab-dashboard-bg: 120 138 111;
  --qb-header-tab-grid-bg: 93 114 89;
  --qb-header-tab-queue-bg: 78 101 72;
  --qb-header-tab-admin-bg: 63 80 59; */

  /* 地始冻 */
  --qb-header-tab-dashboard-bg: 158 140 107;
  --qb-header-tab-grid-bg: 136 118 87;
  --qb-header-tab-queue-bg: 109 92 61;
  --qb-header-tab-admin-bg: 90 78 59;

  --qb-header-tab-my-bg: 85 95 77; /* 结绿 */
  --qb-header-logo-width: 70px;
}

#global-header {
  --tw-border-opacity: 1;
  --header-logo-width: var(--qb-header-logo-width);
  --header-bottom-border-width: 3px;
  --header-border-color: var(--qb-color-primary);
  --header-tab-width: 120px;
  --header-logo-height: var(--qb-header-logo-height);

  padding-left: var(--header-logo-width);
  position: relative;
  border-bottom-width: var(--header-bottom-border-width);
  border-bottom-color: rgb(var(--header-border-color) / var(--tw-border-opacity));

}

#global-header h1 {
    position: absolute;
    width: var(--header-logo-width);
    height: var(--header-logo-height);
    left: 0;
    bottom: 0;
  }

#global-header .horizontal > .tabs {
    --nav-link-padding-x: 0;
    --nav-link-padding-y: 0.25rem;
    --nav-link-fg: var(--qb-color-white);
    --nav-link-active-bg: var(--qb-color-primary);
    --nav-link-active-fg: var(--qb-color-primary-content);
    --nav-link-active-border-color: var(--nav-link-active-bg);
    --nav-link-hover-bg: var(--qb-color-white);

    border-bottom-width: 0;
  }

#global-header .horizontal > .tabs .tab {
      width: var(--header-tab-width);
    }

#global-header .tab-DashboardPage {
    --nav-link-bg: var(--qb-header-tab-dashboard-bg);
    --nav-link-hover-border-color: var(--qb-header-tab-dashboard-bg);
    --nav-link-hover-fg: var(--qb-header-tab-dashboard-bg);
  }

#global-header .tab-GridPage {
    --nav-link-bg: var(--qb-header-tab-grid-bg);
    --nav-link-hover-border-color: var(--qb-header-tab-grid-bg);
    --nav-link-hover-fg: var(--qb-header-tab-grid-bg);
  }

#global-header .tab-QueuePage {
    --nav-link-bg: var(--qb-header-tab-queue-bg);
    --nav-link-hover-border-color: var(--qb-header-tab-queue-bg);
    --nav-link-hover-fg: var(--qb-header-tab-queue-bg);
  }

#global-header .tab-SystemSettingEdit {
    --nav-link-bg: var(--qb-header-tab-admin-bg);
    --nav-link-hover-border-color: var(--qb-header-tab-admin-bg);
    --nav-link-hover-fg: var(--qb-header-tab-admin-bg);
  }

#global-header .tab-MyPage {
    --nav-link-bg: var(--qb-header-tab-my-bg);
    --nav-link-hover-border-color: var(--qb-header-tab-my-bg);
    --nav-link-hover-fg: var(--qb-header-tab-my-bg);
  }

.theme-toggler .sun {
  display: none;
}

.dark .theme-toggler .sun {
  display: inline;
}

.theme-toggler .moon {
  display: inline;
}

.dark .theme-toggler .moon {
  display: none;
}

.feedbackPanel {
  --tw-text-opacity: 1;
  --tw-border-opacity: 1;
  --feedback-border-color: var(--qb-color-border-default);
  --feedback-border-width: 0 0 0 3px;
  --feedback-message-icon: "\F33A";
  --feedback-message-fg: var(--qb-color-text-default);
  --tw-bg-opacity: 1;
  --feedback-message-bg: var(--qb-body-bg);
  --feedback-padding-y: 0.5rem;
  --feedback-padding-x: 0.75rem;
  --feedback-font-size: var(--qb-font-size-sm);
  --feedback-border-radius: 0 var(--qb-radius-base) var(--qb-radius-base) 0;
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

.feedbackPanel li {
  list-style: none;
  padding: var(--feedback-padding-y) var(--feedback-padding-x);
  background-color: rgb(var(--feedback-message-bg) / var(--tw-bg-opacity));
  color: rgb(var(--feedback-message-fg) / var(--tw-text-opacity));
  border-width: var(--feedback-border-width);
  border-style: solid;
  border-color: rgb(var(--feedback-border-color) / var(--tw-border-opacity));
  box-shadow: var(--feedback-box-shadow);
  font-weight: var(--feedback-font-weight);
  font-size: var(--feedback-font-size);
  border-radius: var(--feedback-border-radius);
}

.feedbackPanel li:before {
    font-family: var(--qb-font-family-bootstrap-icons);
    content: var(--feedback-message-icon);
    vertical-align: top;
    display: inline-block;
    margin-right: 4px;
    font-size: 1em;
  }

.feedbackPanel li.feedbackPanelINFO {
    --feedback-border-color: var(--qb-color-success);
    --feedback-shadow-color: var(--qb-color-success-dark);
    --feedback-message-icon: "\F431";
    --feedback-message-fg: var(--qb-color-success-dark);
    --feedback-message-bg: var(--qb-color-success-light);
  }

.feedbackPanel li.feedbackPanelWARNING {
    --feedback-border-color: var(--qb-color-warning);
    --feedback-shadow-color: var(--qb-color-warning-dark);
    --feedback-message-icon: "\F33B";
    --feedback-message-fg: var(--qb-color-warning-dark);
    --feedback-message-bg: var(--qb-color-warning-light);
  }

.feedbackPanel li.feedbackPanelERROR {
    --feedback-border-color: var(--qb-color-danger);
    --feedback-shadow-color: var(--qb-color-danger-dark);
    --feedback-message-icon: "\F337";
    --feedback-message-fg: var(--qb-color-danger-dark);
    --feedback-message-bg: var(--qb-color-danger-light);
  }

.feedbackPanel li.feedbackPanelSUCCESS {
    --feedback-border-color: var(--qb-color-success);
    --feedback-shadow-color: var(--qb-color-success-dark);
    --feedback-message-icon: "\F26B";
    --feedback-message-fg: var(--qb-color-success-dark);
    --feedback-message-bg: var(--qb-color-success-light);
  }

.feedbackPanel li + li {
  margin-top: 0.5rem;
}

.feedback > .feedbackPanel > li {
  margin-bottom: 0.75rem;
}

#global-feedback {
  position: absolute;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  top: -10000px;
  max-width: 75%;
  z-index: var(--qb-zindex-popup);
  overflow: visible !important;
}

#global-feedback .feedbackPanel {
    --feedback-zindex: var(--qb-zindex-popup);
    --feedback-shadow-color: 0 0 0;
    --feedback-shadow-color: var(--qb-color-black);
    --feedback-box-shadow: rgb(var(--feedback-shadow-color) / var(--tw-shadow-opacity)) 0px 5px 15px;
    --feedback-font-weight: var(--qb-font-weight-semibold);
    --tw-shadow-opacity: 0.7;
    --feedback-border-width: 1px;
    --feedback-border-radius: var(--qb-radius-base);
  }

#log-content {
  padding: 0.5rem;
  font-family: var(--qb-font-family-mono);
}

.livelog > .loading-content {
  padding: 4px 4px 10px 4px;
}

.livelog > .log-truncated {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;

  padding: 4px;
  font-weight: bold;
  background-color: rgb(var(--qb-color-danger-light) / var(--tw-bg-opacity));
  color: rgb(var(--qb-color-danger-dark) / var(--tw-text-opacity));
}

#log-loadmask {
  text-align: center;
  margin-top: 10px;
}

.log-entry {
  --log-entry-fg: var(--qb-color-text-default);
  --log-entry-font-family: var(--qb-font-family-mono);
  --log-entry-font-size: var(--qb-font-size-xs);

  padding: 2px 4px;
  color: rgb(var(--log-entry-fg) / var(--tw-text-opacity));
  font-size: var(--log-entry-font-size);
  font-family: var(--log-entry-font-family);
}

.log-error {
  --log-entry-fg: var(--qb-color-danger);
}

.log-warning,
.log-warn {
  --log-entry-fg: var(--qb-color-warning);
}

.log-debug {
  --log-entry-fg: var(--qb-color-text-light);
}

.log-trace {
  --log-entry-fg: var(--qb-color-text-light);
}

.log-entry > i {
  font-style: normal;
  white-space: pre;
  word-wrap: break-word;
  word-break: break-all;
}

.popup {
  --popup-zindex: 2000;
  --popup-max-width: 50rem;
  --popup-max-height: 35rem;
  --popup-fg: var(--qb-popup-fg);
  --popup-bg: var(--qb-popup-bg);
  --popup-font-size: var(--qb-body-font-size);
  --popup-menu-item-color: var(--popup-fg);
  --popup-menu-item-active-bg: var(--qb-color-primary);
  --popup-menu-item-active-fg: var(--qb-color-primary-content);
  --popup-menu-item-disabled-fg: var(--qb-color-text-disabled);
  --popup-border-color: var(--qb-color-border-dim);
  --popup-border-width: 1px;
  --popup-radius: var(--qb-radius-base);
  --popup-padding-y: 0.25rem;
  --popup-padding-x: 0.25rem;
  --popup-font-size: var(--qb-font-size-xs);
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-border-opacity: 1;

  position: absolute;
  display: none;
  z-index: var(--popup-zindex);
  font-size: var(--popup-font-size);
}

.popup > .content {
  margin: 0px;
  overflow: auto;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: var(--popup-padding-y) var(--popup-padding-x);
    border-width: var(--popup-border-width);
    border-color: rgb(var(--popup-border-color) / var(--tw-border-opacity));
    background-color: rgb(var(--popup-bg) / var(--tw-bg-opacity));
    color: rgb(var(--popup-fg) / var(--tw-text-opacity));
    max-height: var(--popup-max-height);
    max-width: var(--popup-max-width);
    border-radius: var(--popup-radius);
}

.popup > .content.menu,
    .popup > .content .ac-dropdown {
      --popup-font-size: var(--qb-font-size-xs);
      margin: 0 calc(var(--popup-padding-x) * -1);
    }

.popup > .content.menu ul,
      .popup > .content.menu li,
      .popup > .content .ac-dropdown ul,
      .popup > .content .ac-dropdown li {
        list-style: none outside;
        margin: 0;
        padding: 0;
        white-space: nowrap;
      }

.popup > .content.menu .separator,  .popup > .content .ac-dropdown .separator {
  pointer-events: none;
  margin-top: 0.25rem;
  cursor: none;
  border-top-width: 1px;
  padding-top: 0.25rem;
}

.popup > .content.menu li > .menu-item,  .popup > .content .ac-dropdown li > .menu-item {
  position: relative;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.popup > .content.menu li.sub-menu > .menu-item, .popup > .content .ac-dropdown li.sub-menu > .menu-item {
        padding-right: 1.25rem;
      }

.popup > .content.menu .menu-item, .popup > .content .ac-dropdown .menu-item {
        font-size: var(--popup-font-size);
        color: rgb(var(--popup-menu-item-color) / var(--tw-text-opacity));
      }

.popup > .content.menu .menu-item:hover,
        .popup > .content.menu .menu-item:focus,
        .popup > .content.menu .menu-item:active,
        .popup > .content .ac-dropdown .menu-item:hover,
        .popup > .content .ac-dropdown .menu-item:focus,
        .popup > .content .ac-dropdown .menu-item:active {
          background-color: rgb(var(--popup-menu-item-active-bg) / var(--tw-bg-opacity));
          color: rgb(var(--popup-menu-item-active-fg) / var(--tw-text-opacity));
          text-decoration: none;
        }

.popup > .content.menu .menu-item.disabled,
        .popup > .content.menu .menu-item:disabled,
        .popup > .content .ac-dropdown .menu-item.disabled,
        .popup > .content .ac-dropdown .menu-item:disabled {
          pointer-events: none;
          --popup-menu-item-color: var(--popup-menu-item-disabled-fg);
        }

.popup > .content.menu em,  .popup > .content .ac-dropdown em {
  font-style: normal;
}

.popup > .content.menu li.disabled > .menu-item,  .popup > .content .ac-dropdown li.disabled > .menu-item {
  pointer-events: none;
  cursor: not-allowed;
        --tw-text-opacity: 0.5;
}

.popup > .content.menu li.menu-item-delete, .popup > .content .ac-dropdown li.menu-item-delete {
        --popup-menu-item-active-bg: var(--qb-color-danger);
        --popup-menu-item-active-fg: var(--qb-color-danger-content);
      }

.popup > .content.menu .menu-item > span, 
      .popup > .content.menu .menu-item > a, 
      .popup > .content.menu .menu-item > .menu-link {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: block;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.popup > .content.menu .menu-item > a {
        color: rgb(var(--popup-menu-item-color) / var(--tw-text-opacity));
      }

.popup > .content.menu .menu-item > a:hover,
        .popup > .content.menu .menu-item > a:focus {
          color: rgb(var(--popup-menu-item-active-fg) / var(--tw-text-opacity));
          text-decoration: none;
        }

.popup > .content.menu .menu-item > a.selected {
          --tw-text-opacity: 0.7;
        }

.popup > .content .history-chart {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.75rem;
}

.popup > .content h2 {
  margin-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.popup > .content h2 a {
  font-size: 1rem;
  line-height: 1.5rem;
}

.popup > .content .sub-menu > * {
      padding-right: 1.25rem;
    }

.popup > .content .sub-menu > *:after {
  position: absolute;
  right: 0px;
  display: inline-block;
  width: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: left;
        z-index: 1;
        top: 0;
        font-family: var(--qb-font-family-fontawesome);
        font-weight: 900;
        content: "\f0da";
}

.popup > .content.menu {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0px;
  padding-right: 0px;
}

.popup-trigger-icon {
  --popup-trigger-open-bg: var(--qb-color-primary);
  --popup-trigger-open-fg: var(--qb-color-primary-content);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.125rem;

  padding: 2px;
  text-decoration: none;

}

.popup-trigger-icon > i::before {
    content: "\f0d7";
  }

.popup-trigger-icon:hover,
  .popup-trigger-icon.open {
    background-color: rgb(var(--popup-trigger-open-bg) / 1);
    color: rgb(var(--popup-trigger-open-fg) / 1);
    text-decoration: none;
  }

.btn.popup-trigger.open {
  --btn-bg: var(--qb-color-secondary);
  --btn-border-color: var(--qb-color-secondary);
  --btn-fg: var(--qb-color-secondary-content);
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
}

.popup-trigger:not(.disabled):not([disabled]) {
  cursor: pointer;
}

/* HELP CONTENT */

.popup .content.help {
  --tw-bg-opacity: 1;
  padding: 0.5rem;
  background-color: rgb(var(--qb-color-attention-muted) / var(--tw-bg-opacity));
}

.popup .content.help br {
  margin-bottom: 1rem;
}

.popup .content.help table {
    border-collapse: collapse;
    margin: 8px 0;
  }

.popup .content.help table > * > * > * {
  border-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  vertical-align: top;
      border-color: rgb(var(--qb-color-border-default) / 1);
}

.popup .content.help table > thead > tr > td {
  font-weight: 600;
}

.popup .content.help ul,  .popup .content.help ol {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  margin-left: 1rem;
}

.popup .content.help ul {
    list-style: disc;
  }

.popup .content.help ol {
    list-style: decimal;
  }

.popup .content.help ul ul, 
  .popup .content.help ul ol, 
  .popup .content.help ol ol, 
  .popup .content.help ol ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 1rem;
}

.popup .content.help a {
    text-decoration: underline;
  }

.popup .content.help em {
  font-style: normal;
}

.popup .content.help em.name {
      font-weight: var(--qb-font-weight-semibold);
    }

.tooltip p {
  margin-bottom: 0.5rem;
}

.popup .norecords-td .norecords {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.popup .build-quickinfo .reportset-section {
  margin-bottom: 0.5rem;
}

.popup .build-quickinfo h3 {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.popup .build-quickinfo h4 {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.wicket-aa-container {
  border-radius: 0.125rem;
  border-width: 1px;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  margin-top: 4px !important;
  border-color: rgb(var(--popup-border-color) / 1);
  border-radius: var(--popup-radius);
}

.wicket-aa-container .wicket-aa .build-choices {
  position: relative;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.wicket-aa-container .wicket-aa .build-choices .build-status {
  position: relative;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
      color: rgb(var(--popup-menu-item-color) / 1);
}

.wicket-aa-container .wicket-aa .build-choices li.selected .build-status,
      .wicket-aa-container .wicket-aa .build-choices li .build-status:hover,
      .wicket-aa-container .wicket-aa .build-choices li .build-status:focus,
      .wicket-aa-container .wicket-aa .build-choices li .build-status:active {
        background-color: rgb(var(--popup-menu-item-active-bg) / var(--tw-bg-opacity));
        color: rgb(var(--popup-menu-item-active-fg) / var(--tw-text-opacity));
        text-decoration: none;
      }

/* tree table */

table.treetable {
  --table-td-padding-y: 6px;
  --table-th-padding-y: 6px;
  --table-td-border-style: dotted;
}

table.treetable > * > * > * {
    text-align: left;
    vertical-align: middle;
  }

table.treetable .expand-link.loading {
    pointer-events: none;
  }

table.treetable .expand-link.loading > .svgicon {
  display: none;
}

table.treetable .expand-link.loading > .fa-spin {
      display: inline-block !important;
    }

table.treetable .tree-column {
  display: inline-flex;
  align-items: center;
}

.dashboard .treetable > * > tr:last-child > td {
  border-bottom-width: 0;
}

:root {
  --qb-tree-th-bg: var(--qb-color-bg-base);
  --qb-tree-tr-hover-bg: var(--qb-color-yellow-100);
}

.configuration-tree .treetable {
  --table-th-bg: var(--qb-tree-th-bg);
}

.configuration-tree .treetable > tbody > tr:hover > td {
    --table-td-bg: var(--qb-tree-tr-hover-bg);
  }

.configuration-tree .treetable .configuration-action.action-settings {
    opacity: 0;
  }

.configuration-tree .treetable tr:hover .configuration-action.action-settings {
    opacity: 1;
  }

.configuration-chooser table.treetable {
  border: none;
}

.configuration-chooser table.treetable > * > * > * {
    border-width: 0;
  }

.configuration-chooser table.treetable > thead > tr > th {
    --table-th-bg: var(--table-td-bg);
  }

.configuration-chooser table.treetable > tbody > tr > td:hover {
    --table-td-bg: var(--qb-tree-tr-hover-bg);
  }

.build-status.recommended:not(.svgicon), 
  .build-status.successful {
  --tw-text-opacity: 1;
  color: rgb(var(--qb-color-success) / var(--tw-text-opacity));
}

.build-status.failed {
  --tw-text-opacity: 1;
  color: rgb(var(--qb-color-danger) / var(--tw-text-opacity));
}

.build-status.cancelled, 
  .build-status.timeout {
  --tw-text-opacity: 1;
  color: rgb(var(--qb-color-accent) / var(--tw-text-opacity));
}

.build-status.svgicon.recommended {
  --tw-text-opacity: 1;
  color: rgb(var(--qb-color-star) / var(--tw-text-opacity));
}

.failed-build-card {
  margin: 0.5rem;
  border-radius: 0.5rem;
  border-width: 2px;
  padding: 0.5rem;
  border-color: rgb(var(--qb-color-danger) / 1);
}

.segment {
  display: flex;
  border-radius: 0.25rem;
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

  --pipeline-segment-bg: var(--qb-color-bg-dark);
  --pipeline-segment-inner-bg: var(--qb-body-bg);
  --tw-bg-opacity: 1;

  background-color: rgb(var(--pipeline-segment-bg) / var(--tw-bg-opacity));
  padding: 0.5rem;
  width: 16rem;
}

.segment.build-successful, 
  .segment.build-recommended {
  --tw-shadow-color: rgb(var(--qb-color-green-800) / 1);
  --tw-shadow: var(--tw-shadow-colored);
    --pipeline-segment-bg: var(--qb-color-success);
}

.segment.build-failed {
  --tw-shadow-color: rgb(var(--qb-color-red-800) / 1);
  --tw-shadow: var(--tw-shadow-colored);
    --pipeline-segment-bg: var(--qb-color-danger);
}

.segment.build-cancelled {
  --tw-shadow-color: rgb(var(--qb-color-purple-800) / 1);
  --tw-shadow: var(--tw-shadow-colored);
    --pipeline-segment-bg: var(--qb-color-purple);
}

.segment.build-timeout {
  --tw-shadow-color: rgb(var(--qb-color-orange-800) / 1);
  --tw-shadow: var(--tw-shadow-colored);
    --pipeline-segment-bg: var(--qb-color-orange);
}

/* &.build-running {
    --pipeline-segment-bg: var(--qb-color-warning);
  } */

.segment .segment-block {
  height: 100%;
  width: 100%;
  border-radius: 0.125rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

    background-color: rgb(var(--pipeline-segment-inner-bg) / var(--tw-bg-opacity));
    padding: 0.25rem 0.5rem;
}

#fancytip {
  display: none;
  z-index: 1001;
  max-width: 400px;
}

#fancytip-wrapper {
  font-size: 0.75rem;
  line-height: 1rem;
}

.fancyhelp #fancytip-wrapper {
  max-width: 350px;
  min-width: 180px;
}

.fancytip table {
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
}

.fancytip table td {
  border: 0;
  padding: 0;
  margin: 0;
}

.fancytip .ftl,
.fancytip .ftr,
.fancytip .ftc,
.fancytip .fcl,
.fancytip .fcc,
.fancytip .fcr,
.fancytip .fbl,
.fancytip .fbc,
.fancytip .fbr {
  clear: both;
  margin: 0;
  padding: 0;
}

.ftl,
.ftr,
.fbl,
.fbr,
.fcl,
.fcr {
  width: 12px;
}

.fancytip .ftl {
  background: url(/images/report/tooltip/tip-tl.png) left top no-repeat;
}

.fancytip .ftr {
  background: url(/images/report/tooltip/tip-tr.png) right top no-repeat;
}

.fancytip .ftc {
  background: url(/images/report/tooltip/tip-tc.png);
  height: 12px;
}

.fancytip .fbl {
  background: url(/images/report/tooltip/tip-bl.png) left bottom no-repeat;
}

.fancytip .fbr {
  background: url(/images/report/tooltip/tip-br.png) right bottom no-repeat;
}

.fancytip .fbc {
  background: url(/images/report/tooltip/tip-bc.png) center bottom;
  height: 28px;
}

.fancytip.left .fbc {
  background: url(/images/report/tooltip/tip-bc-l.png) center bottom;
  height: 28px;
}

.fancytip .fcl {
  background: url(/images/report/tooltip/tip-cl.png) left top repeat-y;
}

.fancytip .fcr {
  background: url(/images/report/tooltip/tip-cr.png) right top repeat-y;
}

.fancytip .fcc {
  background: url(/images/report/tooltip/tip-cc.png) center bottom;
  color: #fff;
  padding: 0.5em 1em;
}

.fancytip.bottom .ftl {
  background: url(/images/report/tooltip/tip-tl-b.png) left bottom no-repeat;
}

.fancytip.bottom .ftr {
  background: url(/images/report/tooltip/tip-tr-b.png) right bottom no-repeat;
}

.fancytip.bottom .ftc {
  background: url(/images/report/tooltip/tip-tc-b.png) center bottom no-repeat;
  height: 28px;
}

.fancytip.bottom .fcc {
  background-position: center top;
}

.fancytip.bottom .fbl,
.fancytip.normal .fbl {
  background: url(/images/report/tooltip/tip-bl-b.png) left bottom no-repeat;
}

.fancytip.bottom .fbr,
.fancytip.normal .fbr {
  background: url(/images/report/tooltip/tip-br-b.png) right bottom no-repeat;
}

.fancytip.normal .fbc,
.fancytip.bottom .fbc,
.fancytip.tip-help.bottom .fbc {
  background: url(/images/report/tooltip/tip-bc-b.png) left bottom repeat-x;
  height: 12px;
}

.fancytip.tip-help .fcc {
  background-image: url(/images/report/tooltip/tip-cc-info.png);
  color: #000;
}

.fancytip.tip-help .fbc {
  background-image: url(/images/report/tooltip/tip-bc-info.png);
}

.fancytip.tip-help.bottom .ftc {
  background-image: url(/images/report/tooltip/tip-tc-info-b.png);
}

.fancytip.bottom.left .ftc {
  background-image: url(/images/report/tooltip/tip-tc-b-l.png);
}

:root {
  --qb-num-block-info-bg: var(--qb-color-attention-subtle);
  --qb-num-block-info-fg: var(--qb-color-attention-fg);
  --qb-num-block-add-bg: var(--qb-color-green-50);
  --qb-num-block-add-fg: var(--qb-color-green-700);
  --qb-num-block-modify-bg: var(--qb-color-yellow-50);
  --qb-num-block-modify-fg: var(--qb-color-yellow-700);
  --qb-num-block-delete-bg: var(--qb-color-red-50);
  --qb-num-block-delete-fg: var(--qb-color-red-700);
}

.num-block {
  --tw-text-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;

  --num-block-width: 2rem;
  --num-block-fg: var(--qb-color-text-default);
  --num-block-icon-size: 1.25rem;
  /* --num-block-bg: var(--qb-color-bg-default); */
  --num-block-border-width: 1px;
  --num-block-border-color: var(--qb-color-border-default);
  --num-block-radius: var(--qb-radius-sm);
  --num-block-font-size: var(--qb-font-size-sm);
  display: inline-block;
}

.num-block.num-block-xs {
    --num-block-width: 1rem;
    --num-block-font-size: var(--qb-font-size-xs);
    --num-block-icon-size: 0.75rem;
  }

.num-block .replaced, 
  .num-block .icon, 
  .num-block a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;

    width: var(--num-block-width);
    line-height: var(--num-block-width);
    height: var(--num-block-width);
    text-decoration: none !important;
    color: rgb(var(--num-block-fg) / var(--tw-text-opacity));
    background-color: rgb(var(--num-block-bg) / var(--tw-bg-opacity));
    border-width: var(--num-block-border-width);
    border-color: rgb(var(--num-block-border-color) / var(--tw-border-opacity));
    border-radius: var(--num-block-radius);
    font-size: var(--num-block-font-size);
}

.num-block.commit {
    --tw-border-opacity: 0;
    --num-block-width: 1.5rem;
    --num-block-radius: 0;
    --num-block-font-size: var(--qb-font-size-xs);
  }

.num-block.info {
    --num-block-bg: var(--qb-num-block-info-bg);
    --num-block-fg: var(--qb-num-block-info-fg);
  }

.num-block.added a {
    --num-block-fg: var(--qb-color-success);
  }

.num-block.added a:hover {
      --num-block-fg: var(--qb-color-success-content);
      --num-block-bg: var(--qb-color-success);
    }

.num-block.modified a {
    --num-block-fg: var(--qb-color-warning);
  }

.num-block.modified a:hover {
      --num-block-fg: var(--qb-color-warning-content);
      --num-block-bg: var(--qb-color-warning);
    }

.num-block.deleted a {
    --num-block-fg: var(--qb-color-danger);
  }

.num-block.deleted a:hover {
      --num-block-fg: var(--qb-color-danger-content);
      --num-block-bg: var(--qb-color-danger);
    }

.num-block.action .replaced:before {
      font-family: var(--qb-font-family-bootstrap-icons);
      content: var(--file-action-icon);
      font-size: var(--num-block-icon-size);
    }

.num-block.action .replaced > span {
      display: none;
    }

.num-block.action.add .replaced {
    --num-block-bg: var(--qb-num-block-add-bg);
    --num-block-fg: var(--qb-num-block-add-fg);
    --num-block-border-color: var(--qb-num-block-add-fg);
    --file-action-icon: "\F64D";
  }

.num-block.action.modify .replaced {
    --num-block-bg: var(--qb-num-block-modify-bg);
    --num-block-fg: var(--qb-num-block-modify-fg);
    --num-block-border-color: var(--qb-num-block-modify-fg);
    --file-action-icon: "\F70E";
  }

.num-block.action.delete .replaced {
    --num-block-bg: var(--qb-num-block-delete-bg);
    --num-block-fg: var(--qb-num-block-delete-fg);
    --num-block-border-color: var(--qb-num-block-delete-fg);
    --file-action-icon: "\F659";
  }

.num-block + .num-block {
  margin-left: 4px;
}

.machine {
  white-space: nowrap;
  font-family: var(--qb-font-family-mono);
}

.machine > .pre-code {
  display: inline-block;
  width: 4.5rem;
  white-space: pre;
  font-family: var(--qb-font-family-mono);
}

.latest-commits td.committer {
  padding: 8px 5px 10px 12px;
}

.records.latest-commits td.commit-count,
.records.commits td.commit-count {
  vertical-align: top !important;
}

.records.latest-commits th.commit-count,
.records.latest-commits td.commit-count {
  width: 1%;
}

.commits .subrow td {
  text-align: left;
}

.commits .subrow td.human {
  width: 60%;
}

.commits .subrow td.machine {
  padding: 0px;
  width: 1%;
}

.commits div.machine {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.commits .group-row td {
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.commits .group-row .commit-count .num-block {
    --tw-bg-opacity: 0;
    --num-block-font-size: var(--qb-font-size-base);
  }

.CodeMirror {
  border-radius: 0.25rem;
  border-width: 1px;
}

.bean.editor.scriptable .form-control {
  padding-right: var(--form-field-icon-width);
}

.bean.editor {
  --bean-editor-value-padding-x: 1.25rem;
}

.bean.editor td.value {
    position: relative;
    --table-td-padding-x: var(--bean-editor-value-padding-x);
  }

.table-settings .form-help,
  .table-settings .form-field-editor:not(.list-property) {
    max-width: 80%;
  }

.table-settings .form-field-editor .form-help,
    .table-settings .form-field-editor .form-field-editor {
      max-width: 100%;
    }

.nomax-width .table-settings .form-help,
  .nomax-width .table-settings .form-field-editor {
    max-width: 98%;
  }

.bean.editor .toggle {
  display: block;
  border-top-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;

  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-border-opacity: 1;

  color: rgb(var(--qb-color-text-default) / var(--tw-text-opacity));
  border-color: rgb(var(--qb-color-border-default) / var(--tw-border-opacity));
}

.bean.editor .toggle:hover {
    background-color: rgb(var(--qb-color-bg-dim) / var(--tw-bg-opacity));
  }

.bean.viewer .table .bean.viewer .table {
  border-width: 1px;
}

:root {
  --qb-table-settings-td-name-bg: var(--qb-color-bg-base);
}

.polymorphic-editor {
  --polymorphic-editor-border-color: var(--qb-color-border-default);
  border: 1px solid rgb(var(--polymorphic-editor-border-color) / var(--tw-border-opacity));
}

.table-settings td.name {
  width: 25%;
  max-width: 24rem;
  text-align: right;

    --table-td-font-weight: 500;
    --table-td-bg: var(--qb-table-settings-td-name-bg);
    --table-td-border-width: 0 1px 0 0;
}

.table-settings td.name .form-label {
      font-weight: var(--qb-font-weight-semibold);
    }

.table-settings td.value {
    --table-td-border-width: 0;
    --table-td-padding-x: 20px;
  }

.table-settings .polymorphic-editor {
    --polymorphic-editor-border-color: var(--table-td-border-color);
  }

.table-elements td.shrink {
    width: 1%;
  }

.navigation .navigatorLabel {
    float: left;
  }

.navigation .navigator {
    float: right;
  }

.navigation .navigator > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.navigation .navigator > span .first,  .navigation .navigator > span .prev,  .navigation .navigator > span .next,  .navigation .navigator > span .last,  .navigation .navigator > span .goto > span,  .navigation .navigator > span .goto > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.125rem;
    padding: 2px 4px;
}

.navigation .navigator > span .first em, .navigation .navigator > span .prev em, .navigation .navigator > span .next em, .navigation .navigator > span .last em, .navigation .navigator > span .goto > span em, .navigation .navigator > span .goto > a em {
      color: rgb(var(--qb-color-text-light) / 1);
    }

.navigation .navigator > span .goto {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.navigation .navigator > span a:hover {
    background-color: rgb(var(--qb-color-primary) / 1);
    color: rgb(var(--qb-color-primary-content) / 1);
    text-decoration: none;
  }

.navigation .navigator > span .first,
  .navigation .navigator > span .prev,
  .navigation .navigator > span .next,
  .navigation .navigator > span .last {
    text-align: left;
    text-indent: -9999em;
  }

.navigation .navigator > span .first::after, .navigation .navigator > span .prev::after, .navigation .navigator > span .next::after, .navigation .navigator > span .last::after {
      font-family: var(--qb-font-family-bootstrap-icons);
      font-size: var(--qb-font-size-sm);
      text-indent: 0;
    }

.navigation .navigator > span span.first,
  .navigation .navigator > span span.prev,
  .navigation .navigator > span span.next,
  .navigation .navigator > span span.last {
      color: rgb(var(--qb-color-text-light) / 1);
  }

.navigation .navigator > span .first::after {
    content: '\F27F';
  }

.navigation .navigator > span .prev::after {
    content: '\F284';
  }

.navigation .navigator > span .next::after {
    content: '\F285';
  }

.navigation .navigator > span .last::after {
    content: '\F280';
  }

:root {
  --form-field-required-fg: var(--qb-color-danger);
  --form-field-padding-left: var(--form-field-required-width);
  --form-field-required-width: 1rem;
  --form-field-icon-width: 1.5rem;
}

.field-wrapper {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.field-wrapper.scriptable.expanded, 
  .field-wrapper.script-editor {
  align-items: flex-start;
}

.field-wrapper .required {
    position: absolute;
    display: inline-block;
    text-align: center;
    left: calc(var(--form-field-required-width) * -1);
    top: var(--input-padding-y);
    width: var(--form-field-required-width);
    color: rgb(var(--form-field-required-fg) / var(--tw-text-opacity));
  }

.field-wrapper .form-control-append, 
  .field-wrapper .form-control-prepend, 
  .field-wrapper .scriptable-expander, 
  .field-wrapper .script-indicator {
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;

    color: rgb(var(--qb-color-text-muted) / 1);
    width: var(--form-field-icon-width);
    line-height: var(--input-line-height);
    min-height: calc(var(--input-line-height) + var(--input-padding-y) * 2 + var(--input-border-width) * 2);
}

.field-wrapper .form-control-append:hover, .field-wrapper .form-control-prepend:hover, .field-wrapper .scriptable-expander:hover, .field-wrapper .script-indicator:hover {
      color: rgb(var(--qb-color-text-default) / var(--tw-text-opacity));
    }

.field-wrapper .form-control-prepend,
  .field-wrapper .scriptable-expander {
    margin-right: calc(var(--form-field-icon-width) * -1);
  }

.field-wrapper .form-control-append,
  .field-wrapper .script-indicator {
    margin-left: calc(var(--form-field-icon-width) * -1);
  }

.field-wrapper .form-control.expandable {
    padding-left: var(--form-field-icon-width);
  }

.field-wrapper textarea.form-control.expandable {
    padding-left: var(--input-padding-x);
  }

.field-wrapper .CodeMirror,
  .field-wrapper .cke {
    flex: 1 1 auto;
  }

.table {
  --scorecard-top-border-color: var(--qb-color-border-dark);
}

.table.records {
  --table-th-link-padding-y: 0.25rem;
}

.table.records > * > * {
    border-width: var(--table-border-width) 0;
    border-color: rgb(var(--table-border-color) / var(--tw-border-opacity));
  }

.table.records > * > * > * {
      border-width: 0;
    }

.table.records > thead > tr > th {
    padding: 0;
    white-space: nowrap;
    background-color: transparent;
  }

.table.records > thead > tr > th > * {
  position: relative;
  display: block;
      padding: var(--table-th-link-padding-y) var(--table-th-padding-x);
      color: rgb(var(--table-th-fg) / var(--tw-text-opacity));
      background-color: rgb(var(--table-th-bg) / var(--tw-bg-opacity));
}

.table.records > thead > tr > th > a {
      position: relative;
      text-decoration: underline;
    }

.table.records > thead > tr > th > a:hover,
      .table.records > thead > tr > th > a:focus {
        --tw-bg-opacity: 0.9;
        --table-th-bg: var(--table-th-hover-bg);
        --table-th-fg: var(--table-th-hover-fg);
      }

.table.records > thead > tr > th.wicket_orderNone > a::before, .table.records > thead > tr > th.wicket_orderUp > a::before, .table.records > thead > tr > th.wicket_orderDown > a::before {
          font-family: var(--qb-font-family-fontawesome);
          font-weight: 900;
          z-index: 1;
          content: var(--table-records-sort-arrow);
          margin-right: 4px;
          line-height: 1;
        }

.table.records > thead > tr > th.wicket_orderDown > a, .table.records > thead > tr > th.wicket_orderUp > a {
        --table-th-bg: var(--table-th-ordered-bg);
        --table-th-fg: var(--table-th-ordered-fg);
        text-decoration: none;
      }

.table.records > thead > tr > th.wicket_orderDown > a:hover, .table.records > thead > tr > th.wicket_orderUp > a:hover {
          --tw-bg-opacity: 0.8;
          text-decoration: none;
        }

.table.records > thead > tr > th.wicket_orderDown > a:focus,
        .table.records > thead > tr > th.wicket_orderDown > a:active,
        .table.records > thead > tr > th.wicket_orderUp > a:focus,
        .table.records > thead > tr > th.wicket_orderUp > a:active {
          --tw-bg-opacity: 1;
        }

.table.records > thead > tr > th.wicket_orderUp {
      --table-records-sort-arrow: "\F062";
    }

.table.records > thead > tr > th.wicket_orderDown {
      --table-records-sort-arrow: "\F063";
    }

.table.records > tbody > tr > td.ordered {
    --table-td-bg: var(--table-td-ordered-bg);
    --tw-bg-opacity: 0.7;
  }

.table.records .table-toolbar.search-bar > td {
    background: transparent;
    /* background-color: rgb(var(--qb-color-bg-base) / 1); */
  }

.table.records th.number, 
  .table.records td.number, 
  .table.records td.primary-value {
  white-space: nowrap;
  text-align: right;
    width: 1%;
}

.table.records th.enum,
  .table.records td.enum {
    width: 1%;
  }

.table.records th.nowrap-text,
  .table.records td.nowrap-text {
    width: 5%;
    white-space: nowrap;
  }

.table.records th.nowrap,
  .table.records td.nowrap {
    width: 1%;
    white-space: nowrap;
  }

.table.records td.primary-value {
  font-weight: 600;
}

.table.records td.primary-value a {
      text-decoration: underline;
    }

.table.records th.text,
  .table.records td.text {
    width: 20%;
  }

.table.records th.nowrap-text,
  .table.records td.nowrap-text {
    white-space: nowrap;
  }

.table.records td.stackbar,
  .table.records td.stackbar-column {
    width: 10%;
    white-space: nowrap;
  }

.table.records td.chart-view {
    width: 1%;
  }

.table.records td.truncable {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.table.records td.flex-td .cell-wrapper {
  display: flex;
  align-items: center;
}

.table.records em {
  font-style: normal;
}

.table.records .group-row h3 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.records.table-striped-odd > tbody > tr:nth-of-type(odd) > td.ordered,
.records.table-striped-even > tbody > tr:nth-of-type(even) > td.ordered {
  --tw-bg-opacity: 1;
  --table-td-bg: var(--table-td-ordered-bg);
}

.records.no-bottom-border > * > tr:last-child {
  border-bottom-width: 0;
}

.box-body > table.records:last-child > * > tr:last-child {
  border-bottom-width: 0;
}

.records.no-top-border > thead > tr:first-child {
  border-top-width: 0;
}

/*
  --table-th-bg: var(--qb-color-gray-500);
  --table-th-fg: var(--qb-color-white);
  --table-th-hover-bg: var(--qb-color-gray-600);
  --table-th-hover-fg: var(--qb-color-white);
  --table-th-ordered-bg: var(--qb-color-gray-700);
  --table-th-ordered-fg: var(--qb-color-white);
  */

.records.report > * > * {
    border-width: var(--table-border-width);
  }

.records.report > thead > tr.headers {
    --table-border-color: var(--qb-table-th-border-color);
    border-top-width: 0;
    border-bottom-width: 1;
  }

.records.report a:not(.image-link) {
    text-decoration: underline;
  }

.records.report a.image-link .svgicon {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
}

.records .breadcrumbs {
  border: none;
  background: rgb(var(--qb-body-bg) / 1);
}

.records .breadcrumbs .piped a {
  border: none;
  margin: 0;
  padding: 0;
}

.records .breadcrumbs .crumb-title {
  margin-right: 1em;
  font-weight: bold;
}

.records .breadcrumbs .sep {
  margin: 0 0 0 6px;
  color: rgb(var(--qb-color-text-light) / 1);
}

.records > thead > .scorecard-tr {
  border-top-width: 3px;
  border-top-color: rgb(var(--scorecard-top-border-color) / var(--tw-border-opacity));
}

.records > thead > .scorecard-tr + .scorecard-tr {
    border-top-width: 1px;
  }

.records > thead > .scorecard-tr .scorecard-toolbar {
    padding: 0;
  }

.agg-section .records > thead > .scorecard-tr {
  border-top-width: 0;
}

.scorecard-item .bar {
  height: 10px;
  margin-top: 3px;
}

/* BAR, STACKBAR */

.bar {
  height: 1em;
  display: inline-block;
}

.bar-label {
  text-align: left;
  margin-left: 3px;
  white-space: nowrap;
}

.bar-label.nobar {
  margin: 0;
}

/* COMPOSITE WRAPPER FOR TABLE COLUMN */

.composite-wrapper {
  position: relative;
}

.composite-wrapper.stackbar-column {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.composite-wrapper.stackbar-column .stackbar {
      flex: 1 1 auto;
    }

.composite-wrapper.stackbar-column .stackbar .stackbars {
  display: flex;
  align-items: center;
}

.composite-wrapper.stackbar-column .bar-label {
      flex: 0 0 initial;
      width: 30%;
    }

.composite-wrapper.short-bar .stackbar {
    width: 50%;
  }

.composite-wrapper.short-bar .bar-label {
    width: 49%;
  }

.composite-wrapper .bar-label .cell-wrapper {
    padding-left: 5px;
  }

.gotop {
  padding: 0.5em 15px 0.5em 0;
}

p.gotop {
  text-align: right;
  margin: 0;
}

p.gotop a {
  position: relative;
  padding-right: 1rem;

  color: rgb(var(--qb-color-text-muted) / 1);
  text-decoration: none !important;
}

p.gotop a:after {
    font-family: var(--qb-font-family-fontawesome);
    font-weight: 900;
    content: "\F062";
    right: 0;
    position: absolute;
  }

.fa.trigger::before {
  font-weight: 900;
  content: "\f0da";
}

.expanded > .fa.trigger::before {
  content: "\f0d7";
}

.section-header.expanded {
  --tw-border-opacity: 1;
  margin-bottom: 0px;
  border-bottom-width: 2px;
  padding-bottom: 0.5rem;
  border-color: rgb(var(--qb-color-border-dark) / var(--tw-border-opacity));
}

.table-vertical th {
    --table-th-bg: var(--table-td-bg);
    --table-th-fg: var(--table-td-fg);
    font-weight: var(--qb-font-weight-semibold);
    width: 1%;
    border-right-width: 1px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
  }

/* JUNIT */

.table.test-details > tbody > tr:last-child {
  border-bottom-width: 0;
}

.agg-section table {
  width: 100%;
}

.agg-section .table.records > * > tr {
  border-left-width: 0;
  border-right-width: 0;

  /*
  > th {
    --table-th-fg: var(--qb-color-text-default);
    --table-th-bg: var(--qb-color-bg-dim);
  }
  */
}

.agg-section:last-child .table.records > tbody > tr:last-child {
  border-bottom-width: 0;
}

.agg-section .table.records > thead > tr.headers {
  --table-border-color: var(--qb-color-border-default);
}

table.overview_chart img {
  max-width: initial;
}

.table.records .chart-view {
  border-left-width: 1px;

  vertical-align: middle;
  text-align: center;
  background-color: rgb(var(--qb-body-bg) / 1);
}

.table.records .chart-view .overview_chart > * > * > td {
    vertical-align: middle;
    text-align: center;
    background-color: transparent;
    border-width: 0;
  }

.trunc-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.overview-module .table.records {
  height: 100%;
}

.overview-module .table.records > * > * > td {
    vertical-align: middle;
  }

:root {
  --qb-criterion-editor-bg: var(--qb-color-bg-base);
}

.filter-lists {
  --criterion-editor-bg: var(--qb-criterion-editor-bg);
}

.filter-lists .criterion-editor {
    background-color: rgb(var(--criterion-editor-bg) / 1);
  }

.filter-lists .criterion-connector > label {
    background-color: rgb(var(--criterion-editor-bg) / 1);
  }

.filter-lists .form-select {
    min-width: 30px;
    width: auto;
  }

.filter-lists .form-control {
    min-width: 150px;
  }

.filter-lists .has-error .criterion-editor {
    border-color: rgb(var(--qb-color-danger) / 1);
    margin-top: 1px;
  }

.overview-chart {
  width: auto;
}

.legend {
  --tw-bg-opacity: 1;
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
  background-color: rgb(var(--legend-bg) / var(--tw-bg-opacity));
}

.meta-legends .btn.unselected {
  opacity: 0.5;
}

.meta-legends .btn.unselected:hover {
  opacity: 1;
}

/* JUNIT REPORT */

.test-block {
  border-color: rgb(var(--test-block-border-color) / 1);
}

.test-block h4 {
    border-color: rgb(var(--test-block-border-color) / 1);
  }

.test-block .tst {
    color: rgb(var(--test-block-fg) / 1);
    background-color: rgb(var(--test-block-bg) / 1);
  }

.test-block.pass {
    --test-block-border-color: var(--qb-color-success);
    --test-block-bg: var(--qb-color-success);
    --test-block-fg: var(--qb-color-success-content);
  }

.test-block.fail,
  .test-block.error {
    --test-block-border-color: var(--qb-color-danger);
    --test-block-bg: var(--qb-color-danger);
    --test-block-fg: var(--qb-color-danger-content);
  }

.test-block.failure {
    --test-block-border-color: var(--qb-color-warning);
    --test-block-bg: var(--qb-color-warning);
    --test-block-fg: var(--qb-color-warning-content);
  }

.test-block.skip,
  .test-block.ignore,
  .test-block.skipped {
    --test-block-border-color: var(--qb-color-bg-dim);
    --test-block-bg: var(--qb-color-bg-dim);
    --test-block-fg: var(--qb-color-text-muted);
  }

.coverage-info .badge,
.test-info .badge {
  width: 56px;
  font-size: 1em;
}

.records.report a.issue-link:hover,
  .records.report a.issue-link:focus {
    text-decoration: underline;
  }

.records.report a.issue-status {
    color: var(--qb-color-danger-rgb);
  }

.records.report a.issue-status.resolved,
  .records.report a.issue-status.closed,
  .records.report a.issue-status.verified,
  .records.report a.issue-status.fixed,
  .records.report a.issue-status.done {
    color: var(--qb-color-success-rgb);
    text-decoration: line-through !important;

  }

.records.report a.issue-link.no-decoration {
    text-decoration: none !important;
  }

.records.report .resolution.unresolved {
    color: var(--qb-color-danger-rgb);
  }

.records.report .resolution.fixed {
    color: var(--qb-color-success-rgb);
  }

#swagger-ui .topbar {
  display: none !important;
}

#swagger-ui .information-container {
  display: none !important;
}

#swagger-ui .scheme-container {
  display: none !important;
}

#swagger-ui p {
  margin: 0;
}

#swagger-ui .wrapper {
  padding: 0;
}

:root {
  --qb-swagger-fg: var(--qb-body-fg);
  --qb-swagger-heading-fg: var(--qb-color-text-dark);
  --qb-swagger-heading-border-color: var(--qb-color-border-dim);
  --qb-swagger-opblock-hover-bg: var(--qb-color-bg-base);
  --qb-swagger-opblock-bg: var(--qb-body-bg);
  --qb-swagger-description-color: var(--qb-color-text-muted);
  --qb-swagger-opblock-get-bg: var(--qb-color-blue);
  --qb-swagger-opblock-get-border-color: var(--qb-color-blue);
  --qb-swagger-opblock-post-bg: var(--qb-color-green);
  --qb-swagger-opblock-post-border-color: var(--qb-color-green);
  --qb-swagger-opblock-patch-bg: var(--qb-color-teal);
  --qb-swagger-opblock-patch-border-color: var(--qb-color-teal);
  --qb-swagger-opblock-put-bg: var(--qb-color-orange);
  --qb-swagger-opblock-put-border-color: var(--qb-color-orange);
  --qb-swagger-opblock-delete-bg: var(--qb-color-red);
  --qb-swagger-opblock-delete-border-color: var(--qb-color-red);
  --qb-swagger-opblock-options-bg: var(--qb-color-purple);
  --qb-swagger-opblock-options-border-color: var(--qb-color-purple);
  --qb-swagger-opblock-bg-opacity: 0.1

  --qb-swagger-model-bg: var(--qb-color-bg-dim);
}

#swagger-ui .swagger-ui {
  --tw-text-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;

  --swagger-fg: var(--qb-swagger-fg);
  --swagger-heading-fg: var(--qb-swagger-heading-fg);
  --swagger-heading-border-color: var(--qb-swagger-heading-border-color);
  --swagger-heading-small-fg: var(--qb-color-text-muted);
  --swagger-description-color: var(--qb-swagger-description-color);
  --swagger-opblock-hover-bg: var(--qb-swagger-opblock-hover-bg);
  --swagger-opblock-bg: var(--qb-swagger-opblock-bg);
  --swagger-opblock-border-color: var(--qb-swagger-opblock-border-color);
  --swagger-opblock-get-bg: var(--qb-swagger-opblock-get-bg);
  --swagger-opblock-get-border-color: var(--qb-swagger-opblock-get-border-color);
  --swagger-opblock-post-bg: var(--qb-swagger-opblock-post-bg);
  --swagger-opblock-post-border-color: var(--qb-swagger-opblock-post-border-color);
  --swagger-opblock-put-bg: var(--qb-swagger-opblock-put-bg);
  --swagger-opblock-put-border-color: var(--qb-swagger-opblock-put-border-color);
  --swagger-opblock-patch-bg: var(--qb-swagger-opblock-patch-bg);
  --swagger-opblock-patch-border-color: var(--qb-swagger-opblock-patch-border-color);
  --swagger-opblock-delete-bg: var(--qb-swagger-opblock-delete-bg);
  --swagger-opblock-delete-border-color: var(--qb-swagger-opblock-delete-border-color);
  --swagger-opblock-options-bg: var(--qb-swagger-opblock-options-bg);
  --swagger-opblock-options-border-color: var(--qb-swagger-opblock-options-border-color);

  --swagger-model-bg: var(--qb-swagger-model-bg);
}

#swagger-ui .swagger-ui .opblock-tag {
    color: rgb(var(--swagger-heading-fg) / var(--tw-text-opacity)) !important;
    border-color: rgb(var(--swagger-heading-border-color) / var(--tw-border-opacity)) !important;
  }

#swagger-ui .swagger-ui .opblock-tag:hover {
      background-color: rgb(var(--qb-swagger-block-hover-bg) / var(--tw-bg-opacity)) !important;
    }

#swagger-ui .swagger-ui .opblock-tag small {
      color: rgb(var(--swagger-heading-small-fg) / var(--tw-text-opacity)) !important;
    }

#swagger-ui .swagger-ui svg:not(:root) {
    fill: currentColor;
  }

#swagger-ui .swagger-ui .opblock .opblock-summary-operation-id,
    #swagger-ui .swagger-ui .opblock .opblock-summary-path,
    #swagger-ui .swagger-ui .opblock .opblock-summary-path__deprecated {
      color: rgb(var(--swagger-fg) / var(--tw-text-opacity));
    }

#swagger-ui .swagger-ui .opblock .opblock-summary-method {
      --tw-bg-opacity: 1;
      background-color: rgb(var(--swagger-opblock-bg) / var(--tw-bg-opacity)) !important;
    }

#swagger-ui .swagger-ui .opblock.opblock-get,
    #swagger-ui .swagger-ui .opblock.opblock-post,
    #swagger-ui .swagger-ui .opblock.opblock-patch,
    #swagger-ui .swagger-ui .opblock.opblock-put,
    #swagger-ui .swagger-ui .opblock.opblock-options,
    #swagger-ui .swagger-ui .opblock.opblock-delete {
      --tw-bg-opacity: var(--qb-swagger-opblock-bg-opacity);
      background-color: rgb(var(--swagger-opblock-bg) / var(--tw-bg-opacity));
      border-color: rgb(var(--swagger-opblock-border-color) / var(--tw-border-opacity));
      color: rgb(var(--swagger-fg) / var(--tw-text-opacity));
    }

#swagger-ui .swagger-ui .opblock.opblock-get {
      --swagger-opblock-bg: var(--swagger-opblock-get-bg);
      --swagger-opblock-border-color: var(--swagger-opblock-get-border-color);
    }

#swagger-ui .swagger-ui .opblock.opblock-post {
      --swagger-opblock-bg: var(--swagger-opblock-post-bg);
      --swagger-opblock-border-color: var(--swagger-opblock-post-border-color);
    }

#swagger-ui .swagger-ui .opblock.opblock-put {
      --swagger-opblock-bg: var(--swagger-opblock-put-bg);
      --swagger-opblock-border-color: var(--swagger-opblock-put-border-color);
    }

#swagger-ui .swagger-ui .opblock.opblock-patch {
      --swagger-opblock-bg: var(--swagger-opblock-patch-bg);
      --swagger-opblock-border-color: var(--swagger-opblock-patch-border-color);
    }

#swagger-ui .swagger-ui .opblock.opblock-delete {
      --swagger-opblock-bg: var(--swagger-opblock-delete-bg);
      --swagger-opblock-border-color: var(--swagger-opblock-delete-border-color);
    }

#swagger-ui .swagger-ui .opblock.opblock-options {
      --swagger-opblock-bg: var(--swagger-opblock-options-bg);
      --swagger-opblock-border-color: var(--swagger-opblock-options-border-color);
    }

#swagger-ui .swagger-ui .opblock .opblock-summary-description {
    color: rgb(var(--swagger-description-color) / var(--tw-text-opacity));
  }

#swagger-ui .swagger-ui section.models {
    border-color: rgb(var(--qb-color-border-default) / var(--tw-border-opacity)) !important;
  }

#swagger-ui .swagger-ui section.models h4 {
      color: rgb(var(--swagger-heading-fg) / var(--tw-text-opacity)) !important;
      border-color: rgb(var(--swagger-heading-border-color) / var(--tw-border-opacity)) !important;
    }

#swagger-ui .swagger-ui section.models h4:hover {
        background-color: rgb(var(--swagger-block-hover-bg) / var(--tw-bg-opacity)) !important;
      }

#swagger-ui .swagger-ui .model {
    color: rgb(var(--swagger-fg) / var(--tw-text-opacity)) !important;
    background-color: rgb(var(--swagger-model-bg) / var(--tw-bg-opacity)) !important;
    border-radius: 4px;
  }

#swagger-ui .swagger-ui .model-title {
    color: rgb(var(--swagger-fg) / var(--tw-text-opacity)) !important;
  }

#swagger-ui .swagger-ui .model-toggle {
  top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: inline-block;
  transform: none;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1;
    font-family: var(--qb-font-family-fontawesome);
    font-weight: 900;
}

#swagger-ui .swagger-ui .model-toggle:before {
      content: "\f105";
    }

#swagger-ui .swagger-ui .model-toggle::after {
      background: none;
      display: inline;
      height: auto;
      width: auto;
    }

.section-changed ul > li {
	margin-bottom: 8px;
}

.badge.badge-http-get {
  --badge-bg: var(--qb-color-primary);
}

.badge.badge-http-delete {
  --badge-bg: var(--qb-color-danger);
}

.badge.badge-http-post {
  --badge-bg: var(--qb-color-success);
}

.badge.badge-http-put {
  --badge-bg: var(--qb-color-warning);
}

.badge.badge-http-patch {
  --badge-bg: var(--qb-color-teal);
}

.badge.badge-http-head {
  --badge-bg: var(--qb-color-accent);
}

.badge.badge-http-options {
  --badge-bg: var(--qb-color-pink);
}

:root {
  --qb-step-border-color: var(--qb-color-border-dim);
  /* --qb-step-parallel-bg: var(--qb-color-bg-muted); */
  --qb-step-parallel-wrap-items: wrap;
  --qb-step-parallel-badge-bg: var(--qb-color-bg-dark);

  --qb-step-parallel-head-bg: var(--qb-color-bg-base);
  --qb-step-sequential-head-bg: var(--qb-color-bg-base);

  --qb-step-sequential-border-color: var(--qb-color-border-dim);
  --qb-step-parallel-border-color: var(--qb-color-border-dim);

  --qb-step-placeholder-bg: var(--qb-color-yellow-50);

  --qb-step-hover-bg-opacity: 0.05;
  --qb-step-hover-ring-opacity: 0.6;
  --qb-step-hover-border-opacity: 0;
  --qb-step-hover-bg-color: var(--qb-color-blue-500);
  --qb-step-hover-ring-color: var(--qb-step-hover-bg-color);
  --qb-step-hover-border-color: var(--qb-color-border-dark);
}

.step-graph {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;

  --step-border-width: 1px;
  --step-composite-border-width: 1px;
  --step-border-style: solid;
  --step-border-color: var(--qb-step-border-color);
  --step-border-radius: var(--qb-radius-base);
  --step-font-size: var(--qb-font-size-sm);

  --step-head-bg: var(--qb-step-head-bg);
  --step-head-fg: var(--qb-step-head-fg);

  --step-body-bg: var(--qb-step-body-bg);
  --step-body-fg: var(--qb-step-body-fg);

  --step-parallel-bg: var(--qb-step-parallel-bg);

  --step-padding-x: 20px;
  --step-padding-y: 20px;

  --step-hover-bg-color: var(--qb-step-hover-bg-color);
  --step-hover-bg-opacity: var(--qb-step-hover-bg-opacity);
  --step-hover-ring-color: var(--qb-step-hover-ring-color);
  --step-hover-ring-opacity: var(--qb-step-hover-ring-opacity);
  --step-hover-border-color: var(--qb-step-hover-border-color);
  --step-hover-border-opacity: var(--qb-step-hover-border-opacity);

  display: flex;
  min-width: 100%;
  overflow: auto;
}

.step-graph .h-spacing {
    min-height: var(--step-padding-y);
    height: var(--step-padding-y);
  }

.step-graph .h-spacing.drag-over {
      transform: scale(1, 1.2);
      border-width: 1px;
    }

.step-graph .h-spacing + .h-spacing {
    display: none;
  }

.step-graph .v-spacing {
    min-width: var(--step-padding-x);
    width: var(--step-padding-x);
    padding: 0;
  }

.step-graph .v-spacing.first {
      margin-left: calc(var(--step-padding-x) * -1);
    }

.step-graph .v-spacing.drag-over {
      border-width: 1px;
    }

.step-graph .step-items {
    flex-wrap: var(--qb-step-parallel-wrap-items);
  }

.step-graph .step {
    border-width: var(--step-border-width);
    border-style: var(--step-border-style);
    border-color: rgb(var(--step-border-color) / var(--tw-border-opacity));
    border-radius: var(--step-border-radius);
  }

.step-graph .step:not(.master):hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(var(--qb-color-green-500) / 0.8);

      --tw-ring-color: rgb(var(--step-hover-ring-color) / var(--step-hover-ring-opacity));
      background-color: rgb(var(--step-hover-bg-color) / var(--step-hover-bg-opacity));
      border-color: rgb(var(--step-hover-border-color) / var(--step-hover-border-opacity));
}

.step-graph .step.inherited {
      border-style: dashed;
    }

.step-graph .step.composite {
      border-width: var(--step-composite-border-width);
    }

.step-graph .step.sequential {
      border-color: rgb(var(--qb-step-sequential-border-color) / var(--tw-border-opacity));
    }

.step-graph .step.parallel {
      border-color: rgb(var(--qb-step-parallel-border-color) / var(--tw-border-opacity));
    }

/* &:not(.composite) {
      --step-border-radius: 0;
    } */

.step-graph .step > .step-head {
      background-color: rgb(var(--step-head-bg) / var(--tw-bg-opacity));
      color: rgb(var(--step-head-fg) / var(--tw-text-opacity));
      border-radius: calc(var(--step-border-radius) - 1px);
    }

.step-graph .step:not(.composite) {
      --tw-bg-opacity: 0;
    }

.step-graph .step.composite > .step-head {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.step-graph .step.parallel {
    --step-head-bg: var(--qb-step-parallel-head-bg);
  }

.step-graph .step.sequential {
    --step-head-bg: var(--qb-step-sequential-head-bg);
  }

.step-graph .step-body {
    border-top-width: 2px;
    border-color: rgb(var(--step-border-color) / var(--tw-border-opacity));
    border-style: solid;
    background-color: rgb(var(--step-body-bg) / var(--tw-bg-opacity));
    color: rgb(var(--step-body-fg) / var(--tw-text-opacity));
    border-bottom-left-radius: var(--step-border-radius);
    border-bottom-right-radius: var(--step-border-radius);
  }

.step-graph .step.master > .step-body,
  .step-graph .step.sequential > .step-body {
    padding: 0 var(--step-padding-x);
  }

.step-graph .step.parallel > .step-body {
    padding-top: var(--step-padding-y);
    padding-left: var(--step-padding-x);

    background-color: rgb(var(--step-parallel-bg) / var(--tw-bg-opacity));
  }

.step-graph .step.parallel > .step-body .step-item {
      margin-bottom: var(--step-padding-y);
    }

.step-graph .step.inherited > .step-body {
    border-style: dotted;
  }

.step-graph .placeholder {
    border-bottom-left-radius: var(--step-border-radius);
    border-bottom-right-radius: var(--step-border-radius);
    background-color: rgb(var(--qb-step-placeholder-bg) / var(--tw-bg-opacity));
  }

.step-graph .step.master > .step-body > .placeholder,
  .step-graph .step.sequential > .step-body > .placeholder {
    margin: 0 calc(var(--step-padding-x) * -1);
  }

.step-graph .step.parallel > .step-body > .placeholder {
    margin-top: calc(var(--step-padding-y) * -1);
    margin-left: calc(var(--step-padding-x) * -1);
  }

.badge.parallel {
  --badge-bg: var(--qb-step-parallel-badge-bg);
}

/* STEP RUNTIMES */

:root {
  --qb-step-head-fg: var(--qb-color-text-default);

  --qb-step-status-successful-color: var(--qb-color-green);
  --qb-step-status-failed-color: var(--qb-color-red);
  --qb-step-status-running-color: var(--qb-color-yellow);
  --qb-step-status-waiting-color: var(--qb-color-gray);
  --qb-step-status-cancelled-color: var(--qb-color-purple);
  --qb-step-status-timeout-color: var(--qb-color-orange);
  --qb-step-status-idle-color: var(--qb-color-gray);
  --qb-step-idle-icon-color: var(--qb-color-gray-600);

  --qb-step-head-muted-opacity: 0.1;

  --qb-step-timeout-head-bg-opacity: 0.2;
  --qb-step-timeout-icon-color: var(--qb-color-purple-600);
}

.step-graph.step-runtime {
  --step-padding-x: 1rem;
  --step-padding-y: 1rem;

  --step-status-successful-color: var(--qb-step-status-successful-color);
  --step-status-failed-color: var(--qb-step-status-failed-color);
  --step-status-running-color: var(--qb-step-status-running-color);
  --step-status-waiting-color: var(--qb-step-status-waiting-color);
  --step-status-cancelled-color: var(--qb-step-status-cancelled-color);
  --step-status-timeout-color: var(--qb-step-status-timeout-color);
  --step-status-idle-color: var(--qb-step-status-idle-color);
}

/* --step-timeout-head-bg-opacity: var(--qb-step-timeout-head-bg-opacity);
  --step-timeout-head-fg: var(--qb-step-timeout-head-fg);
  --step-timeout-head-fg-opacity: var(--qb-step-timeout-head-fg-opacity);
  --step-timeout-icon-color: var(--qb-step-timeout-icon-color); */

.step-graph.step-runtime .step.inherited,
  .step-graph.step-runtime .step.inherited > .step-body {
    border-style: solid;
  }

.step-graph.step-runtime .step.sequential > .step-body {
    padding: var(--step-padding-y) var(--step-padding-x);
    padding-bottom: 1px;
  }

.step-graph.step-runtime .step.parallel > .step-body {
    padding: var(--step-padding-y) var(--step-padding-x);
    padding-right: 1px;
    padding-bottom: 1px;
  }

.step-graph.step-runtime .step.master > .step-body > .placeholder,
  .step-graph.step-runtime .step.sequential > .step-body > .placeholder {
    margin: calc(var(--step-padding-x) * -1);
    margin-bottom: -1px;
  }

.step-graph.step-runtime .step.parallel > .step-body > .placeholder {
    margin-top: calc(var(--step-padding-y) * -1);
    margin-left: calc(var(--step-padding-x) * -1);
    margin-right: -1px;
    margin-bottom: -1px;
  }

.step-graph.step-runtime .step-body > .step {
  margin-bottom: 1rem;
}

.step-graph.step-runtime .node-link:hover {
    text-decoration: underline;
  }

.step-graph.step-runtime .step {
    --step-border-color: var(--step-status-color);
    --step-border-opacity: 1;
    --step-head-bg: var(--step-status-color);
    --step-head-fg: var(--qb-step-head-fg);
    --tw-text-opacity: var(--step-text-opacity);
    --tw-bg-opacity: var(--step-head-bg-opacity);
    --step-icon-color: var(--step-status-color);
    --step-text-opacity: 0.5;
    --step-name-opacity: 0.7;
    --step-hover-ring-color: var(--step-status-color);
    --step-hover-bg-color: var(--step-bg-color);
    --step-hover-border-color: var(--step-status-color);
    --step-hover-border-opacity: 1;

    border-color: rgb(var(--step-border-color) / var(--tw-border-opacity));
  }

.step-graph.step-runtime .step > .step-body {
      --tw-bg-opacity: var(--step-body-bg-opacity);
      background-color: rgb(var(--step-body-bg) / var(--tw-bg-opacity));
    }

.step-graph.step-runtime .step > .step-head .status-icon {
        color: rgb(var(--step-icon-color) / 1);
        font-weight: 200;
      }

.step-graph.step-runtime .step > .step-head .status-icon > .svgicon {
          top: 2px;
        }

.step-graph.step-runtime .step > .step-head a, .step-graph.step-runtime .step > .step-head .step-duration {
        color: rgb(var(--step-head-fg) / var(--step-text-opacity));
      }

.step-graph.step-runtime .step > .step-head a:hover, .step-graph.step-runtime .step > .step-head .step-duration:hover {
          --step-text-opacity: 1;
        }

.step-graph.step-runtime .step > .step-head .step-name {
        color: rgb(var(--step-head-fg) / var(--step-name-opacity));
      }

.step-graph.step-runtime .step > .step-head .step-name:hover,
        .step-graph.step-runtime .step > .step-head .step-name.open {
          --step-name-opacity: 1;
        }

.step-graph.step-runtime .step.successful {
      --step-status-color: var(--step-status-successful-color);
      --step-head-bg-opacity: 0;
    }

.step-graph.step-runtime .step.failed {
      --step-status-color: var(--step-status-failed-color);
    }

.step-graph.step-runtime .step.timeout {
      --step-status-color: var(--step-status-timeout-color);
    }

.step-graph.step-runtime .step.cancelled {
      --step-status-color: var(--step-status-cancelled-color);
    }

.step-graph.step-runtime .step.failed {
      --step-name-opacity: 1;
    }

.step-graph.step-runtime .step.failed:not(.composite) {
        --step-head-bg-opacity: 1;
        --step-head-fg: var(--qb-color-white);
        --step-text-opacity: 0.7;
        --step-icon-color: var(--qb-color-white);
      }

.step-graph.step-runtime .step.timeout,
    .step-graph.step-runtime .step.cancelled {
      --step-name-opacity: 1;
    }

.step-graph.step-runtime .step.timeout:not(.composite), .step-graph.step-runtime .step.cancelled:not(.composite) {
        --step-head-bg-opacity: var(--qb-step-timeout-head-bg-opacity);
      }

.step-graph.step-runtime .step.running {
      --step-status-color: var(--step-status-running-color);
    }

.step-graph.step-runtime .step.waiting {
      --step-status-color: var(--step-status-waiting-color);
    }

.step-graph.step-runtime .step.idle {
      --step-status-color: var(--step-status-idle-color);
      --step-icon-color: var(--qb-step-idle-icon-color);
    }

.step-graph.step-runtime .step.composite {
      --step-head-bg-opacity: var(--qb-step-head-muted-opacity)
    }

.vertical.steps > .tabs {
  display: none;
}

.vertical.steps > .panel {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

#available {
  box-sizing: border-box;
  width: 350px;
  vertical-align: top;
}

#available > .box {
    width: 330px;
  }

#available.collapsed {
  width: 3rem;
  padding-right: 1rem;
}

#available .expand-steps-link {
  --tw-text-opacity: 0.8;
  color: rgb(var(--qb-color-white) / var(--tw-text-opacity));
  background: rgb(var(--qb-color-gray-500) / 1);
  border-color: rgb(var(--qb-color-gray-700) / 1);
  text-decoration: none;
}

#available .expand-steps-link:hover {
    --tw-text-opacity: 1;
  }

#available table td {
  padding: 8px;
  border-bottom: 1px dotted rgb(var(--qb-color-border-default) / 1);
}

#available table tbody tr:last-child td {
  border-bottom-width: 0;
}

#available table thead > tr {
  background: rgb(var(--qb-color-gray-100) / 1);
  border-width: 1px 0;
  border-style: solid;
  border-color: rgb(var(--qb-color-border-default) / 1);
}

#available table thead > tr > td {
    border-width: 0;
  }

#available .body {
  overflow: auto;
}

#workflow {
  vertical-align: top;
  min-width: 0;
  overflow: auto;
}

/* @import url(./workflow.css); */

.logo .qb-q {
  fill: rgb(var(--qb-color-primary) / 1);
}

.logo .qb-b {
  fill: rgb(var(--qb-color-success) / 1);
}

.logo .qb-bg {
  fill: rgb(var(--qb-color-white) / 1);
}

#container {
  position: relative;
  padding: var(--container-padding, 0.75rem);
}

#server-starting-page #page-load-mask, 
#server-starting-page #page-load-msg {
  opacity: 0;
}

#global-ajax-indicator {
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 9999;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--qb-color-danger) / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--qb-color-white) / var(--tw-text-opacity));
}


  .records.report a.issue-status#global-ajax-indicator {
    color: var(--qb-color-success-rgb);
    text-decoration: line-through;

  }

.records.report .resolution#global-ajax-indicator {
    color: var(--qb-color-success-rgb);
  }

#global-ajax-indicator {
  width: 8em;
}

#page-load-mask {
  --tw-bg-opacity: 0.6;
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
}


  .records.report a.issue-status#page-load-mask {
    color: var(--qb-color-success-rgb);
    text-decoration: line-through;

  }

.records.report .resolution#page-load-mask {
    color: var(--qb-color-success-rgb);
  }

#page-load-mask {
  background-color: rgb(var(--qb-color-black) / var(--tw-bg-opacity));
  z-index: 2000;
  display: none;
}

#page-load-msg {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9999;
  cursor: wait;
  font-size: 1rem;
  line-height: 1.5rem;
  border-width: 4px;
  padding: 15px 30px;
  display: none;
  border-color: rgb(var(--qb-color-gray-400) / 1);
  background-color: rgb(var(--qb-color-white) / 1);
  color: rgb(var(--qb-color-gray-900) / 1);
}

.custom-header {
  --custom-header-padding-y: 0.5rem;
  --custom-header-padding-x: 0.875rem;
  --custom-header-margin: 0;
  --custom-header-border-width: 0 0 2px 0;
  --custom-header-border-color: var(--qb-color-border-default);
  --custom-header-bg: var(--qb-body-bg);
  --custom-header-fg: var(--qb-color-text-default);

  padding: var(--custom-header-padding-y) var(--custom-header-padding-x);
  margin: var(--custom-header-margin);
  color: rgb(var(--custom-header-fg) / var(--tw-text-opacity));
  background-color: rgb(var(--custom-header-bg) / var(--tw-bg-opacity));
  border-width: var(--custom-header-border-width);
  border-color: rgb(var(--custom-header-border-color) / var(--tw-border-opacity));
}

#sign-in-page {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--qb-color-gray-600) / var(--tw-bg-opacity));
}

#register-page .table-settings td.name {
  border-width: 0;
  padding-right: 0;
  --tw-bg-opacity: 0;
}

#register-page .table-settings td.value {
  --tw-bg-opacity: 0;
}

#container.dialog {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

:root {
  --qb-gadget-bg: var(--qb-body-bg);
  --qb-gadget-border-color: var(--qb-color-border-default);
  --qb-gadget-placeholder-bg: var(--qb-color-yellow-100);
  --qb-gadget-placeholder-fg: var(--qb-color-text-muted);
  --qb-gadget-placeholder-border-color: var(--qb-color-border-default);
  --qb-gadget-module-footer-bg: var(--qb-color-bg-base);
  --qb-gadget-module-footer-fg: var(--qb-color-text-default);
}

.dashboard {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-border-opacity: 1;
  --gadget-bg: var(--qb-gadget-bg);
  --gadget-border-color: var(--qb-gadget-border-color);
  --gadget-placeholder-border-color: var(--qb-gadget-placeholder-border-color);
  --gadget-placeholder-bg: var(--qb-gadget-placeholder-bg);
  --gadget-placeholder-fg: var(--qb-gadget-placeholder-fg);
  --gadget-module-footer-bg: var(--qb-gadget-module-footer-bg);
  --gadget-module-footer-fg: var(--qb-gadget-module-footer-fg);
}

.dashboard .body > table {
  width: 100%;
}

.dashboard .layout-column {
    vertical-align: top;
    padding-right: 12px;
    padding-bottom: 48px;
    min-height: 100px;
  }

.dashboard .layout-column.last {
      padding-right: 0;
    }

.dashboard .layout-column > .gadget {
      margin-bottom: 20px;
      border-color: rgb(var(--gadget-border-color) / var(--tw-border-opacity));
    }

.dashboard .gadget {
    background-color: rgb(var(--gadget-bg) / var(--tw-bg-opacity));
  }

.dashboard .gadget.ui-sortable-helper {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dashboard .gadget > .box-body {
      padding: 0;
      overflow: inherit;
    }

.dashboard .gadget .treetable {
      border-width: 0;
    }

.dashboard .gadget .treetable td.last {
        border-right-width: 0;
      }

.dashboard .gadget > .box-head .operations {
        display: none;
      }

.gadget:hover > .box-head > .operations,
.gadget > .box-head > .operations.open {
  display: block;
}

.ui-sortable > .gadget.box > .box-head {
  cursor: move;
}

.column-placeholder, 
.gadget-placeholder {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;

  border-width: 2px;
  border-style: dashed;
  border-color: rgb(var(--gadget-placeholder-border-color) / var(--tw-border-opacity));
  background-color: rgb(var(--gadget-placeholder-bg) / var(--tw-bg-opacity));
  color: rgb(var(--gadget-placeholder-fg) / var(--tw-text-opacity));
  border-radius: var(--qb-radius-sm);
  font-size: 1.5rem;
  height: 200px;
}

.gadget-placeholder:before {
  content: "Place here";
}

/* Dashboard organizer */

.popup > .content .ac-dropdown.dashboard-organizer {
  margin: 0px;
}

.dashboard-organizer table {
    width: 100%;
  }

.dashboard-organizer td {
    vertical-align: top;
    padding: 4px;
  }

.dashboard-organizer .show-availables,
  .dashboard-organizer .link {
    cursor: pointer;
    white-space: nowrap;
  }

.dashboard-organizer .link {
    color: rgb(var(--qb-color-text-default) / var(--tw-text-opacity));
  }

.dashboard-organizer .link:hover,
    .dashboard-organizer .link:focus {
      background-color: rgb(var(--qb-color-primary) / var(--tw-bg-opacity));
      color: rgb(var(--qb-color-primary-content) / var(--tw-text-opacity));
      text-decoration: none;
    }

.module-footer {
  font-size: 0.75rem;
  line-height: 1rem;

  --tw-bg-opacity: 1;
  background-color: rgb(var(--gadget-module-footer-bg) / var(--tw-bg-opacity));
}

.module-content .records > * > tr {
    border-left-width: 0;
    border-right-width: 0;
  }

.module-content .records .scorecard-tr {
    border-top-width: 0;
  }

.report-gadgets .table.records > * > * {
      border-left-width: 0;
      border-right-width: 0;
    }

.report-gadgets .gadget-section {
  margin-bottom: 1rem;
  border-bottom-width: 1px;
}

.report-gadgets .gadget-section.last {
    margin-bottom: 0;
    border-bottom-width: 0;
  }

.report-gadgets .gadget-section.last .module_footer {
      border-bottom-left-radius: var(--box-radius);
      border-bottom-right-radius: var(--box-radius);
    }

.gadget .box-head .title-link {
  --tw-text-opacity: 1;
  text-decoration: underline;
}

.gadget .module-footer {
  border-top-width: 0;
}

.gadget .gadget-section.last .box {
  --box-radius: var(--qb-radius-base);
}

.overview-section + .overview-section {
  margin-top: 1.25rem;
}

.module-content > .module-wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  min-height: 10rem;
}

.module-content > .module-wrapper.autoHeight {
    min-height: auto !important;
  }

.gadget .html-content {
  border-bottom-width: 0px;
}

:root {
  --configuration-header-border-color: var(--qb-color-primary);
}

#configuration-header {
  --qb-nav-link-hover-bg: var(--qb-color-primary-focus);
  --qb-nav-link-hover-fg: var(--qb-color-primary-content);
  --qb-nav-link-active-bg: var(--qb-color-primary);
  --qb-nav-link-active-fg: var(--qb-color-primary-content);

  border-top: 1px dotted rgb(var(--configuration-header-border-color) / 1);
  border-bottom: 2px solid rgb(var(--configuration-header-border-color) / 1);
}

#configuration-header .tabs, #configuration-header .settings-link {
    --nav-link-padding-y: 0.125rem;
    --nav-link-padding-x: 0.5rem;
    --nav-link-font-size: var(--qb-font-size-xs);
    --nav-link-border-width: 0;
    --nav-link-font-weight: var(--qb-font-weight-semibold);
    --nav-link-line-height: var(--qb-line-height-tight);
    /*
    --nav-link-active-bg: var(--qb-nav-link-active-bg);
    --nav-link-active-fg: var(--qb-nav-link-active-fg);
    --nav-link-hover-bg: var(--qb-nav-link-hover-bg);
    */
  }

#breadcrumb em {
  font-weight: 600;
  font-style: normal;
}

#breadcrumb .children-chooser {
  margin: 0px;
  display: inline-flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  padding: 0px;

    color: rgb(var(--qb-color-text-muted) / 1);
}

#breadcrumb .children-chooser:hover,
    #breadcrumb .children-chooser.open {
      text-decoration: none;
      background-color: rgb(var(--qb-color-primary) / 1);
      color: rgb(var(--qb-color-primary-content) / 1);
    }

#breadcrumb .children-chooser > i::before {
    content: "\f0da";
  }

#breadcrumb .children-chooser.open > i::before {
    content: "\f0d7";
  }

.build-info .progress-bar {
  display: inline-block;
  min-width: 90px;
  width: 90%;
}

.build-header .build-progress {
  max-width: 7.5rem;
  width: 7.5rem;
}

table.shortcuts td {
  border-left-width: 1px;
  border-top-width: 1px;
  padding: 0px;
  text-align: center;
}

table.shortcuts td.first {
  border-left-width: 0px;
}

table.shortcuts td.last {
  border-right-width: 1px;
}

table.shortcuts td.current {
      background-color: rgb(var(--qb-color-primary) / 1);
    }

table.shortcuts td.current > * {
        color: rgb(var(--qb-color-primary-content) / 1);
      }

table.shortcuts a {
  display: block;
  font-family: var(--qb-font-family-mono);
  font-weight: 600;
    padding: 2px 8px;
    color: rgb(var(--qb-color-text-muted) / 1);
}

table.shortcuts a:hover,
    table.shortcuts a:focus {
      background-color: rgb(var(--qb-color-secondary) / 1);
      color: rgb(var(--qb-color-secondary-content) / 1);
    }

/* .table.records > head > tr.headers  */

#sourceviewTitle {
  z-index: 50;
  width: 100%;
  flex: 0 1 auto;
  background-color: rgb(var(--qb-color-bg-base) / var(--tw-bg-opacity));
  color: rgb(var(--qb-color-text-default) / var(--tw-text-opacity));
}

#sourceviewContent {
  flex: 1 1 auto;
  overflow: auto;
}

:root {
  --qb-table-sources-bg: var(--qb-body-bg);
  --qb-table-sources-fg: var(--qb-body-fg);
  --qb-table-sources-line-num-fg: var(--qb-color-red-800);
  --qb-table-sources-line-num-bg: var(--qb-color-bg-base);

  --qb-table-sources-diff-line-num-fg: var(--qb-color-text-default);
}

.table-sources {
  --table-td-padding-x: 4px;
  --table-td-padding-y: 0;
  --table-td-font-family: var(--qb-font-family-mono);
  --table-td-bg: var(--qb-table-sources-bg);
  --table-td-fg: var(--qb-table-sources-fg);
  --table-sources-line-num-fg: var(--qb-table-sources-line-num-fg);
  --table-sources-line-num-bg: var(--qb-table-sources-line-num-bg);
}

.table-sources td {
  line-height: 1.25rem;
    vertical-align: middle;
}

.table-sources td.line-no {
    --table-td-bg: var(--table-sources-line-num-bg);
    border-right-width: 1px;
    padding: 0px;
    text-align: right;
    width: 1%;
    color: rgb(var(--table-sources-line-num-fg) / 1);
  }

.table-sources td.line-no a {
      display: block;
      text-align: right;
      padding: 0 4px 0 8px;
      color: rgb(var(--table-sources-line-num-fg) / 1);
    }

.table-sources td.line-content {
  padding-left: 0.5rem;
  padding-right: 1rem;
}

.table-sources td.committers {
  white-space: nowrap;
  border-right-width: 1px;
    width: 1%;
    color: var(--qb-color-muted-rgb);
}

.table-sources td.hits {
  border-right-width: 1px;
  text-align: center;
    width: 1%;
}

/* SOURCE DIFF TABLE */

.table-diff td.line-no {
    padding: 0 4px;
  }

.table-diff td.line-no.revised {
      --table-sources-line-num-fg: var(--qb-table-sources-diff-line-num-fg);
    }

.table-diff td.line-action {
  border-right-width: 1px;
  padding: 0px;

    width: 1%;
    background-color: rgb(var(--diff-action-td-color) / var(--tw-bg-opacity));
    border-color: rgb(var(--diff-action-td-color) / var(--tw-border-opacity));
    color: white;

    --tw-border-opacity: 0;
}

.table-diff td.line-action .action-wrapper {
      padding: 0 4px;
      text-align: center;
    }

.table-diff .change-section.minsert td.line-action,
  .table-diff .change-section.insert td.line-action {
    --tw-border-opacity: 0;
    --diff-action-td-color: var(--qb-color-success);
  }

.table-diff .change-section.delete td.line-action,
  .table-diff .change-section.mdelete td.line-action {
    --tw-border-opacity: 0;
    --diff-action-td-color: var(--qb-color-danger);
  }

.table-diff .change-section td.line-content {
    border-color: rgb(var(--diff-border-color) / var(--tw-border-opacity));
    background-color: rgb(var(--diff-bg-color) / var(--tw-bg-opacity));
  }

.table-diff .change-section.minsert td.line-content,
  .table-diff .change-section.insert td.line-content {
    --diff-border-color: var(--qb-color-success);
    --diff-bg-color: var(--qb-color-success-muted);
  }

.table-diff .change-section.mdelete td.line-content,
  .table-diff .change-section.delete td.line-content {
    --diff-border-color: var(--qb-color-danger);
    --diff-bg-color: var(--qb-color-danger-muted);
  }

/* .change-section.minsert td.line-content {
    --diff-color: var(--qb-color-success);
  }
  .change-section.mdelete td.line-content {
    --diff-color: var(--qb-color-danger);
  } */

.table-diff .change-section.first td.line-content,
  .table-diff .change-section.first td.line-action {
    border-top-width: 1px;
  }

.table-diff .change-section.last td.line-content,
  .table-diff .change-section.last td.line-action {
    border-bottom-width: 1px;
  }

/* timing table */

:root {
  --qb-table-timing-border-color: var(--qb-color-border-default);
}

.timing-table {
  --table-timing-border-color: var(--qb-table-timing-border-color);
  width: 100%;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1;
}

.timing-table td {
    border: 1px solid rgb(var(--table-timing-border-color) / var(--tw-border-opacity));
    padding: 2px 3px;
    white-space: nowrap;
  }

.timing-table td.time {
      vertical-align: bottom;
      text-align: left;
      font-weight: var(--qb-font-weight-semibold);
    }

.timing-table td.metric-name {
      width: 160px;
      overflow: hidden;
      text-overflow: hidden;
    }

.timing-table td.metric-value {
      text-align: center;
      padding: 0;
    }

.timing-table td.metric-value .color {
        width: 100%;
        min-height: 1em;
        display: block;
        padding: 2px 0;
      }

.upper-align .timing-table td.time {
  text-align: right;
}

.heatmap .timing-table td {
  --tw-border-opacity: 0;
  border-width: 2px;
}

.heatmap .timing-table td.metric-name {
  text-align: right;
}

.lower-align table.timing-table td.time {
  text-align: left;
}

/* Attributes Table */

:root {
  --qb-table-attributes-name-bg: var(--qb-color-slate-50);
  --qb-table-attributes-border-color: var(--qb-color-border-light);
  --qb-table-attributes-on-left-bg: var(--qb-color-primary-muted);
  --qb-table-attributes-on-right-bg: var(--qb-color-success-muted);
  --qb-table-attributes-differing-bg: var(--qb-color-warning-muted);
  --qb-table-attributes-comparison-fg: var(--qb-color-text-dark);
}

.attributes-table {
  --tw-bg-opacity: 1;
  --table-attributes-fg: var(--qb-body-fg);
  --table-attributes-name-bg: var(--qb-table-attributes-name-bg);
  --table-attributes-border-color: var(--qb-table-attributes-border-color);
  --table-attributes-equal-bg: var(--qb-body-bg);
  --table-attributes-on-left-bg: var(--qb-table-attributes-on-left-bg);
  --table-attributes-on-right-bg: var(--qb-table-attributes-on-right-bg);
  --table-attributes-differing-bg: var(--qb-table-attributes-differing-bg);
  --table-attributes-comparison-fg: var(--qb-table-attributes-comparison-fg);
}

.attributes-table .a-name,
  .attributes-table .a-left,
  .attributes-table .a-right {
    color: rgb(var(--table-attributes-fg) / var(--tw-text-opacity));
  }

.attributes-table.in-comparison {
    --table-attributes-fg: var(--table-attributes-comparison-fg);
  }

.attributes-table .a-name,
.attributes-table .a-left,
.attributes-table .a-right {
  padding: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.attributes-table .a-name {
  width: 20%;
  background: rgb(var(--table-attributes-name-bg) / var(--tw-bg-opacity));
}

.attributes-table .a-left {
  width: 80%;
}

.attributes-table .a-right {
  display: none;
}

.attributes-table.in-comparison .a-left {
  width: 40%;
}

.attributes-table.in-comparison .a-right {
  display: block;
  width: 40%;
}

.attributes-title {
  border-color: rgb(var(--qb-color-border-dark) / var(--tw-bg-opacity));
}

.attributes-row {
  border-color: rgb(var(--table-attributes-border-color) / var(--tw-border-opacity));
}

.attributes-table.in-comparison .a-name {
  background-color: rgb(var(--table-attributes-equal-bg) / var(--tw-bg-opacity));
}

.attributes-table.in-comparison .on-left .a-left,
.attributes-table.in-comparison .on-left .a-name {
  background-color: rgb(var(--table-attributes-on-left-bg) / var(--tw-bg-opacity));
}

.attributes-table.in-comparison .on-right .a-name,
.attributes-table.in-comparison .on-right .a-right {
  background-color: rgb(var(--table-attributes-on-right-bg) / var(--tw-bg-opacity));
}

.attributes-table.in-comparison .differing .a-left,
.attributes-table.in-comparison .differing .a-name,
.attributes-table.in-comparison .differing .a-right {
  background-color: rgb(var(--table-attributes-differing-bg) / var(--tw-bg-opacity));
}

#grid-page .log-panel {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.metric-group + .metric-group {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}

:root {
  --qb-stats-gradient-from: var(--qb-body-bg);
  --qb-stats-gradient-to: var(--qb-color-gray-100);
}

#stats {
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;
  --stats-controls-bg: var(--qb-color-bg-base);
  --stats-option-list-bg: var(--qb-color-bg-default);
}

#date_range_selector.current .date-range-toggle {
    border-bottom-color: transparent !important;
    border-bottom-right-radius: 0 !important;
  }

#date_range_selector.current .fa.fa-caret-down::before {
    content: "\F0D8";
  }

.date-range-form-wrapper .form-control {
  --input-font-size: var(--qb-font-size-xs);
  --input-padding-y: var(--input-padding-y-xs);
}

.date-range-form-wrapper .form-control-append {
  --input-padding-y: var(--input-padding-y-xs);
}

#graphTabOptions {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-from: rgb(var(--qb-stats-gradient-from) / 1);
  --tw-gradient-to: rgb(var(--qb-stats-gradient-to) / 1);

  margin-bottom: -1px;
}

#graphTabOptions.open {
    border-bottom-color: rgb(var(--stats-controls-bg) / 1);
  }

#graphTabOptions.open .fa.fa-caret-down::before {
      content: "\F0D8";
    }

#graph_form {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--stats-controls-bg) / var(--tw-bg-opacity));
}

#graph_form .option-link {
    color: rgb(var(--qb-color-text-defaut) / 1);
  }

#graph_form .option-link:hover {
      color: rgb(var(--qb-link-color) / 1);
    }

#graph_form .option-link.selected {
      color: rgb(var(--qb-color-text-light) / 1);
    }

.graph_option_list {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--stats-option-list-bg) / var(--tw-bg-opacity));
}

#extra-controls-drawer {
  margin-top: -1px;
}

#stats #extra-controls-drawer-button {
  display: inline-flex;
  width: 4rem;
  align-items: center;
  justify-content: center;
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  border-width: 1px;
  border-top-width: 0px;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  line-height: 1;

  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-from: rgb(var(--qb-stats-gradient-from) / 1);
  --tw-gradient-to: rgb(var(--qb-stats-gradient-to) / 1);

  color: rgb(var(--qb-color-text-default) / 1);
}

#stats #extra-controls-drawer-button.expanded .fa.fa-caret-down::before {
      content: "\F0D8";
  }

.border-light {
  border-color: rgb(var(--qb-color-border-light) / 1) !important;
}

.stats-details.performance {
  border-color: rgb(var(--qb-color-border-dark) / 1);
}