.ems {
  max-width: 100%;
  margin-left: 260px;
  margin-right: 20px;
  padding-top: 5px;
}
.ems-index {
  padding-top: 25px;
}
.ems-index-company-box {
  background-color: #b0bec5;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: auto;
}
.integration-config-mapping {
  width: 100%;
  display: inline-block;
}
.title-display {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 10px;
}
.text-area {
  width: 100%;
}
.ems-title-display {
  padding: 10px;
  -ms-flex-item-align: center;
  align-self: center;
}
.company-title-display {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown AutocompleteDropDown {
  list-style: none;
  padding-left: 10px;
  background-color: #8e8e8e;
  width: 100px;
  position: absolute;
  margin: 0;
  display: none;
}
.company-lookup {
  -ms-flex-item-align: end;
  align-self: end;
  padding-right: 10px;
}
.company-name {
  padding: 20px;
  -ms-flex-item-align: center;
  align-self: center;
}
.tab {
  width: 100%;
}
.box {
  width: 100%;
}
.tab-box {
  background-color: #b0bec5;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.accordion-box {
  padding: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.config-tab {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.accordion {
  padding: 5px;
  clear: both;
}
.detail-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 2px;
  position: relative;
}
.detail-required {
  display: grid;
  min-width: 35%;
}
.detail-optional {
  min-width: 65%;
  position: relative;
  padding-left: 20px;
}
.detail-optional-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail-optional-body-sections {
  display: grid;
  min-width: 50%;
}
.submitbttn {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.field-mapping-bttn {
  position: absolute;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  bottom: 10px;
  right: 35px;
}
.pretty-bttn {
  padding-right: 10px;
}
.transaction-label {
  min-width: 125%;
}
.transaction-label-option-b {
  min-width: 125%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ems-tooltip {
  font-size: 14px;
  line-height: 18px;
}
.empty-field-mapping {
  min-width: 500px;
  padding: 250px;
  color: #7a808d;
}
fieldset {
  background: #fcfcfc;
  border: 3px solid #f6f6f6;
  border-radius: 4px;
  margin: 0 0 2rem;
  padding: 1rem 1.5rem 1.5rem;
}
.ems-integration-input .MuiFormControl-root {
  max-width: 100%;
}
.mustache-template {
  vertical-align: top;
  padding-left: 20px;
}
.editor-area {
  width: 100%;
}
.codemirror {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
}
.scrollable {
  height: 280px;
  overflow: auto;
}

@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  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::before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.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 {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}
.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,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-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] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-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;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.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 15px;
}
.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 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 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: auto;
}
.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: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  -webkit-box-sizing: content-box;
  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-names {
  margin-bottom: -8px;
}
.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,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-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,
.react-datepicker__year-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,
.react-datepicker__year-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,
.react-datepicker__year-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,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-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,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: #000000;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-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;
  position: relative;
}
.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 {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.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;
  -ms-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: 0 6px 0 0;
  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: "×";
}
.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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  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__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}
.react-datepicker__aria-live {
  position: absolute;
  -webkit-clip-path: circle(0);
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 100;
  src: url(/static/4e914dc27a1bd1417fb9.woff2) format("woff2"), url(/static/76f8cb19a0cb6998e278.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: italic;
  font-weight: 100;
  src: url(/static/c6be4760672950d0eb1a.woff2) format("woff2"), url(/static/c436eabc6b725d3d16c8.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 200;
  src: url(/static/7ccb2faeaba5071246b0.woff2) format("woff2"), url(/static/a21beec0b76f8ab7d6f6.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: italic;
  font-weight: 200;
  src: url(/static/673a321557d72f4b55e6.woff2) format("woff2"), url(/static/d4a1f24f3233aa665502.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 300;
  src: url(/static/77e29717b1bc775ead8b.woff2) format("woff2"), url(/static/ac294cbf165de4f1e3ea.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: italic;
  font-weight: 300;
  src: url(/static/e5f2718713b0ea6e38d5.woff2) format("woff2"), url(/static/f608766954aa34204db8.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 400;
  src: url(/static/2a09564c896c9638aad8.woff2) format("woff2"), url(/static/b99566ba2cf87a0df500.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: italic;
  font-weight: 400;
  src: url(/static/d825a8d2bcfe215877cc.woff2) format("woff2"), url(/static/f663d60abf6e543f5f53.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 500;
  src: url(/static/bfc5c6942b64ba46491e.woff2) format("woff2"), url(/static/2f74051f5f914e89a249.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: italic;
  font-weight: 500;
  src: url(/static/5d5718ab843d8c0f0ee3.woff2) format("woff2"), url(/static/eba5197894710a3e36bf.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 600;
  src: url(/static/a4f5fc610111fb0c75e7.woff2) format("woff2"), url(/static/223485e3f4a5c75042fa.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: italic;
  font-weight: 600;
  src: url(/static/8d64683ecaa1a4f972f7.woff2) format("woff2"), url(/static/b34ab7e92fc3478fa5e7.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 700;
  src: url(/static/5ba2b8f07256f4a818db.woff2) format("woff2"), url(/static/449450163f45882ebfc2.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: italic;
  font-weight: 700;
  src: url(/static/bdeb042baa9d60dd35f1.woff2) format("woff2"), url(/static/2ef0335562b5d1cb465f.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 800;
  src: url(/static/bc62e210321a75aa89a9.woff2) format("woff2"), url(/static/eb425f7a6b9dea03c744.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: italic;
  font-weight: 800;
  src: url(/static/882f8fe822342836b4be.woff2) format("woff2"), url(/static/3945a31777540ee1ada1.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: normal;
  font-weight: 900;
  src: url(/static/e90cd7cdc95ed07606e9.woff2) format("woff2"), url(/static/f475b5c0968f7660f4e8.woff) format("woff");
}
@font-face {
  font-family: 'Inter UI';
  font-style: italic;
  font-weight: 900;
  src: url(/static/746e9425c91ae7f35568.woff2) format("woff2"), url(/static/5fd948be787a1dbac232.woff) format("woff");
}
/* --------------------------------------------------------------------------
Single variable font.

Note that you may want to do something like this to make sure you're serving
constant fonts to older browsers:
html {
  font-family: 'Inter UI', sans-serif;
}
@supports (font-variation-settings: normal) {
  html {
    font-family: 'Inter UI var', sans-serif;
  }
}

BUGS:
- Safari 12.0 will default to italic instead of regular when font-weight
  is provided in a @font-face declaration.
  Workaround: Use "Inter UI var alt" for Safari, or explicitly set
  `font-variation-settings:"slnt" DEGREE`.
*/
@font-face {
  font-family: 'Inter UI var';
  font-weight: 100 900;
  font-style: oblique 0deg 10deg;
  src: url(/static/115ad9df66b261fe6a71.woff2) format("woff2-variations"), url(/static/115ad9df66b261fe6a71.woff2) format("woff2");
}
/* --------------------------------------------------------------------------

"Inter UI var alt" is recommended for Safari and Edge, for reliable italics.

@supports (font-variation-settings: normal) {
  html {
    font-family: 'Inter UI var alt', sans-serif;
  }
}

*/
@font-face {
  font-family: 'Inter UI var alt';
  font-weight: 100 900;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url(/static/07c6318c4a178bb01654.woff2) format("woff2 supports variations(gvar)"), url(/static/07c6318c4a178bb01654.woff2) format("woff2-variations"), url(/static/07c6318c4a178bb01654.woff2) format("woff2");
}
@font-face {
  font-family: 'Inter UI var alt';
  font-weight: 100 900;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url(/static/1ebc9710ff9efa2924a8.woff2) format("woff2 supports variations(gvar)"), url(/static/1ebc9710ff9efa2924a8.woff2) format("woff2-variations"), url(/static/1ebc9710ff9efa2924a8.woff2) format("woff2");
}
:root {
  /* blues/reds included in style guide but not yet cleared for use are commented out below */
  /* --blue0: #041c50; */
  /* --blue5: #a9c2f9; */
  /* --blue7: #e9effd; */
  /* --skyBlue0: #103051;
   --skyBlue1: #184675;
   --skyBlue2: #2365a9; */
  /*  --skyBlue4: #85bdf8;
  --skyBlue5: #b6d7fb; */
  /* --skyBlue7: #ecf5fe; */
  /* --red0: #4a1313; */
  /* hover state on buttons icons (if applicable) */
  /* used for error text */
  /* typical error fill/stroke in UI elements */
  /* --red4: #f18b8b;
  --red5: #f7b9b9; */
  /* error highlight */
  /* --red7: #fce6e6; */
}
/* color classes */
.black {
  color: #191919 !important;
}
.white {
  color: white !important;
}
.successGreen {
  color: #24c26a !important;
}
.warningYellow {
  color: #ffcc3d !important;
}
.helpOrange {
  color: #f5a623 !important;
}
.newPurple {
  color: #8157b7 !important;
}
/* .blue0 { color: var(--blue0) !important; } */
.blue1 {
  color: #072973 !important;
}
.blue2 {
  color: #0b3ba6 !important;
}
.blue3 {
  color: #1259ee !important;
}
.blue4 {
  color: #7099f5 !important;
}
/* .blue5 { color: var(--blue5) !important; } */
.blue6 {
  color: #d4e0fc !important;
}
/* .blue7 { color: var(--blue7) !important; } */
/* .skyBlue0 { color: var(--skyBlue0) !important; }
.skyBlue1 { color: var(--skyBlue1) !important; }
.skyBlue2 { color: var(--skyBlue2) !important; } */
.skyBlue3 {
  color: #1295ee !important;
}
/* .skyBlue4 { color: var(--skyBlue4) !important; }
.skyBlue5 { color: var(--skyBlue5) !important; } */
.skyBlue6 {
  color: #daebfd !important;
}
/* .skyBlue7 { color: var(--skyBlue7) !important; } */
/* .red0 { color: var(--red0) !important; } */
.red1 {
  color: #751e1e !important;
}
.red2 {
  color: #b83030 !important;
}
.red3 {
  color: #e73d3d !important;
}
/* .red4 { color: var(--red4) !important; }
.red5 { color: var(--red5) !important; } */
.red6 {
  color: #fad5d5 !important;
}
/* .red7 { color: var(--red7) !important; } */
.grey0 {
  color: #222530 !important;
}
.grey1 {
  color: #373b48 !important;
}
.grey2 {
  color: #555968 !important;
}
.grey3 {
  color: #7a808d !important;
}
.grey4 {
  color: #a1a7b1 !important;
}
.grey5 {
  color: #c5cad2 !important;
}
.grey6 {
  color: #e1e4e8 !important;
}
.grey7 {
  color: #f5f6f7 !important;
}
/* background classes */
.bg-black {
  background: #191919 !important;
}
.bg-white {
  background: white !important;
}
.bg-successGreen {
  background: #24c26a !important;
}
.bg-warningYellow {
  background: #ffcc3d !important;
}
.bg-helpOrange {
  background: #f5a623 !important;
}
.bg-newPurple {
  background: #8157b7 !important;
}
/* .bg-blue0 { background: var(--blue0 !important; } */
.bg-blue1 {
  background: #072973 !important;
}
.bg-blue2 {
  background: #0b3ba6 !important;
}
.bg-blue3 {
  background: #1259ee !important;
}
.bg-blue4 {
  background: #7099f5 !important;
}
/* .bg-blue5 { background: var(--blue5) !important; }
.bg-blue6 { background: var(--blue6) !important; }
.bg-blue7 { background: var(--blue7) !important; } */
/* .bg-skyBlue0 { background: var(--skyBlue0) !important; }
.bg-skyBlue1 { background: var(--skyBlue1) !important; }
.bg-skyBlue2 { background: var(--skyBlue2) !important; } */
.bg-skyBlue3 {
  background: #1295ee !important;
}
/* .bg-skyBlue4 { background: var(--skyBlue4) !important; }
.bg-skyBlue5 { background: var(--skyBlue5) !important; } */
.bg-skyBlue6 {
  background: #daebfd !important;
}
/* .bg-skyBlue7 { background: var(--skyBlue7) !important; } */
/* .bg-red0 { background: var(--red0) !important; } */
.bg-red1 {
  background: #751e1e !important;
}
.bg-red2 {
  background: #b83030 !important;
}
.bg-red3 {
  background: #e73d3d !important;
}
/* .bg-red4 { background: var(--red4) !important; }
.bg-red5 { background: var(--red5) !important; } */
.bg-red6 {
  background: #fad5d5 !important;
}
/* .bg-red7 { background: var(--red7) !important; } */
.bg-grey0 {
  background: #222530 !important;
}
.bg-grey1 {
  background: #373b48 !important;
}
.bg-grey2 {
  background: #555968 !important;
}
.bg-grey3 {
  background: #7a808d !important;
}
.bg-grey4 {
  background: #a1a7b1 !important;
}
.bg-grey5 {
  background: #c5cad2 !important;
}
.bg-grey6 {
  background: #e1e4e8 !important;
}
.bg-grey7 {
  background: #f5f6f7 !important;
}
.btn,
input[type="submit"],
button {
  color: #373b48;
  background: #e1e4e8;
  border-color: #e1e4e8;
  border-radius: 5px;
  border-width: 2px;
  text-align: center;
  font-family: 'Inter UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 10px;
  line-height: 1em;
  cursor: pointer;
  margin-right: 7px;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn:hover,
input[type="submit"]:hover,
button:hover {
  color: #191919;
  background: #c5cad2;
  border-color: #c5cad2;
  text-decoration: none !important;
}
.btn:active,
.btn:focus,
.btn.selected,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"].selected,
button:active,
button:focus,
button.selected {
  background: #555968;
  border-color: #555968;
  color: #fff;
  text-decoration: none !important;
}
.btn:disabled,
input[type="submit"]:disabled,
button:disabled {
  background: #fff;
  border-color: #fff;
}
.btn:last-child,
input[type="submit"]:last-child,
button:last-child {
  margin-right: 0;
}
.btn.pull-right:last-child,
input[type="submit"].pull-right:last-child,
button.pull-right:last-child {
  margin-right: 7px;
}
.btn.pull-right:first-child,
input[type="submit"].pull-right:first-child,
button.pull-right:first-child {
  margin-right: 0;
}
.btn.cta,
input[type="submit"].cta,
button.cta {
  color: #fff;
  background: #1259ee;
  border-color: #1259ee;
}
.btn.cta:hover,
input[type="submit"].cta:hover,
button.cta:hover {
  color: #fff !important;
  background-color: #0b3ba6;
  border-color: #0b3ba6;
}
.btn.cta:active,
.btn.cta:focus,
.btn.cta.selected,
input[type="submit"].cta:active,
input[type="submit"].cta:focus,
input[type="submit"].cta.selected,
button.cta:active,
button.cta:focus,
button.cta.selected {
  color: #fff !important;
  background-color: #072973;
  border-color: #072973;
}
.btn.cta:disabled,
input[type="submit"].cta:disabled,
button.cta:disabled {
  background: #7099f5;
  border-color: #7099f5;
}
.btn.issue,
input[type="submit"].issue,
button.issue {
  color: #fff;
  background: #e73d3d;
  border-color: #e73d3d;
}
.btn.issue:hover,
input[type="submit"].issue:hover,
button.issue:hover {
  border-color: #b83030;
}
.btn.issue:active,
.btn.issue:focus,
.btn.issue.selected,
input[type="submit"].issue:active,
input[type="submit"].issue:focus,
input[type="submit"].issue.selected,
button.issue:active,
button.issue:focus,
button.issue.selected {
  background-color: #751e1e;
  border-color: #751e1e;
}
.btn.issue:disabled,
input[type="submit"].issue:disabled,
button.issue:disabled {
  background: #fad5d5;
  border-color: #fad5d5;
}
.btn.secondary,
input[type="submit"].secondary,
button.secondary {
  color: #7a808d;
  background: white;
  border-color: #c5cad2;
}
.btn.secondary.issue,
input[type="submit"].secondary.issue,
button.secondary.issue {
  color: #e73d3d;
}
.btn.secondary:hover,
input[type="submit"].secondary:hover,
button.secondary:hover {
  border-color: #1259ee;
}
.btn.secondary:active,
.btn.secondary:focus,
.btn.secondary.selected,
input[type="submit"].secondary:active,
input[type="submit"].secondary:focus,
input[type="submit"].secondary.selected,
button.secondary:active,
button.secondary:focus,
button.secondary.selected {
  background-color: #e1e4e8;
  border-color: #555968;
}
.btn.secondary:active:hover,
.btn.secondary:focus:hover,
.btn.secondary.selected:hover,
input[type="submit"].secondary:active:hover,
input[type="submit"].secondary:focus:hover,
input[type="submit"].secondary.selected:hover,
button.secondary:active:hover,
button.secondary:focus:hover,
button.secondary.selected:hover {
  border-color: #555968;
}
.btn.secondary:disabled,
input[type="submit"].secondary:disabled,
button.secondary:disabled {
  background: #f5f6f7;
  border-color: #c5cad2;
}
.btn.flat,
input[type="submit"].flat,
button.flat {
  color: #1259ee;
  background: none;
  border-color: transparent;
}
.btn.flat:hover,
input[type="submit"].flat:hover,
button.flat:hover {
  background: #f5f6f7;
  border-color: #f5f6f7;
}
.btn.flat:active,
.btn.flat:focus,
.btn.flat.selected,
input[type="submit"].flat:active,
input[type="submit"].flat:focus,
input[type="submit"].flat.selected,
button.flat:active,
button.flat:focus,
button.flat.selected {
  background: #f5f6f7;
  border-color: #1259ee;
}
.btn.flat:disabled,
input[type="submit"].flat:disabled,
button.flat:disabled {
  background: #fff;
  border-color: #fff;
}
.btn.flat.secondary,
input[type="submit"].flat.secondary,
button.flat.secondary {
  color: #373b48;
}
.btn.flat.secondary:active,
.btn.flat.secondary:focus,
.btn.flat.secondary.selected,
input[type="submit"].flat.secondary:active,
input[type="submit"].flat.secondary:focus,
input[type="submit"].flat.secondary.selected,
button.flat.secondary:active,
button.flat.secondary:focus,
button.flat.secondary.selected {
  color: #fff;
  background: #555968;
  border-color: #555968;
}
.btn.flat.secondary:disabled,
input[type="submit"].flat.secondary:disabled,
button.flat.secondary:disabled {
  background: #fff;
  border-color: #fff;
}
.btn .caret,
input[type="submit"] .caret,
button .caret {
  margin-left: 5px;
}
button {
  font-size: 16px;
  font-weight: 500 !important;
  padding: 6px 12px;
  border: none;
  border-radius: 5px;
  margin: 0;
}
.table-component .btn,
.table-component button {
  padding: 5px 10px;
}
.loader-component .loader {
  width: 200px;
  height: 200px;
  margin: auto;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.loader-component .lds-ring {
  width: 100%;
  height: 100%;
}
.loader-component .lds-ring > div {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  border: 20px solid #7a808d;
  border-color: #7a808d transparent transparent transparent;
  -webkit-animation: lds-ring 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: lds-ring 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.loader-component .lds-ring > div:nth-child(2) {
  -webkit-animation-delay: 0.195s;
  animation-delay: 0.195s;
}
.loader-component .lds-ring > div:nth-child(3) {
  -webkit-animation-delay: 0.39s;
  animation-delay: 0.39s;
}
.loader-component .lds-ring > div:nth-child(4) {
  -webkit-animation-delay: 0.585s;
  animation-delay: 0.585s;
}
@-webkit-keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.modal .modal-dialog {
  width: 90%;
  max-width: 1280px;
  max-height: 90vh;
}
.modal .modal-dialog .modal-body {
  max-height: calc(100vh - 250px);
  overflow-y: scroll;
}
.modal .modal-dialog.modal-small {
  max-width: 600px;
}
.modal .modal-dialog.modal-medium {
  max-width: 850px;
}
.modal .modal-dialog.modal-large {
  max-width: 1920px;
}
.modal .modal-dialog.modal-fullscreen {
  max-width: 1920px;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
}
.modal .modal-dialog .modal-content .modal-header {
  background: #1259ee;
  color: #fff;
}
.modal .modal-dialog .modal-content .modal-header h4 {
  font-weight: 500;
  font-size: 26px;
}
.modal .modal-dialog .modal-content .modal-header button.close {
  color: #fff;
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
  opacity: 1;
}
.modal .modal-dialog .modal-content .modal-header a.close {
  color: white;
  opacity: 0.8;
  font-size: 30px;
}
.modal .modal-dialog .modal-content .modal-header a.close:hover {
  opacity: 1;
}
.react-modal-enter {
  opacity: 0.01;
}
.react-modal-enter.react-modal-enter-active {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.react-modal-exit {
  opacity: 1;
}
.react-modal-exit.react-modal-exit-active {
  opacity: 0.01;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in;
}
.react-modal .modal {
  text-align: center;
  display: block;
}
.react-modal .modal-backdrop {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .react-modal .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
.react-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: auto;
}
.react-modal h4.modal-title {
  color: white;
}
.react-modal .modal-footer button {
  margin-left: 1em;
}
.react-modal .modal-body {
  max-height: 650px;
}
@media screen and (min-height: 600px) {
  .react-modal .modal-body {
    max-height: 90%;
  }
}
.react-modal .modal-body {
  overflow-y: scroll;
}
.react-modal .modal-body div.form-group {
  padding-left: 0;
  padding-right: 10px;
}
.react-modal .modal-body div.form-group:last-child {
  padding-right: 0;
}
.react-modal .modal-body div.row {
  padding: 0 15px 0 15px;
}
.table.layout {
  width: 100%;
}
.table.fixed-layout {
  table-layout: fixed;
}
.table thead th {
  border-top: 0;
  border-bottom: 1px solid #e1e4e8;
  color: #7a808d;
  font-size: 14px;
  padding: 0.25rem 0.75rem;
  font-weight: normal;
}
.table thead th:first-child {
  padding-left: 0;
}
.table thead th:last-child {
  padding-right: 0;
}
.table tbody td {
  vertical-align: top;
  line-height: 30px;
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  color: #191919;
}
.table tbody td:first-child {
  padding-left: 0;
  font-weight: bold;
}
.table tbody td:last-child {
  padding-right: 0;
  width: 1%;
}
.table tbody tr.subRow > td {
  padding-top: 0;
  font-weight: normal;
}
.cal-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  width: inherit;
}
a.cal-link {
  border: #eeeeee solid 1px;
  border-top: none;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
a.cal-link:hover {
  background-color: #f0f8ff;
  border-bottom: none;
  line-height: 1.7;
}
.cal-container {
  width: 324px;
}
.cal-icon {
  padding-right: 4px;
}
.cal-btn {
  width: inherit;
}
.developer-portal-input {
  margin-top: 15px;
}
.developer-portal-input.input-switch {
  margin-top: 5px;
  margin-bottom: -5px;
}
.developer-portal-input .MuiFormControl-root {
  width: 90%;
  max-width: 300px;
  margin-right: 0;
  font-size: 0.88rem;
}
.developer-portal-input .MuiSvgIcon-root {
  fill: #7099f5;
}
.developer-portal-input .MuiSvgIcon-root.add {
  fill: #1259ee;
}
.developer-portal-input .MuiSvgIcon-root.remove {
  fill: #e73d3d;
}
.developer-portal-input .MuiFormControl-root + .MuiSvgIcon-root {
  width: 10%;
  margin: 20px 0 0;
}
.developer-portal-input .MuiFormControlLabel-root + .MuiSvgIcon-root {
  width: 10%;
  margin: 0 0 10px;
}
.developer-portal-input .MuiButton-root {
  margin-top: 10px;
}
.developer-portal-tooltip {
  font-size: 14px;
  line-height: 18px;
}
fieldset {
  background: #fcfcfc;
  border: 3px solid #f6f6f6;
  border-radius: 4px;
  margin: 0 0 2rem;
  padding: 1rem 1.5rem 1.5rem;
}
fieldset .developer-portal-input .MuiFormControl-root {
  max-width: 100%;
}
body textarea.variable-editor {
  min-width: 1000px !important;
}
.ems-integration-input {
  margin-top: 15px;
}
.ems-integration-input.input-switch {
  margin-top: 5px;
  margin-bottom: -5px;
}
.ems-integration-input .MuiFormControl-root {
  width: 90%;
  max-width: 300px;
  margin-right: 0;
  font-size: 0.88rem;
}
.ems-integration-input .MuiFormControlLabel-root + .MuiSvgIcon-root {
  width: 10%;
  margin: 0 0 10px;
  fill: #7099f5;
}
.ems-integration-input .MuiFormControl-root + .MuiSvgIcon-root {
  width: 10%;
  margin: 20px 0 0;
  fill: #7099f5;
}
.ems-integration-input .MuiButton-root {
  margin-top: 10px;
}
.ems-tooltip {
  font-size: 14px;
  line-height: 18px;
}
.empty-field-mapping {
  min-width: 500px;
  padding: 250px;
  color: #7a808d;
}
fieldset {
  background: #fcfcfc;
  border: 3px solid #f6f6f6;
  border-radius: 4px;
  margin: 0 0 2rem;
  padding: 1rem 1.5rem 1.5rem;
}
fieldset .ems-integration-input .MuiFormControl-root {
  max-width: 100%;
}
html,
body,
#root {
  height: 100%;
}
body {
  margin: 0;
  font-family: 'Inter UI';
}
i.fa {
  font-family: 'Font Awesome 5 Free';
}
a:hover {
  cursor: pointer;
}
.no-margin {
  margin: 0;
}
.no-padding {
  padding: 0;
}
.space-above {
  margin-top: 15px;
}
.space-above-lg {
  margin-top: 30px;
}
.space-below {
  margin-bottom: 15px;
}
.space-below-lg {
  margin-bottom: 30px;
}
.ghost {
  opacity: 0.5;
}
.login-page {
  height: 100%;
  width: 100%;
  background-color: #f5f6f7;
}
.app-container {
  padding-top: 25px;
  height: 100%;
}
.flexe-footer {
  bottom: 0;
  position: fixed;
  z-index: 1000;
  color: #ffffff;
  background-color: #191919;
}
.flexe-footer .left-footer {
  padding-left: 50px;
}
.flexe-footer .right-footer {
  padding-right: 50px;
}
.redoc-markdown > h3 {
  font-size: 1.2rem;
  font-weight: bold;
}
body .redoc-wrap {
  padding-bottom: 24px;
}
body .redoc-wrap .api-content {
  background-color: #ffffff;
}
body .redoc-wrap .menu-content :hover {
  color: #333333;
}
body .redoc-wrap .menu-content .active {
  color: #191919;
}
body .redoc-wrap ul > li > label {
  font-weight: bold;
}
body .redoc-wrap ul > li > ul > li > ul > li > label {
  font-weight: normal;
}
.nav-bar {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  width: 100%;
  z-index: 1000;
  background-color: #191919;
  border-bottom: 1px solid #e1e4e8;
}
.nav-bar a {
  color: #191919;
}
.nav-bar .iconbttn {
  margin-left: auto;
  width: 3%;
  color: #ffffff;
}
.nav-bar .logOutBttn {
  position: fixed;
  bottom: 0;
  width: 100%;
  color: #191919;
  padding-bottom: 35px;
}
.nav-bar .nav-section {
  line-height: 60px;
}
.nav-bar .nav-section .nav-dropdown .nav-dropdown-title {
  padding-top: 3px;
  display: block;
  margin-bottom: -3px;
}
.nav-bar .nav-section .nav-dropdown > a {
  color: #373b48;
  text-decoration: none;
  padding: 0 30px;
  cursor: pointer;
  display: block;
  margin-top: -3px;
}
.nav-bar .nav-section .nav-dropdown > a.active {
  color: #1259ee;
  border-bottom: 3px solid #1259ee;
}
.nav-bar .nav-section .nav-dropdown > a:hover {
  color: #1259ee;
}
.nav-bar .nav-section .nav-dropdown:hover .nav-dropdown-list {
  display: block;
}
.nav-bar .nav-section .nav-dropdown-list {
  position: absolute;
  display: none;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
  z-index: 1000;
  background-color: white;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.nav-bar .nav-section .nav-dropdown-list.active {
  border-bottom: 3px solid #1259ee;
}
.nav-bar .nav-section .nav-dropdown-list a {
  color: #373b48;
  text-decoration: none;
  padding: 0 20px;
  display: block;
  cursor: pointer;
}
.nav-bar .nav-section .nav-dropdown-list a.active {
  color: #ffffff;
  background: #1259ee;
}
.nav-bar .nav-section .nav-dropdown-list a:hover {
  color: #ffffff;
  background: #1259ee;
}
.nav-bar .nav-section.nav-links {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav-bar .nav-section.session span {
  cursor: pointer;
  color: #373b48;
}
.nav-bar .nav-section.session {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav-bar .nav-section > a {
  color: #373b48;
  text-decoration: none;
  padding: 0 30px;
  cursor: pointer;
}
.nav-bar .nav-section > a.active {
  color: #1259ee;
  border-bottom: 3px solid #1259ee;
}
.nav-bar .nav-section > a:hover {
  color: #1259ee;
}
.nav-bar .nav-section.logo {
  background-color: #191919;
  height: 100%;
  width: 260px;
  position: relative;
}
.nav-bar .nav-section.logo img {
  padding-left: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nav-bar .nav-section.logo .portal-label {
  width: 40%;
  border-right: 3px solid white;
  padding-right: 7px;
  line-height: 15px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nav-bar .nav-section.logo .portal-label div {
  font-size: 12px;
  color: white;
  text-align: right;
  position: relative;
}
.container .card .card-body .btn-flexe {
  background-color: #1259ee;
}
.login .card-title,
.login .form-group {
  margin-bottom: 1.25rem;
}
.login .flexe-logo {
  margin-bottom: 20px;
}
.login .col-md-4.mx-auto {
  margin-top: 10%;
}
.login .card-body {
  padding: 1.5rem;
  -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
}
.error-page {
  margin: 30px 0 0 30px;
}
figure figcaption {
  text-align: center;
}
.introduction-image {
  height: 100%;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.introduction-image img {
  height: 80%;
  width: 80%;
  padding-bottom: 30px;
}
.flexe-data-flow {
  height: 100%;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-bottom: 30px;
}
.flexe-data-flow img {
  height: 60%;
  width: 60%;
}
.flexe-data-flow-larger {
  height: 100%;
  width: 100%;
  padding-bottom: 30px;
}
.flexe-data-flow-larger img {
  display: block;
}
.inboundDataFlow {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.inboundDataFlow:hover {
  opacity: 0.9;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.outboundDataFlow {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.outboundDataFlow:hover {
  opacity: 0.9;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.inventoryDataFlow {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.inventoryDataFlow:hover {
  opacity: 0.9;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.flexe-data-flow-larger img {
  height: 100%;
  width: 100%;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.sidenav {
  height: 100vh;
  /* Full-height: remove this if you want "auto" height */
  z-index: 1;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  left: 0;
  bottom: 0;
  background-color: #dfdfdf;
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  position: sticky;
}
/* The navigation menu links */
.sidenav a {
  color: #333333;
  display: block;
  font-weight: bold;
  padding: 6px 8px 10px 16px;
}
.sub-sidenav a {
  padding: 6px 8px 6px 40px;
  text-decoration: none;
  font-size: 14px;
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  background-color: #C6C6C6;
}
/* Style page content */
.main {
  margin-left: 160px;
  /* Same as the width of the sidebar */
  padding: 0px 10px;
}
/* Style the Image Used to Trigger the Modal */
#flexe-image {
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#flexe-image:hover {
  opacity: 0.8;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.circular-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30%;
}
.webhooks-component,
.tokens-component,
.release-notes-component,
.introduction-component,
.main-component,
.ath-test-component,
.ems-playground,
.oauth-component {
  padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
}
.webhooks-component dt,
.tokens-component dt,
.release-notes-component dt,
.introduction-component dt,
.main-component dt,
.ath-test-component dt,
.ems-playground dt,
.oauth-component dt {
  padding-top: 4em;
}
.webhooks-component ul > dt,
.tokens-component ul > dt,
.release-notes-component ul > dt,
.introduction-component ul > dt,
.main-component ul > dt,
.ath-test-component ul > dt,
.ems-playground ul > dt,
.oauth-component ul > dt {
  padding-top: 1em;
}
.webhooks-component h1,
.tokens-component h1,
.release-notes-component h1,
.introduction-component h1,
.main-component h1,
.ath-test-component h1,
.ems-playground h1,
.oauth-component h1 {
  padding-top: 3em;
  font-size: 26px;
}
.webhooks-component h2,
.tokens-component h2,
.release-notes-component h2,
.introduction-component h2,
.main-component h2,
.ath-test-component h2,
.ems-playground h2,
.oauth-component h2 {
  padding-top: 3em;
  font-size: 22px;
}
.webhooks-component h3,
.tokens-component h3,
.release-notes-component h3,
.introduction-component h3,
.main-component h3,
.ath-test-component h3,
.ems-playground h3,
.oauth-component h3 {
  padding-top: 4em;
  font-size: 18px;
}
.webhooks-component h4,
.tokens-component h4,
.release-notes-component h4,
.introduction-component h4,
.main-component h4,
.ath-test-component h4,
.ems-playground h4,
.oauth-component h4 {
  font-size: 14px;
}
.webhooks-component .select-company-input,
.tokens-component .select-company-input,
.release-notes-component .select-company-input,
.introduction-component .select-company-input,
.main-component .select-company-input,
.ath-test-component .select-company-input,
.ems-playground .select-company-input,
.oauth-component .select-company-input {
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #c5cad2;
}
.webhooks-component .page-description,
.tokens-component .page-description,
.release-notes-component .page-description,
.introduction-component .page-description,
.main-component .page-description,
.ath-test-component .page-description,
.ems-playground .page-description,
.oauth-component .page-description {
  font-size: 16px;
  color: #555968;
  margin: 12px 0 0 0;
}
.webhooks-component .table-component,
.tokens-component .table-component,
.release-notes-component .table-component,
.introduction-component .table-component,
.main-component .table-component,
.ath-test-component .table-component,
.ems-playground .table-component,
.oauth-component .table-component {
  margin-top: 50px;
}
.webhooks-component .table-component .table-component,
.tokens-component .table-component .table-component,
.release-notes-component .table-component .table-component,
.introduction-component .table-component .table-component,
.main-component .table-component .table-component,
.ath-test-component .table-component .table-component,
.ems-playground .table-component .table-component,
.oauth-component .table-component .table-component {
  margin-top: auto;
}
.webhooks-component .alert.alert-danger ul,
.tokens-component .alert.alert-danger ul,
.release-notes-component .alert.alert-danger ul,
.introduction-component .alert.alert-danger ul,
.main-component .alert.alert-danger ul,
.ath-test-component .alert.alert-danger ul,
.ems-playground .alert.alert-danger ul,
.oauth-component .alert.alert-danger ul {
  margin: 0;
}
.webhooks-component .modal .modal-dialog .card,
.tokens-component .modal .modal-dialog .card,
.release-notes-component .modal .modal-dialog .card,
.introduction-component .modal .modal-dialog .card,
.main-component .modal .modal-dialog .card,
.ath-test-component .modal .modal-dialog .card,
.ems-playground .modal .modal-dialog .card,
.oauth-component .modal .modal-dialog .card {
  padding: 15px;
  background: #f5f6f7;
}
.webhooks-component .modal .modal-dialog .modal-content,
.tokens-component .modal .modal-dialog .modal-content,
.release-notes-component .modal .modal-dialog .modal-content,
.introduction-component .modal .modal-dialog .modal-content,
.main-component .modal .modal-dialog .modal-content,
.ath-test-component .modal .modal-dialog .modal-content,
.ems-playground .modal .modal-dialog .modal-content,
.oauth-component .modal .modal-dialog .modal-content {
  border: 0;
  padding: 24px;
}
.webhooks-component .modal .modal-dialog .modal-content .modal-header,
.tokens-component .modal .modal-dialog .modal-content .modal-header,
.release-notes-component .modal .modal-dialog .modal-content .modal-header,
.introduction-component .modal .modal-dialog .modal-content .modal-header,
.main-component .modal .modal-dialog .modal-content .modal-header,
.ath-test-component .modal .modal-dialog .modal-content .modal-header,
.ems-playground .modal .modal-dialog .modal-content .modal-header,
.oauth-component .modal .modal-dialog .modal-content .modal-header {
  background-color: white;
  border: none;
  padding: 0;
}
.webhooks-component .modal .modal-dialog .modal-content .modal-header .modal-title,
.tokens-component .modal .modal-dialog .modal-content .modal-header .modal-title,
.release-notes-component .modal .modal-dialog .modal-content .modal-header .modal-title,
.introduction-component .modal .modal-dialog .modal-content .modal-header .modal-title,
.main-component .modal .modal-dialog .modal-content .modal-header .modal-title,
.ath-test-component .modal .modal-dialog .modal-content .modal-header .modal-title,
.ems-playground .modal .modal-dialog .modal-content .modal-header .modal-title,
.oauth-component .modal .modal-dialog .modal-content .modal-header .modal-title {
  color: #191919;
  font-size: 24px;
}
.webhooks-component .modal .modal-dialog .modal-content .modal-header .close,
.tokens-component .modal .modal-dialog .modal-content .modal-header .close,
.release-notes-component .modal .modal-dialog .modal-content .modal-header .close,
.introduction-component .modal .modal-dialog .modal-content .modal-header .close,
.main-component .modal .modal-dialog .modal-content .modal-header .close,
.ath-test-component .modal .modal-dialog .modal-content .modal-header .close,
.ems-playground .modal .modal-dialog .modal-content .modal-header .close,
.oauth-component .modal .modal-dialog .modal-content .modal-header .close {
  margin: 0;
  padding: 0;
}
.webhooks-component .modal .modal-dialog .modal-content .modal-header .close span,
.tokens-component .modal .modal-dialog .modal-content .modal-header .close span,
.release-notes-component .modal .modal-dialog .modal-content .modal-header .close span,
.introduction-component .modal .modal-dialog .modal-content .modal-header .close span,
.main-component .modal .modal-dialog .modal-content .modal-header .close span,
.ath-test-component .modal .modal-dialog .modal-content .modal-header .close span,
.ems-playground .modal .modal-dialog .modal-content .modal-header .close span,
.oauth-component .modal .modal-dialog .modal-content .modal-header .close span {
  font-weight: normal;
  color: #1259ee;
}
.webhooks-component .modal .modal-dialog .modal-content .modal-errors,
.tokens-component .modal .modal-dialog .modal-content .modal-errors,
.release-notes-component .modal .modal-dialog .modal-content .modal-errors,
.introduction-component .modal .modal-dialog .modal-content .modal-errors,
.main-component .modal .modal-dialog .modal-content .modal-errors,
.ath-test-component .modal .modal-dialog .modal-content .modal-errors,
.ems-playground .modal .modal-dialog .modal-content .modal-errors,
.oauth-component .modal .modal-dialog .modal-content .modal-errors {
  margin: 0 16px;
}
.webhooks-component .modal .modal-dialog .modal-content .modal-body,
.tokens-component .modal .modal-dialog .modal-content .modal-body,
.release-notes-component .modal .modal-dialog .modal-content .modal-body,
.introduction-component .modal .modal-dialog .modal-content .modal-body,
.main-component .modal .modal-dialog .modal-content .modal-body,
.ath-test-component .modal .modal-dialog .modal-content .modal-body,
.ems-playground .modal .modal-dialog .modal-content .modal-body,
.oauth-component .modal .modal-dialog .modal-content .modal-body {
  padding: 24px 0;
  overflow-y: auto;
}
.webhooks-component .modal .modal-dialog .modal-content .modal-body .row,
.tokens-component .modal .modal-dialog .modal-content .modal-body .row,
.release-notes-component .modal .modal-dialog .modal-content .modal-body .row,
.introduction-component .modal .modal-dialog .modal-content .modal-body .row,
.main-component .modal .modal-dialog .modal-content .modal-body .row,
.ath-test-component .modal .modal-dialog .modal-content .modal-body .row,
.ems-playground .modal .modal-dialog .modal-content .modal-body .row,
.oauth-component .modal .modal-dialog .modal-content .modal-body .row {
  padding: 0;
  margin: 0;
}
.webhooks-component .modal .modal-dialog .modal-content .modal-body .row input,
.tokens-component .modal .modal-dialog .modal-content .modal-body .row input,
.release-notes-component .modal .modal-dialog .modal-content .modal-body .row input,
.introduction-component .modal .modal-dialog .modal-content .modal-body .row input,
.main-component .modal .modal-dialog .modal-content .modal-body .row input,
.ath-test-component .modal .modal-dialog .modal-content .modal-body .row input,
.ems-playground .modal .modal-dialog .modal-content .modal-body .row input,
.oauth-component .modal .modal-dialog .modal-content .modal-body .row input {
  font-size: 16px;
  padding: 7px 16px;
  border-radius: 5px;
  border: 1px solid #c5cad2;
}
.webhooks-component .modal .modal-dialog .modal-content .modal-footer,
.tokens-component .modal .modal-dialog .modal-content .modal-footer,
.release-notes-component .modal .modal-dialog .modal-content .modal-footer,
.introduction-component .modal .modal-dialog .modal-content .modal-footer,
.main-component .modal .modal-dialog .modal-content .modal-footer,
.ath-test-component .modal .modal-dialog .modal-content .modal-footer,
.ems-playground .modal .modal-dialog .modal-content .modal-footer,
.oauth-component .modal .modal-dialog .modal-content .modal-footer {
  padding-bottom: 0;
}
.webhooks-component .modal .modal-dialog .modal-content .modal-footer .pagination-footer-component,
.tokens-component .modal .modal-dialog .modal-content .modal-footer .pagination-footer-component,
.release-notes-component .modal .modal-dialog .modal-content .modal-footer .pagination-footer-component,
.introduction-component .modal .modal-dialog .modal-content .modal-footer .pagination-footer-component,
.main-component .modal .modal-dialog .modal-content .modal-footer .pagination-footer-component,
.ath-test-component .modal .modal-dialog .modal-content .modal-footer .pagination-footer-component,
.ems-playground .modal .modal-dialog .modal-content .modal-footer .pagination-footer-component,
.oauth-component .modal .modal-dialog .modal-content .modal-footer .pagination-footer-component {
  margin: 0 16px;
}
.webhooks-component .modal .modal-dialog .modal-content .footer,
.tokens-component .modal .modal-dialog .modal-content .footer,
.release-notes-component .modal .modal-dialog .modal-content .footer,
.introduction-component .modal .modal-dialog .modal-content .footer,
.main-component .modal .modal-dialog .modal-content .footer,
.ath-test-component .modal .modal-dialog .modal-content .footer,
.ems-playground .modal .modal-dialog .modal-content .footer,
.oauth-component .modal .modal-dialog .modal-content .footer {
  border: 0;
  padding: 0;
  margin-top: 20px;
  text-align: right;
}
.webhooks-component .modal .modal-dialog .modal-content .footer a,
.tokens-component .modal .modal-dialog .modal-content .footer a,
.release-notes-component .modal .modal-dialog .modal-content .footer a,
.introduction-component .modal .modal-dialog .modal-content .footer a,
.main-component .modal .modal-dialog .modal-content .footer a,
.ath-test-component .modal .modal-dialog .modal-content .footer a,
.ems-playground .modal .modal-dialog .modal-content .footer a,
.oauth-component .modal .modal-dialog .modal-content .footer a {
  color: #1259ee;
  padding: 0;
  margin-right: 30px;
}
.release-notes-group {
  border-bottom: 1px solid #a1a7b1;
  padding: 20px;
}
.release-notes-group:first-child {
  border-top: 1px solid #a1a7b1;
}
.release-notes-group .release-notes-date {
  color: #555968;
  margin-bottom: 1rem;
  font-size: 20px;
}
.release-notes-group h3 {
  font-size: 18px;
}
.tokens-component #revoke-token-modal .modal-dialog {
  min-width: 400px;
}
.webhooks-component .create {
  margin-top: 36px;
}
.webhooks-component .table tbody td .checkmark {
  width: 20px;
  margin-left: 4px;
}
.webhooks-component .table tbody td .webhook-buttons-container {
  min-width: 230px;
}
.webhooks-component #webhook-verify-instructions-modal .modal-dialog,
.webhooks-component #webhook-message-detail-modal .modal-dialog {
  min-width: 600px;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog {
  width: 800px;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .card {
  padding: 15px;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content {
  height: 100%;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
  margin-top: 24px;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .checkbox-container {
  display: block;
  position: relative;
  padding-left: 30px;
  word-wrap: break-word;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .checkbox-container input:checked ~ .checkmark {
  background-color: #1295ee;
  border: 1px solid #1295ee;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .checkbox-container input:disabled ~ .checkmark {
  background-color: #c5cad2;
  cursor: auto;
  border: none;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f5f6f7;
  border: 1px solid #c5cad2;
  width: 18px;
  height: 18px;
  border-radius: 4px;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .subscriptions {
  margin-top: 30px;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .subscriptions h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .subscriptions ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .subscriptions ul .checkbox-container {
  font-size: 14px;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .subscriptions ul li {
  display: inline-block;
  padding: 0;
  margin-bottom: 10px;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row {
  margin-bottom: 14px;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row input {
  padding: 7px 16px;
  font-size: 14px;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row input:disabled {
  background-color: #f5f6f7;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row.url {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row.url input {
  width: 90%;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row.label {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row.label input {
  width: 90%;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row.checkbox {
  padding-left: 14px;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row .auth-fields {
  margin-left: 10%;
  width: 90%;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row .auth-fields input {
  width: 49%;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row .auth-fields input.password {
  margin-left: 2%;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row span {
  line-height: 35px;
  font-size: 14px;
  padding-right: 10px;
  font-weight: 500;
}
.webhooks-component #create-modify-webhooks-modal .modal-dialog .modal-content .modal-body .row .checkbox-container {
  padding: 0 0 0 0;
  font-size: 12px;
  font-weight: 500;
}
.webhooks-component .table tbody td .checkmark {
  width: 20px;
  margin-left: 4px;
}
.webhooks-component .table tbody td .webhook-buttons-container {
  width: 218px;
}
.webhooks-component #webhook-messages-modal .modal-dialog {
  min-width: 1000px;
  vertical-align: top;
}
.webhooks-component #webhook-messages-modal .modal-dialog .card {
  padding: 15px;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content {
  height: 100%;
  max-height: 95vh;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .fa-square {
  color: #e1e4e8;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .fa-stack:hover .fa-square {
  color: #a1a7b1;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-header .refresh {
  margin: 8px;
  color: white;
  opacity: 0.8;
  font-size: 30px;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-header .refresh:hover {
  opacity: 1;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-header .refresh span {
  font-weight: normal;
  color: #1259ee;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-header .close {
  margin-left: 8px;
  float: none;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .event-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 16px;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .event-filters > div {
  margin: 0 8px;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .event-filters > div:first-child {
  margin-left: 0;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .event-filters > div:last-child {
  margin-right: 0;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .invocation-filters {
  margin: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .invocation-filters > div {
  margin: 0 8px;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .invocation-filters > div:first-child {
  margin-left: 0;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .invocation-filters > div:last-child {
  margin-right: 0;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .invocation-filters .date-filter-header {
  font-weight: bold;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .invocation-filters .date-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .invocation-filters .date-filters .date-selection {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .alert {
  margin-bottom: 0;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
  margin-top: 0.75rem;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-body .table-component {
  margin-top: 0;
  margin-left: auto;
  margin-right: 16px;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-body .webhook-buttons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 180px;
  min-width: 180px;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-body .row {
  margin-bottom: 14px;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-body .row input {
  padding: 7px 16px;
  font-size: 14px;
  background-color: #f5f6f7;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-body .row input:disabled {
  background-color: white;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-body .row.url input {
  width: 90%;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-body .row.label input {
  width: 90%;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-body .row .retries-count {
  font-size: 14px;
  font-weight: normal;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .modal-footer .pagination-footer {
  margin-right: auto;
}
.webhooks-component #webhook-messages-modal .modal-dialog .modal-content .message-details .message-details-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.react-datepicker__input-container input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-radius: 4px;
  border-width: 1px;
  border-color: #cccccc;
  min-height: 38px;
  padding: 2px 8px;
}