.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year-container {
  margin: 0.4rem;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

.react-datepicker__year-container-text {
  display: inline-block;
  cursor: pointer;
  flex: 1 0 30%;
  width: 12px;
  padding: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range ,
.react-datepicker__month-text--in-selecting-range ,
.react-datepicker__quarter-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\00d7";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.condition-dropdown {
    position: relative;
    display: inline-block;
}

.condition-dropdown::before,
.condition-dropdown::after {
    content: '';
    position: absolute;
    left: 32px;
    width: 2px;
    height: 15px;
    background: #ccc;
}

.conditionAND {
    color: #2263c5;
}

.conditionOR {
    color: #f19222;
}

.conditionXOR {
    color: #800080;
}

.conditionEmpty {
    height: 32px;
}

.right-container {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.nav-buttons {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
}

.condition-dropdown::before {
    bottom: 100%;
}

.condition-dropdown::after {
    top: 100%;
}

.AND.condition-dropdown::before,
.AND.condition-dropdown::after {
    background: #2263c5;
}

.OR.condition-dropdown::before,
.OR.condition-dropdown::after {
    background: #f19222;
}

.XOR.condition-dropdown::before,
.XOR.condition-dropdown::after {
    background: #800080;
}


.trigger-box-container {
    position: relative;
}

.trigger-box {
    position: relative;
}

.trigger-box:nth-of-type(1) {
    margin-left: 45px;
}

.trigger-box:nth-of-type(2) {
    margin-left: 45px;
}

.trigger-box:nth-of-type(3) {
    margin-left: 30px;
}

.trigger-box:nth-of-type(4) {
    margin-left: 15px;
}

.connectors {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.connector {
    width: 2px;
    min-height: 15px;
    background: #aaa;
    position: absolute;
    left: 0;
}

.connector::before {
    content: '';
    position: absolute;
    height: 2px;
    width: 10px;
    background: #aaa;
    left: 2px;
    top: 0;
}

.connector::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 10px;
    background: #aaa;
    left: 2px;
    bottom: 0;
}

.connector1 {
    left: 30px;
}

.connector2 {
    left: 15px;
}

.connector3 {
    left: 0px;
}

.connector.AND,
.connector.AND::before,
.connector.AND::after {
    background: #2263c5;
}

.connector.OR,
.connector.OR::before,
.connector.OR::after {
    background: #f19222;
}

.connector.XOR,
.connector.XOR::before,
.connector.XOR::after {
    background: #800080;
}

/* Create custom arrow */
.selectDropdown {
    position: absolute;
    top: 0px;
    left: 90px;
    background: #fff;
    border-radius: 10px;
    padding: 5px;
    width: 100px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 99;
}

.selectDropdown .option {
    display: block;
    padding: 5px 10px;
    font-size: 90%;
    font-weight: bold;
    cursor: pointer;
    border-radius: 10px;
}

.selectDropdown .option:hover {
    background: #eee;
}

.selectHandle {
    display: inline-block;
    padding: 0 15px;
    border-radius: 20px;
    background: #ddd;
    font-weight: bold;
    font-size: 90%;
    line-height: 30px;
    cursor: pointer;
    width: 80px;
    text-align: center;
}

.selectHandle::after {
    content: "\25b6";
    /* Unicode arrow symbol */
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: inline-block;
    color: #000;
    font-size: 13px;
    margin-left: 5px;
}

.selectHandle.active::after {
    content: "\25b6";
    /* Unicode arrow symbol */
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.selectHandle.error {
    border: 1px solid #dc3545;
}

.trigger-error-notification {
    font-size: 14px;
    float: right;
    margin-top: 10px;
}

.fs-14 {
    font-size: 14px;
}

.etsummarysec {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}.react-aria-DateRangePicker {
  display: flex;
  & .react-aria-Button {
    background: none;
    border: none;
    color: inherit;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
}
.react-aria-Group {
  display: flex;
  align-items: center;
}

.react-aria-DateInput {
  display: flex;
}

.react-aria-RangeCalendar {
  border: 1px solid rgba(224, 224, 224, 0.5);
  background: white;
  --highlight-background: #007c7c;
  --highlight-foreground: white;
  --button-background: var(--spectrum-global-color-gray-50);
  --button-backgound-pressed: var(--spectrum-global-color-gray-100);
  --button-border: var(--spectrum-global-color-gray-400);
  --button-border-disabled: var(--spectrum-alias-border-color-disabled);
  --text-color: var(--spectrum-alias-text-color);
  --text-color-disabled: var(--spectrum-alias-text-color-disabled);
  --text-color-invalid: var(--spectrum-global-color-red-600);
  --pressed-color: var(--spectrum-global-color-gray-200);
  --unavailable-color: var(--spectrum-global-color-red-600);
  --invalid-color: var(--spectrum-global-color-static-red-600);
  padding: 1em;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  box-shadow: 3px 3px 3px rgb(224, 224, 224);

  & header {
    display: flex;
    align-items: center;
    margin: 0 4px 0.5rem 4px;

    .react-aria-Heading {
      flex: 1;
      margin: 0;
      text-align: center;
      font-size: 1rem;
    }
  }
  .react-aria-Popover {
    border: 1px solid var(--border-color, "black");
    background: var(--background-color, "white");
    box-sizing: border-box;
    border-radius: 6px;
    outline: none;
    max-width: 250px;
    box-shadow: 0 8px 20px #0000001a;
  }

  .react-aria-Button {
    width: 2rem;
    height: 2rem;
    padding: 0;
    background: none;
    border: none;
  }

  & table {
    border-collapse: collapse;

    & td {
      padding: 2px 0;
    }
    & th {
      text-align: center;
    }
  }

  .react-aria-CalendarCell {
    width: 2.286rem;
    line-height: 2.286rem;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    outline: none;

    &[data-outside-month] {
      display: none;
    }

    &[data-disabled]{
      color: #80808054;
      cursor: text;
    }

    &[data-unavailable] {
      color: #80808054;
      cursor: text;
    }

    &[data-pressed] {
      background: var(--pressed-color);
    }

    &[data-focus-visible] {
      box-shadow: inset 0 0 0 2px var(--highlight-background);
    }

    &[data-selected] {
      background: var(--highlight-background);
      color: var(--highlight-foreground);
      border-radius: 0;

      &[data-focus-visible] {
        box-shadow: inset 0 0 0 1px var(--highlight-background),
          inset 0 0 0 3px var(--highlight-foreground);
      }
    }

    &[data-selection-start] {
      border-start-start-radius: 6px;
      border-end-start-radius: 6px;
    }

    &[data-selection-end] {
      border-start-end-radius: 6px;
      border-end-end-radius: 6px;
    }
  }
}

.labelContainer {
  display: flex;
  gap: 1px;
  align-items: center;
  & input {
    text-align: center;
    background-color: transparent;
    color: inherit;
    border: none;
    text-decoration: underline;
    padding: 0px;
    &:invalid {
      color: #F78888;
    }
  }
  
  /* hide arrows for number input */
  & input::-webkit-outer-spin-button,
  & input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  & input[type=number] {
    -moz-appearance: textfield;
  }
  &:invalid button[type="submit"]{
    display: none;
  }
  button[type="submit"] {
    margin-left: 0.5rem;
    border: none;
    border-radius: 9px;
    cursor: pointer;
    &:disabled {
      background-color: #ddd;
      cursor: default;
    }
  }
}

[class^="MuiChip-colorSecondary"], [class*=' MuiChip-colorSecondary']  {
  button[type="submit"] {
    color: #007c7c;
    background-color: white;
  }
}

[class^="MuiChip-outlinedSecondary"], [class*=' MuiChip-outlinedSecondary']  {
  button[type="submit"] {
    color: white;
    background-color: #007c7c;
  }
}

.entry {
  --icon-size: 20px;
  position: relative;
  width: 100%;
  height: var(--icon-size);
  top: 0;
  left: calc(var(--indent) * 0.5rem);
}

.entry span{
  position: absolute;
  left: calc(var(--icon-size) - 4px);
}

.entry.parent span {
  text-decoration: underline;
  left: calc(var(--icon-size) + 4px);
}

.entry.parent::before {
  content: var(--collapse-icon);
  display: var(--collapse-display);
  position: absolute;
  left: 0;
  top: 0;
  width: var(--icon-size);
  height: var(--icon-size);
}

.entry.parent::after {
  content: var(--expand-icon);
  display: var(--expand-display);
  position: absolute;
  left: 0;
  top: 0;
  width: var(--icon-size);
  height: var(--icon-size);
}.echChartStatus{visibility:hidden;pointer-events:none;z-index:-100000;width:0;height:0;position:absolute}.echChartBackground{position:absolute;top:0;bottom:0;left:0;right:0}.echChart{height:100%;width:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.echChart__titles{margin-right:24px}.echChartContent{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:1px;width:100%}.echChartContent--column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.echChartTitle{font-style:normal;font-weight:bold;font-size:16px;line-height:19px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-ms-flex-negative:0;flex-shrink:0}.echChartTitle+.echChartDescription{padding-top:0}.echChartDescription{padding:8px;font-style:normal;font-weight:normal;font-size:14px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-ms-flex-negative:0;flex-shrink:0}.echContainer{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden;width:100%;height:100%}.echChartPointerContainer{position:absolute;top:0;bottom:0;right:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.echChartResizer{z-index:-10000000;position:absolute;bottom:0;top:0;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box}.echBrushTool{position:absolute;top:0;left:0;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;pointer-events:none}.echTooltip{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1),0 3.6px 13px rgba(0,0,0,.07),0 8.4px 23px rgba(0,0,0,.06),0 23px 35px rgba(0,0,0,.05);box-shadow:0 1px 5px rgba(0,0,0,.1),0 3.6px 13px rgba(0,0,0,.07),0 8.4px 23px rgba(0,0,0,.06),0 23px 35px rgba(0,0,0,.05);border-radius:6px;background-color:#404040;color:#fff;z-index:9000;max-width:256px;overflow-wrap:break-word;padding:8px;font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;padding:0;max-width:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;color:#343741;overflow:hidden;cursor:default;-webkit-transition:opacity 250ms,-webkit-box-shadow 400ms;transition:opacity 250ms,-webkit-box-shadow 400ms;transition:box-shadow 400ms,opacity 250ms;transition:box-shadow 400ms,opacity 250ms,-webkit-box-shadow 400ms;border:1px solid #fff}.echTooltip .euiHorizontalRule{background-color:#595959}.echTooltip__outerWrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.echTooltip--pinned{-webkit-box-shadow:0 .7px 1.4px rgba(0,0,0,.07),0 1.9px 4px rgba(0,0,0,.05),0 4.5px 10px rgba(0,0,0,.05);box-shadow:0 .7px 1.4px rgba(0,0,0,.07),0 1.9px 4px rgba(0,0,0,.05),0 4.5px 10px rgba(0,0,0,.05);pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.echTooltip--pinned .echTooltip__tableRow--selectable{cursor:pointer}.echTooltip--pinned .echTooltipActions{pointer-events:auto}.echTooltip--pinned .echTooltip__tableWrapper{pointer-events:auto}.echTooltip .echTooltip__tableCell--truncate{max-width:100%;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.echTooltip__metricRow{padding:4px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.echTooltip__tableWrapper{overflow:hidden;scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;background-color:#fff}.echTooltip__tableWrapper::-webkit-scrollbar{width:16px;height:16px}.echTooltip__tableWrapper::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echTooltip__tableWrapper::-webkit-scrollbar-corner,.echTooltip__tableWrapper::-webkit-scrollbar-track{background-color:transparent}.echTooltip__tableWrapper--pinned{overflow:auto}.echTooltip__table{display:grid;width:100%}.echTooltip__table--noGrid{display:table}.echTooltip__tableHeader .echTooltip__tableCell,.echTooltip__tableFooter .echTooltip__tableCell{cursor:default;font-weight:600;background-color:#fff;position:sticky;z-index:1}.echTooltip__tableHeader,.echTooltip__tableBody,.echTooltip__tableFooter,.echTooltip__tableRow{display:contents}.echTooltip__tableHeader{margin-bottom:0;top:0}.echTooltip__tableHeader .echTooltip__tableCell{border-bottom:solid 1px #d3dae6;top:0}.echTooltip__tableFooter{margin-top:0;bottom:0}.echTooltip__tableFooter .echTooltip__tableCell{border-top:solid 1px #d3dae6;bottom:0}.echTooltip__tableCell:not(.echTooltip__colorCell){padding:4px}.echTooltip__tableBody .echTooltip__tableCell:not(.echTooltip__colorCell){padding:2px 4px;-webkit-transition:margin 200ms,padding 200ms;transition:margin 200ms,padding 200ms}.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(0,119,204,.1)}.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__colorCell+.echTooltip__tableCell{margin-left:10px;padding-left:10px}.echTooltip__tableBody .echTooltip__tableRow--selected:hover .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selected:hover .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(0,119,204,.1)}.echTooltip__tableBody .echTooltip__tableRow--selectable:hover .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selectable:hover .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(0,119,204,.05)}.echTooltip__tableRow{position:relative}.echTooltip__tableRow--highlighted .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableRow--highlighted .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(211,218,230,.5)}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip{width:21px}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip--spacer{width:0;min-width:0}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip--icon{opacity:1}.echTooltip__colorCell{padding:0;height:100%;position:relative;overflow:hidden;width:21px}.echTooltip__colorCell--static{width:5px}.echTooltip__colorStrip,.echTooltip__colorStrip--bg,.echTooltip__colorStrip--spacer{position:absolute;top:0;left:0;bottom:0;width:5px;-webkit-transition:width 200ms;transition:width 200ms}.echTooltip__colorStrip--icon{opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-transition:opacity 200ms;transition:opacity 200ms;padding:0 4px}.echTooltip__colorStrip--spacer{left:auto;right:10px;width:6px;min-width:6px}.echTooltip__label{min-width:1px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:left}.echTooltip__value{text-align:right;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.echTooltip[dir=rtl] .echTooltip__colorStrip{left:auto;right:0}.echTooltipHeader{font-weight:600;margin-bottom:0;padding:4px 8px}.echTooltipFooter{font-weight:600;margin-top:0;padding:4px 8px}.echTooltipDivider{width:100%;border-bottom:solid 1px #d3dae6}@-webkit-keyframes promptSlideDown{100%{opacity:1;top:0;height:26px}}@keyframes promptSlideDown{100%{opacity:1;top:0;height:26px}}.echTooltipPrompt{position:relative;width:100%;z-index:-1}.echTooltipPrompt__content{color:#69707d;font-style:normal;font-size:12px;line-height:26px;padding:0 8px}.echTooltipPrompt.slideDown{opacity:0;top:-26px;height:0;-webkit-animation:promptSlideDown .25s forwards;animation:promptSlideDown .25s forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}.echTooltipActions{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;font-style:normal;font-size:12px;line-height:21px}.echTooltipActions__prompt{position:relative;height:26px;padding:0 8px;line-height:26px;width:100%;color:#69707d;font-style:normal;font-size:12px}.echTooltipActions__action{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:left;width:100%;padding:0 8px;line-height:21px;cursor:pointer;color:#343741}.echTooltipActions__action:nth-child(2){padding-top:4px}.echTooltipActions__action:last-child{padding-bottom:2px}.echTooltipActions__action:hover,.echTooltipActions__action:focus{text-decoration:underline}.echTooltipActions__action[disabled]{cursor:default;color:#abb4c4}.echTooltipActions__action[disabled]:hover,.echTooltipActions__action[disabled]:focus{text-decoration:none}[id^=echTooltipPortal]{pointer-events:none}[id^=echAnchor]{position:absolute;pointer-events:none}.echTooltipPortal__invisible{position:fixed;visibility:hidden;width:0;height:0}.echIcon{-ms-flex-negative:0;flex-shrink:0;display:inline-block;vertical-align:middle;fill:currentColor}.echIcon svg{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.echIcon:focus{opacity:1;background:rgba(0,119,204,.1)}.echLegend .echLegendList{display:grid;grid-template-columns:minmax(0, 1fr);-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.echLegend--horizontal .echLegendList{grid-column-gap:24px;grid-row-gap:8px;margin-top:8px;margin-bottom:8px}.echLegend--top,.echLegend--left{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.echLegend--bottom,.echLegend--right{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.echLegend--debug{background:rgba(238,130,238,.2);position:relative}.echLegend--inert{pointer-events:none}.echLegend .echLegendListContainer{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);width:100%;overflow-y:auto;overflow-x:hidden}.echLegend .echLegendListContainer::-webkit-scrollbar{width:16px;height:16px}.echLegend .echLegendListContainer::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echLegend .echLegendListContainer::-webkit-scrollbar-corner,.echLegend .echLegendListContainer::-webkit-scrollbar-track{background-color:transparent}.echLegend .echLegendListContainer:focus{outline:none}.echLegend .echLegendListContainer[tabindex="0"]:focus:focus-visible{outline-style:auto}.echLegend .echLegendListContainer :focus{outline:2px solid currentColor;outline-offset:1px;background-color:rgba(0,119,204,.1);border-radius:3px}.echLegend .echLegendListContainer :focus:focus-visible{outline-style:auto}.echLegend .echLegendListContainer :focus:not(:focus-visible){outline:none}.echLegendItem{color:#343741;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}.echLegendItem .colorWrapper>*:first-of-type{height:18px}.echLegendItem:not([dir=rtl])>*:not(.background){margin-left:4px}.echLegendItem:not([dir=rtl])>*:not(.background):last-child:not(.echLegendItem__extra){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background):last-child:not(.echLegendItem__extra){margin-left:4px}.echLegendItem:not(.echLegendItem--hidden) .echLegendItem__color--changable{cursor:pointer}.echLegendItem:hover .background{background-color:#f5f7fa}.echLegendItem .background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.echLegendItem__action{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:18px;max-width:calc(18px + 8px)}.echLegendItem__action .euiPopover,.echLegendItem__action .euiPopover__anchor,.echLegendItem__action .euiPopover__anchor>*:first-child{height:100%;width:100%}.echLegendItem__color{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.5;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.echLegendItem__label{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:left;vertical-align:baseline;letter-spacing:unset;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;word-break:break-word;-ms-hyphens:auto;hyphens:auto;overflow:hidden;min-width:1px}.echLegendItem__label--singleline{max-width:100%;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.echLegendItem__label--multiline:is(div){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.echLegendItem__label--clickable:hover{cursor:pointer;text-decoration:underline}.echLegendItem__extra{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;text-align:right;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:4px;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";letter-spacing:unset;direction:ltr}.echLegendItem--vertical{padding-top:2px;padding-bottom:2px}.echLegendItem--vertical:first-of-type{margin-top:2px}.echLegendItem--vertical .background{margin-top:2px;margin-bottom:2px}.echLegendItem--hidden{color:#69707d}.echLegendItem[dir=rtl] .echLegendItem__label{text-align:right}.echReactiveChart_noResults{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;color:#69707d}.echHighlighter{position:absolute;pointer-events:none;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.echHighlighterOverlay__fill{fill:rgba(255,255,255,.2)}.echHighlighterOverlay__stroke{stroke:rgba(255,255,255,.2)}.echHighlighter__mask{fill:rgba(255,255,255,.5)}.echCrosshair,.echCrosshair__cursor,.echCrosshair__crossLine{position:absolute;top:0;left:0;pointer-events:none}.echScreenReaderOnly{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.echScreenReaderOnlyDebug{left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;overflow:auto !important;background:rgba(255,255,255,.8)}.echScreenReaderOnlyDebug table,.echScreenReaderOnlyDebug td,.echScreenReaderOnlyDebug th{border:1px solid #000;font-size:12px}.echScreenReaderTable{overflow-x:auto;text-align:left}.echAnnotation{padding:0;-webkit-transition:opacity 250ms;transition:opacity 250ms;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:260px}.echAnnotation__marker{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-weight:700;line-height:normal}.echAnnotation__details{padding:4px 8px}.echAnnotation__icon{position:relative}.echAnnotation__body{white-space:nowrap}.echCanvasRenderer{position:absolute;top:0;left:0;padding:0;margin:0;border:0;background:transparent}.echMetricContainer{display:grid;width:100%;height:100%;-ms-flex-line-pack:start;align-content:start;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.echMetric{position:relative;width:100%;height:100%;overflow:hidden;-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s}.echMetric .echMetric--outline{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.echMetric:focus-within .echMetric--outline{outline:auto;outline-offset:-1.5px}.echMetric:focus-within button{outline:none}.echMetric--rightBorder{border-right:1px solid #343741}.echMetric--topBorder{border-top:1px solid #343741}.echMetric--bottomBorder{border-bottom:1px solid #343741}.echMetric--vertical.echMetric--small{padding-left:10px}.echMetric--horizontal.echMetric--small{padding-bottom:10px}.echMetricEmpty{position:absolute;bottom:9px;right:11px;width:20px;border-bottom:1px solid}.echMetricText{position:relative;padding:8px;height:100%;z-index:1;display:grid;grid-template-columns:100%;grid-template-rows:-webkit-min-content -webkit-min-content auto -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content auto min-content min-content;text-align:left;line-height:1.2}.echMetricText__title{font-weight:bold;word-wrap:break-word}.echMetricText__title button{font-weight:bold;width:100%;text-align:left}.echMetricText__icon{position:absolute;right:8px;top:8px}.echMetricText__subtitle{padding-top:5px;font-weight:normal;text-align:left}.echMetricText__extra{text-align:right;font-weight:normal}.echMetricText__value{position:relative;font-weight:bold;text-align:right;white-space:nowrap;overflow:hidden}.echMetricText__valueIcon{display:inline-block;position:absolute;right:8px;bottom:8px}.echMetricText__part{font-weight:bold}.echMetricText__gap{position:relative}.echSingleMetricProgress{position:absolute;overflow:hidden}.echSingleMetricProgress--vertical{left:0;right:0;top:0;bottom:0;height:100%;width:100%}.echSingleMetricProgress--vertical.echSingleMetricProgress--small{right:auto;width:10px}.echSingleMetricProgress--horizontal{left:0;right:0;width:100%;top:0;bottom:0;height:100%}.echSingleMetricProgress--horizontal.echSingleMetricProgress--small{top:auto;height:10px}.echSingleMetricProgressBar{-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s}.echSingleMetricProgressBar--vertical{position:absolute;left:0;right:0;bottom:0;width:100%}.echSingleMetricProgressBar--horizontal{position:absolute;top:0;bottom:0;left:0;height:100%}.echSingleMetricSparkline{position:absolute;overflow:hidden;top:0;bottom:0;left:0;right:0}.echSingleMetricSparkline__svg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.echSingleMetricSparkline__svg rect,.echSingleMetricSparkline__svg path{-webkit-transition:fill ease-in-out .1s;transition:fill ease-in-out .1s}.echSingleMetricChart--small{position:absolute;top:auto;left:auto;bottom:0;right:0;width:100px;height:30px}
.firmware-type-container {
    display: flex;
    margin-top: 20px;
}
.firmware-type-field-label {
    flex: auto 0 0;
    margin-right: 100px;
}

.firmware-type-field-label.required::after {
    content: '*';
    color: red;
    margin-left: 4px;
    font-size: 18px;
    line-height: 24px;
}

.InfoCircleOutlined {
    margin-left: 10px;
}.euiTitle:has(abbr) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
}
.help-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.help-container .field-label {
    flex: 150px 0 0;
    margin: 0;
}

.help-container .field-label.required::after {
    content: '*';
    color: red;
    margin-left: 4px;
    font-size: 18px;
    line-height: 24px;
}

.help-container .field-control {
    flex: 100% 1 1;
}

.help-container .field-control .css-trelvw-menu, 
.help-container .field-control .css-trelvw-menu > * {
    max-height: 220px !important;
}

.pane-container {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 50px;
}

.pane-left {
    width: 35%;
    flex-grow: 0;
    flex-shrink: 1;
    border-right: 1px solid #ccc;
    padding-right: 50px;
}

.pane-left .scrollable-area {
    height: calc(100vh - 250px);
    overflow: auto;
}

.pane-right {
    width: 65%;
    flex-grow: 0;
    flex-shrink: 1;
    padding: 0 0 0 50px;
}

.active-content {
    background: rgb(243 251 254);
    list-style-type: disclosure-closed;
}

.shadow {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.form-control::-moz-placeholder {
    color: #999 !important;
}

.form-control::placeholder {
    color: #999 !important;
}

.upload-size-label{
    margin-left: 20px;
    font-size: 12px;
    color: #999;
}

.file-upload-label-selection {
    font-size: 14px;
    font-weight: 800;
}

.file-upload-label-no-selection{
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
}

.text-error {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.button-as-link {
    background: none;
    color: #007bff;
    border: none;
    padding: 0;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
}

.button-as-link:hover {
    color: #007bff;
}

.hide-content {
    display: none;
}

.custom-accordion-headers > ul {
    margin: 0;
    padding: 0;
}

.custom-accordion-headers ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-top: 1px solid #000;
}

.custom-accordion-headers + div {
    border-top: 0;
}.label-that-wraps {
  word-break: break-all;
}
@font-face {
    font-family: 'CMI-CoreWebIconSet';
    src:  url('./CMI-CoreWebIconSet-82198e8e.eot?a84hma');
    src:  url('./CMI-CoreWebIconSet-82198e8e.eot?a84hma#iefix') format('embedded-opentype'),
      url('./CMI-CoreWebIconSet-534a56c4.woff2?a84hma') format('woff2'),
      url('./CMI-CoreWebIconSet-8ffa7e04.ttf?a84hma') format('truetype'),
      url('./CMI-CoreWebIconSet-f0a6220b.woff?a84hma') format('woff'),
      url('./CMI-CoreWebIconSet-f7f5c7a8.svg?a84hma#CMI-CoreWebIconSet') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'CMI-CoreWebIconSet' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-accessManagement:before {
  content: "\e985";
}
  
  .icon-actions:before {
  content: "\e978";
}
  
  .icon-activity:before {
  content: "\1f514";
}
  
  .icon-activityBound:before {
  content: "\1f6ce";
}
  
  .icon-add:before {
  content: "\2b";
}
  
  .icon-addBound:before {
  content: "\2295";
}
  
  .icon-addEquipment:before {
  content: "\e9a7";
}
  
  .icon-addEquipmentBound:before {
  content: "\e9a8";
}
  
  .icon-agilityFuelSystem:before {
  content: "\e949";
}
  
  .icon-allDay:before {
  content: "\e97a";
}
  
  .icon-attachment:before {
  content: "\e98a";
}
  
  .icon-attachmentBound:before {
  content: "\e98b";
}
  
  .icon-audio:before {
  content: "\1f50a";
}
  
  .icon-audioBound:before {
  content: "\1f509";
}
  
  .icon-back:before {
  content: "\2190";
}
  
  .icon-back115:before {
  content: "\e98e";
}
  
  .icon-backBound:before {
  content: "\21e6";
}
  
  .icon-backBound116:before {
  content: "\e99a";
}
  
  .icon-battery:before {
  content: "\e950";
}
  
  .icon-batteryBound:before {
  content: "\e951";
}
  
  .icon-bluetoothGlyph:before {
  content: "\16e1";
}
  
  .icon-bluetoothOvalLogo:before {
  content: "\16d2";
}
  
  .icon-brakes:before {
  content: "\e93f";
}
  
  .icon-brakesBound:before {
  content: "\e940";
}
  
  .icon-business:before {
  content: "\1f3e2";
}
  
  .icon-businessBound:before {
  content: "\e901";
}
  
  .icon-cab:before {
  content: "\e94c";
}
  
  .icon-cabBound:before {
  content: "\e94d";
}
  
  .icon-calendar:before {
  content: "\1f4c5";
}
  
  .icon-calendarBound:before {
  content: "\1f4c6";
}
  
  .icon-calibrate:before {
  content: "\e9ab";
}
  
  .icon-calibrationHistory:before {
  content: "\e98d";
}
  
  .icon-cart:before {
  content: "\1f6d2";
}
  
  .icon-cartBound:before {
  content: "\e90f";
}
  
  .icon-changeFilterNow:before {
  content: "\e922";
}
  
  .icon-changeFilterSoon:before {
  content: "\e923";
}
  
  .icon-changeSensor:before {
  content: "\e924";
}
  
  .icon-chassis:before {
  content: "\e945";
}
  
  .icon-chassisBound:before {
  content: "\e946";
}
  
  .icon-checkmark:before {
  content: "\2713";
}
  
  .icon-clock:before {
  content: "\1f550";
}
  
  .icon-clockBound:before {
  content: "\1f558";
}
  
  .icon-close:before {
  content: "\d7";
}
  
  .icon-closeBound:before {
  content: "\2573";
}
  
  .icon-collapse:before {
  content: "\25b2";
}
  
  .icon-collapseBound:before {
  content: "\25b3";
}
  
  .icon-connectECMTroubleshoot:before {
  content: "\e95b";
}
  
  .icon-connectedAdvisor:before {
  content: "\e9a1";
}
  
  .icon-connectedAdvisor2:before {
  content: "\e95c";
}
  
  .icon-copy:before {
  content: "\29c9";
}
  
  .icon-copyBound:before {
  content: "\e972";
}
  
  .icon-cumminsConnect:before {
  content: "\e959";
}
  
  .icon-cumminsConnectBound:before {
  content: "\e95a";
}
  
  .icon-cumminsLogoNoTrade:before {
  content: "\e902";
}
  
  .icon-cumminsLogoTrademark:before {
  content: "\e900";
}
  
  .icon-customerComplaint:before {
  content: "\e956";
}
  
  .icon-dailyHealth:before {
  content: "\e97b";
}
  
  .icon-dashboard:before {
  content: "\e987";
}
  
  .icon-dateTime:before {
  content: "\1f5d3";
}
  
  .icon-dateTimeBound:before {
  content: "\e984";
}
  
  .icon-dayTrial:before {
  content: "\325a";
}
  
  .icon-dayTrial1:before {
  content: "\324d";
}
  
  .icon-dayTrial2:before {
  content: "\e938";
}
  
  .icon-dialGauge:before {
  content: "\e971";
}
  
  .icon-document:before {
  content: "\1f5ce";
}
  
  .icon-documentBound:before {
  content: "\e98f";
}
  
  .icon-download:before {
  content: "\21a7";
}
  
  .icon-downloadBound:before {
  content: "\2961";
}
  
  .icon-driveshaft:before {
  content: "\e943";
}
  
  .icon-driveshaftBound:before {
  content: "\e944";
}
  
  .icon-edit:before {
  content: "\270e";
}
  
  .icon-editBound:before {
  content: "\270f";
}
  
  .icon-electronic:before {
  content: "\e954";
}
  
  .icon-electronicBound:before {
  content: "\e955";
}
  
  .icon-engine:before {
  content: "\e936";
}
  
  .icon-engineAirFilter:before {
  content: "\e96b";
}
  
  .icon-engineBound:before {
  content: "\e937";
}
  
  .icon-engineHistory:before {
  content: "\e95f";
}
  
  .icon-engineOil:before {
  content: "\e91f";
}
  
  .icon-envelope:before {
  content: "\2709";
}
  
  .icon-envelopeBound:before {
  content: "\1f4e8";
}
  
  .icon-equipmentLocation:before {
  content: "\e977";
}
  
  .icon-equipmentMonitoring:before {
  content: "\e973";
}
  
  .icon-equipmentUpdate:before {
  content: "\e988";
}
  
  .icon-ethernet:before {
  content: "\e960";
}
  
  .icon-excelDocument:before {
  content: "\e996";
}
  
  .icon-excelDocumentBound:before {
  content: "\e997";
}
  
  .icon-exception:before {
  content: "\e931";
}
  
  .icon-exhaust:before {
  content: "\e94a";
}
  
  .icon-exhaustBound:before {
  content: "\e94b";
}
  
  .icon-expand:before {
  content: "\2193";
}
  
  .icon-expandBound:before {
  content: "\25bc";
}
  
  .icon-fax:before {
  content: "\1f4e0";
}
  
  .icon-faxBound:before {
  content: "\1f5b7";
}
  
  .icon-facebook:before {
  content: "\e910";
}
  
  .icon-facebookBound:before {
  content: "\e911";
}
  
  .icon-fastForward:before {
  content: "\23e9";
}
  
  .icon-fastForwardBound:before {
  content: "\25c0";
}
  
  .icon-faultHistory:before {
  content: "\e976";
}
  
  .icon-filter:before {
  content: "\e91b";
}
  
  .icon-filterBound:before {
  content: "\e91c";
}
  
  .icon-filtration:before {
  content: "\e9a0";
}
  
  .icon-filtration2:before {
  content: "\e94e";
}
  
  .icon-filtrationBound:before {
  content: "\e94f";
}
  
  .icon-flaggedHigh:before {
  content: "\1f6a9";
}
  
  .icon-flaggedLow:before {
  content: "\1f38c";
}
  
  .icon-folder:before {
  content: "\1f4c2";
}
  
  .icon-folderBound:before {
  content: "\1f4c1";
}
  
  .icon-fuel:before {
  content: "\e947";
}
  
  .icon-fuelBound:before {
  content: "\e948";
}
  
  .icon-fuelFilter:before {
  content: "\e966";
}
  
  .icon-fuelWaterSeparator:before {
  content: "\e986";
}
  
  .icon-generation:before {
  content: "\e97d";
}
  
  .icon-generationBound:before {
  content: "\e97e";
}
  
  .icon-graph2:before {
  content: "\e930";
}
  
  .icon-grid:before {
  content: "\e929";
}
  
  .icon-gridBound:before {
  content: "\e92b";
}
  
  .icon-help:before {
  content: "\3f";
}
  
  .icon-help2:before {
  content: "\e90e";
}
  
  .icon-helpBound:before {
  content: "\20dd";
}
  
  .icon-helpBound2:before {
  content: "\e91a";
}
  
  .icon-hierarcy:before {
  content: "\e965";
}
  
  .icon-home:before {
  content: "\2302";
}
  
  .icon-homeBound:before {
  content: "\1f3e0";
}
  
  .icon-hotSurface:before {
  content: "\e981";
}
  
  .icon-ignore:before {
  content: "\1f507";
}
  
  .icon-image:before {
  content: "\e99c";
}
  
  .icon-imageBound:before {
  content: "\e99d";
}
  
  .icon-inProgress:before {
  content: "\e93b";
}
  
  .icon-inService:before {
  content: "\1f6e0";
}
  
  .icon-inServiceBound:before {
  content: "\1f527";
}
  
  .icon-info:before {
  content: "\2139";
}
  
  .icon-instagram:before {
  content: "\e918";
}
  
  .icon-instagramBound:before {
  content: "\e919";
}
  
  .icon-instantNotifications:before {
  content: "\e974";
}
  
  .icon-key:before {
  content: "\e90c";
}
  
  .icon-keyBound:before {
  content: "\e90d";
}
  
  .icon-language:before {
  content: "\2687";
}
  
  .icon-languageBound:before {
  content: "\e909";
}
  
  .icon-linkedIn:before {
  content: "\e916";
}
  
  .icon-linkedInBound:before {
  content: "\e917";
}
  
  .icon-list:before {
  content: "\e92c";
}
  
  .icon-listBound:before {
  content: "\e92d";
}
  
  .icon-location:before {
  content: "\1f4cd";
}
  
  .icon-locationBound:before {
  content: "\1f4cc";
}
  
  .icon-locationSolid:before {
  content: "\26ab";
}
  
  .icon-locationSolidBound:before {
  content: "\26aa";
}
  
  .icon-locked:before {
  content: "\1f512";
}
  
  .icon-lockedBound:before {
  content: "\1f510";
}
  
  .icon-lube:before {
  content: "\e96d";
}
  
  .icon-lubeFilter:before {
  content: "\e96c";
}
  
  .icon-map:before {
  content: "\1f5fa";
}
  
  .icon-mapBound:before {
  content: "\e980";
}
  
  .icon-mechanical:before {
  content: "\e952";
}
  
  .icon-mechanicalBound:before {
  content: "\e953";
}
  
  .icon-menu:before {
  content: "\2630";
}
  
  .icon-menuBound:before {
  content: "\2631";
}
  
  .icon-minute:before {
  content: "\e989";
}
  
  .icon-next:before {
  content: "\2192";
}
  
  .icon-nextBound:before {
  content: "\21e8";
}
  
  .icon-notEditable:before {
  content: "\e967";
}
  
  .icon-notEditableBound:before {
  content: "\e968";
}
  
  .icon-offline:before {
  content: "\21ce";
}
  
  .icon-oil:before {
  content: "\e96e";
}
  
  .icon-online:before {
  content: "\21c4";
}
  
  .icon-open:before {
  content: "\25b7";
}
  
  .icon-openBound:before {
  content: "\25ba";
}
  
  .icon-openInNewWindow:before {
  content: "\e95d";
}
  
  .icon-openInNewWindowBound:before {
  content: "\e95e";
}
  
  .icon-otherSites:before {
  content: "\1f578";
}
  
  .icon-otherSitesBound:before {
  content: "\273a";
}
  
  .icon-pdf:before {
  content: "\e990";
}
  
  .icon-pdfBound:before {
  content: "\e991";
}
  
  .icon-panelLight:before {
  content: "\e96f";
}
  
  .icon-phone:before {
  content: "\1f4de";
}
  
  .icon-phoneBound:before {
  content: "\260e";
}
  
  .icon-print:before {
  content: "\1f5a8";
}
  
  .icon-printBound:before {
  content: "\e970";
}
  
  .icon-prioritization:before {
  content: "\e975";
}
  
  .icon-profile:before {
  content: "\1f600";
}
  
  .icon-profileBound:before {
  content: "\1f642";
}
  
  .icon-programs:before {
  content: "\e982";
}
  
  .icon-protect:before {
  content: "\271a";
}
  
  .icon-rss:before {
  content: "\e920";
}
  
  .icon-rssBound:before {
  content: "\e921";
}
  
  .icon-recurring:before {
  content: "\e93c";
}
  
  .icon-refresh:before {
  content: "\21bb";
}
  
  .icon-refreshBound:before {
  content: "\21ba";
}
  
  .icon-region:before {
  content: "\1f30e";
}
  
  .icon-regionBound:before {
  content: "\1f310";
}
  
  .icon-register:before {
  content: "\e905";
}
  
  .icon-registerBound:before {
  content: "\e906";
}
  
  .icon-report:before {
  content: "\e99e";
}
  
  .icon-reviewJob:before {
  content: "\e932";
}
  
  .icon-reviewJobBound:before {
  content: "\e933";
}
  
  .icon-rewind:before {
  content: "\23ea";
}
  
  .icon-rewindBound:before {
  content: "\25b6";
}
  
  .icon-rollback:before {
  content: "\e98c";
}
  
  .icon-sMS:before {
  content: "\1f4ac";
}
  
  .icon-sMSBound:before {
  content: "\1f4ad";
}
  
  .icon-save:before {
  content: "\e957";
}
  
  .icon-saveBound:before {
  content: "\e958";
}
  
  .icon-search:before {
  content: "\1f50d";
}
  
  .icon-searchBound:before {
  content: "\1f50e";
}
  
  .icon-service3Days:before {
  content: "\e925";
}
  
  .icon-service7Days:before {
  content: "\e926";
}
  
  .icon-serviceTiming:before {
  content: "\e97c";
}
  
  .icon-settings:before {
  content: "\2699";
}
  
  .icon-settingsBound:before {
  content: "\2700";
}
  
  .icon-share:before {
  content: "\e969";
}
  
  .icon-shareBound:before {
  content: "\e96a";
}
  
  .icon-smallArrow:before {
  content: "\e92f";
}
  
  .icon-solidArrowUp:before {
  content: "\e99f";
}
  
  .icon-solidArrowUpBound:before {
  content: "\e9a2";
}
  
  .icon-solidDownArrow:before {
  content: "\e927";
}
  
  .icon-solidDownArrowBound:before {
  content: "\e928";
}
  
  .icon-sort:before {
  content: "\e91d";
}
  
  .icon-sortBound:before {
  content: "\e91e";
}
  
  .icon-spreadsheet:before {
  content: "\e998";
}
  
  .icon-spreadsheetBound:before {
  content: "\e999";
}
  
  .icon-star:before {
  content: "\e90a";
}
  
  .icon-starBound:before {
  content: "\e90b";
}
  
  .icon-startOn:before {
  content: "\e962";
}
  
  .icon-stop:before {
  content: "\1f6d1";
}
  
  .icon-stopOff:before {
  content: "\e961";
}
  
  .icon-stopped:before {
  content: "\e963";
}
  
  .icon-stopwatch:before {
  content: "\23f1";
}
  
  .icon-subtract:before {
  content: "\2212";
}
  
  .icon-subtractBound:before {
  content: "\2296";
}
  
  .icon-success:before {
  content: "\2714";
}
  
  .icon-successBound:before {
  content: "\2611";
}
  
  .icon-successfulRepair:before {
  content: "\e92a";
}
  
  .icon-tapeMeter:before {
  content: "\e964";
}
  
  .icon-textDocument:before {
  content: "\e994";
}
  
  .icon-textDocumentBound:before {
  content: "\e995";
}
  
  .icon-transmission:before {
  content: "\e939";
}
  
  .icon-transmissionBound:before {
  content: "\e93a";
}
  
  .icon-trashcan:before {
  content: "\1f5d1";
}
  
  .icon-trashcanBound:before {
  content: "\1f6ae";
}
  
  .icon-tunings:before {
  content: "\e983";
}
  
  .icon-turbo:before {
  content: "\e93d";
}
  
  .icon-turboBound:before {
  content: "\e93e";
}
  
  .icon-twitter:before {
  content: "\e912";
}
  
  .icon-twitterBound:before {
  content: "\e913";
}
  
  .icon-typeSize:before {
  content: "\e907";
}
  
  .icon-typeSizeBound:before {
  content: "\e908";
}
  
  .icon-undo:before {
  content: "\21a9";
}
  
  .icon-undoBound:before {
  content: "\21ab";
}
  
  .icon-unitsOfMeasure:before {
  content: "\1f4cf";
}
  
  .icon-unknownDelay:before {
  content: "\e934";
}
  
  .icon-unknownDelayBound:before {
  content: "\e935";
}
  
  .icon-unlocked:before {
  content: "\1f513";
}
  
  .icon-unlockedBound:before {
  content: "\e92e";
}
  
  .icon-updateCancelled:before {
  content: "\e9a6";
}
  
  .icon-updateComplete:before {
  content: "\e9a4";
}
  
  .icon-updateInProgress:before {
  content: "\e9a3";
}
  
  .icon-updateInterrupted:before {
  content: "\e9a5";
}
  
  .icon-upload:before {
  content: "\21a5";
}
  
  .icon-uploadBound:before {
  content: "\2960";
}
  
  .icon-userManagement:before {
  content: "\e9a9";
}
  
  .icon-users:before {
  content: "\e903";
}
  
  .icon-usersBound:before {
  content: "\e904";
}
  
  .icon-view:before {
  content: "\1f441";
}
  
  .icon-viewBound:before {
  content: "\1f440";
}
  
  .icon-warning:before {
  content: "\26a0";
}
  
  .icon-warranty:before {
  content: "\e97f";
}
  
  .icon-webAndMobile:before {
  content: "\e979";
}
  
  .icon-wheels:before {
  content: "\e941";
}
  
  .icon-wheelsBound:before {
  content: "\e942";
}
  
  .icon-wordDocument:before {
  content: "\e992";
}
  
  .icon-wordDocumentBound:before {
  content: "\e993";
}
  
  .icon-youTube:before {
  content: "\e914";
}
  
  .icon-youTubeBound:before {
  content: "\e915";
}
  
  .icon-zipFile:before {
  content: "\1f5dc";
}
  
  .icon-zipFileBound:before {
  content: "\e99b";
}
  
  @font-face {
    font-family: 'CMI-Devices-Equipment-Webfont';
    src:  url('./CMI-Devices-Equipment-Webfont-0c037228.eot?3273hg');
    src:  url('./CMI-Devices-Equipment-Webfont-0c037228.eot?3273hg#iefix') format('embedded-opentype'),
      url('./CMI-Devices-Equipment-Webfont-843f4a4f.woff2?3273hg') format('woff2'),
      url('./CMI-Devices-Equipment-Webfont-d93d7acb.ttf?3273hg') format('truetype'),
      url('./CMI-Devices-Equipment-Webfont-cc99d68a.woff?3273hg') format('woff'),
      url('./CMI-Devices-Equipment-Webfont-5bcfedd0.svg?3273hg#CMI-Devices-Equipment-Webfont') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'CMI-Devices-Equipment-Webfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-Engine:before {
    content: "\e900";
  }
  
  .icon-Transmission:before {
    content: "\e901";
  }
  
  .icon-Turbo:before {
    content: "\e902";
  }
  
  .icon-Brakes:before {
    content: "\e903";
  }
  
  .icon-Wheels:before {
    content: "\e904";
  }
  
  .icon-Suspension:before {
    content: "\e904";
  }
  
  .icon-Driveshaft:before {
    content: "\e905";
  }
  
  .icon-Cab:before {
    content: "\e906";
  }
  
  .icon-Cabin:before {
    content: "\e906";
  }
  
  .icon-Chassis:before {
    content: "\e907";
  }
  
  .icon-Exhaust:before {
    content: "\e908";
  }
  
  .icon-Fuel:before {
    content: "\e909";
  }
  
  .icon-Electrical:before {
    content: "\e90a";
  }
  
  .icon-Other-Mechanical:before {
    content: "\e90b";
  }
  
  .icon-Other-Electrical:before {
    content: "\e90c";
  }
  
  .icon-CNG:before {
    content: "\e90d";
  }
  
  .icon-LNG-Fuel:before {
    content: "\e90d";
  }
  
  .icon-Generic-On-Highway:before {
    content: "\e90e";
  }
  
  .icon-Generic-Mine:before {
    content: "\e90f";
  }
  
  .icon-Pickup-Truck:before {
    content: "\e910";
  }
  
  .icon-Delivery-Van:before {
    content: "\e911";
  }
  
  .icon-Small-Truck:before {
    content: "\e912";
  }
  
  .icon-Cabover-Flatbed:before {
    content: "\e913";
  }
  
  .icon-Delivery-Truck:before {
    content: "\e914";
  }
  
  .icon-Semi-Truck:before {
    content: "\e915";
  }
  
  .icon-Dump-Truck:before {
    content: "\e916";
  }
  
  .icon-Cement-Mixer:before {
    content: "\e917";
  }
  
  .icon-Crane:before {
    content: "\e918";
  }
  
  .icon-Farm-Tractor:before {
    content: "\e919";
  }
  
  .icon-Construction-Tractor:before {
    content: "\e91a";
  }
  
  .icon-Bulldozer:before {
    content: "\e91b";
  }
  
  .icon-Front-End-Loader:before {
    content: "\e91c";
  }
  
  .icon-Grader:before {
    content: "\e91d";
  }
  
  .icon-Backhoe:before {
    content: "\e91e";
  }
  
  .icon-Forklift:before {
    content: "\e91f";
  }
  
  .icon-High-Lift:before {
    content: "\e920";
  }
  
  .icon-RV:before {
    content: "\e921";
  }
  
  .icon-School-Bus:before {
    content: "\e922";
  }
  
  .icon-Transit-Bus:before {
    content: "\e923";
  }
  
  .icon-Coach:before {
    content: "\e923";
  }
  
  .icon-Tugboat:before {
    content: "\e924";
  }
  
  .icon-Pushboat:before {
    content: "\e925";
  }
  
  .icon-Landing-Craft:before {
    content: "\e926";
  }
  
  .icon-Offshore-Supply-Vessel:before {
    content: "\e927";
  }
  
  .icon-Cargo-Ship:before {
    content: "\e928";
  }
  
  .icon-Fire-Truck:before {
    content: "\e929";
  }
  
  .icon-Portable-Generator:before {
    content: "\e92a";
  }
  
  .icon-Large-Generator:before {
    content: "\e92b";
  }
  
  .icon-Mining-Haul-Truck:before {
    content: "\e92c";
  }
  
  .icon-Mining-Shovel:before {
    content: "\e92d";
  }
  
  /* @import "https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/12.1.0/nouislider.min.css"; */
  
  @font-face {
  font-family: "ProximaNova";
  src: url("./proximanova-regular-webfont-1e3a05b0.eot");
  src: url("./proximanova-regular-webfont-1e3a05b0.eot?#iefix")
      format("embedded-opentype"),
    url("./proximanova-regular-webfont-4952ae2a.woff2") format("woff2"),
    url("./proximanova-regular-webfont-22ea9de5.woff") format("woff"),
    url("./proximanova-regular-webfont-79ea95b7.svg#proxima_novaregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
  
  @font-face {
  font-family: "ProximaNova";
  src: url("./proximanova-bold-webfont-b64c85de.eot");
  src: url("./proximanova-bold-webfont-b64c85de.eot?#iefix")
      format("embedded-opentype"),
    url("./proximanova-bold-webfont-062bf05d.woff2") format("woff2"),
    url("./proximanova-bold-webfont-c9ebfd2b.woff") format("woff"),
    url("./proximanova-bold-webfont-80f3904f.svg#proxima_novaregular")
      format("svg");
  font-weight: bold;
  font-style: normal;
}
  
  @font-face {
  font-family: "HelveticaNeue";
  src: url("./HelveticaNeueMedium-f807942e.woff");
  font-weight: normal;
  font-style: normal;
}
  
  @font-face {
  font-family: "HelveticaNeue";
  src: url("./HelveticaNeueBold-e72168c5.woff");
  font-weight: bold;
  font-style: normal;
}
  
  body {
  font-family: "ProximaNova", Arial, sans-serif !important;
  height: 100vh;
  padding: 0;
}html,
body {
  height: 100%;
}

body > div > div {
  display: flex;
  flex-direction: column;
}

#root, #root > div {
  height: 100%;
}

body > div > div > div:nth-child(2) {
  flex: 1;
}

body {
  font-size: 1rem;
}

tr {
  padding: 12px;
}

::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-style: italic;
  color: #999;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-style: italic;
  color: #999;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-style: italic;
  color: #999;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  font-style: italic;
  color: #999;
}

/* override some bootstrap styles. eventually will remove this when we remove cmi-ui/bootstrap */
a:hover {
  text-decoration: none;
}

path:focus {
  outline: none !important;
}

* {
  scroll-behavior: smooth;
}

/* Hide Mui SpeedDialAction tooltip */
[class^="MuiTooltip"][id^="charts-action"]  {
  display: none;
}