/**!
  Visualization Classes for debugging the vertical-collection
  */
.vertical-collection-visual-debugger {
  height: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: left;
  background: rgba(50, 50, 50, 1);
  width: 125px;
}

.vertical-collection-visual-debugger .vc_visualization-container {
  transform: scale(0.25);
  left: 0;
  position: relative;
}


.vertical-collection-visual-debugger .vc_visualization-screen {
  position: absolute;
  background: transparent;
  box-sizing: content-box;
  border-top: 2px dashed yellow;
  border-bottom: 2px dashed yellow;
  width: 500px;
}

.vertical-collection-visual-debugger .vc_visualization-scroll-container {
  position: absolute;
  width: 500px;
  background: rgba(100, 230, 100, 0.65);
}

.vertical-collection-visual-debugger .vc_visualization-item-container {
  position: absolute;
  width: 500px;
  background: rgba(255, 255, 255, .15);
}

.vertical-collection-visual-debugger .vc_visualization-virtual-component {
  box-sizing: border-box;
  background: rgba(230, 100, 230, 0.6);
  border: 1px dotted #bbb;
  border-top: 0px;
  color: #fff;
  text-align: center;
  font-size: 2.5em;
  width: 250px;
}

.vertical-collection-visual-debugger .vc_visualization-virtual-component:first-of-type {
  border-top: 1px dotted #bbb;
}

.vertical-collection-visual-debugger .vc_visualization-virtual-component.culled {
  background: transparent;
}

.occluded-content {
  display: block;
  position: relative;
  width: 100%;

  /* prevents margin overflow on item container */
  min-height: 0.01px;

  /* hides text visually while still being readable by screen readers */
  color: rgba(0,0,0,0);
}

table .occluded-content,
tbody .occluded-content,
thead .occluded-content,
tfoot .occluded-content {
  display: table-row;
  position: relative;
  width: 100%;
}

ul .occluded-content,
ol .occluded-content {
  display: list-item;
  position: relative;
  width: 100%;
  list-style-type: none;
  height: 0;
}

.ember-table {
  position: relative;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.ember-table .ember-table-overflow {
  overflow: auto;
  max-height: 100%;
  max-width: 100%;
}

.ember-table table {
  border-spacing: 0;
  table-layout: fixed;
  box-sizing: border-box;
}

.ember-table td,
.ember-table th {
  box-sizing: border-box;
}

.ember-table td.is-fixed-left,
.ember-table td.is-fixed-right,
.ember-table th.is-fixed-left,
.ember-table th.is-fixed-right {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}

.ember-table td.ember-table__text-align-left,
.ember-table th.ember-table__text-align-left {
  text-align: left;
}

.ember-table td.ember-table__text-align-center,
.ember-table th.ember-table__text-align-center {
  text-align: center;
}

.ember-table td.ember-table__text-align-right,
.ember-table th.ember-table__text-align-right {
  text-align: right;
}

.ember-table th {
  z-index: 2;
}

.ember-table th:not(.is-fixed-right) .et-header-resize-area {
  right: 0;
}

.ember-table th.is-fixed-right .et-header-resize-area {
  left: 0;
}

.ember-table td.is-fixed-left,
.ember-table td.is-fixed-right {
  z-index: 3;
}

.ember-table th.is-fixed-left,
.ember-table th.is-fixed-right {
  z-index: 4;
}

.ember-table th.is-sortable {
  cursor: pointer;
}

.ember-table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  box-sizing: border-box;
}

.ember-table tbody {
  box-sizing: border-box;
}

.ember-table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 2;
  box-sizing: border-box;
}

.ember-table .scroll-indicator {
  position: absolute;
  z-index: 5;
}

.ember-table .scroll-indicator__left,
.ember-table .scroll-indicator__right {
  top: 0;
  width: 8px;
  height: 100%;
}

.ember-table .scroll-indicator__left {
  background: linear-gradient(to right, rgba(168, 168, 168, 0.4), rgba(168, 168, 168, 0));
}

.ember-table .scroll-indicator__right {
  right: 0;
  background: linear-gradient(to left, rgba(168, 168, 168, 0.4), rgba(168, 168, 168, 0));
}

.ember-table .scroll-indicator__top,
.ember-table .scroll-indicator__bottom {
  left: 0;
  width: 100%;
  height: 8px;
}

.ember-table .scroll-indicator__top {
  top: 0;
  background: linear-gradient(to bottom, rgba(168, 168, 168, 0.4), rgba(168, 168, 168, 0));
}

.ember-table .scroll-indicator__bottom {
  bottom: 0;
  background: linear-gradient(to top, rgba(168, 168, 168, 0.4), rgba(168, 168, 168, 0));
}

.ember-table.et-unselectable {
  user-select: none;
}

.ember-table .et-header-resize-area {
  cursor: col-resize;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
}

.ember-table .et-speech-only {
  display: none !important;
}

@media speech {
  .ember-table .et-speech-only {
    display: block !important;
  }
}

.ember-table .ember-table-loading-more {
  display: inline-block;
}

.query-builder {
  margin-bottom: 1rem;
}
.query-builder .query-builder-group {
  border-left: 3px solid #1e87f0;
  background: #f8f8f8;
  margin-bottom: 0.5rem;
}
.query-builder .query-builder-group.query-builder-root {
  border-left-color: #1e87f0;
}
.query-builder .query-builder-group .query-builder-group {
  border-left-color: #32d296;
  background: #fff;
}
.query-builder .query-builder-group .query-builder-group .query-builder-group {
  border-left-color: #faa05a;
  background: #fafafa;
}
.query-builder .query-builder-group .query-builder-group .query-builder-group .query-builder-group {
  border-left-color: #f0506e;
}
.query-builder .query-builder-group .uk-card-header {
  background: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.query-builder .query-builder-group .uk-card-body {
  min-height: 50px;
}
.query-builder .query-builder-rule {
  padding: 0.5rem;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.query-builder .query-builder-rule:hover {
  border-color: #1e87f0;
}
.query-builder .query-builder-rule select, .query-builder .query-builder-rule input {
  min-width: 100px;
}
.query-builder .uk-radio {
  margin-right: 0.25rem;
}
.query-builder .uk-card-header .uk-button + .uk-button {
  margin-left: 0.25rem;
}
.query-builder .uk-text-muted.uk-text-small {
  padding: 1rem;
  text-align: center;
  font-style: italic;
}

.pol-sidebar-left {
  width: 140px;
  border-right: 1px #e5e5e5 solid;
}

.pol-navbar-left {
  color: white;
}

.pol-navbar-container {
  height: 130px;
}

.pol-navbar-container:not(.uk-navbar-transparent) {
  background: linear-gradient(to left, #28a5f5, #fff);
}

.pol-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li.uk-active > a {
  color: #fff;
}

.pol-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.8);
}