.bg-approx_count_distinct, .agg-badge[data-value=APPROX_COUNT_DISTINCT] {
  background-color: rgba(17, 109, 110, 0.06) !important;
  color: #004D40 !important;
}

.bg-percentiles, .agg-badge[data-value=PERCENTILES] {
  background-color: rgba(129, 60, 178, 0.06) !important;
  color: #6930C3 !important;
}

.bg-max, .agg-badge[data-value=MAX] {
  background-color: rgba(71, 169, 146, 0.06) !important;
  color: #47A992 !important;
}

.bg-min, .agg-badge[data-value=MIN] {
  background-color: rgba(255, 105, 180, 0.06) !important;
  color: #C71585 !important;
}

.bg-avg, .agg-badge[data-value=AVG] {
  background-color: rgba(186, 112, 79, 0.06) !important;
  color: #BA704F !important;
}

.bg-sum, .agg-badge[data-value=SUM] {
  background-color: rgba(229, 124, 0, 0.08) !important;
  color: #A5402D !important;
}

.bg-count, .agg-badge[data-value=COUNT] {
  background-color: rgba(0, 121, 255, 0.06) !important;
  color: #0057A8 !important;
}

:root {
  --c-STRING: #004D40;
}

.t-STRING {
  color: #004D40 !important;
}

.outline-STRING {
  border-color: #004D40 !important;
}

.bg-STRING {
  background-color: rgba(17, 109, 110, 0.06) !important;
  color: #004D40 !important;
}

:root {
  --c-NUMBER: #6930C3;
}

.t-NUMBER {
  color: #6930C3 !important;
}

.outline-NUMBER {
  border-color: #6930C3 !important;
}

.bg-NUMBER {
  background-color: rgba(129, 60, 178, 0.06) !important;
  color: #6930C3 !important;
}

:root {
  --c-BOOLEAN: #47A992;
}

.t-BOOLEAN {
  color: #47A992 !important;
}

.outline-BOOLEAN {
  border-color: #47A992 !important;
}

.bg-BOOLEAN {
  background-color: rgba(71, 169, 146, 0.06) !important;
  color: #47A992 !important;
}

:root {
  --c-ARRAY: #C71585;
}

.t-ARRAY {
  color: #C71585 !important;
}

.outline-ARRAY {
  border-color: #C71585 !important;
}

.bg-ARRAY {
  background-color: rgba(255, 105, 180, 0.06) !important;
  color: #C71585 !important;
}

:root {
  --c-OBJECT: #BA704F;
}

.t-OBJECT {
  color: #BA704F !important;
}

.outline-OBJECT {
  border-color: #BA704F !important;
}

.bg-OBJECT {
  background-color: rgba(186, 112, 79, 0.06) !important;
  color: #BA704F !important;
}

:root {
  --c-NULL: #A5402D;
}

.t-NULL {
  color: #A5402D !important;
}

.outline-NULL {
  border-color: #A5402D !important;
}

.bg-NULL {
  background-color: rgba(229, 124, 0, 0.08) !important;
  color: #A5402D !important;
}

:root {
  --c-MIXED: #0057A8;
}

.t-MIXED {
  color: #0057A8 !important;
}

.outline-MIXED {
  border-color: #0057A8 !important;
}

.bg-MIXED {
  background-color: rgba(0, 121, 255, 0.06) !important;
  color: #0057A8 !important;
}

:root {
  --c-NEW: #004D40;
}

.chg-detail.NEW .pds-chg-badge.wide {
  border-color: #004D40 !important;
  color: #004D40 !important;
}

.chg-detail.NEW .pds-chg-badge.wsmall {
  border-color: #004D40 !important;
  color: #004D40 !important;
}

:root {
  --c-REMOVED: #C71585;
}

.chg-detail.REMOVED .pds-chg-badge.wide {
  border-color: #C71585 !important;
  color: #C71585 !important;
}

.chg-detail.REMOVED .pds-chg-badge.wsmall {
  border-color: #C71585 !important;
  color: #C71585 !important;
}

:root {
  --c-NULL_PERCENT: #A5402D;
}

.chg-detail.NULL_PERCENT .pds-chg-badge.wide {
  border-color: #A5402D !important;
  color: #A5402D !important;
}

.chg-detail.NULL_PERCENT .pds-chg-badge.wsmall {
  border-color: #A5402D !important;
  color: #A5402D !important;
}

:root {
  --c-EMPTY_PERCENT: #BA704F;
}

.chg-detail.EMPTY_PERCENT .pds-chg-badge.wide {
  border-color: #BA704F !important;
  color: #BA704F !important;
}

.chg-detail.EMPTY_PERCENT .pds-chg-badge.wsmall {
  border-color: #BA704F !important;
  color: #BA704F !important;
}

:root {
  --c-TYPE_CHANGE: #6930C3;
}

.chg-detail.TYPE_CHANGE .pds-chg-badge.wide {
  border-color: #6930C3 !important;
  color: #6930C3 !important;
}

.chg-detail.TYPE_CHANGE .pds-chg-badge.wsmall {
  border-color: #6930C3 !important;
  color: #6930C3 !important;
}

:root {
  --c-CARDINALITY: #0057A8;
}

.chg-detail.CARDINALITY .pds-chg-badge.wide {
  border-color: #0057A8 !important;
  color: #0057A8 !important;
}

.chg-detail.CARDINALITY .pds-chg-badge.wsmall {
  border-color: #0057A8 !important;
  color: #0057A8 !important;
}

:root {
  --c-PERCENT_OF_EVENTS: #47A992;
}

.chg-detail.PERCENT_OF_EVENTS .pds-chg-badge.wide {
  border-color: #47A992 !important;
  color: #47A992 !important;
}

.chg-detail.PERCENT_OF_EVENTS .pds-chg-badge.wsmall {
  border-color: #47A992 !important;
  color: #47A992 !important;
}

.o-10 {
  opacity: 10%;
}

.o-20 {
  opacity: 20%;
}

.o-25 {
  opacity: 25%;
}

.o-30 {
  opacity: 30%;
}

.o-40 {
  opacity: 40%;
}

.o-50 {
  opacity: 50%;
}

.o-60 {
  opacity: 60%;
}

.o-70 {
  opacity: 70%;
}

.o-75 {
  opacity: 75%;
}

.o-80 {
  opacity: 80%;
}

.o-90 {
  opacity: 90%;
}

.o-95 {
  opacity: 95%;
}

.o-99 {
  opacity: 99%;
}

.o-100 {
  opacity: 100%;
}

.afb {
  border: none;
  display: flex;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
  cursor: pointer;
  transition: background-color 0.2s ease-out;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

.afb.xsmall {
  height: 15px !important;
  line-height: 1 !important;
}

.afb.xsmall.afb-text {
  font-size: 9px;
}

.afb.small {
  height: 30px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.afb.small .e-btn-icon {
  width: 1.5em !important;
  text-align: right;
}

.afb.big:not(.e-dropdown-popup) {
  height: 37px;
}

.afb.big:not(.e-split-btn):not(.e-dropdown-btn):not(.e-split-btn-wrapper):not(.e-dropdown-popup) {
  padding: 13px 15px 13px 15px;
}

.afb.e-dropdown-popup {
  background-color: white !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.afb.e-split-btn-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.afb:not(.round) {
  border-radius: 4px;
}

.afb.outline:not(:disabled) {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

:root {
  --c-success: #25C588;
  --c-success-hover: #3bcb94;
}

.t-success:not(:disabled) {
  color: #25C588 !important;
}

.bgc-success {
  background-color: #25C588 !important;
}

.bg-success-gradient {
  background: linear-gradient(180deg, #25C588 0%, #3bcb94 100%) !important;
}

.afb.success:not(:disabled):not(.flat) {
  background-color: #25C588;
}

.afb.t-success:active, .afb.t-success:focus {
  color: #25C588;
}

.outline-success:not(:disabled), .afb.outline-success:not(:disabled) {
  background-color: unset;
  border-color: #25C588;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-success:hover:not(:disabled) {
  background-color: #25C588;
}

.afb.success:hover:not(:disabled) {
  background-color: var(--c-success-hover);
}

.success.t-success:hover:not(:disabled), .afb.flat.success:hover:not(:disabled), .afb.outline-success:hover:not(:disabled) {
  color: white !important;
}

:root {
  --c-lightsuccess: rgb(120, 204, 165);
  --c-lightsuccess-hover: #72c29d;
}

.t-lightsuccess:not(:disabled) {
  color: rgb(120, 204, 165) !important;
}

.bgc-lightsuccess {
  background-color: rgb(120, 204, 165) !important;
}

.bg-lightsuccess-gradient {
  background: linear-gradient(180deg, rgb(120, 204, 165) 0%, #86d1ae 100%) !important;
}

.afb.lightsuccess:not(:disabled):not(.flat) {
  background-color: rgb(120, 204, 165);
}

.afb.t-lightsuccess:active, .afb.t-lightsuccess:focus {
  color: rgb(120, 204, 165);
}

.outline-lightsuccess:not(:disabled), .afb.outline-lightsuccess:not(:disabled) {
  background-color: unset;
  border-color: rgb(120, 204, 165);
  border-style: solid;
  border-width: 1px;
}

.afb.outline-lightsuccess:hover:not(:disabled) {
  background-color: rgb(120, 204, 165);
}

.afb.lightsuccess:hover:not(:disabled) {
  background-color: var(--c-lightsuccess-hover);
}

.lightsuccess.t-lightsuccess:hover:not(:disabled), .afb.flat.lightsuccess:hover:not(:disabled), .afb.outline-lightsuccess:hover:not(:disabled) {
  color: var(--c-dark) !important;
}

:root {
  --c-primary: rgb(0, 102, 185);
  --c-primary-hover: #1a75c0;
}

.t-primary:not(:disabled) {
  color: rgb(0, 102, 185) !important;
}

.bgc-primary {
  background-color: rgb(0, 102, 185) !important;
}

.bg-primary-gradient {
  background: linear-gradient(180deg, rgb(0, 102, 185) 0%, #1a75c0 100%) !important;
}

.afb.primary:not(:disabled):not(.flat) {
  background-color: rgb(0, 102, 185);
}

.afb.t-primary:active, .afb.t-primary:focus {
  color: rgb(0, 102, 185);
}

.outline-primary:not(:disabled), .afb.outline-primary:not(:disabled) {
  background-color: unset;
  border-color: rgb(0, 102, 185);
  border-style: solid;
  border-width: 1px;
}

.afb.outline-primary:hover:not(:disabled) {
  background-color: rgb(0, 102, 185);
}

.afb.primary:hover:not(:disabled) {
  background-color: var(--c-primary-hover);
}

.primary.t-primary:hover:not(:disabled), .afb.flat.primary:hover:not(:disabled), .afb.outline-primary:hover:not(:disabled) {
  color: white !important;
}

:root {
  --c-teal: #00ADB5;
  --c-teal-hover: #1ab5bc;
}

.t-teal:not(:disabled) {
  color: #00ADB5 !important;
}

.bgc-teal {
  background-color: #00ADB5 !important;
}

.bg-teal-gradient {
  background: linear-gradient(180deg, #00ADB5 0%, #1ab5bc 100%) !important;
}

.afb.teal:not(:disabled):not(.flat) {
  background-color: #00ADB5;
}

.afb.t-teal:active, .afb.t-teal:focus {
  color: #00ADB5;
}

.outline-teal:not(:disabled), .afb.outline-teal:not(:disabled) {
  background-color: unset;
  border-color: #00ADB5;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-teal:hover:not(:disabled) {
  background-color: #00ADB5;
}

.afb.teal:hover:not(:disabled) {
  background-color: var(--c-teal-hover);
}

.teal.t-teal:hover:not(:disabled), .afb.flat.teal:hover:not(:disabled), .afb.outline-teal:hover:not(:disabled) {
  color: white !important;
}

:root {
  --c-danger: rgb(243, 67, 67);
  --c-danger-hover: #f45656;
}

.t-danger:not(:disabled) {
  color: rgb(243, 67, 67) !important;
}

.bgc-danger {
  background-color: rgb(243, 67, 67) !important;
}

.bg-danger-gradient {
  background: linear-gradient(180deg, rgb(243, 67, 67) 0%, #f45656 100%) !important;
}

.afb.danger:not(:disabled):not(.flat) {
  background-color: rgb(243, 67, 67);
}

.afb.t-danger:active, .afb.t-danger:focus {
  color: rgb(243, 67, 67);
}

.outline-danger:not(:disabled), .afb.outline-danger:not(:disabled) {
  background-color: unset;
  border-color: rgb(243, 67, 67);
  border-style: solid;
  border-width: 1px;
}

.afb.outline-danger:hover:not(:disabled) {
  background-color: rgb(243, 67, 67);
}

.afb.danger:hover:not(:disabled) {
  background-color: var(--c-danger-hover);
}

.danger.t-danger:hover:not(:disabled), .afb.flat.danger:hover:not(:disabled), .afb.outline-danger:hover:not(:disabled) {
  color: white !important;
}

:root {
  --c-lightgrey: #F8F8F8;
  --c-lightgrey-hover: #ececec;
}

.t-lightgrey:not(:disabled) {
  color: #F8F8F8 !important;
}

.bgc-lightgrey {
  background-color: #F8F8F8 !important;
}

.bg-lightgrey-gradient {
  background: linear-gradient(180deg, #F8F8F8 0%, #f9f9f9 100%) !important;
}

.afb.lightgrey:not(:disabled):not(.flat) {
  background-color: #F8F8F8;
}

.afb.t-lightgrey:active, .afb.t-lightgrey:focus {
  color: #F8F8F8;
}

.outline-lightgrey:not(:disabled), .afb.outline-lightgrey:not(:disabled) {
  background-color: unset;
  border-color: #F8F8F8;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-lightgrey:hover:not(:disabled) {
  background-color: #F8F8F8;
}

.afb.lightgrey:hover:not(:disabled) {
  background-color: var(--c-lightgrey-hover);
}

.lightgrey.t-lightgrey:hover:not(:disabled), .afb.flat.lightgrey:hover:not(:disabled), .afb.outline-lightgrey:hover:not(:disabled) {
  color: var(--c-dark) !important;
}

:root {
  --c-medgrey: rgba(4, 20, 14, 0.6);
  --c-medgrey-hover: rgba(56, 68, 64, 0.64);
}

.t-medgrey:not(:disabled) {
  color: rgba(4, 20, 14, 0.6) !important;
}

.bgc-medgrey {
  background-color: rgba(4, 20, 14, 0.6) !important;
}

.bg-medgrey-gradient {
  background: linear-gradient(180deg, rgba(4, 20, 14, 0.6) 0%, rgba(56, 68, 64, 0.64) 100%) !important;
}

.afb.medgrey:not(:disabled):not(.flat) {
  background-color: rgba(4, 20, 14, 0.6);
}

.afb.t-medgrey:active, .afb.t-medgrey:focus {
  color: rgba(4, 20, 14, 0.6);
}

.outline-medgrey:not(:disabled), .afb.outline-medgrey:not(:disabled) {
  background-color: unset;
  border-color: rgba(4, 20, 14, 0.6);
  border-style: solid;
  border-width: 1px;
}

.afb.outline-medgrey:hover:not(:disabled) {
  background-color: rgba(4, 20, 14, 0.6);
}

.afb.medgrey:hover:not(:disabled) {
  background-color: var(--c-medgrey-hover);
}

.medgrey.t-medgrey:hover:not(:disabled), .afb.flat.medgrey:hover:not(:disabled), .afb.outline-medgrey:hover:not(:disabled) {
  color: white !important;
}

:root {
  --c-emptygrey: #D9D9D9;
  --c-emptygrey-hover: #dddddd;
}

.t-emptygrey:not(:disabled) {
  color: #D9D9D9 !important;
}

.bgc-emptygrey {
  background-color: #D9D9D9 !important;
}

.bg-emptygrey-gradient {
  background: linear-gradient(180deg, #D9D9D9 0%, #dddddd 100%) !important;
}

.afb.emptygrey:not(:disabled):not(.flat) {
  background-color: #D9D9D9;
}

.afb.t-emptygrey:active, .afb.t-emptygrey:focus {
  color: #D9D9D9;
}

.outline-emptygrey:not(:disabled), .afb.outline-emptygrey:not(:disabled) {
  background-color: unset;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-emptygrey:hover:not(:disabled) {
  background-color: #D9D9D9;
}

.afb.emptygrey:hover:not(:disabled) {
  background-color: var(--c-emptygrey-hover);
}

.emptygrey.t-emptygrey:hover:not(:disabled), .afb.flat.emptygrey:hover:not(:disabled), .afb.outline-emptygrey:hover:not(:disabled) {
  color: white !important;
}

:root {
  --c-grey: #999999;
  --c-grey-hover: #a3a3a3;
}

.t-grey:not(:disabled) {
  color: #999999 !important;
}

.bgc-grey {
  background-color: #999999 !important;
}

.bg-grey-gradient {
  background: linear-gradient(180deg, #999999 0%, #a3a3a3 100%) !important;
}

.afb.grey:not(:disabled):not(.flat) {
  background-color: #999999;
}

.afb.t-grey:active, .afb.t-grey:focus {
  color: #999999;
}

.outline-grey:not(:disabled), .afb.outline-grey:not(:disabled) {
  background-color: unset;
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-grey:hover:not(:disabled) {
  background-color: #999999;
}

.afb.grey:hover:not(:disabled) {
  background-color: var(--c-grey-hover);
}

.grey.t-grey:hover:not(:disabled), .afb.flat.grey:hover:not(:disabled), .afb.outline-grey:hover:not(:disabled) {
  color: white !important;
}

:root {
  --c-dark: #04140E;
  --c-dark-hover: #1d2c26;
}

.t-dark:not(:disabled) {
  color: #04140E !important;
}

.bgc-dark {
  background-color: #04140E !important;
}

.bg-dark-gradient {
  background: linear-gradient(180deg, #04140E 0%, #1d2c26 100%) !important;
}

.afb.dark:not(:disabled):not(.flat) {
  background-color: #04140E;
}

.afb.t-dark:active, .afb.t-dark:focus {
  color: #04140E;
}

.outline-dark:not(:disabled), .afb.outline-dark:not(:disabled) {
  background-color: unset;
  border-color: #04140E;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-dark:hover:not(:disabled) {
  background-color: #04140E;
}

.afb.dark:hover:not(:disabled) {
  background-color: var(--c-dark-hover);
}

.dark.t-dark:hover:not(:disabled), .afb.flat.dark:hover:not(:disabled), .afb.outline-dark:hover:not(:disabled) {
  color: white !important;
}

:root {
  --c-darkgreen: #105239;
  --c-darkgreen-hover: #28634d;
}

.t-darkgreen:not(:disabled) {
  color: #105239 !important;
}

.bgc-darkgreen {
  background-color: #105239 !important;
}

.bg-darkgreen-gradient {
  background: linear-gradient(180deg, #105239 0%, #28634d 100%) !important;
}

.afb.darkgreen:not(:disabled):not(.flat) {
  background-color: #105239;
}

.afb.t-darkgreen:active, .afb.t-darkgreen:focus {
  color: #105239;
}

.outline-darkgreen:not(:disabled), .afb.outline-darkgreen:not(:disabled) {
  background-color: unset;
  border-color: #105239;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-darkgreen:hover:not(:disabled) {
  background-color: #105239;
}

.afb.darkgreen:hover:not(:disabled) {
  background-color: var(--c-darkgreen-hover);
}

.darkgreen.t-darkgreen:hover:not(:disabled), .afb.flat.darkgreen:hover:not(:disabled), .afb.outline-darkgreen:hover:not(:disabled) {
  color: white !important;
}

:root {
  --c-orange: #E57C00;
  --c-orange-hover: #e8891a;
}

.t-orange:not(:disabled) {
  color: #E57C00 !important;
}

.bgc-orange {
  background-color: #E57C00 !important;
}

.bg-orange-gradient {
  background: linear-gradient(180deg, #E57C00 0%, #e8891a 100%) !important;
}

.afb.orange:not(:disabled):not(.flat) {
  background-color: #E57C00;
}

.afb.t-orange:active, .afb.t-orange:focus {
  color: #E57C00;
}

.outline-orange:not(:disabled), .afb.outline-orange:not(:disabled) {
  background-color: unset;
  border-color: #E57C00;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-orange:hover:not(:disabled) {
  background-color: #E57C00;
}

.afb.orange:hover:not(:disabled) {
  background-color: var(--c-orange-hover);
}

.orange.t-orange:hover:not(:disabled), .afb.flat.orange:hover:not(:disabled), .afb.outline-orange:hover:not(:disabled) {
  color: white !important;
}

:root {
  --c-bggrey: #F7F7F7;
  --c-bggrey-hover: #ebebeb;
}

.t-bggrey:not(:disabled) {
  color: #F7F7F7 !important;
}

.bgc-bggrey {
  background-color: #F7F7F7 !important;
}

.bg-bggrey-gradient {
  background: linear-gradient(180deg, #F7F7F7 0%, #f8f8f8 100%) !important;
}

.afb.bggrey:not(:disabled):not(.flat) {
  background-color: #F7F7F7;
}

.afb.t-bggrey:active, .afb.t-bggrey:focus {
  color: #F7F7F7;
}

.outline-bggrey:not(:disabled), .afb.outline-bggrey:not(:disabled) {
  background-color: unset;
  border-color: #F7F7F7;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-bggrey:hover:not(:disabled) {
  background-color: #F7F7F7;
}

.afb.bggrey:hover:not(:disabled) {
  background-color: var(--c-bggrey-hover);
}

.bggrey.t-bggrey:hover:not(:disabled), .afb.flat.bggrey:hover:not(:disabled), .afb.outline-bggrey:hover:not(:disabled) {
  color: var(--c-dark) !important;
}

:root {
  --c-white: #FFFFFF;
  --c-white-hover: #f2f2f2;
}

.t-white:not(:disabled) {
  color: #FFFFFF !important;
}

.bgc-white {
  background-color: #FFFFFF !important;
}

.bg-white-gradient {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%) !important;
}

.afb.white:not(:disabled):not(.flat) {
  background-color: #FFFFFF;
}

.afb.t-white:active, .afb.t-white:focus {
  color: #FFFFFF;
}

.outline-white:not(:disabled), .afb.outline-white:not(:disabled) {
  background-color: unset;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-white:hover:not(:disabled) {
  background-color: #FFFFFF;
}

.afb.white:hover:not(:disabled) {
  background-color: var(--c-white-hover);
}

.white.t-white:hover:not(:disabled), .afb.flat.white:hover:not(:disabled), .afb.outline-white:hover:not(:disabled) {
  color: var(--c-dark) !important;
}

:root {
  --c-AND: #7EAA92;
  --c-AND-hover: #8bb39d;
}

.t-AND:not(:disabled) {
  color: #7EAA92 !important;
}

.bgc-AND {
  background-color: #7EAA92 !important;
}

.bg-AND-gradient {
  background: linear-gradient(180deg, #7EAA92 0%, #8bb39d 100%) !important;
}

.afb.AND:not(:disabled):not(.flat) {
  background-color: #7EAA92;
}

.afb.t-AND:active, .afb.t-AND:focus {
  color: #7EAA92;
}

.outline-AND:not(:disabled), .afb.outline-AND:not(:disabled) {
  background-color: unset;
  border-color: #7EAA92;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-AND:hover:not(:disabled) {
  background-color: #7EAA92;
}

.afb.AND:hover:not(:disabled) {
  background-color: var(--c-AND-hover);
}

.AND.t-AND:hover:not(:disabled), .afb.flat.AND:hover:not(:disabled), .afb.outline-AND:hover:not(:disabled) {
  color: white !important;
}

:root {
  --c-OR: #7091F5;
  --c-OR-hover: #7e9cf6;
}

.t-OR:not(:disabled) {
  color: #7091F5 !important;
}

.bgc-OR {
  background-color: #7091F5 !important;
}

.bg-OR-gradient {
  background: linear-gradient(180deg, #7091F5 0%, #7e9cf6 100%) !important;
}

.afb.OR:not(:disabled):not(.flat) {
  background-color: #7091F5;
}

.afb.t-OR:active, .afb.t-OR:focus {
  color: #7091F5;
}

.outline-OR:not(:disabled), .afb.outline-OR:not(:disabled) {
  background-color: unset;
  border-color: #7091F5;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-OR:hover:not(:disabled) {
  background-color: #7091F5;
}

.afb.OR:hover:not(:disabled) {
  background-color: var(--c-OR-hover);
}

.OR.t-OR:hover:not(:disabled), .afb.flat.OR:hover:not(:disabled), .afb.outline-OR:hover:not(:disabled) {
  color: white !important;
}

:root {
  --c-NOT: #F24C3D;
  --c-NOT-hover: #f35e50;
}

.t-NOT:not(:disabled) {
  color: #F24C3D !important;
}

.bgc-NOT {
  background-color: #F24C3D !important;
}

.bg-NOT-gradient {
  background: linear-gradient(180deg, #F24C3D 0%, #f35e50 100%) !important;
}

.afb.NOT:not(:disabled):not(.flat) {
  background-color: #F24C3D;
}

.afb.t-NOT:active, .afb.t-NOT:focus {
  color: #F24C3D;
}

.outline-NOT:not(:disabled), .afb.outline-NOT:not(:disabled) {
  background-color: unset;
  border-color: #F24C3D;
  border-style: solid;
  border-width: 1px;
}

.afb.outline-NOT:hover:not(:disabled) {
  background-color: #F24C3D;
}

.afb.NOT:hover:not(:disabled) {
  background-color: var(--c-NOT-hover);
}

.NOT.t-NOT:hover:not(:disabled), .afb.flat.NOT:hover:not(:disabled), .afb.outline-NOT:hover:not(:disabled) {
  color: white !important;
}

.afb.flat {
  border: none;
  background-color: transparent;
}

.afb.round {
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-items: center;
  justify-content: center;
  aspect-ratio: 1;
  height: 30px;
}

.afb.round.small {
  height: 24px;
}

a.afb, .a-afb {
  text-decoration: none !important;
  color: var(--c-dark);
}

a > .afb, a > .afb * {
  text-decoration: none !important;
}

.ApiKeyModal .e-popup{
    min-width: 550px;
    width: auto;
    border-radius: 8px;
    min-height: 290px;
    height:auto;
    max-width: 700px;
}
.ApiKeyModal .e-dlg-content{
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding-bottom: 24px;
}
.ApiKeyModal .e-dlg-header-content,.e-dlg-header{
    font-size: 24px !important;
    font-weight: 700 !important;
    width: 100% !important;
    margin-right: 0;
}


.api-key-showing {
    border-radius: 8px;
    border: 1px solid #25C588;
    background: rgba(37, 197, 136, 0.05);
    padding: 13px 20px 13px 20px;
}

.api-key-showing span {
    color: #25C588;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    word-break: break-all;
}
.download-api{
    margin-top:14px;
    margin-bottom:40px;
}

/*@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');*/

@font-face {
    font-family: "PlusJakartaSans";
    src: url("plus-jakarta-sans/PlusJakartaSans-VariableFont_wght.ttf") format("truetype-variations");
    font-weight: 200 800;
    font-style: normal;
}

@font-face {
    font-family: "PlusJakartaSans";
    src: url("plus-jakarta-sans/PlusJakartaSans-Italic-VariableFont_wght.ttf") format("truetype-variations");
    font-weight: 200 800;
    font-style: italic;
}

.e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label{
    font-family:PlusJakartaSans, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.e-control, [class^="e-"] *:not([class*="e-icon"]):not(.e-arrow-tip-inner):not([class*="bx"]):not([class*="oi"]):not(.jsonpath_outer):not([class^="mtk"]):not(.font-monospace):not(.font-monospace *) {
    font-family: PlusJakartaSans, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
div.container, div[class^="container-"]{
   transition: width 0.5s linear, max-width 0.5s linear;
}

:root {
    --bs-font-sans-serif: PlusJakartaSans, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    --bs-body-font-size: 16px;
    --c-jpath-green:#6a9955;
}

.e-checkbox-wrapper .e-frame{
    border-color:var(--c-emptygrey) !important;
    border-radius: 4px;
    background-color:white !important;
    transition: background-color 0.3s ease;
}
.e-input-group.e-success, .e-input-group.e-control-wrapper.e-success, .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left){
    border-color: var(--c-success);
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check{
    background-color:var(--c-success) !important;
    border-color:var(--c-success) !important;
    border-radius: 4px;
}

span{
    font-size:16px;
}
code, .code {
    color: rgba(0, 173, 181, 1) !important;
}

html, body {
    font-family: 'PlusJakartaSans', Helvetica, Arial, sans-serif;
    height: 100%;
    background: #F8F8F8;
}

.page {
    max-height: 100vh;
}

h1:focus {
    outline: none;
}

/*a, .btn-link {*/
/*    color: #0066B9;*/
/*    text-transform: capitalize;*/
/*}*/

/*.btn-primary {*/
/*    color: #fff;*/
/*    background-color: #1b6ec2;*/
/*    border-color: #1861ac;*/
/*}*/

/*.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {*/
/*    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;*/
/*}*/

.content {
    padding-top: 1.1rem;
}

/*.valid.modified:not([type=checkbox]) {*/
/*    outline: 1px solid #26b050;*/
/*}*/

.invalid.modified {
    outline: 1px solid var(--c-danger);
}
 

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}

table.outer table.outer {
    width: 100%;
}



.fr_row.with-border {
    /*    border: 1px black solid;    */
}

.fr_row > td {
    padding: 0 !important;
}

.filter_def_field, .filter_def_value {
    padding-right: 4px;
    padding-left: 4px;
    hyphens: auto;
    hyphenate-character: "";
}

.filter_def_value {
    word-break: break-all;
}

.filter_def_operator {
    
    background-color: rgba(98, 109, 113, 0.10);
    font-size: 0.9em;
    /*margin-top: 5px;*/
    border-radius: 3px;
    padding-left: 6px;
    padding-right: 6px;
    /*margin-bottom: 7px;*/
    /*line-height: 0.9em;*/
    /*padding-top: 0.3em;*/
    /*padding-bottom: 0.3em;*/
}

.filter_def_condition {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    white-space: nowrap;
    vertical-align: middle;
    justify-content: center;
    display: flex;
    color: white;
    margin-top: -0.1px;
    margin-bottom: -0.1px;
    width: 1.6em;
    line-height: 1.6em;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 4px;
}

.filter_def_condition > span {
    min-height: 40px;
    display: flex;
    justify-content: center;
}

.jsonpath-editor-filter-preview-outer{
    min-height: 72px;
}
.filter_def {
    display: flex;
    margin-top: 3px;
    padding: 10px;
    margin-right: 3px;
    border-radius: 8px;
    background: #FFF;
    /*border-right: solid 1px black;
    border-top: solid 1px black;
    border-left: solid 1px black;*/
}

.filter_def:not(.evaled){
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.08), 0 0 6px 0 rgba(0, 0, 0, 0.02);
}

.jpath-preview-tooltip {
    padding: 0 !important;
    border-radius: 8px !important;
}


.jpath-preview-tooltip > .e-tip-content {
    padding: 4px !important;
}

.jpath-preview-tooltip > .e-tip-content > .filter_def {
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 0;
}

.filter_def > div:first-of-type {
    /*    border:solid 1px black;*/
}

.filter_def.no_con {
    /*border-left:solid 1px black;*/
}

.filter_def_rules_outer {
    flex-grow: 1;
    flex-flow: column;
    display: flex;
}

.filter_def_inner_outer {
    display: flex;
    flex-flow: row;
}

div.filter_def_outer.top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top: solid 1px #EDEDED;

}

div.filter_def_outer.bottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px #EDEDED;

}

div.filter_def_outer.mid {
    border-left: solid 1px #EDEDED;
    border-right: solid 1px #EDEDED;
    border-top: solid 1px #EDEDED;
}

div.filter_def_inner_outer {
    margin-bottom: 2px;

}

div.filter_def_inner_outer:not(:last-child) {
    /*    border-bottom: solid 1px black;*/
    /*    border-bottom: solid 1px #EDEDED;    */
}

div.filter_def_inner_outer.onlyone > div > div.filter_def_inner_outer {
    border-bottom: none;
}

.filter_def_outer:not(:last-child) {
    /*        border-bottom: solid 1px black;*/
}

.filter_def_inner_outer:first-of-type:not(.only_con) {
    /*border:1px solid black;*/
}

.filter_def_inner_outer.onlyone:not(.only_con) {
    /*border-bottom: 1px solid black;*/
}

.filter_def_inner_outer.onlyone > .filter_def_rules_outer > .filter_def_outer {
    /*border-bottom: 1px solid black;*/
}

.only_con > .filter_def_rules_outer > .filter_def_inner_outer {
    /* border: none !important;*/
}

.only_con > .filter_def_condition {
    /*border-top:1px solid black;*/
}

.only_con > .filter_def_rules_outer > .filter_def_inner_outer > .filter_def_condition {
    /*border-top: 1px solid black !important;*/
}

.filter_def_outer {
    display: flex;
    flex-grow: 1;
    padding-right: 10px;
    align-items: center;
    min-height: 32px;
    flex-direction: row;
    vertical-align: middle;
}

.filter_def_outer {
    /*border-bottom: solid 1px black;*/
}

.onlyone > .filter_def_rules_outer > .filter_def_outer {
    /*border-bottom:none !important;*/
}

.filter_def.filter_def_outer:first-child {
}

.agg-badge:hover {
    /*    color: rgb(248, 249, 250) !important;*/
}

.bg-count, .agg-badge[data-value="COUNT"]:hover {
    /*    background-color: #81667A !important;    */
    background-color: rgba(0, 121, 255, 0.06) !important;
    color: #0057A8 !important;
}

.bg-sum, .agg-badge[data-value="SUM"]:hover {
    background-color: rgba(229, 124, 0, 0.08) !important;
    color: #A5402D !important;
    /*    background-color: #E59500 !important;*/
}

.bg-avg, .agg-badge[data-value="AVG"]:hover {
    background-color: rgba(186, 112, 79, 0.06) !important;
    color: #BA704F !important;
    /*    background-color: #895B1E !important;*/
}

.bg-min, .agg-badge[data-value="MIN"]:hover {
    background-color: rgba(255, 105, 180, 0.06) !important;
    color: #C71585 !important;

    /*    background-color: #2C666E !important;*/
}

.bg-max, .agg-badge[data-value="MAX"]:hover {
    background-color: rgba(71, 169, 146, 0.06) !important;
    color: #47A992 !important;
    /*    background-color: #200116 !important;*/
}

.bg-percentiles, .agg-badge[data-value="PERCENTILES"]:hover {
    background-color: rgba(129, 60, 178, 0.06) !important;
    color: #6930C3 !important;
    /*    background-color: #42BFDD !important;*/
}

.bg-approx_count_distinct, .agg-badge[data-value="APPROX_COUNT_DISTINCT"]:hover {
    background-color: rgba(17, 109, 110, 0.06) !important;
    color: #004D40 !important;
    /*    background-color: #70AE6E !important;*/
}

.no-animation-content .e-sidebar {
    width: 200px;
}

.no-animation-content .e-content-animation {
    transition: none !important;
}

.e-grid td.e-rowcell.e-focus.e-focused {
    box-shadow: none;
}

.e-grid th.e-headercell.e-focus.e-focused {
    box-shadow: none;
}

hr.edit_item,section.edit_item:not(:first-of-type) {
    margin-top: 3em;
    border-top: 1px dotted rgba(23, 51, 0, 1);
   
}
section.edit_item:not(:first-of-type){
    padding-top: 1em;    
}

.text-with-icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-left: 12px;
    padding-right: 12px;
}

.text-with-icon .icon {
    align-content: center;
    align-items: center;
    vertical-align: middle;
    display: flex;
    margin-right: 9px;
}

.text-with-icon .icon .num {
    width: 24px !important;
    height: 24px !important;
    border-radius: 12px !important;
    background-color: #04140E !important;
    padding: 5px 4px 4px 4px !important;
}

.text-with-icon p {
    margin-bottom: 0;
}

.text-with-icon.info-box {
    margin-bottom: 24px;
}

.info-box {
    background-color: rgb(217, 217, 217, 0.2);
    border-radius: 8px;
    padding: 12px;
    color: rgba(4, 20, 14, 0.60) !important;
    font-weight: 400;
}

.onboarding-tabs p, section.edit_item p:not(.subtext) {
    font-size: 15px !important;
}

.onboarding-tabs p .e-btn {
    font-size: 15px !important;
}

.subtext {
    font-size: 95% !important;
}

.subtext:not(.bold) {
    opacity: 0.7;
}

.subtext .bold {
    opacity: unset;
    font-weight: 600;
}

.subtext a:not(:hover), .text-link {
    text-decoration: none !important;
}

#onboarding_modal .e-dlg-content {
    border-radius: 8px !important;
}


.card.e-card:active, .card.e-card:hover {
    border-color: rgba(0, 0, 0, .125)
}

.card.e-card {
    box-shadow: unset !important;

}

.separate-card-header > .e-card-header {
    justify-content: space-between;
    flex-wrap: wrap;
}

.remove-e-card-styles {
    box-shadow: unset !important;
    padding: 0 !important;
}

.remove-e-card-styles > .e-card-header {
    padding-top: 0 !important;
}

.e-chart, .e-chart > svg {
    overflow: visible;
}

.goog_icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: transparent;
    background-repeat: no-repeat;
    transition: background-color 0.3s, box-shadow 0.3s;
    padding: 12px 8px 12px 4px;
    border: none;

    color: #757575;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

    background-position: 6px 4px;
    line-height: 1.15 !important;

}

.MFA_CODES {
    text-align: center !important;
    display: block;
    width: calc(1.5em + 0.75rem + 4px);
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 0.25rem !important;
    margin: 0.25rem !important;
    overflow: visible;
    word-wrap: break-word;
    -webkit-transition: none;
}

#MFA_CODES_OUTER {
    width: 100%;
    min-width: 400px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.MFA_CODES:focus {
    color: #3F4254;
    background-color: #ffffff;
    border-color: #884377;
    outline: 0;
}

.MFA_CODES {
    background-color: #F3F6F9;
    border-color: #F3F6F9;
    color: #3F4254;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.MFA_CODES:active, .MFA_CODES:focus {
    background-color: #EBEDF3;
    border-color: #EBEDF3;
    color: #3F4254;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

 
  


.agg-form-input.invalid.modified {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.agg-form-input {
    background: #FFF;
    color: #000028 !important;
    opacity: unset !important;
}

.agg-form-input .e-input-group-icon:hover{
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}



.agg-form-input.e-control-wrapper.w100 {
    width: 100% !important;
}

/*.agg-form-input:not(.small) > input {*/
/*    padding-left: 8px !important;*/
/*    text-indent: 8px !important;*/
/*    min-height: 48px;*/
/*    font-size: 16px !important;*/

/*    border-radius: 0 !important;*/
/*}*/

.agg-form-input.thin {
    font-weight: 400 !important;
}

.agg-form-input:not(.thin) {
    font-weight: 600 !important;
}
.agg-form-group.small{
    font-size: 12px !important;
    line-height:1.2 !important;
}
.agg-form-group.small .e-message{
    font-size:10px;
    padding-top:2px;
    padding-bottom:2px;
}

.agg-form-group.small input, .agg-form-input.small > input {
    padding-left: 4px !important;
    text-indent: 4px !important;
    min-height: 30px;
    font-size: 12px !important;
    line-height:1.2 !important;
}

.agg-form-input > input::placeholder {
    color: #999 !important;
    font-weight: 500;
}
 

.agg-form-multiple .agg-form-input.left:not(.invalid.modified) {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 0 !important;
}

.agg-form-multiple .agg-form-input.left.invalid.modified {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.agg-form-multiple .agg-form-input.right:not(.invalid.modified) {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 8px !important;
}

.agg-form-multiple .agg-form-input.right.invalid.modified {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.agg-form-multiple.text-and-btn > .agg-form-input.left{
    border-right: none !important;
}
.agg-form-multiple.text-and-btn > .agg-form-input.right{
    border-left: none !important;
}


.empty-placeholder {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.agg-form-group.mb {
    margin-bottom: 15px;
}

.agg-form-label, .agg-form-group > label {
    font-size: 15px;
    opacity: 0.6;
    color: #000024;
    margin-bottom: 10px;
}

.br-8 {
    border-radius: 8px !important;
}
.bblr-0{
    border-bottom-left-radius: 0 !important;
}
.bbrr-0{
    border-bottom-right-radius: 0 !important;
}
.btrr-0{
    border-top-right-radius: 0 !important;
}
.btlr-0{
    border-top-left-radius: 0 !important;
}


.jsonpath_outer.multi div.overflow-guard {
    padding-top: 5px;
    padding-bottom: 5px;
}


.jsonpath_outer:not(.invalid_editor) div.monaco-editor, .jsonpath_outer:not(.invalid_editor) div.overflow-guard {
    border-radius: 8px;
}

.jsonpath_outer.invalid_editor div.monaco-editor, .jsonpath_outer.invalid_editor div.overflow-guard {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

div[data-transition="true"] * {
    transition: all 0.2s ease;
}

.view-line span {
    font-family: Menlo, Monaco, "Courier New", monospace !important;
}

.jsonpath_wrapper .e-message.e-error {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}




.agg-chip {
    font-size: 12px !important;
    border-radius: 5px !important;
}

.agg-chip > .e-chip-text {
    height: unset !important;
}

.e-chip-set {
    white-space: normal;
}

.agg-badge {
    margin: 0.1rem !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 6px;
}

.big-badge {
    display: inline-flex;
    height: 30px;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 5px;
    font-size: 14px;
}


h2 {
    font-size: 22px !important;
}

.page-title {
    margin-bottom: 30px;
    margin-top: 30px;
}


.agg-table-text {
    color: #04140E;
    leading-trim: both;
    text-edge: cap;
    font-size: 16px;
    font-style: normal;
    /*font-weight: 500;*/
    line-height: normal;
    padding-right: 0.5rem;
}

#AuthFormOuter {
    height: 100%;
    position: relative;
    z-index: 1000;
}

.AuthUpper{
    width: 100%;
    max-height: calc(80vh - 620px) !important;
    min-height: 5px;
    overflow: hidden;
}
.AuthSpacer{
    height:10vh;
    transition: height 0.2s ease-in;
}

.AuthOuter {
    width: 460px;
    margin-right: auto;
    margin-left: auto;
    transition: width 0.5s ease, padding-top 0.3s ease-in;
}

#AuthFormOuter[data-mode="LoginRecovery"] .AuthOuter {
    width: 540px;
}

.AuthOuter .e-card {
    border-radius: 18px !important;
    background: #FFF;
    /*box-shadow: 0px 50px 133px -24px rgba(0, 0, 0, 0.12) !important;*/
    min-height: 600px;
}

.AuthOuter .e-card-content {
    min-height: 600px;
    padding-top: 32px;
    padding-bottom: 35px;
    padding-left: 25px;
    padding-right: 25px;
}

.login-subtitle {
    font-size: 20px;
    font-weight: 500;
    display: block;
    margin-bottom: 35px;
}

.login-title {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    width: 100%;
    display: block;
    margin-bottom: 35px;
    text-transform: capitalize;
}

#login-circle-outer-outer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;

}

#login-circle-outer {
    width: 150%;
    height: 45%;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    left: 0;
    margin-left: -25%;
}

.login-circle {
    /* position: absolute; */
    /* top: -20%; */
    width: 100%;
    height: 200%;
    border-radius: 50% 50% 0 0/100% 100% 0 0;
    background-color: #FAFAFA;
    /* left: 0; */
}

.better-card:not(.no-shadow){
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06), 0 0 4px 0 rgba(0, 0, 0, 0.04) !important;
}
.better-card.no-shadow{
    box-shadow: none !important;
}
.better-card {
    border-radius: 4px !important;
    background: #FFF;
    
}
.better-card.body-stretch .e-card-content{
    display:flex;
    flex-grow: 1;
    flex-direction: column;
    
}
.mh-50vh{
    min-height: 50vh;
}


.r-12{
    border-radius: 12px !important;
}
/*.t-success{*/
/*color:rgba(37, 197, 136, 1) !important;*/
/*}*/
.t-grey{
color:rgba(98, 109, 113, 1) !important;
}

.ingest-td{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 0;
    white-space: nowrap;
    border-bottom: 1px solid lightgray;
}



 .e-btn-icon.bx{
    margin-top: unset !important;
}
 
 .e-btn-icon.fs-4,.e-btn-icon.fs-3{
     line-height: 2rem !important;
 }
 .inline-button{
     font-size: unset !important;
 }

.no-animation-content .sidebar {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    transition: unset !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    width: 260px !important;
    visibility: visible !important;
}

.maincontent {
    height: calc(100vh - 3rem);
    overflow: auto;
}
.page {
    height:100vh;
    /*        height: calc(100vh - 3rem);*/
    flex: 1;
    overflow: hidden;
}

.empty-chart{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    color:white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-icon{
    width:70px;
    height:70px;
    border-radius: 14px;
    
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06), 0 0 4px 0 rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
    justify-items: center;
    align-content: center;
    justify-content: center;
}

.header-icon.med{
    width:45px;
    height:45px;
}


.top-row-title{
    display:inline-flex;
    font-size: 24px;
    font-weight: 600;
    
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: fade;
    /*padding-top:.3125rem;*/
}
.top-row-title-wrapper{
    margin-left: 25px !important;
    transition: margin-left 0.5s ease;
}
.closed .top-row-title-wrapper{
    margin-left: 180px !important;
}
.top-row-title-wrapper:before{
    transition: all 0.5s ease;
}
.closed .top-row-title-wrapper .title-set:before{
    content: " | ";
    padding-right:5px;
    font-size: 24px;
    vertical-align: middle;
}
.top-row-title-wrapper:hover{
    cursor:default !important;
}


@media (width < 700px){
    .closed .navbar-brand{
        display: none !important;
    }
    .closed .top-row-title-wrapper .title-set:before{
        content: "";
        padding-right:0;
    }
    .closed .top-row-title-wrapper{
        margin-left: 10px !important;
    }
}


.current-usage-outer{
    container: currentusageouter / inline-size;
    display: flex;
    align-items: start;
    justify-content: center;
    width:calc(100% - 20px); 
    height:calc(100% - 30px);
    flex-direction: column;
}
.current-usage-inner{
    height: 100%;
    width: 100%;
    max-width:175px;
    max-height:175px;
    margin-left: auto;
    margin-right: auto;
    
}

@container currentusageouter (width < 300px){
    .current-usage-inner{
        max-width:225px;
        max-height:225px;
        min-height:125px;
        min-width:125px;
    }
}
@container currentusageouter (width < 201px){
    .current-usage-inner{
        max-width:155px;
        max-height:155px;
        min-height:105px;
        min-width:105px;
    }
}



.current-usage-text{
    width: 100%;
position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    top:0;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700;
}


.welcome-card-header{
    display:block;
    width:100%;
    padding-top:50px;
    color: #04140E;
    text-transform: uppercase;
}

.welcome-card-number{
    font-size: 36px;
    color: var(--c-dark);
}
.welcome-card-none-text{
    font-size: 16px;
    color: var(--c-grey);
}

.warning-wrapper{
    min-height: 32px;
}




.permissions-header{
    font-size:18px;
    margin-bottom: 15px;
    color: var(--c-dark);
    font-weight: 300;
}
.permissions-item{
    font-size:14px;
}

.e-listview.permissions-lg{
    border:none !important;
}
.invite-emails-tb{
    
}

.invite-emails-tb textarea{
    height: 100%;
    min-height: 300px !important;
}

.org-row-btns > .afb{
    min-width: 60px;
}

.flex-break{
    flex-basis:100%;
    height: 0;
}
.ingest_dt_format label::before{
    transition: border-color 0.05s  ease-out, border-width 0.25s ease-in-out;
}
.ingest_dt_format .e-label{
    transition: color 0.05s  ease-out, font-weight 0.25s ease-in-out;
}
.ingest-form-hovered .ingest_dt_format:not(.modified) .e-radio-wrapper label::before{
    border-color: var(--c-danger) !important;
    border-width: 3px;
}
.ingest-form-hovered .ingest_dt_format:not(.modified) .e-radio-wrapper .e-label{
    color: var(--c-danger) !important;
    font-weight: 600 !important;
}

.ingest-form-hovered .jsonpath-input-wrapper.invalid:not(.modified) * {
    color: var(--c-danger) !important;
}


.verify-spinner{
    display: flex;
    align-content: center;
    flex-direction: column;
    justify-items: center;
    position: relative !important;
}
.verify-spinner .e-spinner-pane{
    position: relative !important;
}
.verify-spinner .e-spinner-inner{
 -webkit-transform: unset;

    margin: 0;
    /* position: absolute; */
    text-align: center;
    /* top: 50%; */
  transform:unset;
    z-index: 1000;
}


.w100>.e-msg-content{
    width:100%;
}

.afb:disabled:hover{
    cursor: not-allowed;
}

.border-bottom-light-gray{
    border-bottom-color: rgb(222, 226, 230) !important;
    border-bottom: solid 1px;
    
}

.tooltip-helper{
    padding:1em;
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.tooltip-helper p{
    font-size: 16px;
    margin-bottom: 0 !important;
}
.query_tester_params tr td:first-child{
    width:20%;
}
.query_tester_params tr td:first-child div{
    display: flex;
    flex-direction: column;
    min-width: 100px;
}

.query_tester_params td{
    vertical-align: middle;
}
.query_tester_params .check_outer {
    width: 70px;
    text-align: center;
    
}
.query_tester_params p{
    margin-bottom: 0 !important;
}

.query_tester_results{
    max-height: calc(100vh - 120px);
}
.e-message.e-filled.e-error{
    background-color: #F34343 !important;
    color:white !important;
    align-items: center;
    outline: 1px solid var(--c-danger);
}

.e-message.e-error .e-msg-icon::before{
    content: "\eac5" !important;
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
}
.filter_def.evaled .filter_def_condition {
    cursor: pointer;
}
.filter_def.evaled .filter_def_condition .e-tooltip{
    display: flex;
}


.filter_def.evaled {
padding:5px;
}

.filter_def_outer.evaled{
    display:grid !important;
    /*grid-row-gap:2px;*/
    /*grid-column-gap:5px;*/
    grid-template-columns:  auto 1em auto 1em auto min-content;
    grid-template-rows: 1fr auto;
    grid-auto-flow: column;
    max-width: fit-content;
    
}
.filter_def_outer.evaled .l{
    grid-column: 1;
}
.filter_def_outer.evaled .op{
    grid-column: 3;
    grid-row-end: span 2;
    font-size: 120%;
    height: 100%;
    align-content: center;
    justify-content: center;
    white-space: normal;
    word-wrap: normal;
}
.filter_def_outer.evaled .op p{
    margin-left: auto;
    margin-right: auto;
    font-family: monospace;
    white-space: normal;
    text-align: center;
    margin-bottom: 0!important;
    max-width: min-content;
}
.filter_def.evaled .spacer{
    grid-column:2;
    grid-row-end:span 2;
}
.filter_def.evaled .spacer_2{
    grid-column:4;
    grid-row-end:span 2;
}

.filter_def_outer.evaled .r{
    grid-column: 5;
}
.filter_test_icon{
    grid-column:6;
    grid-row-end: span 2;
    justify-self: end;
    height:100%;
    align-content: center;

}
 .filter_test_icon span{
    font-size: 2em;
}
 .filter_test_icon.miss span{
     margin-top:6px;
 }

.filter_def_outer.evaled .l.no-res,
.filter_def_outer.evaled .r.no-res
{
    grid-row-end: span 2;
    height: 100%;
    align-content: center;
}



.filter_def_outer.evaled .res{
    padding:0.2em;
    padding-left: 0.7em;
    
    border-radius: 8px;
    border:solid 0.5px var(--c-grey);
    /*max-width: fit-content;*/
    background-color: var(--c-lightgrey);
    
}
.filter_def_outer.hit .res{
    color: var(--c-success);
}
.filter_def_outer.miss .res{
    color: var(--c-grey);
}
.filter_def_outer.err .res{
    color: var(--c-danger);
}

.filter_def.evaled .filter_def_inner_outer.hit{
    border-color: var(--c-success);
}
.filter_def.evaled .filter_def_inner_outer.miss{
    border-color: var(--c-orange);
}
.filter_def.evaled .filter_def_inner_outer.err{
    border-color: var(--c-danger);
}

.filter_test_icon.hit{
    color: var(--c-success);
}
 .filter_test_icon.miss{
    color: var(--c-orange);
}
.filter_test_icon.err{
    color: var(--c-danger);
}

.filter_def.evaled .filter_def_condition {
    border-width: 2px;
    width: 2em;
    font-weight:600;
}

.filter_def.evaled .filter_def_condition .filter_test_icon{
    transform: rotate(90deg) !important;
    cursor: pointer;
}
.filter_def.evaled .filter_def_condition .filter_test_icon span{
    font-size: 120%;
}

.filter_def.evaled .filter_def_inner_outer {
    border-width: 2px;
    border-style: dashed;
    padding:0.3em;
    border-radius: 4px;
}

.filter_def.evaled .filter_def_inner_outer[data-lvl="1"] > .filter_def_condition .filter_test_icon {
    font-size: 200%;
}

/*.filter_def.evaled .filter_def_inner_outer:not([data-lvl="1"]){*/
.filter_def.evaled .filter_def_rules_outer{
    margin-left: 0.5em;
    gap:0.3em;
}


.filter_def.evaled .filter_def_row_wrap > div {
    border-radius: 4px;
    border-width: 1.5px;
    border-style: solid;
    border-color: transparent;
}
.filter_def.evaled .filter_def_row_wrap .l{
    border-right:none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.filter_def.evaled .l, .filter_def.evaled .r{
    height: 100%;
    min-width: 10px;
    align-content: center;
}
 

.filter_def.evaled .l.has-res{
    border-bottom:none;
    border-bottom-left-radius: 0;
}
.filter_def.evaled .r.has-res{
    border-bottom:none;
}
.filter_def.evaled .l.res, .filter_def.evaled .r.res{
    border-top:none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.filter_def.evaled .spacer{
    border-left:none !important;;
    border-right:none !important;;
    border-radius: 0 !important;
    height: 100%;
}

.filter_def.evaled .filter_def_row_wrap .op{
    border-right:none;
    border-left:none;
    border-radius: 0;
}
.filter_def.evaled .filter_def_row_wrap .r{
    border-left:none;
    border-right:none;
    border-radius: 0;
}
.filter_def.evaled .filter_def_row_wrap .filter_test_icon{
    border-left:none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.evaled .hit{
    --res_color:var(--c-success);
}
.evaled .miss{
    --res_color: var(--c-orange);
}
.evaled .err{
    --res_color: var(--c-danger);
}

.filter_def.evaled:not(.no_con) .filter_def_row_wrap:hover > div{
    border-color: var(--res_color);
}

 
.filter_def.evaled .filter_def_row_wrap{
    display:contents;
}


.filter_test_json_outer{
    min-height: 300px;
    max-height:900px;
    padding-right: 0.5em;
}
.filter_test_title{
    display: flex;
    flex-direction: row;
    align-items: end;
    font-size: ;
}
.filter_test_title .filter_test_icon{
    font-size:initial;
}
.filter_test_subtitle{
    margin-top: 0.25em;
    font-size: 1.1em;
}
.filter_test_subtitle small{
    font-size: 75%;
    color:var(--c-medgrey);
    font-weight: 400;
}

.filter_item_sep:first-child{
    display: none;
}

.filter_def.evaled.no_con >.filter_def_outer > .filter_def_row_wrap > div{
    border-color:var(--res_color);
}



.filter_tester_outermost{
 border:none !important;   
}





.filter-tester-table{
    display: grid;
    grid-template-rows: 0.5fr 0.7fr auto;
    grid-template-columns: minmax(20px,2.4em) repeat(var(--debugger-col-count), auto) 2.2em 0.1em;
     
    --line-offset: calc(var(--gap) / 2);
    --line-thickness: 2px;
    --line-color: var(--c-grey);
    --gap: 0.4rem;
    column-gap:var(--gap);
    overflow-y: hidden;

}
 
 

.filter-tester-table .header,  .filter-tester-table .body, .filter-tester-table .body .tbl-row{
    display: contents;
}

.filter-tester-table .header{
    font-weight: 500;
}


.filter-tester-table .header .multi-row{
    display: flex;
    align-items: end;
}
.filter-tester-table .header .col:not(.multi-row):not(.r1){
    align-items: end;
    align-content: end;
}
.filter-tester-table .body .tbl-row:nth-of-type(odd)>*{
    background-color: var(--c-bggrey);
}


.filter-tester-table .header .r1{
    /*background-color: var(--c-lightgrey-hover);*/
    text-align: center;
    font-weight: 600;
}
.filter-tester-table .header .r1::after{
    content:'';
    position: absolute;
    width:100%;
    left:0;
    bottom:calc(0.8 * var(--line-offset));
    height:var(--line-thickness);
    background-color: var(--line-color);
}
.filter-tester-table  .col{
    width: 100%;
    position: relative;
    padding: 0.2em;
}
.filter-tester-table  .col:not(:first-child)::before{
    content:'';
    background-color:  var(--c-grey);
    width: var(--line-thickness);
    height:100%;
    inset-inline-start: calc(var(--line-offset) * -1);
    position: absolute;
    top:0;
}

.filter-tester-table .body .tbl-row .col{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.filter-tester-table .body .yayornay i{
    font-size: 1.7em;
    font-weight: 700;
}

.FLATTENED_ROOT{
    color: var(--c-NUMBER)
}

.filter-tester-table .bad-res{
    font-size:90%;
}
.filter-tester-table .bad-res code{
    margin-right: 0.25em;
    margin-left: 0.25em; 
    font-weight: 500;
}

.filter-tester-table .bad-res span.wrong_type{
   text-decoration-color: var(--c-danger-hover);
     text-decoration-line: spelling-error;
    font-weight: 500;
}
:root{
    --c-input-border: rgba(0, 0, 0, 0.12);
}
.agg-form-text-and-btn{
    width: 100%;
}
.agg-form-input .e-multi-select-wrapper .e-input-group-icon{
    border-bottom-right-radius: 8px !important;;
    border-top-right-radius: 8px !important;;
    border-bottom-left-radius: 0 !important;;
    border-top-left-radius: 0 !important;
}
.agg-form-input.e-control-wrapper.w100 {
    width: 100% !important;
}
.agg-form-input .e-ddl-icon:before{
    margin-left: -5px;
}
.agg-form-input .e-ddl-icon, .agg-form-input .e-clear-icon{
    height: 100% !important;
    top:0 !important;
    margin-top:0 !important;
}
.agg-form-input:not(.small) .e-ddl-icon{
    min-height: 48px;
}



.agg-form-input .e-clear-icon:hover{
    color:var(--c-danger-hover) !important;
}
.agg-form-input:not(.small):not(.e-radio-wrapper) > input, input.agg-form-input:not(.small):not(.e-radio-wrapper),.agg-form-input:not(.small)> .e-multi-select-wrapper {
    padding-left: 8px !important;
    text-indent: 8px !important;
    min-height: 48px;
    font-size: 16px !important;

    border-radius: 0 !important;
}
.agg-form-input .e-delim-values.e-delim-view, .agg-form-input .e-ddl-icon{
    text-indent: 0 !important;
}

.agg-form-input:not(.small)> .e-multi-select-wrapper{
    display: flex;
    align-items: center;
    vertical-align: middle;
}
.agg-form-input:not(.small) .e-delim-values{
    min-height: 48px;
    font-size: 16px !important;
    vertical-align: middle !important;
    line-height: 48px;
}

.agg-form-input.thin {
    font-weight: 400 !important;
}

.agg-form-input:not(.thin) {
    font-weight: 600 !important;
}


.agg-form-group.small{
    font-size: 12px !important;
    line-height:1.2 !important;
}
.agg-form-group.small input, .agg-form-input.small input{
    font-size: 14px !important;
    line-height:1.2 !important;
}
.agg-form-group.small .e-message{
    font-size:10px;
    padding-top:2px;
    padding-bottom:2px;
}
.agg-form-checklist-wrapper{
    border:1px solid var(--c-input-border);
    border-radius: 8px;
    padding:1em;
}

.agg-form-input:not(.invalid.modified):not(.e-radio-wrapper):not(.tab-item):not(.e-checkbox-wrapper):not(.checkbox-wrapper) {
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.agg-form-text-and-btn input{
    outline: none !important;
}

.agg-form-text-and-btn:not(.invalid) input{
    border-left:1px solid var(--c-input-border);
    border-bottom:1px solid var(--c-input-border);
    border-top:1px solid var(--c-input-border);
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.agg-form-text-and-btn:not(.invalid) .right{
    border-right:1px solid var(--c-input-border);
    border-bottom:1px solid var(--c-input-border);
    border-top:1px solid var(--c-input-border);
}


.agg-form-input > input::placeholder, input.agg-form-input::placeholder {
    color: #999 !important;
    font-weight: 500;
}

.agg-form-input >textarea{
    padding-bottom: 0 !important;
    outline:none !important;
    border-radius:8px !important;
    margin-bottom: -5px !important;

}
.agg-form-input.e-multi-line-input:after{
    line-height: 0 !important;
}

.agg-form-input.search{
    max-width: 400px;
}

.agg-form-input:not(.left):not(.right){
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

/*.agg-form-input:not(.left):not(.right):not(.invalid:not(.req-mod-inv)):not(.invalid.modified.req-mod-inv):not(.tab-item) {*/
.agg-form-input:not(.left):not(.right):not(.invalid.modified):not(.tab-item) {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.agg-form-text-and-btn .tab-item:focus-visible{
    outline: none;
}

/*.agg-form-input.invalid.modified.e-input-focus,.jsonpath-input.invalid.modified.e-input-focus {*/
.agg-form-text-and-btn.focused:not(.invalid.modified), .agg-form-input:not(.invalid.modified).e-input-focus{
    /*box-shadow: inset 0 0 0 1px var(--c-danger) !important;*/
}

/*.agg-form-input.invalid:not(.req-mod-inv):not(:focus-visible),.agg-form-input.invalid.modified:not(:focus-visible) {*/
.agg-form-input.invalid.modified:not(:focus-visible){
    border-color: var(--c-danger) !important;
    outline: 1px solid var(--c-danger);
}


/*.agg-form-text-and-btn.focused:not(.invalid), .agg-form-input:not(.invalid).e-input-focus{*/
.agg-form-input.e-input-focus, .agg-form-input.invalid:not(.modified).e-input-focus{
    /*box-shadow: inset 0 0 0 1px var(--c-teal) !important;*/
    border-color: var(--c-teal) !important;
    box-sizing: border-box;
}

.agg-form-input.e-input-focus.invalid:not(.req-mod-inv) >input, .agg-form-input.invalid:not(.modified).e-input-focus{
    box-shadow: inset 0 0 0 1px var(--c-danger) !important;
    /*border-color: var(--c-danger) !important;*/
    /*outline-offset: -1px;*/
    /*outline-style: inset;*/
}

.agg-form-text-and-btn .btn{
    height: 48px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    border-radius: 8px;
}


.agg-form-text-and-btn .btn:hover{
    background-color: var(--c-lightgrey-hover);
}
.agg-form-text-and-btn.focused .btn:hover{

}

.agg-form-group > .e-message.e-error, .agg-form-text-and-btn> .e-message.e-error{
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.agg-form-text-and-btn .btn.mid{
    border-radius: 0 !important;
}

.agg-form-text-and-btn .btn.right{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.agg-form-text-and-btn.invalid.modified .btn.right{
    border-bottom-right-radius: 0 !important;
}


.agg-form-input.checkbox-wrapper {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.agg-form-input.e-checkbox-wrapper, .agg-form-input.e-radio-wrapper{
    background-color: transparent;
}

/* Hide the browser's default checkbox */
.agg-form-input.checkbox-wrapper input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height:20px;
    width: 20px;
    border: 1px solid var(--c-grey);
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.agg-form-input.checkbox-wrapper:hover input ~ .checkmark:after {
    display:inline-flex;
}
.agg-form-input.checkbox-wrapper:hover input ~ .checkmark {
    background-color: var(--c-lightgrey-hover);
}

/* When the checkbox is checked, add a blue background */
.agg-form-input.checkbox-wrapper input:checked ~ .checkmark {

}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "\ea41";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.agg-form-input.checkbox-wrapper input:checked ~ .checkmark:after {
    display: flex;
}

/* Style the checkmark/indicator */
.agg-form-input.checkbox-wrapper .checkmark:after {
    font-size: 20px;
    vertical-align: middle;
    margin-top: -2px;
    /*left: 35%;*/
    /*top: 1px;*/
    /*width: 6px;*/
    /*height: 14px;*/
    /*border: solid var(--c-dark);*/
    /*border-width: 0 2px 2px 0;*/
    /*-webkit-transform: rotate(45deg);*/
    /*-ms-transform: rotate(45deg);*/
    /*transform: rotate(45deg);*/
}

.loader-btn .loader-spinner-holder{
    font-size:30px;
    vertical-align: middle;
    text-align: center;
    margin-left: 0.5rem;
}
.loader-btn .bx-loader-circle{
    font-size:22px;
    position: relative;
    width: 100%;
    z-index: 10000;
    height: 100%;
    opacity: 80%;
}

.agg-form-input .e-radio, .agg-form-input .e-radio+label::before{
    height:21px;
    width:21px;
}

.agg-form-input .e-radio+label .e-label{
    font-size: 16px !important;
}
.agg-form-input .e-radio:checked + label::before {
    border-color: #25C588 !important;

}

.agg-form-input .e-radio:checked + label > span {
    color: #25C588 !important;
    font-size: 16px !important;
}

.agg-form-input .e-radio:checked + label::after {
    background-color: #25C588 !important;
    color: #25C588 !important;
}

.agg-form-input.e-switch-wrapper {
    display: block;
}



.agg-form-input.disabled-danger.e-switch-wrapper .e-switch-inner,
.agg-form-input.disabled-danger.e-switch-wrapper .e-switch-off {
    background-color: var(--c-danger);
    border-color: var(--c-danger);
}

.agg-form-input.e-switch-wrapper .e-switch-inner.e-switch-active,
.agg-form-input.e-switch-wrapper .e-switch-inner.e-switch-active .e-switch-on
{
    background-color: var(--c-success)!important;
    border-color: var(--c-success);
}

.agg-form-input.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on{
    background-color: var(--c-success-hover)!important;
    border-color: var(--c-success-hover);
}

.agg-form-input.e-switch-wrapper .e-switch-handle {
    background-color: #fff;
}
.agg-form-input.e-switch-wrapper:not(.disabled-danger) .e-switch-inner:not(.e-switch-active)+.e-switch-handle{
    background-color: var(--c-darkgreen) !important;
}
.agg-form-input.e-switch-wrapper:not(.disabled-danger):hover .e-switch-inner:not(.e-switch-active)+.e-switch-handle{
    background-color: var(--c-darkgreen-hover) !important;
}
.agg-form-input.e-popup *{
    text-indent: 0 !important;
}
.agg-form-input.e-popup   .head{
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    border-bottom:solid 2px var(--c-darkgreen);
}
.agg-form-input.e-popup .e-list-item, .agg-form-input.e-popup .e-ddl-header{
    display:flex;
    flex-direction: row;
    align-items: center;
    padding-left:1em !important;
    padding-right:1em !important;
}

.agg-form-input.e-popup .check-place{
    width:34px;
    margin:0;
}
.agg-form-input.e-popup .e-list-item .e-checkbox-wrapper{
    width:34px;
    margin:0;
}
.agg-form-input.e-popup .e-list-item .item{
    flex-grow: 1;
    display: flex;
    line-height: 1.5em !important;
    justify-content: space-between;
    min-width: 300px;
    align-items: center;
}




.agg-form-input .e-dropdownbase .e-list-item{
    text-overflow: clip !important;
}

.agg-form-input.e-multiselect  .e-ddl-icon{
    justify-content: center !important;
}

.agg-form-input.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .agg-form-input.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover{
    background-color: transparent !important;
}

.agg-form-input.small .e-input-group-icon{

    font-size:14px !important;
}


.agg-form-group.interval-sel-dur{
    width: max(min(1vw, 120px), 120px);
}
.e-gridheader, .e-headercontent>.e-table {
    background-color: rgb(98,109,113,0.08) !important;
    color: #626D71 !important;
}

.e-gridheader {
    border-radius: 5px 5px 0px 0px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: none !important;
}


.e-gridcontent {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0px 0px 5px 5px;
}

.e-headercontent span {
    text-transform: uppercase !important;
    text-edge: cap;
    leading-trim: both;
    font-weight: 500 !important;
}

.e-gridcontent {
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-bottom:none !important;
    border-radius: 0px  !important;
}
#agg_grid .e-gridcontent, #dis_ignore_tbl .e-gridcontent, #descriptor_tbl .e-gridcontent {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 0px 0px 5px 5px !important;
}

.e-grid{
    border:none;
}

.e-parentmsgbar{
    display:none !important;
}

.e-pager {
    border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-top: none;
    border-radius: 0px 0px 5px 5px !important;
    justify-content:center;
    display:flex;
}

.e-sortnumber{
    display:none !important;
}

td[data-col="cmds"] > div{
    justify-content: start;
    display: flex !important;
}
pre.json {
    outline: 1px solid #ccc;
    padding: 10px;
    margin: 5px;
    background: rgb(217,217,217,0.2);
    border-radius:5px;
}

jpath {
    background-color: #7EAA92;
    color: white;
    padding: 0.1em;
    font-family: monospace;
    border-radius: 5px;
    padding-left: 0.2em;
    padding-right: 0.2em;
    font-size: 0.94em;
}

.string {
    color: green;
}

.number {
    color: darkorange;
}

.boolean {
    color: blue;
}

.null {
    color: magenta;
}

.key {
    color: red;
}

.array {
    color: darkred;
    font-weight: 600;
    font-size: 1.5em !important;
}



pre.json > hr {
    border-top: 2px dashed darkgray;
    opacity: 0.8;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    background-color: unset;
}
.json span{
    font-size: 12px;
}
.jsonpath-input-wrapper{
    display:flex;
    flex-direction: row;
    align-items: center;
background-color: var(--c-dark);
    padding-left: 4px;
    min-height: 34px;
}
.jsonpath-input-wrapper .bx{
    font-size: 22px;
}

.jsonpath-input-wrapper.shift-left{
    border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important;
    margin-left: -7px;
}
.jsonpath-input-wrapper:not(.shift-left){
    border-radius: 8px !important;
}

.jsonpath-input-wrapper.invalid.modified.with-validation{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.jsonpath-validation{
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}


.jsonpath-input-wrapper >input{
    background-color: transparent;
    border:none !important;
    font-size:16px;
    padding:4px;
}
.jsonpath-input-wrapper.valid *, .jsonpath-input-wrapper:not(.invalid) *{
    color:var(--c-jpath-green) !important;
}
.jsonpath-input-wrapper.invalid *{
    color:var(--c-danger) !important;
}

.jsonpath-input-wrapper.focused:not(.invalid.modified),.jsonpath-input-wrapper.invalid:not(.modified).focused{
outline:1px solid var(--c-teal);    
    border-color: var(--c-teal) !important;
    box-shadow: inset 0px 0 0 0.1em var(--c-teal), 0.1em 0 0 -0.2em var(--c-teal) !important;
}

.jsonpath-input-wrapper.invalid.modified.focused {
    box-shadow: inset 0px 0 0 2px var(--c-danger), -2px 0 0 -2px var(--c-danger) !important;
}


.jsonpath-input{
    flex-grow: 1;
    height: 100%;
}
.jsonpath-input:focus-visible{
    outline:none !important;
}




#onboarding_modal {
    border-radius: 8px !important;
    -moz-transition: width 0.3s linear;
    -webkit-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    transition: width 0.3s linear;
    max-width: 1150px;
    width: auto;
}
.outermostonboarding #onboarding-tabs> .e-tab-header{
    padding-left: 6px !important;
}
.outermostonboarding {
    min-height: 400px;
    /*        height: 100%;*/
    max-height: calc(100vh - 230px);
    overflow-y:auto;
    overflow-x: hidden;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    /*        height:calc(100vh - 100px);*/
    /*        border: 0.5px solid;*/
    /*        padding-left: 20px;*/
    /*        padding-right: 20px;*/
    /*        padding-top: 10px;*/
    /*        border-radius: 4px;*/
    /*        border-color: rgba(23,51,0,1);*/
    border-collapse: collapse;
    /*        box-shadow: 0 1.6px 3.6px 0 rgba(23,51,0,0.132), 0 0.3px 0.9px 0 rgba(23,51,0,0.1);*/
}

.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before{
    background-color: rgba(23,51,0,1) !important;
    display:none !important;
}


.onboarding-tabs .e-toolbar-items {
    background-color: rgba(216, 230, 235, 0.50) !important;
    border: 1px solid rgba(187, 203, 208, 0.50);
    border-radius: 4px;
    height: 30px !important;
    min-height: 36px !important;
}

.onboarding-tabs .e-toolbar-items .e-toolbar-item {
    background: unset !important;
    opacity: unset !important;
    height: 30px !important;
    margin: 2px !important;
    min-height: 30px !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.onboarding-tabs .e-tab-wrap {
    padding: 0 !important;
    height: 30px !important;
}

.onboarding-tabs .e-text-wrap {
    padding-left: 15px !important;
    padding-right: 15px !important;
    height: 30px !important;
}

.onboarding-tabs .e-tab-text {
    margin-left: 5px !important;
}

#filter_tabs .e-toolbar-items{
    background-color: transparent !important;
    border:none !important;
}
#filter_tabs .e-toolbar-items .e-toolbar-item.e-active{
font-weight: 700;
    box-shadow:none !important;
}
#filter_tabs .e-indicator{
    display: block;
    background-color: var(--c-dark);
}
#filter_tabs .e-toolbar-items .e-toolbar-item.e-ileft:not(.e-active):not(.e-disable) *{
    color:var(--c-success) !important;
}
.onboarding-tabs .e-toolbar-items .e-toolbar-item.e-active {
    background: #FFF !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 0 6px 0 rgba(0, 0, 0, 0.02);
    height: 30px !important;
}

.onboarding-header {
    display: flex;
    flex-direction: row;
}

.onboarding-header .num {
    height: 16px !important;
    width: 16px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4px !important;
    font-size: 11px !important;
    color: white;
    font-weight: 700 !important;
    background-color: #626D71 !important;
    align-self: center;
    margin-right: 5px;
}

.e-active .num {
    background-color: #04140E !important;
}

.e-toolbar-item:not(.e-active) .onboarding-header .text {
    color: #626D71 !important;
}

.onboarding-tabs .e-item{
    margin-top:47px;
    height:calc(100% - 60px);
}
#e-content-onboarding-tabs_3{
    margin-top:20px;
}

#filter_edit .e-item{
    margin-top:7px;
}

.filter_wrapper{
    height: 100%;
    justify-content:start !important;
    box-shadow: unset !important;
}
.filter_wrapper>.e-card-content{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display:flex;
    flex-flow: column;
    justify-content: space-between;
    height:100%;
    padding-left:6px !important;
    /*        overflow-y:auto;*/
}
.getting-started-header{
    margin-bottom:18px;
    font-size:24px !important;
    font-weight:700;     
}
.getting-started-header span{
    font-size:24px !important;
    font-weight:700;
   
}
.getting-started-header span:not(.bx) {
    padding-left: 6px;
}
.example .title{
    font-size:12px;
    color: var(--c-medgrey);
    text-transform: uppercase;
    margin-bottom: 7px;
    display:block;
}

.example .example-body{
    border:1px solid rgba(177,177,177,0.2);
    border-radius: 12px;
    font-size:13px;
    padding: 16px 12px;
}

 .filter-onboarding-section-title{
     font-size:18px;
     font-weight: 500;
     margin-bottom: 15px;
     display: block;
 }
 
 .fd_review_item label{
     font-size: 14px;
     display: block;
     margin-bottom: 5px;
     opacity: 0.6;
 }
 .fd_review_item p{
     font-size: 14px;
     color: var(--c-dark);
     margin-bottom: 0;
 }
 .fd_review{
     background-color:var(--c-bggrey);
     padding: 15px 20px;
     border-radius: 5px;
 }
 .fd_review_item{
     margin-bottom: 20px;
 }
 .fd_review_item table td{
     font-size: 14px;
     color: var(--c-dark);
     padding-right: 0.2em;
 }
 .fd_review_item table tr:not(:last-of-type){
     border-bottom: solid 1px var(--c-medgrey) !important;
     
 }
 
 .fd_review_item table th{
     opacity: 0.6;
     padding-right: 1.5em;
     border-bottom: none;
 }
 
 .onboarding-filter-outer{
     width:60%;
 }
 
 
 #congrats-info-tbl tr{
     height:60px;
 }
#congrats-info-tbl tr td:first-of-type{
  padding-right: 10px;  
}
.plan-gradient{
    background:linear-gradient(180deg, #25C588 0%, #11B174 100%) !important;
    padding:25px;
  
}
.plan-gradient *{
    transition: all 0.3s ease;
}
.plan-gradient .e-card-content{
    container:plan/ inline-size;
    padding:0;
}
.plan-gradient .e-card-header{
    padding:0;
}
.plan-outer{
    container:plan-container/ inline-size;
    display: flex;
    justify-content: space-around;
    max-width: 380px;
    
}
.plan-gradient .e-btn{
    /*margin:5px;*/
}
.plan-circle{
    border-radius: 50%;
    background-color: white !important;
    min-height: 45px;
    height:45px;
    min-width: 45px;
    width:45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:5px;
    
}
.plan-circle > .bx{
    font-size: 21px;
    filter: drop-shadow(3px 8px 6px rgba(0, 0, 0, 0.25));
    color:rgba(4, 20, 14, 1);
    background-color: transparent !important;
}
.plan-circle > .bx::before{
    background-color: transparent !important;
}
.plan-title{
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 26px;
    margin-top:20px;
}

.plan-events{
    font-weight: 600;
    font-size: 34px;
    white-space: nowrap;
}
.plan-events >span{
    font-weight: 400;
    font-size: 30px;
}
.plan-separator{
    color:rgba(4, 20, 14, 1);
    font-size: 36px;
    opacity: 0.2;
    padding-right: 3px;
    padding-left: 3px;
    font-weight: 700;
    
}
.plan-filters{
    font-weight: 400;
    font-size: 30px;
    white-space: nowrap;
}
@container plan (width > 400px){
    .plan-separator{
        padding-right: 10px;
        padding-left: 10px;
    }
}
@container plan (width < 334px){
    .plan-outer{
        flex-wrap: wrap;
    }    
}
@container plan (width < 350px){

    .plan-separator{
        color:blue !important;
        display: none !important;
    }
}
.current-usage .e-card-content{
    display: flex;
    flex-flow:column;
    flex-grow: 1;
    min-height: 200px;
}
.plan-text-skeleton{
    background-color:transparent !important;
    vertical-align: baseline;
}
.plan-text-skeleton::after{
    background-image: linear-gradient(90deg, transparent calc(50% - 100px),
    rgb(30 128 234 / 50%) 50%,
    transparent calc(50% + 100px));
}




.e-control-wrapper.e-slider-container #gradient_slider.e-control.e-slider .e-handle {
    background-color: #fff;
    border: 2px solid #666;
}

.info_tbl td {

    font-size: 16px;
    padding-bottom: 12px;
    padding-top:12px;
}

.info_tbl > tbody > tr:last-child {
    border-bottom: none;
}
.info_tbl >tbody >tr > td:not(:first-child){
    border-bottom: 1px solid lightgray;
}
.info_tbl > tbody > tr > td:first-child {
    font-weight: bold;
    width:9em;
    min-width: 100px;
    padding-left: 0;
    padding-right: 0;
}

.e-card-content {
    min-height: 170px;

}

.mh1 > .e-card-content {
    height: 1px;
}
.e-split-btn-wrapper.org-switcher, button.org-switcher {
    border: none !important;
    display: flex;
}
.e-dropdown-btn.org-switcher{
    align-self: center;
}


.loginbtn {
    color: unset !important;
}

.loginbtn:hover {
    color: black !important;
    background-color: #2acc93 !important;
    font-weight: bold;
}

.loginbtn:active, .loginbtn.active {
    background-color: #FFF !important;
    color: black !important;
}

.loginbtn:hover {
    color: black !important;
}

.loginbtn > a {
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.loggedin-item {
    font-size: 0.9em;
    line-height: 1em !important;
    text-align: left;
    float:right;
    margin-right: 1em;
} 

.username{
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}
.orgname{
    font-size:13px;
    line-height: 18px;
}

.org-switcher .e-user{
    margin-right:12px;
    height: 32px;
    font-size: 24px;
    opacity: 0.7;
}


.org-switcher > .e-dropdown-popup {
    position:sticky;
    right:0;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 6px 29px -5px rgba(0, 0, 0, 0.22);
    margin-top:-3px;
    padding:20px;

}
.org-switcher.e-dropdown-popup{
    display: unset !important;
    right:30px; 
    left:unset !important;
    background:transparent;
}
.org-switcher table {
    line-height: 1.1em !important;
}

.org-switcher-items > .header {
    color: rgba(0,105,70,1);
    font-weight: 500;
    font-size: 1.14em;
    margin-left: 5px;
}

.top-row-items .login-wrapper{
    margin-right:30px;
}

.create-org-button{
    margin-top:10px;
    margin-bottom: 10px;
    display: flex;
    
    margin-left: auto;
    padding-left:10px;
    padding-right: 10px;
    border-radius: 8px !important;
}

 .org-switcher hr{
     stroke:rgba(0, 0, 0, 0.08);
     border-color:rgba(0, 0, 0, 0.08);
     background-color: rgba(0, 0, 0, 0.08);
     opacity: 1;
 }

#popup-profile .e-avatar{
    height:45px; width: 45px;
    margin-right: 10px;
}

#org-switcher-orgs{
    width:100%;
    border-collapse: separate;
    border-spacing: 0px 5px;
}
#org-switcher-orgs.switching .org-item{
    cursor:wait;
    opacity: 0.6;
}
#org-switcher-orgs td{
    height:35px;
    border-radius:8px;
    cursor:pointer;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    vertical-align: middle;
    padding-right: 12px;
}
#org-switcher-orgs td:hover{
    background-color:#F4F4F4;
}

#org-switcher-orgs .org-item{
   
    padding-left: 12px;
    font-size:14px;
    font-weight:500;
    
}
#org-switcher-orgs td.active-org{
    background-color:#F4F4F4;
    cursor:default;
}

div.top-row-items{
    container: toprow/inline-size;
} 
@container toprow (width < 500px){
    .username, .orgname{
        display:none;
    }
    
    .
    
}


/* SHARED */

.pathsTbl thead tr{
    background-color: var(--c-lightgrey);
}
.pathsTbl tbody tr{
    background-color: white;
}

.pathsTbl:not(.searching) .pd-row:not(.has-children):not(.is-disabled)  .pd-id{
    padding-left: calc(1.5em + var(--pds-lvl) * 1.2em) !important;
    vertical-align: middle;
    min-width:calc(130px + 1.5em +  var(--pds-lvl) * 1.2em);
}
.pd-row.is-disabled .pd-id{
    padding-left: calc(1.5em + var(--pds-lvl) * 1.2em - 1.5em) !important;
    vertical-align: middle;
    min-width:calc(130px + 1.5em +  var(--pds-lvl) * 1.2em - 1.5em);
}

.pathsTbl:not(.searching) .pd-row.has-children  .pd-id{
    padding-left: calc(1.5em + var(--pds-lvl) * 1.2em - 1.5em) !important;
    vertical-align: middle;
}

 
.pathsTbl thead, .pathsTbl tbody, .pathsTbl tr{
    display: contents;
}
.pathsTbl tbody td{
    display:flex;
    align-items: center;
    flex-grow: 1;
    background-color: var(--c-white);
}
.pathsTbl .pd-id span{
    white-space: normal;
    word-wrap: anywhere;
}
.pathsTbl .pd-id{
    max-width: 100%;
    vertical-align: middle;
}
.pathsTbl tbody tr.pd-row:hover > td{
    background-color: var(--c-white-hover);
}




/*COMPARE DETAILS */

.detail-table .path-header th div{
    height:100%;
    display: flex;
    align-items: end;
}

.detail-table .event-header td{
    grid-column: 1 / 9;
    position: sticky;
    top:69.5px;
    z-index: 1001;
    min-height:74px;
}
.detail-table .path-header:nth-child(2) th{
    position: sticky;
    top:143.5px;
    z-index: 999;
    background-color: var(--c-bggrey);
}
.detail-table .path-header:last-child th{
    position: sticky;
    top:169.5px;
    z-index: 999;
    background-color: var(--c-bggrey);
}

.detail-table .fullrow-mid td{
    grid-column: 1 / 9;
    width: 100% !important;
}

.detail-table th[colspan="2"]{
    display: flex;
    justify-content: center;
}
table.detail-table {
    display: grid;
    overflow: unset !important;
    width: 100%;
    height: unset;
    grid-template-columns: 
            5em
            minmax(20%, auto)
            fit-content(6em)
            5em
            5em
            8em
            8em
            2em;
}
table.detail-table.new_removed {
    grid-template-columns: 
            5em
            minmax(20%, auto)
            fit-content(6em)
            3em
            3em
            4em
            4em
            2em;
            
            
}

.detail-table th[rowspan="2"]{
    grid-row: span 2;
}
.detail-table th[colspan="2"]{
    grid-column: span 2;
}
.detail-table.new_removed .progress-col, .detail-table.new_removed .card-col{
    grid-column: span 2;
}
.detail-table .path-header th{
    display:flex;
    align-items: end;
}





/* Path Details */


table.path-details {
    display: grid;
    width: calc(100% - 20px);
    grid-template-columns:
            minmax(minmax(130px,20%), auto)
            minmax(auto,max-content)
            4em
            6em
            minmax(4em,auto)
            5em
            8em
            8em;
}

.path-details .path-detail-header-tb th{
    grid-column: 1/9;
    position:sticky;
    top:0;
    z-index: 1001;
    background-color: var(--c-white-hover);
}
.path-details .path-detail-header th{
    position:sticky;
    top:48px;
    z-index: 1001;
    background-color: var(--c-white-hover);
}

.path-details .fullrow td {
    grid-column: 1/9;
}
.path-details .fullrow td > div{
    width:100%;
}
.path-details .values-header {
    grid-column: span 2;
}

.path-details .path-detail-header th{
    display:flex;
    align-items: end;
}

.pd-id .dollar{
    color: var(--c-medgrey);
    font-weight: 400;
}


/* CARD DET */

.big_dist .cardinality-detail-wrapper.inner-wrapper{
    max-width:100%;
    width: fit-content;
}
.big_dist .cardinality-detail.inner-details table{
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
}
.big_dist .cardinality-detail.inner-details table tr td{
    border-bottom: none !important;
}
.big_dist .cardinality-detail.inner-details table tr:not(:first-child) td:first-child{
    border-left: solid 1px var(--c-grey);
}
.big_dist .cardinality-detail.inner-details table tr:not(:last-child) td:last-child{
    border-right: solid 1px var(--c-grey);
}
.big_dist .cardinality-detail.inner-details table tr td:first-child{
    
    flex-grow:0;
    padding-left: 1em;
}
.big_dist .cardinality-detail.inner-details table tr td:last-child{
   
    flex-grow:0;
    padding-right: 1em;
}

.cardinality-detail.inner-details table{
    display: grid;
    grid-template-columns:
        minmax(40%, max-content)
        auto;
}
.cardinality-detail.inner-details table td:nth-child(1){
    width: unset;
}
.cardinality-detail.inner-details table tr:not(:last-child) td{
    border-bottom: solid 1px var(--c-grey);
}
.cardinality-detail.inner-details table td {
    grid-column: unset;
    padding-top:0.4em;
    padding-bottom: 0.4em;
}
#pds-path-outer{
    height:calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    overflow: hidden;
    
}
.pds-events-list-tbl{
    width:270px;
    padding-left: 10px;
    background-color: var(--c-white);
}
.events-list{
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 100px);
}
 .events-list .e-list-item{
     /*height:70px !important;*/
 }
.dt-detail{
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.dt-version{
    display: flex;
    flex-direction: row;
    gap:0.5em;
    align-items: center;
    
}
.dt-version span{
    font-size: 14px;
}

.dt-version .version{
    font-weight: 500;
    border:solid 1px var(--c-grey);
    border-radius: 8px;
    padding-left: 0.3em;
    padding-right: 0.3em;
    
}

 
@container pathTblContainer (width < 700px) {
    .dt-detail{
        display: none;
    }
    
    .boolGauge > div{
    font-size: 80%;
    }
}
 .pathsTbl:not(.detail-table){
     width: calc(100% - 18px);
     /*height:calc(100vh - 80px);*/
     max-height: calc(100vh - 80px);
     /*display: block;*/
     overflow: auto;
     /*table-layout: fixed;*/
 }
 .detail-table thead{
     top:64px;
 }
.pathsTbl thead{
    position: sticky;
    top:0;
    background-color: var(--c-lightgrey);
    z-index: 1000;
    border:none !important;
}
.pathsTbl thead tr, .pathsTbl thead th{
    z-index: 1000;
    border:none !important;
}

.pds-separator-row{
    display: flex;
    flex-direction: row;
    height:30px;
    margin-top: 8px;
    align-items: flex-end;
    border-top:solid 1px var(--c-lightgrey-hover);
    padding-left: calc(var(--pds-lvl) * 0.3em);
}
.pds-separator-row code{
    font-size: 110%;
    margin-left: 0.4em;
}
.pdRow{
    margin-top:0.3em;
 display: flex;
    flex-direction: column;
    height:70px;
    border:solid 1px var(--c-lightgrey-hover);
    border-radius:8px;
    overflow:hidden;
    justify-content: space-between;
    padding-top:0.5em;
}
.pdRow .top{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding-right: 0.5em;
    max-width: 100%;
    overflow:hidden;
}
.pdRow .pdTitle{
    overflow: hidden;
    text-overflow: ellipsis;
}

.pdRow .chart{
    height:30px;
    overflow-y:hidden;
}

.pdRow .chart  .js-plotly-plot{
    min-height: 32px !important;
    /*min-height: unset !important;*/
}

.pdRow:not(.pl):hover{
    background-color: var(--c-white-hover);
}
.pdRow.active{
    background-color: var(--c-lightsuccess);
}
.pdRow   .left{
    padding-left: calc(var(--pds-lvl) * 0.25em);
    flex-grow:1;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.pdRow   .right{
    display: flex;
    align-items: center;
}

.pd-row.is-disabled{
    opacity: 0.7;
}
.pd-row:not(.is-disabled):hover{
    background-color: var(--c-white-hover);
}

.expandBtn{
    width:1.2em;
    padding:0;
    margin-right: 0.3em;
}
.pd-id .disabled-icon{
    width:1.2em;
    padding:0;
    margin-right: 0.3em;
    font-weight: 600;
    text-align: center;
}

.pds-details-outer{
    container: pathTblContainer / inline-size;
    display: flex;
    flex-direction: column;
    
    padding-left: 18px;
    transition:margin-left 0.5s ease;
    will-change:margin-left;
    height:calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    overflow:auto;

}
.pds-events-outer{
    overflow: hidden;
    background-color: var(--c-white);
}
.pds-events-list-closed:not(.d-none){
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.reopen-events > span{
    white-space: nowrap;
}
.reopen-events{
    display: flex;
    width: 100%;
    align-content: center;
    justify-content: center;
    transform: rotate(-90deg);
    height: 100%;

    /* Legacy vendor prefixes that you probably don't need... */

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}



.pds-path-toolbar{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.pds-path-toolbar .left{
    display: flex;
    flex-grow: 1;
}
.pds-path-toolbar .version-info{
    margin-left: 0.5em;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
}

.values-col{
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: center;
    justify-content: space-between;
    gap:1em;
}

.totals{
    white-space: nowrap;
}
.boolGauge{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap:0.3em;
}
.boolGauge > span > code{
    font-weight: bold;
}

.values-col span{
    align-items: center;
    display: flex;
    gap:0.3em;
    flex-direction: row;
}
.pds-common-val{
    max-width: 20vw;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    /*white-space: nowrap;*/
}
.pds-common-val.always{
    font-weight: bold;
}

.distribution-detail-wrapper{
    /*max-height: 70px;*/
    border:solid 1px var(--c-grey);
    border-radius: 8px;
    overflow: hidden;
    width: calc(30% - 1em);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.distribution-detail-wrapper.big{
    width:100%;
    max-height: 140px;
    height:140px;
}
.distribution-detail-wrapper .val{
    margin-bottom: -10px;
    padding-top:0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.distribution-detail-wrapper .js-plotly-plot{
    min-height: unset !important;
    width: 100%;
}
.distribution-detail-wrapper .cardinality-detail-wrapper{
    width: 100%;
    max-width: 100%;
}

.cardinality-details-outer{
    display: flex;
    flex-direction: row;
    gap:0.5em;
}
.cardinality-details-outer.big_dist{
   flex-direction: column;
    justify-content: stretch;
}
.cardinality-details-outer .left > div{
    width:100%;
}

.cardinality-details-outer .right{
    flex-grow: 1;
    container: cardinalityDetails / inline-size;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: stretch;
    gap:0.4em;
}
.array-andor-dist-outer{
    display: flex;
    flex-direction: column;
    max-width: calc(30% - 1em);
    justify-content: stretch;
    gap: 1em;
}

.big_dist .array-andor-dist-outer{
    width: 100%;
    max-width: 100%;
    gap:0.1em;
}
.big_dist .array-andor-dist-outer .cardinality-detail-wrapper{
    order:3;
}

.array-andor-dist-outer .cardinality-detail-wrapper{
    max-width: 100%;
    flex-grow: 0;
}
.array-andor-dist-outer .distribution-detail-wrapper{
    width: 100%;
    flex-grow: 1;
}
.cardinality-detail-wrapper{
    flex-grow: 1;
    max-width: calc(20% - 1em);
}
@container cardinalityDetails (width < 1000px) {
    .cardinality-detail-wrapper {
        max-width: calc(33% - 1em);
    }
}

.cardinality-detail .val.withBg {
    padding-left:0.4em;
    padding-right:0.4em;
    padding-top:0.1em;
    padding-bottom: 0.1em;
    border-radius: 8px;
}

.cardinality-detail .val{
    text-wrap: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
}
.cardinality-detail{
    padding:0.5em;
    overflow: hidden;
    
    border:solid 1px var(--c-grey);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pds-type-badge:hover{
    cursor: auto !important;
}
.pds-type-badge{
    font-weight: 500;
    vertical-align: middle;
    border-radius: 8px !important;
    white-space: nowrap;
}
.pds-type-badge.arr::after{
    content:'[]';
    font-weight: bolder;
    padding-left: 0.2em;
    font-family: monospace;
}
.pds-detail-tabs .e-toolbar-item .e-tab-wrap,.pds-detail-tabs .e-toolbar-item .e-text-wrap{
    height:34px !important;
    padding:2px !important;
}
.pds-detail-tabs .e-toolbar-item .e-tab-text{
    padding: 0.2em !important;
    padding-left: 0.4em !important;
    padding-right: 0.4em !important;
    border-width: 2px !important;
    border-style: dashed;
    font-size: 16px !important;
}
.pds-detail-tabs .e-toolbar-item.e-active .e-tab-text{
    border-color:var(--c-dark);
  
}
.pds-detail-tabs .e-toolbar-item:not(.e-active) .e-tab-text{
    border-color: transparent;
    
}
.inner-details table{
    width:100%;
}
.inner-details table tr td:nth-child(1){
    width:1em;
    font-weight: 600;
    padding-right: 1em;
}

.version-chg-row > td:first-child, .event-chg-row > td:first-child{
    width:1.2em;
}

.version-comp-tbl .chg-ind-col{
    font-size: 18px;
    width:1.5em;
    text-align: center;
}
.chg-ind-col .bx{
    width:1.5em;
    height:1.5em;
}
.chg-ind-col .new-item{
    color:var(--c-success);
}
.chg-ind-col .removed-item{
    color:var(--c-danger);
}
.chg-ind-col .changed-item{
    color: var(--c-grey);
}

tr.version-chg-row.expanded{
    border-bottom: 0 transparent none !important;
    border-top:solid 1px var(--c-lightsuccess) !important;
    border-left:solid 1px var(--c-lightsuccess) !important;
    border-right:solid 1px var(--c-lightsuccess) !important;
    border-radius: 12px;
}
tr.version-chg-row.expanded > td:first-child{
    /*border-top-left-radius: 12px;*/
}
tr.event-chg-outer{
    border-bottom:solid 1px var(--c-lightsuccess) !important;
    border-left:solid 1px var(--c-lightsuccess) !important;
    border-right:solid 1px var(--c-lightsuccess) !important;
    border-radius: 12px;
}


.path-prop-changes .ct{
    border: solid 1px var(--c-medgrey);
    padding:0.3em;
    border-radius: 8px;
}

table.version-comp-tbl{
    width: calc(100% - 18px);
    /*height:calc(100vh - 80px);*/
    max-height: calc(100vh - 80px);
    /*display: block;*/
    overflow: auto;
    /*table-layout: fixed;*/
}
.version-comp-tbl thead{
    position: sticky;
    top:0;
    background-color: var(--c-lightgrey);
    z-index: 1000;
    border:none !important;
}
.version-comp-tbl thead tr, .version-comp-tbl thead th{
    z-index: 1000;
    border:none !important;
}


.pt-removed{
    text-decoration: line-through;
    text-decoration-color: var(--c-danger-hover);
    text-decoration-thickness: 2px;
}
.pt-new{
    border:solid 2px var(--c-success) !important; 
}




.versions-list-outer{
    display: flex;
    flex-direction: column;
    row-gap: 1em;
}

.version-item-wrapper{
    display: flex;
    flex-direction: row;
    padding-bottom: 2em;
}
.version-main{
    display: flex;
    flex-direction: column;
    border:solid 1.5px var(--c-dark);
    border-radius: 12px;
    padding:1em;
    background-color: white;
    min-width: 30vw;
}
.version-main .summary{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    gap:1em;
}
.version-main .summary .stat, .chg-event .stat{
    display: flex;
    align-items: baseline;
    vertical-align: baseline;
}
.version-main .stat span,  .chg-event .stat span{
    font-size: 1.2em;
    font-weight: 600;
}
.version-main .stat label,  .chg-event .stat label{
    font-size: 0.9em;
    color:var(--c-grey);
    font-weight: 400;
    padding-left: 0.3em;
}
 .chg-counter{
    display: flex; 
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-evenly;
}
 .chg-counter div{
    font-size: 1.2em;
    font-weight: 600;
     display: flex;
     flex-direction: row;
}
.chg-counter .count-sep:before{
    content:"/";
    padding-left: 0.3em;
    padding-right: 0.3em;
    color:var(--c-medgrey);
}
.chg-counter .rem:before{
    content:"-";
}
.chg-counter .added:before{
    content:"+";
}
.chg-counter .changed:before{
    content:"~";
}

.version-main .summary div{
    vertical-align: middle;
    display: flex;
    align-items: center;
    
    
}
.version-main.is-pl *{
    pointer-events: none !important;
}
.version-md{
    padding:1em;
    width:14em;
    max-width:20em;
    display: flex;
    flex-direction: column;
    gap:0.6em;
}
.version-md .dates label{
    font-size: 0.8em;
    color: var(--c-grey);
    font-weight: 400;
}

.version-main .details.expanded {
    max-height: 165000px;
    transition:max-height 1s ease-in-out;
    
}
 
.version-main .details{
    max-height:130px;
    overflow:hidden;
    display:flex;
    flex-direction: column;
    row-gap: 0.4em;
    transition: max-height 0.2s cubic-bezier(0, 1, 0, 1);

}
.version-main .expand-btn-wrapper{
    width:100%;
    display: flex;
    height: 30px;
    position: relative;
    transition:margin-top 0.1s cubic-bezier(0, 1, 0, 1);
}

 

.version-main .expand-btn-wrapper button{
    /*transition: left 0.5s ease-out;*/
    /*will-change: contents;*/
    /*position: absolute;*/
    margin-left: auto;
    margin-right: auto;
}
.version-main .expand-btn-wrapper.expanded{
    margin-top:8px;
    /*-webkit-backdrop-filter: blur(2px);*/
    /*backdrop-filter: blur(2px);*/

}
.version-main .expand-btn-wrapper.collapsed{
    margin-top:-28px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    
}


.version-main .details-title{
    font-weight: 300;
    font-size: 1.1em;
    margin-top:30px;
    margin-bottom: 4px;
    border-bottom: solid 3px var(--c-teal);
}
tr.event-header .chg-event{
    flex-direction: row;
    padding-left:1em;
    padding-right:1em;
}
.chg-event-header{
    padding:0.1em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.chg-event{
    border-radius: 8px;
    padding:0.3em;
    display:flex;
    flex-direction: column;
    row-gap: 0.3em;
    justify-content: space-between;
}
.chg-event-header.withmid .event-name{
    flex-basis:33%;
}
.chg-event-header .new-removed{
    flex-basis: 33%;
}
.chg-event-header.withmid .stat{
    flex-basis:15%;
}
.chg-event-header:not(.withmid) .event-name{
    flex-basis:70%;
}
.chg-event-header:not(.withmid) .stat{
    flex-basis:25%;
}



 /*.path-chg[data-chg-type="NEW"] , .path-chg[data-chg-type="REMOVED"] , .path-chg[data-chg-type="CHANGED"]*/
.version-main .chg-event.new{
    border:dotted 2px var(--c-lightsuccess);
}
.version-main  .chg-event.new:hover label, .version-main .chg-event.removed:hover label,.version-main  .chg-event:hover .new-removed{
    color:white !important;
}
.version-main .chg-event.new:hover{
    background-color:var(--c-lightsuccess-hover);
    color:white !important;
}

.version-main .chg-event.removed:hover{
    background-color:var(--c-danger-hover);
    color:white !important;
}

 

.version-main .chg-event.removed{
    border:dotted 2px var(--c-danger);
}

.chg-event.removed .new-removed{
    color:var(--c-danger);
}
.chg-event.new .new-removed{
    color:var(--c-success);
}

.chg-event.changed{
    border:dotted 2px var(--c-medgrey);
}

.path-chg:not(.first):not(.noisy){
    border-top:solid 1px var(--c-lightgrey-hover);
}

.path-chg-outer{
    padding-left: 1.5em;
}
.path-chg.noisy{
    color:var(--c-medgrey);
    font-weight: 400;
    padding-left: 1.5em;
}

/*.chg-event-grp-header:not(:first-child){*/
/*    border-top:solid 2px var(--c-medgrey);    */
/*}*/

.chg-event-grp-header{
    padding-top: 0.6em;
    font-size: 0.9em;
}

.path-chg{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap:0.3em;
    /*border-radius: 8px;*/
    padding:0.2em;
}
.path-chg:hover{
    background-color:var(--c-white-hover);
}

.path-chg .path-path{
    display: flex;
    align-items: center;
    gap:0.1em;
}

.path-chg[data-chg-type="TYPE_CHANGE"] .chg-detail, .pd-row .chg-detail{
    display:flex;
    flex-direction: row;
    justify-content: start;
    
}



/*.path-chg[data-chg-type="TYPE_CHANGE"] .chg-detail .pds-type-badge{*/
/*    font-size:90% !important;*/
/*    font-weight: 500 !important;*/
/*}*/

.chg-type-ind{
    float: right;
}


.change-explainer{
    display: flex;
    flex-direction: column;
    font-size: 120%;
    padding:1em;
    border-radius: 8px;
}
.change-explainer .headline span{
    font-size: 1.3em;
    font-weight: 500;
}
.change-explainer .detail{
    display: flex;
    flex-direction: column;
    gap:0.3em;
}
.change-explainer .detail label > div, .change-explainer .detail label > span{
    border-bottom: solid 1px darkblue;
    width: fit-content;
}
.change-explainer .detail label {
    font-size: 1.1em;
    font-weight: 400;
    color:var(--c-dark);
    
    margin-bottom: 0.2em;
    margin-top: 1em;
}
.change-explainer .headline .versus:before{
    padding-left: 0.3em; padding-right: 0.3em;
    font-size: 50%;
    font-weight: 800;
    content:"v"
}
.change-explainer .english{
    margin-top: 1em;
    padding: 0.6em;
    border-radius: 12px;
    background-color: var(--c-lightgrey);
}
.change-explainer .detail > span{
   margin-left: 0.6em;
    font-weight: 500;
}
.change-explainer .english .emphasize{
    font-weight: 700;
}

.pds-chg-badge{
    font-weight: 500;
    padding:0 5px;
    margin:5px;
    border-radius:8px;
    text-align: center;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chg-detail.wsmall{
    flex-wrap: wrap;
    width:5em;
    gap:0.5em;
}
.chg-details{
 display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 5em;
    justify-content: space-evenly;
    align-items: center;
    gap:0.2em;
}

.pds-chg-badge.wsmall{
    width:2em !important;
    margin:0 !important;
    line-height:1.4em;
    height:2em;
    /*box-shadow: 0 0 4px var(--c-grey);*/
    border:solid 2px;
}

.pds-chg-badge.wsmall:not(.ind){
    font-weight: 700;
}
.pds-chg-badge.wsmall.ind{
    position: relative;
}
.pds-chg-badge.wsmall.ind span{
    font-size:90%;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    font-weight:800;
    z-index: 100;
    bottom:-1px;
    /*text-shadow:0 1px 50px var(--c-dark);*/
}
.pds-chg-badge.wsmall.ind i{
    font-size:100%;
    position:absolute;
    right:50%;
    transform:translateX(50%);
    -webkit-transform:translateX(50%);
    top:-2px;
    z-index: 99;
    font-weight:800;
    
}
.ind-up>.bx{
    color:var(--c-darkgreen) !important;
}
.wsmall.ind-up>.bx{
    color:var(--c-lightsuccess) !important;
    /*text-shadow:0 0px 15px var(--c-darkgreen);*/
    
    
}
.ind-down>.bx {
    color:var(--c-danger) !important;
}

.path-chg.removed:hover .path-path *{
    text-decoration: none;
    color:var(--c-ARRAY);
}

.path-chg.removed .path-path span{
    text-decoration-thickness: 2px;
    text-decoration-style: solid;
    text-decoration-line:line-through;
    text-decoration-color: var(--c-ARRAY);
}

.detail-table .pd-row td{
    /*background-color: white;*/
    padding-top:0;
    padding-bottom: 0;
}
.detail-table .pd-row td:first-child{
    padding-left: 0;
    padding-top:0;
    padding-bottom: 0;
    border-top:none !important;
}
.detail-table .pd-row td:first-child > div{
    width:100%;
    padding-left: 0;
    border-left-style:solid;
    border-left-width: 1px;
    border-left-color: black;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    height:100%;
    display: flex;
    align-items: center;
    border-top:solid 1px var(--c-lightgrey-hover);
}

.detail-table .pd-row td:last-child{
    padding-right: 0;
    padding-top:0;
    padding-bottom: 0;
    border:none !important;
}
.detail-table .pd-row td:last-child  > div{
    width:100%;
    padding-right: 0;
    border-right: solid 1px black;
    padding-top: 0.5rem;
    height:100%;
    padding-bottom: 0.5rem;
    will-change: border-color, border-width;
    border-top:solid 1px var(--c-lightgrey-hover);
}

.detail-table .event-header td{
    padding: 0 !important;
    
    border-bottom: none !important;
    background-color: white;
}
.detail-table .event-header{
    /*border-left: solid 1px black;*/
    /*border-right: solid 1px black;*/
    border-bottom: none !important;
    position: sticky;
    top:0;
    background-color: white;
    z-index: 100;
    
    /*border-top: solid 1px black !important;*/
}

.detail-table .event-header .chg-event{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-style: solid;
    border-width: 1px;
}
.detail-table.removed.collapsed .event-header .chg-event{
    border-bottom:none;
}

.detail-table .spacer-row {
    border-top:solid 1px black;
    border-bottom:none;
    background-color: transparent;
}
.detail-table .spacer-row td{
    border:none !important;
    background-color: transparent;
}

 
.detail-table .pd-row td{
    border:none;
    vertical-align: middle;
}


.only-changes tr.no-changes{
    display: none !important;
}

.pd-row.whole-removed td div{
    padding-bottom: 0 !important;
    padding-top:0 !important;
}


.detail-table{
    margin-bottom: 2em;
    height: 1px;
}
.detail-table tr.lastrow td div{
    border-bottom:solid 1px black;
    width:100%;
    height: 10px;
}
.detail-table tr.lastrow td:nth-child(1) div{
    border-left: solid 1px black;
    
    border-bottom-left-radius: 8px;
    
    
}
.detail-table tr.lastrow td:last-child div{
    border-right: solid 1px black;
    border-bottom-right-radius: 8px;
}

.detail-table tr.fullrow-mid,.detail-table tr.lastrow,
.detail-table tr.fullrow-mid td, .detail-table tr.lastrow td{
    border-bottom:none;
    border-top:none;
    padding: 0 !important;
}
.detail-table tr.fullrow-mid td div{
    border-left: solid 1px black;
    border-right: solid 1px black;
    width:100%;
    padding:1em;
    
}
.detail-table tr.path-header th:first-child,.detail-table tr.path-header th:last-child {
    padding:0 !important;
    border:none !important;
}
.detail-table tr.path-header:nth-child(2) th:first-child div{
    border-left:solid 1px black;
    width: 100%;
    height:100%;
}
.detail-table tr.path-header:nth-child(2) th:last-child div{
    border-right:solid 1px black;
    width: 100%;
    height:100%;
}

.detail-table thead .vn{
    font-weight: 400;
}

.detail-table thead th:nth-child(1):not(.progress-col), .detail-table tbody tr td:nth-child(1):not(.progress-col){
    width: 5em;
}
.detail-table .progress-col{
    text-align: center;
    justify-content: center;
}
.detail-table .card-col{
    text-align: center;
    justify-content: center;
}


.progress-col progress{
    height:3em;
}
.progress-col progress::-webkit-progress-bar {
    background-color: var(--c-lightgrey);
    border-radius:8px;
}
.progress-col progress::-webkit-progress-value {
    background-color: var(--c-teal);
    border-radius:8px;
}
.compare-events-outer{
    container: compareEvents / inline-size;
}

@container compareEvents (min-width: 1200px){
    .detail-table .types-col{
        width:12em;
    }
}
.detail-table .progress-outer span{
    display: none;
}
.version-detail-summary{
    container: version_detail_summary / inline-size;
}

@container version_detail_summary (max-width: 800px){
    .controls{
        width: 100vw;
        margin-top: 1em;
    }
  
}
@container compareEvents (max-width: 800px){

    .detail-table .event-header td{
        top:calc(87.5px + 1em) !important;
    }
    table.detail-table.new_removed{
        grid-template-columns:
                5em
                minmax(100px, auto)
                7em
                2em
                2em
                3em
                3em
                1em !important;
    }
    table.detail-table{
        grid-template-columns: 
    5em
    minmax(100px, auto)
    7em
    4em
    4em
    5em
    5em
    1em !important;
    }
    
    .detail-table td.progress-col{
        /*max-width:4em;*/
        /*width:4em !important;*/
        min-height:4.4em;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .detail-table .progress-outer span{
        display: inline-flex;
        font-size: 90%;
        font-weight: 600;
    }
    /*.detail-table tbody td{*/
    /*    border-color:var(--c-lightgrey-hover) !important;*/
    /*    border-width: 1px !important;*/
    /*    border-style: solid !important;*/
    /*}*/
    .detail-table .progress-outer{
        display: flex;
        justify-content: center;
        align-items: center;
        width:4em;
        height:4em;
        border-radius: 50%;
        background:
                radial-gradient(closest-side, transparent 49%, transparent 60% 100%),
                conic-gradient(var(--c-teal) var(--perc), var(--c-lightgrey) 0);
    }
    
    .detail-table .progress-col progress{
        width:0;
        height:0;
        visibility: hidden;
        
    }
}

.stricken{
    text-decoration:line-through;
    text-decoration-color:var(--c-danger);
 text-decoration-thickness: 2px;   
}
.stricken:hover{
    text-decoration: none;
}
.version-detail-summary{
    position:sticky;
    top:-12px;
    z-index: 1000;
    background-color: var(--c-lightgrey);
   
    height:82px;
}
.version-detail-summary-inner{
    height:70px;
    position: sticky;
    top:0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.detail-table .path-header th:nth-child(2){
    padding-left: 0.5em;
}
.detail-table tbody td:nth-child(2), .detail-table .path-header th:nth-child(2){
    border-left:solid 1px var(--c-lightgrey-hover) !important;
}










.detail-table .pd-row td{
    border-top: solid 1px var(--c-lightgrey-hover) !important;
}







#dis_ignore_tbl .sys-disabled button{
    display:none;
}






.search-options-tbl tr td{
    border:none;
    vertical-align: middle;
    padding-bottom: 0;
    padding-top:0;
}
.search-options-tbl tr >td:nth-child(1) > span{
    font-size: 110%;
}
.search-options-tbl .e-checkbox-wrapper{
    width:20px;
}

.version-sel-table{
    width: 100%;
    margin-top:1em;
}
.version-sel-table .major_header td{
    border-bottom: solid 1px var(--c-grey);
}

.version-sel-table th{
    font-size: 1.2em;
}


.version-detail-betweener{
    height:1px;
    width: 100%;
    background-color: var(--c-bggrey);
}
.plan-chips{
    display: flex;
    flex-direction: row;
    max-width: 600px;
    gap:10px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.plan-chip{
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    
    padding-left: 23px;
    padding-right: 23px;
    
    height:30px;
    border-radius: 6px;
    background:var(--c-lightgrey);
    color:#04140E;
}
.plan-chip:not(.disabled):hover{
    cursor:pointer;
    background-color: var(--c-lightgrey-hover);
}
.plan-chip.current:not(.active){
    border-width: 2px;
    border-style: dotted;
    border-color: var(--c-darkgreen);
}
.plan-chip.current.disabled{
    border-color: var(--c-danger);
}

.plan-chip.active{
    background: var(--c-success) !important;
}

.filter-slider .e-range{
    background-color: var(--c-success) !important;
    height: 12px !important;
    top: calc(50% - 6px) !important;
    border-radius: 8px !important;
}
.filter-slider .e-handle{
    border-color: var(--c-success) !important;
    border-width: 5px !important;
    height:20px !important;
    width:20px !important;
    margin-left: -10px !important;
    top: calc(50% - 10px) !important;
}

.filter-slider .e-slider-track{
    background: #000000 !important;
    height: 12px !important;
    top: calc(50% - 6px) !important;
    border-radius: 8px !important;
    border-color: var(--c-success) !important;
}

.filter-slider .e-scale{
    margin-top: 10px !important;
}

.plan-chooser-subtitle{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #04140E;
    display: block;
}
.plan-chooser-subtitle .subtitle{
    font-size: 14px;
    font-weight: 400;
}

.plan-summary{
    background-color: #F1F1F1;
    border-radius: 10px;
    min-width: 275px;
    margin-bottom: 37px;
}

.plan-summary td{
    border:none !important;
}

.plan-summary-title{
    text-transform: uppercase !important;
    padding-bottom: 25px;
    margin-bottom: 25px;
    margin-top:25px;
    font-weight: 600;
    font-size: 16px;
    display: block;
    border-bottom: solid 1px rgba(0,0,0,0.1) !important;
}

tr.total > td{
    border-top:solid 1px rgba(0,0,0,0.1) !important;
    padding-top: 25px;
    margin-top:25px;
}
tr.total-border{
    height: 20px;
}


.plan-summary table tr>td:first-child{
    font-weight: 300;
}
.e-dialog.plan-chooser-modal{
    max-width: 70vw;
    width: auto;
    min-width: 600px;
    container: planchooser / inline-size;
}
@media screen and (max-width: 800px){
    .e-dialog.plan-chooser-modal {
        min-width: 100%;

    }
}
@media screen and (min-width: 800px){
    .e-dialog.plan-chooser-modal {
        min-width: 800px;
        
    }
    }

.plan-chooser-modal, .plan-chooser-modal .e-dlg-content{
    border-radius: 8px !important;
}

.plan-chooser-modal .e-dlg-header-content{
    display:flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.plan-chooser-modal  .e-dlg-header {
    vertical-align: middle;
    
    
}


.plan-chooser-outer{
   
    /*min-width: 500px;*/
}

.plan-chooser-row{
    column-gap: 30px;
}
@container planchooser (max-width: 660px){
    .plan-chooser-row{
        flex-wrap: wrap;
        justify-content: center;
    }
}
.too-many-wrapper{
    height:300px;
    width:100%;
    margin-top:10px;
    overflow-y: scroll;
}
.too-many-outer{
    height:30px;
    display: flex;
    flex-direction: row;
    justify-items: start;
    align-items: center;
    vertical-align: middle;
    border-radius:4px;
    border: 1px solid var(--c-lightgrey);
}
.too-many-outer input{
    margin-right: 1em;
}

.mh100-minus{
    max-height: calc(100vh - 100px);
}

.justify-start>*{
    justify-content: start;
}
.navicon:hover {
    color: white !important;
}

.navicon {
    color: rgba(255,255,255,0.6) !important;
    font-size: 24px;
    align-self: center;
}

.active > .navicon, .e-hover .navicon {
    color: white !important;
}




.sidebar-list, .sidebar-list .e-list-container, .sidebar-list .e-ul {
    height: calc(100vh - 5rem);
    overflow-x: hidden;
}

.sidebar-top {
    height: 3rem;
    /*transition: all 1.5s;*/
    overflow: hidden !important;
    color: #FFF !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

    .sidebar-top .bx {
        margin-right: unset !important;
    }

    .sidebar-top .e-btn:not(:hover):not(:active):not(:focus) {
        color: #FFF !important;
    }

    .sidebar-top:not(.no-animation-content)  .menu-btn-wrapper {
        transition: all 0.5s ease;
    }
    .sidebar-top .menu-btn-wrapper {
        width: 54px;
        height: 54px;
        display: flex;
        align-items: center;
        justify-items: center;
        margin-left: 28px;
        z-index: 2000;
        
    }

.e-close .sidebar-top .menu-btn-wrapper {
    margin-left: 8px;
}



.top-row .navbar-brand {
    background-size: 200% !important;
    transition:all .5s ease;
    position: absolute;
    top: 6px;
    left: 55px;
    width: 204px;
    padding-left: 20px;
    z-index: 1000;
    /*    background: linear-gradient(to left, #FFF 50%, #04140E 50%);*/
    background: transparent !important;
}

.top-row.open .navbar-brand {
    background-position: left;
    /*    transform: translateX(100%);*/
    color: #FFF;
    overflow: hidden;
}

.top-row.closed .navbar-brand {
    background-position: right;
    /*    transform: translateX(-100%);*/
    color: #04140E;
    overflow: hidden;
}


.e-sidebar .e-list-item {
    /*margin-top: 12px !important;*/
    cursor: unset !important;
}
.e-sidebar .sidebar-link-outer {
    margin-top:12px;
}

.sidebar.e-sidebar.e-right.e-close {
    visibility: visible;
    transform: translateX(0%);
}

.sidebar .e-sb-icon::before {
    font-size: 24px;
}

.sidebar.e-close .sidebar-item {
    padding: 5px 20px;
}
.sidebar:not(.no-animation-content) .e-text{
    transition: width 500ms ease-in;
}
.sidebar .e-text{
    white-space: nowrap;
    overflow: hidden;
}
.dockSidebar.e-dock.e-close span.e-text {
    /*display: none;*/
    width:0;
    color: transparent;
}

.dockSidebar.e-dock.e-open span.e-text {
    /*display: inline-block;*/
    width:160px;
}


.e-open .bx {
    margin-right: 8px;
}

.e-open .e-text {
    overflow: hidden;
    text-overflow: clip;
    font-size: 15px;
}

.dockSidebar .e-listview {
    border: 0px;
    border-radius: 0;
}
/* Specifies the Toolbar component related styles */
.dockToolbar.e-toolbar {
    border-left: 0px;
    border-right: 0px;
}

.sidebar-gradient {
    color: white !important;
    background: #04140E;
}

.e-listview .e-list-item {
    color: unset !important;
}

   .sidebar  .e-listview .e-list-item.e-hover, .sidebar .e-list-item.e-focused {
        background-color: #04140E !important;
    }

    .sidebar .e-list-item[data-uid="b"]{
        flex-grow: 1;
    }
    
    .sidebar .e-list-parent{
        display: flex;
        flex-direction: column;
        padding-top:20px;
    }
   

.navtemplate {
    height: 42px;
    line-height: 22px;
    padding: 7px 12px 7px 12px;
    position: relative;
    padding-left: 12px;
    color: rgba(255,255,255,0.6) !important;
    width: 190px;
    margin-left: 25px;
    
}

.sidebar:not(.no-animation-content) .navtemplate{
    transition: all 0.5s ease;
}

.e-close .navtemplate {
    margin-left: 10px;
    padding: 7px 0px 7px 0px;
    width: 30px;
    
    /*justify-content: center;*/
    
}
.e-close .navicon  {
    margin-left: 3px;
}


.navtemplate.active, .navtemplate:hover, .navtemplate:active, .navtemplate:focus {
    background-color: #105239 !important;
    color: #FFFF !important;
    border-radius: 8px;
}

.top-row {
    height: 3rem !important;
    /*        background-color: rgba(0,105,70,1) !important;*/
    background-color: #FFF !important;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08), 0px 0px 6px 0px rgba(0, 0, 0, 0.02);
}

    .top-row > .e-toolbar .e-toolbar-items {
        /*                background: rgb(5, 39, 103) !important;*/
        /*            background-color: rgba(0,105,70,1) !important;*/
        background-color: #FFF !important;
        color: #04140E;
    }

    .top-row .e-tbar-btn {
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .top-row .e-toolbar .e-toolbar-item .e-tbar-btn .bx {
        color: white;
    }

    .top-row .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-item .e-tbar-btn:hover .bx {
        color: #04140E;
    }

.sidebar {
    top: 0;
    position: sticky;
}

.sidebar hr {

    width:80%;
    margin-left:auto;
    margin-right:auto;

}

.sidebar-btn{
    background:rgba(255, 255, 255, 0.12);
}

#_admin_stuff {
    margin-top: 10px;
}

.top-row-items{
    display:flex;
    justify-content: space-between ;
    overflow: hidden;
    height: 100%;
    align-items: center;
}

.sidebar-top .logo{
    height:85%;

}

.logobtn:hover,.logobtn:active, .logobtn:focus{
    background:transparent!important;
    border-width: 2px;
    border-color:var(--c-success) !important;
}

.sidebar-link-outer{
    display: flex;
    flex-direction: row;
    align-items:center;
    overflow:hidden;
}

.e-close .sidebar-docs-link{
    display:none;
}
.e-open .sidebar-docs-link{
    transform: translateX(300px);
}

.sidebar-docs-link{
    transition: transform 0.5s ease, display 0.5s ease;
    margin:0 !important;
    display:flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-grow: 1;
}
.sidebar-docs-link .bx{
    font-size: 24px;
    color:var(--c-success);
    
}
a.sidebar-docs-link{
    text-decoration: none !important;
}
.e-hover .sidebar-docs-link{
    transform: translateX(0px);
}
.e-open .navtemplate.active + .sidebar-docs-link{
    transform: translateX(0px);
}
#user-info-outer{
    padding-left: 25px;
}
.account-info-header{
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 7px;
}

#user-info-outer .agg-form-text{
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    min-height:48px;
    font-size: 16px;
    font-weight: 600;
    display:flex;
    flex-direction: row;
    align-items: center;
    padding:15px;
    max-width: 500px;
    
}
#user-info-outer .agg-form-text .e-tooltip{
    display:inline-block;
    font-size: 16px;
    font-weight: 600;
}
#user-info-outer .agg-form-text .bx:not(.e-btn-icon){
    margin-right: 10px;
}


#user-info-outer .col-12.col-md-8{
    min-height: 75px;
    
}

#user-info-outer .row{
    border-bottom:solid 1px rgba(0,0,0,0.06);
    padding-top:30px;
    padding-bottom:30px;
 align-items:center;   
}

#user-info-outer .pipe-separator{
    padding-right: 20px;
    padding-left: 20px;
    color:rgba(0,0,0,0.07);
}

.mfa-active{
    font-size:14px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.shield-key{
    position: absolute;
    margin-top:10px;
    margin-left: -28px;
    transform:rotate(-43deg);
}

.mfa-subtext{
    font-size:16px;
    color: #00002899;
    margin-bottom: 35px;
    margin-top:14px;
    display: block;
    width: 100%;
}


.role-text{
    font-size:12px;
    text-transform:capitalize;
    color: var(--c-primary);
    font-weight:500;
    
}
.orgs-outer{
    min-width:500px;
    width:500px;
    max-width: 600px;
}

.orgs-outer  .e-headercelldiv[e-mappinguid="is_default_col"]{
    padding-right: 0 !important;
}