/*!
 * jQuery QueryBuilder 2.6.2
 * Copyright 2014-2021 Damien "Mistic" Sorel (http://www.strangeplanet.fr)
 * Licensed under MIT (https://opensource.org/licenses/MIT)
 */

:root,
[data-bs-theme='light'] {
  --qb-group-rule-placeholder-border: #EEE;
  --qb-group-rule-placeholder-bg: rgba(255, 255, 255, 0.9);
  --qb-group-rule-placeholder-bg-n2: rgba(255, 255, 255, 0.4);
  --qb-rule-group-border: #DCC896;
  --qb-rule-group-bg: rgba(250, 240, 210, 0.2);
  --qb-rule-group-bg-n2: rgba(250, 240, 210, 0.9);
  --qb-rule-val-border: #DDD;
  --qb-error-color: #F00;
  --qb-has-error-bg: #FDD;
  --qb-has-error-border: #F99;
  --qb-rules-list-border: #CCC;
  --qb-error-tooltip-color: #F99;
  --qb-filer-desc-bg: #D9EDF7;
  --qb-filer-desc-border: #BCE8F1;
  --qb-filer-desc-color: #31708F;
  --qb-rule-placeholder-border: #BBB;
}

[data-bs-theme='dark'] {
  --qb-group-rule-placeholder-border: #111;
  --qb-group-rule-placeholder-bg: rgba(40, 40, 40, 0.9);
  --qb-group-rule-placeholder-bg-n2: rgba(40, 40, 40, 0.4);
  --qb-rule-group-border: #00164A;
  --qb-rule-group-bg: rgba(50, 70, 80, 0.2);
  --qb-rule-group-bg-n2: rgba(50, 70, 80, 0.9);
  --qb-rule-val-border: #DDD;
  --qb-error-color: #F00;
  --qb-has-error-bg: #322;
  --qb-has-error-border: #800;
  --qb-rules-list-border: #222;
  --qb-error-tooltip-color: #F22;
  --qb-filer-desc-bg: rgba(0, 170, 255, 0.2);
  --qb-filer-desc-border: #346F7B;
  --qb-filer-desc-color: #AAD1E4;
  --qb-rule-placeholder-border: #BBB;
}

/*.card #qb {*/
/*  --qb-group-rule-placeholder-border: var(--tblr-card-border-color);*/
/*  --qb-group-rule-placeholder-bg: var(--tblr-card-bg);*/
/*  --qb-rule-group-border: var(--tblr-card-border-color);*/
/*  --qb-rule-group-bg: var(--tblr-card-bg);*/
/*  --qb-rule-val-border: #DDD;*/
/*  --qb-error-color: var(--tblr-danger);*/
/*  --qb-has-error-bg: var(--tblr-danger-bg-subtle);*/
/*  --qb-has-error-border: var(--tblr-danger-border-subtle);*/
/*  --qb-rules-list-border: #CCC;*/
/*  --qb-error-tooltip-color: #F99;*/
/*  --qb-filer-desc-bg: #D9EDF7;*/
/*  --qb-filer-desc-border: #BCE8F1;*/
/*  --qb-filer-desc-color: #31708F;*/
/*  --qb-rule-placeholder-border: #BBB;*/
/*}*/

.query-builder .rules-group-container, .query-builder .rule-container, .query-builder .rule-placeholder {
  position: relative;
  margin: 4px 0;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid var(--qb-group-rule-placeholder-border);
  background: var(--qb-group-rule-placeholder-bg);
}

/*.query-builder .rule-container:nth-child(2n-1) {*/
/*  background: var(--qb-group-rule-placeholder-bg);*/
/*}*/
/*.query-builder .rule-container:nth-child(2n) {*/
/*  background: var(--qb-group-rule-placeholder-bg-n2);*/
/*}*/

.query-builder .rule-container .rule-filter-container,
.query-builder .rule-container .rule-operator-container,
.query-builder .rule-container .rule-value-container, .query-builder .error-container, .query-builder .drag-handle {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.query-builder .rules-group-container {
  padding: 10px;
  padding-bottom: 6px;
  border: 1px solid var(--qb-rule-group-border);
  background: var(--qb-rule-group-bg);
}

.query-builder .rules-group-container:nth-child(2n-1) .rule-container {
  background: var(--qb-group-rule-placeholder-bg);
}
.query-builder .rules-group-container:nth-child(2n) .rule-container {
  background: var(--qb-group-rule-placeholder-bg-n2);
}

.query-builder .rules-group-header {
  margin-bottom: 10px;
}

.query-builder .rules-group-header .group-conditions .btn.readonly:not(.active),
.query-builder .rules-group-header .group-conditions input[name$='_cond'] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.query-builder .rules-group-header .group-conditions .btn.readonly {
  border-radius: 3px;
}

.query-builder .rules-list {
  list-style: none;
  padding: 0 0 0 3rem;
  margin: 0;
}

.query-builder .rule-value-container {
  border-left: 1px solid var(--qb-rule-val-border);
  padding-left: 5px;
}

.query-builder .rule-value-container label {
  margin-bottom: 0;
  font-weight: normal;
}

.query-builder .rule-value-container label.block {
  display: block;
}

.query-builder .error-container {
  display: none;
  cursor: help;
  color: var(--qb-error-color);
}

.query-builder .has-error {
  background-color: var(--qb-has-error-bg);
  border-color: var(--qb-has-error-border);
}

.query-builder .has-error .error-container {
  display: inline-block !important;
}

.query-builder .rules-list > *::before, .query-builder .rules-list > *::after {
  content: '';
  position: absolute;
  left: -2rem;
  width: 2rem;
  height: calc(50% + 4px);
  border-color: var(--qb-rules-list-border);
  border-style: solid;
}

.query-builder .rules-list > *::before {
  top: -4px;
  border-width: 0 0 2px 2px;
}

.query-builder .rules-list > *::after {
  top: 50%;
  border-width: 0 0 0 2px;
}

.query-builder .rules-list > *:first-child::before {
  top: -12px;
  height: calc(50% + 14px);
}

.query-builder .rules-list > *:last-child::before {
  border-radius: 0 0 0 4px;
}

.query-builder .rules-list > *:last-child::after {
  display: none;
}

.query-builder.bt-checkbox-glyphicons .checkbox input[type='checkbox']:checked + label::after {
  font-family: 'Glyphicons Halflings';
  content: '\e013';
}

.query-builder.bt-checkbox-glyphicons .checkbox label::after {
  padding-left: 4px;
  padding-top: 2px;
  font-size: 9px;
}

.query-builder .error-container + .tooltip .tooltip-inner {
  color: var(--qb-error-tooltip-color) !important;
}

.query-builder p.filter-description {
  margin: 5px 0 0 0;
  background: var(--qb-filer-desc-bg);
  border: 1px solid var(--qb-filer-desc-border);
  color: var(--qb-filer-desc-color);
  border-radius: 5px;
  padding: 2.5px 5px;
  font-size: .8em;
}

.query-builder .rules-group-header [data-invert] {
  margin-left: 5px;
}

.query-builder .drag-handle {
  cursor: move;
  vertical-align: middle;
  margin-left: 5px;
}

.query-builder .dragging {
  position: fixed;
  opacity: .5;
  z-index: 100;
}

.query-builder .dragging::before, .query-builder .dragging::after {
  display: none;
}

.query-builder .rule-placeholder {
  border: 1px dashed var(--qb-rule-placeholder-border);
  opacity: .7;
}