/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
  background-color: transparent;
  background-color: var(--rdr-day-passive-bg, transparent);
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
  background-color: var(--rdr-day-disabled-bg, rgb(248, 248, 248));
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}
.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height, 36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));margin:0;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));cursor:pointer;text-transform:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover, whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);border-right:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color, #999)}.react-international-phone-country-selector-button--disabled{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));cursor:auto}.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width, 24px);height:var(--react-international-phone-flag-height, 24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top, 44px);left:var(--react-international-phone-dropdown-left, 0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));box-shadow:var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));color:var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin, 0);background:var(--react-international-phone-dropdown-preferred-list-divider-color, var(--react-international-phone-border-color, gainsboro))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height, 28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size, 14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color, gray);font-size:var(--react-international-phone-dropdown-item-font-size, 14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));color:var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));font-size:var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius, 4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height, 36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color, gainsboro);border-radius:var(--react-international-phone-border-radius, 4px);margin:0;background-color:var(--react-international-phone-background-color, white);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color, #222);font-family:inherit;font-size:var(--react-international-phone-font-size, 13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color, whitesmoke);color:var(--react-international-phone-disabled-text-color, #666)}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__pane.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    -webkit-animation: none;
            animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge:focus .react-flow__edge-path,
  .react-flow__edge:focus-visible .react-flow__edge-path {
    stroke: #555;
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge-textbg {
    fill: white;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__node.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: -webkit-grab;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-top {
    left: 50%;
    top: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-left {
    top: 50%;
    left: -4px;
    transform: translate(0, -50%);
  }
.react-flow__handle-right {
    right: -4px;
    top: 50%;
    transform: translate(0, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@-webkit-keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}
.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
    }
.react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: 0 0 0 0.5px #1a192b;
    }
.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
    border: none;
    background: #fefefe;
    border-bottom: 1px solid #eee;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 5px;
  }
.react-flow__controls-button:hover {
      background: #f4f4f4;
    }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__minimap {
  background-color: #fff;
}
.react-flow__minimap svg {
  display: block;
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
a {
  text-decoration: none;
}

.MuiTableContainer-root {
  max-width: calc(100vw - 32px);
}
.MuiTableContainer-root th {
  white-space: nowrap;
}

.form-page-nav .form-page-nav-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.form-page-nav .form-page-nav-list svg {
  margin-bottom: -6px;
}

.block {
  border: 1px solid #000;
  background-color: #201c29;
  color: #fff;
  padding: 3px;
  margin: 3px;
  border-radius: 3px;
  display: inline-block;
  white-space: pre;
  font-family: monospace;
  font-size: 12px;
}

.scrollPane {
  max-height: calc(100vh - 48px);
  overflow-y: scroll;
  height: 100%;
  position: absolute;
  top: 48px;
  background: #ddd;
  border-left: 1px solid #eee;
  width: 25%;
  padding: 32px 16px;
}

.palette {
  float: left;
  position: relative;
  z-index: 10000;
  padding: 8px;
}

.MuiInputBase-input,
.MuiInputBase-multiline,
.MuiAutocomplete-inputRoot,
.MuiInputBase-colorPrimary {
  background-color: #fff !important;
}
.MuiInputBase-input::after,
.MuiInputBase-multiline::after,
.MuiAutocomplete-inputRoot::after,
.MuiInputBase-colorPrimary::after {
  border: 0px !important;
}

.bottomPush {
  position: fixed;
  bottom: 0;
  text-align: center;
  padding-bottom: 10px;
}

.copyright {
  margin: 16px 0;
  color: white;
  font-size: 0.8rem !important;
  text-align: center;
  width: 100%;
}

.swal2-backdrop-show {
  z-index: 1000000 !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.swal2-title {
  line-height: 1 !important;
}

code {
  display: block;
  background: #000;
  padding: 1.33em;
  border-radius: 0.33em;
  color: white;
  white-space: pre-wrap;
  overflow: scroll;
}

.workflow-editor {
  background-color: #fff;
  color: black;
}

.node {
  width: 56px;
}
.node .shape {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  background-color: #fff;
}
.node .shape svg {
  color: #000 !important;
}
.node .label-outer {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 12px;
  color: #333;
  height: 0;
}
.node .label-outer .label-inner {
  text-align: center;
}

.react-flow__handle {
  border-radius: 0 !important;
}
.react-flow__handle .label {
  font-size: 12px;
  position: relative;
  color: #000;
  cursor: initial !important;
  width: fit-content;
  white-space: nowrap;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 0px 2px;
}
.react-flow__handle.target {
  min-width: 14px;
  min-height: 14px;
  width: 14px;
  height: 14px;
  background: rgb(92, 158, 183);
  border: 1px solid white;
  left: -10px;
}
.react-flow__handle.target .label {
  text-align: right;
  right: 15px;
  float: right;
  top: -10px;
  font-weight: bold;
}
.react-flow__handle.source {
  min-width: 14px;
  min-height: 14px;
  width: 14px;
  height: 14px;
  background: rgb(161, 198, 23);
  border: 1px solid white;
  right: -10px;
}
.react-flow__handle.source .label {
  text-align: left;
  left: 15px;
  float: left;
  top: -10px;
  font-weight: bold;
}

.edgebutton {
  width: 20px;
  height: 20px;
  background: #636566;
  border: 1px solid #b3b3b3;
  color: black;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
}
.edgebutton .inner {
  position: relative;
  top: -1px;
}
.edgebutton:hover {
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.08);
}

.toolbox-item {
  cursor: pointer;
}

.highlight-component {
  animation: highlight-pulse 5s ease-in-out;
}

@keyframes highlight-pulse {
  0%, 100% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 152, 0, 0.8);
  }
}.query-builder .qb-drag-handler, .query-builder .qb-draggable, .query-builder {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.query-builder .rule--header:after {
  content: "";
  display: table;
  clear: both;
}

.query-builder {
  overflow: hidden;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.25;
  margin: 1rem;
}

.query-builder {
  /******************************************************************************/
  /** DRAG *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** TREE LINES *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** GROUP *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** CASE_GROUP *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** RULE_GROUP *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** RULE_GROUP_EXT *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** RULE **********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** FUNC **********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** Shrink textarea ***********************************************************/
  /******************************************************************************/
}
.query-builder .group {
  background: rgba(250, 240, 210, 0.5);
  border: 1px solid #DCC896;
}
.query-builder .rule {
  background-color: white;
  border: 1px solid transparent;
  padding: 10px;
}
.query-builder .rule-with-error .rule {
  border-color: #e0a1a1;
}
.query-builder .group-with-error > .group {
  border-color: #e0a1a1;
}
.query-builder .rule--body {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.query-builder .rule--body--wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.query-builder .rule--error {
  color: red;
  margin-bottom: -5px;
  margin-top: 5px;
}
.query-builder .rule_group--error {
  color: red;
  margin-bottom: -5px;
  margin-top: 5px;
  width: 100%;
}
.query-builder .group-or-rule {
  border-radius: 5px;
  position: relative;
}
.query-builder .rule_group {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group_ext {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group .rule {
  background: white;
  border: 1px solid transparent;
}
.query-builder .rule_group .rule_group {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group .rule_group_ext {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group_ext .rule {
  background: white;
  border: 1px solid transparent;
}
.query-builder .rule_group_ext .group {
  background: rgba(250, 240, 210, 0.5);
  border: 1px solid transparent;
}
.query-builder .rule_group_ext .rule_group_ext {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group_ext .rule_group {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .locked {
  border-color: red !important;
  border-style: dashed !important;
}
.query-builder .qb-placeholder {
  border-color: gray !important;
  border-style: dashed !important;
}
.query-builder.qb-dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.query-builder.qb-dragging button {
  pointer-events: none;
}
.query-builder .qb-draggable {
  pointer-events: none;
  position: absolute;
  opacity: 0.7;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.query-builder .qb-drag-handler {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs) {
  position: relative;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs)::before {
  z-index: 0;
  content: "";
  position: absolute;
  border-color: #ccc;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs).hide--line::before {
  border-color: rgba(128, 128, 128, 0.1) !important;
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .group--children > .group-or-rule-container > .group-or-rule::after {
  content: "";
  position: absolute;
  border-color: #ccc;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.query-builder .group--children > .group-or-rule-container:last-child > .group-or-rule::after {
  display: none;
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::before {
  display: none;
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  border-radius: 4px 0 0 0;
  border-width: 2px 0 0 2px;
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  top: calc(50% - 1px);
  height: calc(50% + 1px + 10px + 2px);
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .group::after {
  height: calc(50% + 1px + 10px + 2px);
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .rule_group::after {
  height: calc(50% + 1px + 10px + 2px);
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .rule_group_ext::after {
  height: calc(50% + 1px + 10px + 2px);
}
.query-builder .group--children.hide--line > .group-or-rule-container > .group-or-rule::before, .query-builder .group--children.hide--line > .group-or-rule-container > .group-or-rule::after {
  border-color: rgba(128, 128, 128, 0.1) !important;
}
.query-builder .group--children > .group-or-rule-container:last-child > .group-or-rule::before {
  border-radius: 0 0 0 4px;
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .group--children > .group-or-rule-container > .group-or-rule::after {
  border-color: #ccc;
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::before {
  border-width: 0 0 2px 2px;
  top: -1px;
  height: calc(50% + 1px + 1px);
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::after {
  border-width: 0 0 0 2px;
  top: calc(50% + 1px);
  height: calc(50% - 1px + 10px + 2px);
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .group--children > .group-or-rule-container > .group-or-rule::after {
  left: -14px;
  width: 13px;
}
.query-builder .group--children > .group-or-rule-container > .group::before {
  border-width: 0 0 2px 2px;
  top: -1px;
  height: calc(50% + 1px + 1px);
}
.query-builder .group--children > .group-or-rule-container > .group::after {
  border-width: 0 0 0 2px;
  top: calc(50% + 1px);
  height: calc(50% - 1px + 10px + 2px);
}
.query-builder .group--children > .group-or-rule-container > .group::before, .query-builder .group--children > .group-or-rule-container > .group::after {
  left: -14px;
  width: 13px;
}
.query-builder .group--children > .group-or-rule-container > .rule_group::before {
  border-width: 0 0 2px 2px;
  top: -1px;
  height: calc(50% + 1px + 1px);
}
.query-builder .group--children > .group-or-rule-container > .rule_group::after {
  border-width: 0 0 0 2px;
  top: calc(50% + 1px);
  height: calc(50% - 1px + 10px + 2px);
}
.query-builder .group--children > .group-or-rule-container > .rule_group::before, .query-builder .group--children > .group-or-rule-container > .rule_group::after {
  left: -14px;
  width: 13px;
}
.query-builder .group--children > .group-or-rule-container > .rule_group_ext::before {
  border-width: 0 0 2px 2px;
  top: -1px;
  height: calc(50% + 1px + 1px);
}
.query-builder .group--children > .group-or-rule-container > .rule_group_ext::after {
  border-width: 0 0 0 2px;
  top: calc(50% + 1px);
  height: calc(50% - 1px + 10px + 2px);
}
.query-builder .group--children > .group-or-rule-container > .rule_group_ext::before, .query-builder .group--children > .group-or-rule-container > .rule_group_ext::after {
  left: -14px;
  width: 13px;
}
.query-builder .rule_group--children > .group-or-rule-container:last-child > .group-or-rule::before {
  border-radius: 0 0 0 4px;
}
.query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::after {
  border-color: #ccc;
}
.query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::after {
  left: -10.5px;
  width: 9.5px;
}
.query-builder .rule_group--children > .group-or-rule-container > .group::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group--children > .group-or-rule-container > .group::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container > .group::before, .query-builder .rule_group--children > .group-or-rule-container > .group::after {
  left: -10.5px;
  width: 9.5px;
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group::before, .query-builder .rule_group--children > .group-or-rule-container > .rule_group::after {
  left: -10.5px;
  width: 9.5px;
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group_ext::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group_ext::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group_ext::before, .query-builder .rule_group--children > .group-or-rule-container > .rule_group_ext::after {
  left: -10.5px;
  width: 9.5px;
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .group-or-rule::before, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::before {
  display: none;
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .group-or-rule::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  border-radius: 4px 0 0 0;
  border-width: 1px 0 0 1px;
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .group-or-rule::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  top: calc(50% - 0.5px);
  height: calc(50% + 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .group::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .group::after {
  height: calc(50% + 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .rule_group::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .rule_group::after {
  height: calc(50% + 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .rule_group_ext::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .rule_group_ext::after {
  height: calc(50% + 0.5px + 5px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container:last-child > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container:last-child > .group-or-rule::before {
  border-radius: 0 0 0 4px;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::after {
  border-color: #ccc;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::after {
  left: -13.5px;
  width: 12.5px;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group::after {
  left: -13.5px;
  width: 12.5px;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group::after {
  left: -13.5px;
  width: 12.5px;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group_ext::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group_ext::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group_ext::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group_ext::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group_ext::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group_ext::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group_ext::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group_ext::after {
  left: -13.5px;
  width: 12.5px;
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .group-or-rule::before {
  display: none;
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  border-radius: 4px 0 0 0;
  border-width: 1px 0 0 1px;
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  top: calc(50% - 0.5px);
  height: calc(50% + 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .group::after {
  height: calc(50% + 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .rule_group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .rule_group::after {
  height: calc(50% + 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .rule_group_ext::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .rule_group_ext::after {
  height: calc(50% + 0.5px + 10px + 2px);
}
.query-builder .switch_group--children > .group-or-rule-container:last-child > .group-or-rule::before {
  border-radius: 0 0 0 4px;
}
.query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::after {
  border-color: #ccc;
}
.query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::before {
  border-width: 0 0 3px 3px;
  top: -1px;
  height: calc(50% + 1.5px + 1px);
}
.query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::after {
  border-width: 0 0 0 3px;
  top: calc(50% + 1.5px);
  height: calc(50% - 1.5px + 10px + 2px);
}
.query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::after {
  left: -14.5px;
  width: 13.5px;
}
.query-builder .switch_group--children > .group-or-rule-container > .group::before {
  border-width: 0 0 3px 3px;
  top: -3px;
  height: calc(50% + 1.5px + 3px);
}
.query-builder .switch_group--children > .group-or-rule-container > .group::after {
  border-width: 0 0 0 3px;
  top: calc(50% + 1.5px);
  height: calc(50% - 1.5px + 10px + 6px);
}
.query-builder .switch_group--children > .group-or-rule-container > .group::before, .query-builder .switch_group--children > .group-or-rule-container > .group::after {
  left: -16.5px;
  width: 13.5px;
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group::before {
  border-width: 0 0 3px 3px;
  top: -1px;
  height: calc(50% + 1.5px + 1px);
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group::after {
  border-width: 0 0 0 3px;
  top: calc(50% + 1.5px);
  height: calc(50% - 1.5px + 10px + 2px);
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group::before, .query-builder .switch_group--children > .group-or-rule-container > .rule_group::after {
  left: -14.5px;
  width: 13.5px;
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group_ext::before {
  border-width: 0 0 3px 3px;
  top: -1px;
  height: calc(50% + 1.5px + 1px);
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group_ext::after {
  border-width: 0 0 0 3px;
  top: calc(50% + 1.5px);
  height: calc(50% - 1.5px + 10px + 2px);
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group_ext::before, .query-builder .switch_group--children > .group-or-rule-container > .rule_group_ext::after {
  left: -14.5px;
  width: 13.5px;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs)::before {
  border-color: #ccc;
  border-width: 0 0 0 2px;
  top: 20px;
  height: calc(100% + 10px - 20px);
  left: 11px;
  width: 13px;
}
.query-builder .rule_group_ext > .group--header:not(.no--children):not(.hide--conjs)::before,
.query-builder .rule_group_ext .group > .group--header:not(.no--children):not(.hide--conjs)::before {
  border-color: #ccc;
  border-width: 0 0 0 1px;
  top: 20px;
  height: calc(100% + 10px - 20px);
  left: 11.5px;
  width: 12.5px;
}
.query-builder .switch_group > .group--header:not(.no--children):not(.hide--conjs)::before {
  border-color: #ccc;
  border-width: 0 0 0 3px;
  top: 20px;
  height: calc(100% + 10px - 20px);
  left: 10.5px;
  width: 13.5px;
}
.query-builder .qb-draggable::before, .query-builder .qb-draggable::after {
  display: none;
}
.query-builder .group--header,
.query-builder .group--footer {
  display: flex;
  align-items: stretch;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.query-builder .group-or-rule-container {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
}
.query-builder .group-or-rule-container:first-child {
  margin-top: 0px !important;
}
.query-builder .group-or-rule-container:last-child {
  margin-bottom: 0px !important;
}
.query-builder .group--drag-handler {
  margin-right: 8px;
  margin-top: 3px;
  position: relative;
  align-self: center;
}
.query-builder .group--conjunctions {
  flex-shrink: 0;
  display: flex;
}
.query-builder .group--conjunctions .group--drag-handler {
  margin-left: 10px;
}
.query-builder .group--children {
  padding-left: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.query-builder .group--children .group--field--count--rule {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.query-builder .group--conjunctions.hide--conj {
  opacity: 0.3;
}
.query-builder .group--actions {
  align-self: center;
  margin-left: 10px;
  flex: 1;
  display: flex;
}
.query-builder .group--actions--tl, .query-builder .group--actions--bl {
  justify-content: flex-start;
}
.query-builder .group--actions--tl {
  margin-left: 20px;
}
.query-builder .group--actions--tc, .query-builder .group--actions--bc {
  justify-content: center;
}
.query-builder .group--actions--tr, .query-builder .group--actions--br {
  justify-content: flex-end;
}
.query-builder .case_group {
  border-width: 3px;
}
.query-builder .case_group .case_group--body {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 10px;
}
.query-builder .case_group .case_group--body .case_group--children {
  flex: auto;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.query-builder .case_group .case_group--value {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
}
.query-builder .rule_group {
  display: flex;
  flex-wrap: wrap;
  padding-left: 10px;
}
.query-builder .rule_group .group--field {
  margin-top: 10px;
  margin-bottom: 10px;
  align-self: center;
}
.query-builder .rule_group .group--actions {
  margin-left: 10px;
  align-self: center;
  flex: 0;
}
.query-builder .rule_group .rule_group--children {
  flex: 1;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 18px;
}
.query-builder .rule_group .rule_group--children .group-or-rule-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding-right: 5px;
}
.query-builder .rule_group .rule_group--children.one--child {
  padding-left: 9px;
}
.query-builder .rule_group_ext > .group--header .group--actions {
  flex: none;
}
.query-builder .group--header.hide--drag.with--conjs > .group--field--count--rule {
  margin-left: 20px;
}
.query-builder .rule {
  flex: 1;
  display: flex;
}
.query-builder .rule--header {
  margin-left: auto;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.query-builder .rule--drag-handler {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.query-builder .rule--field, .query-builder .rule--fieldsrc, .query-builder .group--field, .query-builder .rule--operator, .query-builder .rule--value, .query-builder .rule--operator-options, .query-builder .rule--widget, .query-builder .widget--widget, .query-builder .widget--valuesrc, .query-builder .widget--sep, .query-builder .operator--options--sep, .query-builder .rule--before-widget, .query-builder .rule--after-widget {
  display: inline-block;
}
.query-builder .widget--sep, .query-builder .operator--options--sep, .query-builder .rule--func--bracket-before, .query-builder .rule--func--bracket-after, .query-builder .rule--func--arg-sep {
  vertical-align: bottom;
  align-self: flex-end;
  margin-bottom: 8px;
}
.query-builder .rule--func--arg-sep {
  margin-bottom: 3px;
}
.query-builder .widget--sep {
  margin-left: 10px;
  margin-right: 10px;
}
.query-builder .widget--sep.widget--sep-first {
  margin-right: 10px;
  margin-left: 0;
}
.query-builder .rule--operator {
  margin-left: 20px;
  margin-right: 20px;
}
.query-builder .operator--options--sep {
  margin-right: 10px;
}
.query-builder .rule--func--arg-sep {
  margin-left: 3px;
  margin-right: 6px;
}
.query-builder .rule--func--bracket-after {
  margin-left: 5px;
  margin-right: 2px;
}
.query-builder .rule--func--bracket-before {
  margin-left: 5px;
  margin-right: 5px;
}
.query-builder .widget--valuesrc {
  vertical-align: top;
}
.query-builder .rule--fieldsrc {
  vertical-align: top;
}
.query-builder .operator--options {
  display: flex;
}
.query-builder .rule--operator-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.query-builder .rule--operator-text-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
}
.query-builder div.tooltip-inner {
  max-width: 500px;
}
.query-builder .rule--label {
  display: block;
  font-weight: bold;
}
.query-builder .rule--func--wrapper, .query-builder .rule--func, .query-builder .rule--func--args, .query-builder .rule--func--arg, .query-builder .rule--func--arg-value, .query-builder .rule--func--bracket-before, .query-builder .rule--func--bracket-after, .query-builder .rule--func--arg-sep, .query-builder .rule--func--arg-label, .query-builder .rule--func--arg-label-sep {
  display: inline-block;
}
.query-builder .rule--func--wrapper {
  display: flex;
  flex-wrap: wrap;
}
.query-builder .rule--func--args {
  display: flex;
  flex-wrap: wrap;
}
.query-builder .rule--func--arg {
  display: flex;
}
.query-builder .rule--field-wrapper,
.query-builder .rule--field--func,
.query-builder .rule--func--wrapper,
.query-builder .rule--func--args,
.query-builder .rule--func--arg,
.query-builder .rule--func--arg-value,
.query-builder .rule--func--arg-value > .rule--widget,
.query-builder .widget--func {
  display: contents;
}
.query-builder .rule--func, .query-builder .widget--widget {
  margin-bottom: 2px;
}
.query-builder .rule--body--wrapper {
  margin-bottom: -2px;
}
.query-builder .rule--body.can--shrink--value .rule--value {
  flex: 1;
}
.query-builder .rule--body.can--shrink--value .rule--value > .rule--widget {
  width: 100%;
  display: flex;
}
.query-builder .rule--body.can--shrink--value .rule--value > .rule--widget .widget--widget {
  flex: 1;
}

/******************************************************************************/
/** Minimalism ****************************************************************/
/******************************************************************************/
.query-builder.qb-lite .group--drag-handler, .query-builder.qb-lite .group--actions {
  transition: opacity 0.2s;
}
.query-builder.qb-lite .group--header:hover .group--header .group--drag-handler, .query-builder.qb-lite .group--header:hover .group--header .group--actions,
.query-builder.qb-lite .group--header:not(:hover) .group--drag-handler,
.query-builder.qb-lite .group--header:not(:hover) .group--actions,
.query-builder.qb-lite .rule_group:not(:hover) .group--drag-handler,
.query-builder.qb-lite .rule_group:not(:hover) .group--actions {
  opacity: 0;
}
.query-builder.qb-lite .rule--fieldsrc, .query-builder.qb-lite .widget--valuesrc, .query-builder.qb-lite .rule--drag-handler, .query-builder.qb-lite .rule--header {
  transition: opacity 0.2s;
}
.query-builder.qb-lite .rule:hover .rule .rule--fieldsrc, .query-builder.qb-lite .rule:hover .rule .widget--valuesrc, .query-builder.qb-lite .rule:hover .rule .rule--drag-handler, .query-builder.qb-lite .rule:hover .rule .rule--header,
.query-builder.qb-lite .rule:not(:hover) .rule--fieldsrc,
.query-builder.qb-lite .rule:not(:hover) .widget--valuesrc,
.query-builder.qb-lite .rule:not(:hover) .rule--drag-handler,
.query-builder.qb-lite .rule:not(:hover) .rule--header {
  opacity: 0;
}
.query-builder.qb-lite.qb-dragging .rule--fieldsrc, .query-builder.qb-lite.qb-dragging .widget--valuesrc, .query-builder.qb-lite.qb-dragging .rule--drag-handler, .query-builder.qb-lite.qb-dragging .rule--header, .query-builder.qb-lite.qb-dragging .group--drag-handler, .query-builder.qb-lite.qb-dragging .group--actions {
  opacity: 0 !important;
}

.query-builder .MuiIconButton-sizeSmall {
  padding: 3px;
}

/* should be outside of .query-builder */
.customSelectOption {
  color: lightcoral;
}