/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
html {
  margin: 0;
  height: 100%;
  width: 100%;
  display: flex;
}

html * {
  font-family: "Mulish", Helvetica, Arial, sans-serif !important;
  text-rendering: optimizeLegibility;
  text-transform: none !important;
  font-size: 15px;
}

body {
  margin: 0;
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;
}

#root {
  height: 100%;
  width: 100%;
  display: flex;
}
.theme-default-theme #root {
  color: #1a1a23 !important;
}
.theme-dark-theme #root {
  color: #d4d4d9 !important;
}

.theme-default-theme .MuiInputBase-root {
  color: #1a1a23;
}
.theme-dark-theme .MuiInputBase-root {
  color: #d4d4d9;
}

.theme-default-theme .MuiOutlinedInput-root fieldset {
  border-color: #1a1a2373;
}
.theme-dark-theme .MuiOutlinedInput-root fieldset {
  border-color: #d4d4d973;
}
.theme-default-theme .MuiOutlinedInput-root:hover fieldset {
  border-color: #1a1a23e6;
}
.theme-dark-theme .MuiOutlinedInput-root:hover fieldset {
  border-color: #d4d4d9e6;
}
.theme-default-theme .MuiOutlinedInput-root.Mui-disabled fieldset {
  border-color: #1a1a2330;
}
.theme-dark-theme .MuiOutlinedInput-root.Mui-disabled fieldset {
  border-color: #d4d4d961;
}

.MuiChip-root {
  border-radius: 4px !important;
  font-weight: 500;
}
.theme-default-theme .MuiChip-root {
  color: #1a1a23;
  background-color: #383f8018;
  border: 2px solid #383f80cc;
}
.theme-dark-theme .MuiChip-root {
  color: #d4d4d9;
  background-color: #64ade018;
  border: 2px solid #d4d4d9cc;
}
.MuiChip-root > span {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.MuiChip-root .MuiChip-deleteIcon {
  color: #4b4e65;
}
.MuiChip-root .MuiChip-label {
  word-wrap: break-word;
  white-space: normal;
  text-overflow: clip;
  font-size: 14px;
}
.MuiChip-root svg {
  transition: color 300ms ease;
}
.theme-default-theme .MuiChip-root svg {
  color: #383f80cc;
}
.theme-dark-theme .MuiChip-root svg {
  color: #d4d4d9cc;
}
.theme-default-theme .MuiChip-root svg:hover {
  color: #1a1a23;
}
.theme-dark-theme .MuiChip-root svg:hover {
  color: #d4d4d9;
}

.theme-default-theme .MuiFormControl-root .MuiFormLabel-root {
  color: #1a1a2373 !important;
}
.theme-dark-theme .MuiFormControl-root .MuiFormLabel-root {
  color: #d4d4d973 !important;
}
.theme-default-theme .MuiFormControl-root .MuiFormLabel-root.Mui-focused {
  color: #1a1a23e6 !important;
}
.theme-dark-theme .MuiFormControl-root .MuiFormLabel-root.Mui-focused {
  color: #d4d4d9e6 !important;
}
.MuiFormControl-root .MuiInputBase-root {
  border-radius: 0;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root:hover {
  background-color: #1a1a2361;
}
.theme-dark-theme .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root:hover {
  background-color: #d4d4d930;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root:not(.Mui-disabled) {
  color: #1a1a23;
}
.theme-dark-theme .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root:not(.Mui-disabled) {
  color: #d4d4d9;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root.Mui-disabled {
  color: #1a1a2342;
}
.theme-dark-theme .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root.Mui-disabled {
  color: #d4d4d942;
}
.MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root.MuiAutocomplete-clearIndicator {
  padding: 4px;
}
.MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root.MuiAutocomplete-popupIndicator {
  padding: 2px;
}
.MuiFormControl-root .MuiInputBase-root fieldset legend > span {
  font-size: inherit !important;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiSelect-icon:hover {
  background-color: #1a1a2361;
}
.theme-dark-theme .MuiFormControl-root .MuiInputBase-root .MuiSelect-icon:hover {
  background-color: #d4d4d930;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiSelect-icon:not(.Mui-disabled) {
  color: #1a1a23;
}
.theme-dark-theme .MuiFormControl-root .MuiInputBase-root .MuiSelect-icon:not(.Mui-disabled) {
  color: #d4d4d9;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiSelect-icon.Mui-disabled {
  color: #1a1a2342;
}
.theme-dark-theme .MuiFormControl-root .MuiInputBase-root .MuiSelect-icon.Mui-disabled {
  color: #d4d4d942;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #1a1a23e6 !important;
}
.theme-dark-theme .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #d4d4d9e6 !important;
}

.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-noOptions {
  color: #ec4d4d !important;
}
.theme-dark-theme .MuiAutocomplete-popper .MuiAutocomplete-noOptions {
  color: #f46262 !important;
}

.theme-default-theme .autocomplete-checkbox {
  color: #1a1a23 !important;
}
.theme-dark-theme .autocomplete-checkbox {
  color: #d4d4d9 !important;
}
.theme-default-theme .autocomplete-checkbox:hover {
  background-color: #1a1a2330;
}
.theme-dark-theme .autocomplete-checkbox:hover {
  background-color: #d4d4d930;
}

.MuiDialog-root {
  z-index: 999999 !important;
}
.MuiDialog-root .MuiDialog-paper {
  border-radius: 0;
}
.MuiDialog-root .MuiDialogTitle-root {
  padding: 12px 6px 12px 24px;
  display: flex;
  flex-direction: row;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .MuiDialog-root .MuiDialogTitle-root {
  color: #ffffff !important;
}
.theme-dark-theme .MuiDialog-root .MuiDialogTitle-root {
  color: #d4d4d9 !important;
}
.theme-default-theme .MuiDialog-root .MuiDialogTitle-root {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .MuiDialog-root .MuiDialogTitle-root {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.MuiDialog-root .MuiDialogTitle-root > div:first-child {
  flex: 1 1 auto;
}
.MuiDialog-root .MuiDialogTitle-root > div:last-child {
  display: flex;
  align-items: center;
  flex: 0;
}
.MuiDialog-root .MuiDialogTitle-root > div:last-child svg {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.MuiDialog-root .MuiDialogTitle-root > div:first-child {
  flex: 1 1 auto;
}
.MuiDialog-root .MuiDialogTitle-root > div:last-child {
  display: flex;
  align-items: center;
  flex: 0;
}
.MuiDialog-root .MuiDialogTitle-root > div:last-child svg {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.MuiDialog-root .MuiDialogTitle-root div {
  font-size: inherit;
  height: 32px;
}
.MuiDialog-root .MuiDialogTitle-root div svg {
  width: 32px;
  height: 32px;
}
.theme-default-theme .MuiDialog-root .MuiDialogTitle-root div svg {
  color: #ffffff !important;
}
.theme-dark-theme .MuiDialog-root .MuiDialogTitle-root div svg {
  color: #d4d4d9 !important;
}
.MuiDialog-root .MuiDialogTitle-root div > * {
  font-size: inherit;
}
.MuiDialog-root .MuiDialogTitle-root button {
  transition: opacity 300ms ease;
}
.MuiDialog-root .MuiDialogTitle-root button.Mui-disabled {
  opacity: 0.35;
}
.MuiDialog-root .MuiDialogContent-root {
  padding: 24px !important;
  line-height: 1.3;
}
.theme-default-theme .MuiDialog-root .MuiDialogContent-root {
  color: #1a1a23 !important;
  background-color: #ffffff !important;
}
.theme-dark-theme .MuiDialog-root .MuiDialogContent-root {
  color: #d4d4d9 !important;
  background-color: #222333 !important;
}
.MuiDialog-root .MuiDialogActions-root {
  padding: 16px 24px;
}
.theme-default-theme .MuiDialog-root .MuiDialogActions-root {
  background-color: #ffffff !important;
}
.theme-dark-theme .MuiDialog-root .MuiDialogActions-root {
  background-color: #222333 !important;
}
.MuiDialog-root .MuiDialogActions-root button {
  flex: 0 0 auto;
  box-shadow: none;
  margin-left: 10px;
  transition: opacity 300ms ease;
}
.MuiDialog-root .MuiDialogActions-root button.Mui-disabled {
  opacity: 0.35;
}
.MuiDialog-root .MuiDialogActions-root > div {
  margin-left: 0;
}
.MuiDialog-root .MuiDialogActions-root > button:first-child,
.MuiDialog-root .MuiDialogActions-root > div:first-child button {
  margin-left: 0;
}
.theme-default-theme .MuiDialog-root .MuiDialogContent-dividers {
  border-top: none;
  border-bottom: none;
}
.theme-dark-theme .MuiDialog-root .MuiDialogContent-dividers {
  border-top: none;
  border-bottom: none;
}

.MuiButtonBase-root {
  font-size: 15px !important;
}
.MuiButtonBase-root.MuiIconButton-root {
  padding: 12px;
}

.MuiButton-root {
  height: 48px;
  opacity: 1;
  box-shadow: none !important;
  min-width: 100px !important;
  font-size: 15px !important;
}
.MuiButton-root.Mui-disabled {
  opacity: 0.35;
}
.theme-default-theme .MuiButton-root {
  color: #1a1a23 !important;
  background-color: #c4c4c4 !important;
}
.theme-dark-theme .MuiButton-root {
  color: #1a1a23 !important;
  background-color: #9799a8 !important;
}

.theme-default-theme .MuiListItem-root .MuiListItemText-primary {
  color: #1a1a23 !important;
  font-weight: 600;
  font-size: 15px;
}
.theme-dark-theme .MuiListItem-root .MuiListItemText-primary {
  color: #d4d4d9 !important;
  font-weight: 600;
  font-size: 15px;
}
.theme-default-theme .MuiListItem-root .MuiListItemText-secondary {
  color: #4b4e65 !important;
}
.theme-dark-theme .MuiListItem-root .MuiListItemText-secondary {
  color: #607e91 !important;
}

.theme-default-theme .MuiPaper-root {
  color: #1a1a23;
}
.theme-dark-theme .MuiPaper-root {
  color: #d4d4d9;
}

.MuiPickersInlineWrapper-popoverPaper {
  width: auto !important;
}

.MuiPickersLayout-root .MuiDateCalendar-root div[role=grid] {
  display: flex;
  flex-direction: column;
}
.MuiPickersLayout-root .MuiDateCalendar-root div[role=grid] .MuiPickersSlideTransition-root {
  min-height: unset;
  flex: 1 1 auto;
  max-height: 240px;
  overflow: hidden;
}
.MuiPickersLayout-root .MuiDateCalendar-root div[role=grid] .MuiPickersSlideTransition-root div[role=rowgroup] {
  position: relative;
  margin-bottom: 10px;
}
.theme-default-theme .MuiPickersLayout-root .MuiPickersCalendarHeader-root {
  color: #1a1a23;
}
.theme-dark-theme .MuiPickersLayout-root .MuiPickersCalendarHeader-root {
  color: #d4d4d9;
}
.MuiPickersLayout-root .MuiDayCalendar-header > span {
  opacity: 0.6;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .MuiPickersLayout-root .MuiDayCalendar-header > span {
  color: #1a1a23;
}
.theme-dark-theme .MuiPickersLayout-root .MuiDayCalendar-header > span {
  color: #d4d4d9;
}
.theme-default-theme .MuiPickersLayout-root .MuiButtonBase-root:hover {
  background-color: #1a1a2361;
}
.theme-dark-theme .MuiPickersLayout-root .MuiButtonBase-root:hover {
  background-color: #d4d4d930;
}
.theme-default-theme .MuiPickersLayout-root .MuiButtonBase-root:not(.Mui-disabled) {
  color: #1a1a23;
}
.theme-dark-theme .MuiPickersLayout-root .MuiButtonBase-root:not(.Mui-disabled) {
  color: #d4d4d9;
}
.theme-default-theme .MuiPickersLayout-root .MuiButtonBase-root.Mui-disabled {
  color: #1a1a2342;
}
.theme-dark-theme .MuiPickersLayout-root .MuiButtonBase-root.Mui-disabled {
  color: #d4d4d942;
}
.MuiPickersLayout-root .MuiButtonBase-root.MuiPickersDay-root {
  font-size: 14px;
}
.theme-default-theme .MuiPickersLayout-root .MuiButtonBase-root.MuiPickersDay-root {
  color: #1a1a23;
}
.theme-dark-theme .MuiPickersLayout-root .MuiButtonBase-root.MuiPickersDay-root {
  color: #d4d4d9;
}
.theme-default-theme .MuiPickersLayout-root .MuiButtonBase-root.MuiPickersDay-root.Mui-disabled {
  color: #1a1a2361;
}
.theme-dark-theme .MuiPickersLayout-root .MuiButtonBase-root.MuiPickersDay-root.Mui-disabled {
  color: #d4d4d961;
}
.theme-default-theme .MuiPickersLayout-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected {
  color: #ffffff !important;
  background-color: #707eff;
}
.theme-dark-theme .MuiPickersLayout-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected {
  color: #d4d4d9 !important;
  background-color: #7d8aff;
}

.theme-default-theme .MuiTablePagination-menuItem.Mui-selected {
  background-color: #707eff15;
}
.theme-dark-theme .MuiTablePagination-menuItem.Mui-selected {
  background-color: #7d8aff15;
}

.MuiTooltip-popper {
  z-index: 9999999 !important;
}

.loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.theme-default-theme .loading-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .loading-container {
  background-color: #607e9150;
}

.half-width-input-container {
  display: flex;
  flex-direction: row;
}
.half-width-input-container > div {
  width: 50%;
}
.half-width-input-container > div:first-of-type {
  margin-right: 15px;
}
.half-width-input-container > div.full-width-input {
  flex: 1 1 auto;
  margin-right: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/ConfirmationDialog/ConfirmationDialog.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.ConfirmationDialog .MuiDialogContent-root {
  line-height: 24px;
}
.theme-default-theme .ConfirmationDialog .MuiDialogContent-root {
  border-bottom: 1px solid #1a1a2326;
}
.theme-dark-theme .ConfirmationDialog .MuiDialogContent-root {
  border-bottom: 1px solid #d4d4d926;
}
.ConfirmationDialog .MuiDialogContent-root .icon-text-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.ConfirmationDialog .MuiDialogContent-root .icon-text-container svg {
  margin-right: 10px;
}
.ConfirmationDialog .MuiDialogActions-root {
  justify-content: center;
}
.ConfirmationDialog .MuiDialogActions-root .confirmation-dialog-confirm-button-container {
  position: relative;
}
.ConfirmationDialog .MuiDialogActions-root .confirmation-dialog-confirm-button-container .LoadingIndicator {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/LoadingIndicator/LoadingIndicator.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.LoadingIndicator {
  display: flex;
  align-items: center;
  justify-content: center;
}
.LoadingIndicator .loading-indicator-label {
  font-weight: 300;
  margin-right: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .LoadingIndicator .loading-indicator-label {
  color: #383f80 !important;
}
.theme-dark-theme .LoadingIndicator .loading-indicator-label {
  color: #64ade0 !important;
}
.LoadingIndicator .loading-indicator-label.loading-indicator-label-small {
  font-size: 18px;
}
.LoadingIndicator .loading-indicator-label.loading-indicator-label-medium {
  font-size: 20px;
}
.LoadingIndicator .loading-indicator-label.loading-indicator-label-large {
  font-size: 26px;
}
.theme-default-theme .LoadingIndicator .loading-indicator.dark-color {
  color: #707eff !important;
}
.theme-dark-theme .LoadingIndicator .loading-indicator.dark-color {
  color: #7d8aff !important;
}
.theme-default-theme .LoadingIndicator .loading-indicator.light-color {
  color: #ffffff !important;
}
.theme-dark-theme .LoadingIndicator .loading-indicator.light-color {
  color: #d4d4d9 !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/buttons/Button/Button.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.Button {
  text-decoration: none;
}
.Button.MuiButton-root {
  border-radius: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.theme-default-theme .Button.primary-action-button {
  color: #1a1a23 !important;
  background-color: #bdc4ff !important;
  border-bottom: 3px solid #1a1a23;
}
.theme-dark-theme .Button.primary-action-button {
  color: #1a1a23 !important;
  background-color: #98a3ff !important;
  border-bottom: 3px solid #000000;
}
.theme-default-theme .Button.secondary-action-button {
  color: #1a1a23 !important;
  background-color: #c4c4c4 !important;
  border-bottom: 3px solid #1a1a23;
}
.theme-dark-theme .Button.secondary-action-button {
  color: #1a1a23 !important;
  background-color: #9799a8 !important;
  border-bottom: 3px solid #000000;
}
.theme-default-theme .Button.dark-purple-action-button {
  color: #ffffff !important;
  background-color: #383f80 !important;
  border-bottom: 3px solid #1a1a23;
}
.theme-dark-theme .Button.dark-purple-action-button {
  color: #1a1a23 !important;
  background-color: #64ade0 !important;
  border-bottom: 3px solid #000000;
}
.theme-default-theme .Button.blue-action-button {
  color: #ffffff !important;
  background-color: #6b72a7 !important;
  border-bottom: 3px solid #1a1a23;
}
.theme-dark-theme .Button.blue-action-button {
  color: #d4d4d9 !important;
  background-color: #6b72a7 !important;
  border-bottom: 3px solid #000000;
}
.theme-default-theme .Button.dark-grey-action-button {
  color: #ffffff !important;
  background-color: #4b4e65 !important;
  border-bottom: 3px solid #1a1a23;
}
.theme-dark-theme .Button.dark-grey-action-button {
  color: #d4d4d9 !important;
  background-color: #607e91 !important;
  border-bottom: 3px solid #000000;
}
.theme-default-theme .Button.red-action-button {
  background-color: #ec4d4d !important;
  border-bottom: 3px solid #662222;
}
.theme-dark-theme .Button.red-action-button {
  background-color: #ec4d4d !important;
  border-bottom: 3px solid #662222;
}
.Button.text-variant-button {
  padding: 6px 16px;
  text-decoration: underline;
}
.theme-default-theme .Button.text-variant-button {
  color: #1a1a23 !important;
  background-color: transparent !important;
}
.theme-dark-theme .Button.text-variant-button {
  color: #d4d4d9 !important;
  background-color: transparent !important;
}
.theme-default-theme .Button.delete-button {
  color: #1a1a23 !important;
  background-color: #ec4d4d !important;
  border-bottom: 3px solid #662222;
}
.theme-dark-theme .Button.delete-button {
  color: #1a1a23 !important;
  background-color: #f46262 !important;
  border-bottom: 3px solid #000000;
}
.Button.campaign-assets-menu-button {
  height: 42px;
  padding: 6px 16px;
  min-width: 205px !important;
}
.Button.campaign-assets-menu-button svg {
  margin-left: 10px;
}
.Button.edit-all-accordion-state-button {
  height: 42px;
  padding: 6px 16px;
}
.Button .MuiCircularProgress-root {
  animation: none;
}

.button-saved-indicator-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-saved-indicator-container .saved-indicator {
  position: absolute;
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.3s all ease-in-out;
}
.theme-default-theme .button-saved-indicator-container .saved-indicator {
  background-color: #ffffff;
  box-shadow: 0px 0px 2px 0px #1a1a2326, 0px 0px 10px 0px #1a1a2326, 0px 0px 5px 0px #1a1a2326;
}
.theme-dark-theme .button-saved-indicator-container .saved-indicator {
  background-color: #222333;
  box-shadow: 0px 0px 2px 0px #d4d4d926, 0px 0px 10px 0px #d4d4d926, 0px 0px 5px 0px #d4d4d926;
}
.button-saved-indicator-container .saved-indicator.hide {
  opacity: 0;
  bottom: 0;
  z-index: 0;
}
.button-saved-indicator-container .saved-indicator.show {
  opacity: 1;
  bottom: 60px;
  z-index: 2;
}
.button-saved-indicator-container .saved-indicator svg.save-success-icon {
  margin-right: 5px;
}
.theme-default-theme .button-saved-indicator-container .saved-indicator svg.save-success-icon {
  color: #55cf90;
}
.theme-dark-theme .button-saved-indicator-container .saved-indicator svg.save-success-icon {
  color: #55cf90;
}

.DrawerFooter .button-saved-indicator-container {
  margin-left: 8px;
}
.DrawerFooter .button-saved-indicator-container button:not(:first-child) {
  margin-left: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/EditAndPreviewPopover/EditAndPreviewPopover.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.EditAndPreviewPopover .MuiPopover-paper {
  border-width: 2px;
  border-style: solid;
  border-radius: 0;
  -o-border-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
     border-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
  border-image-slice: 1;
  overflow-y: visible;
  overflow-x: visible;
  transform: translateY(13px) !important;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 5px 5px 10px;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-title {
  color: #ffffff;
}
.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-title {
  color: #d4d4d9;
}
.theme-default-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-title {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-title {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-title button {
  padding: 5px;
  margin-left: 10px;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-title button svg {
  height: 18px;
  width: 18px;
}
.theme-default-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-title button svg {
  fill: #ffffff;
}
.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-title button svg {
  fill: #d4d4d9;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}
.theme-default-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content {
  background-color: #ffffff;
}
.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content {
  background-color: #222333;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .edit-status {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .edit-status .StatusChip {
  min-width: 150px;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .edit-status .StatusChip:not(:last-of-type) {
  margin-bottom: 10px;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .edit-mixed-state-toggle {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% - 10px * 2);
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .edit-mixed-state-toggle .mixed-state-toggle-link {
  text-decoration: underline;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .edit-mixed-state-toggle .mixed-state-toggle-link:first-child {
  margin-bottom: 10px;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .date-picker-container {
  display: flex;
  position: relative;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .date-picker-container.edit-popover-calendar-disabled .MuiPickerStaticWrapper-root {
  filter: blur(3px);
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .date-picker-container .date-picker-disabled-message {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 20px;
  z-index: 2;
}
.theme-default-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .date-picker-container .date-picker-disabled-message span {
  background-color: rgba(255, 255, 255, 0.85);
}
.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .date-picker-container .date-picker-disabled-message span {
  background-color: rgba(34, 35, 51, 0.85);
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container {
  padding-top: 10px;
  padding-bottom: 10px;
  width: calc(100% - 20px);
  max-width: 400px;
  max-height: 400px;
}
@media screen and (max-width: 500px) {
  .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container {
    max-width: 300px;
  }
}
@media screen and (max-width: 350px) {
  .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container {
    max-width: 200px;
  }
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .landing-page-url-container {
  padding: 10px;
}
.theme-default-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .landing-page-url-container {
  border-bottom: 1px solid #1a1a2326;
}
.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .landing-page-url-container {
  border-bottom: 1px solid #d4d4d926;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .landing-page-url-container:last-child {
  border-bottom: 0;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .landing-page-url-container-empty {
  padding-left: 10px;
  padding-right: 10px;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .landing-page-url-container:not(:last-of-type) {
  margin-bottom: 5px;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container a {
  word-wrap: break-word;
}
.theme-default-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container a {
  color: #1a1a23;
}
.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container a {
  color: #d4d4d9;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container img {
  padding-left: 10px;
  padding-right: 10px;
  max-width: 350px;
  max-height: 350px;
}
@media screen and (max-width: 500px) {
  .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container img {
    max-width: 250px;
  }
}
@media screen and (max-width: 350px) {
  .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container img {
    max-width: 150px;
  }
}
.theme-default-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .MuiIconButton-root:hover {
  background-color: #1a1a2361;
}
.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .MuiIconButton-root:hover {
  background-color: #d4d4d930;
}
.theme-default-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .MuiIconButton-root:not(.Mui-disabled) {
  color: #1a1a23;
}
.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .MuiIconButton-root:not(.Mui-disabled) {
  color: #d4d4d9;
}
.theme-default-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .MuiIconButton-root.Mui-disabled {
  color: #1a1a2342;
}
.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .MuiIconButton-root.Mui-disabled {
  color: #d4d4d942;
}

.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper {
  -o-border-image: none;
     border-image: none;
  border-color: hsla(233, 15%, 35%, 0.5);
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/StatusChip/StatusChip.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.StatusChip {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 32px !important;
  border-radius: 4px !important;
  font-weight: 500;
  position: relative;
}
.theme-default-theme .StatusChip.status-chip-color-yellow {
  color: #ffcc33;
  border: 2px solid #ffcc33;
  background-color: rgba(255, 204, 51, 0.13);
}
.theme-default-theme .StatusChip.status-chip-color-yellow svg {
  color: #ffcc33;
}
.theme-dark-theme .StatusChip.status-chip-color-yellow {
  color: #ffcc33;
  border: 2px solid #ffcc33;
  background-color: rgba(255, 204, 51, 0.13);
}
.theme-dark-theme .StatusChip.status-chip-color-yellow svg {
  color: #ffcc33;
}
.StatusChip.status-chip-color-yellow.chip-is-editable:hover, .StatusChip.status-chip-color-yellow.chip-is-editable:focus, .StatusChip.status-chip-color-yellow.MuiChip-clickable:hover, .StatusChip.status-chip-color-yellow.MuiChip-clickable:focus {
  background-color: rgba(255, 204, 51, 0.25);
  box-shadow: 0 5px 2px -3px rgba(255, 204, 51, 0.2), 0 6px 8px 1px rgba(255, 204, 51, 0.14), 0 3px 12px 1px rgba(255, 204, 51, 0.12);
}
.theme-default-theme .StatusChip.status-chip-color-orange {
  color: #f67a48;
  border: 2px solid #f67a48;
  background-color: rgba(246, 122, 72, 0.13);
}
.theme-default-theme .StatusChip.status-chip-color-orange svg {
  color: #f67a48;
}
.theme-dark-theme .StatusChip.status-chip-color-orange {
  color: #ff956b;
  border: 2px solid #ff956b;
  background-color: rgba(246, 122, 72, 0.13);
}
.theme-dark-theme .StatusChip.status-chip-color-orange svg {
  color: #f67a48;
}
.StatusChip.status-chip-color-orange.chip-is-editable:hover, .StatusChip.status-chip-color-orange.chip-is-editable:focus, .StatusChip.status-chip-color-orange.MuiChip-clickable:hover, .StatusChip.status-chip-color-orange.MuiChip-clickable:focus {
  background-color: rgba(246, 122, 72, 0.25);
  box-shadow: 0 5px 2px -3px rgba(246, 122, 72, 0.2), 0 6px 8px 1px rgba(246, 122, 72, 0.14), 0 3px 12px 1px rgba(246, 122, 72, 0.12);
}
.theme-default-theme .StatusChip.status-chip-color-green {
  color: #00c015;
  border: 2px solid #00c015;
  background-color: rgba(0, 192, 21, 0.15);
}
.theme-default-theme .StatusChip.status-chip-color-green svg {
  color: #00c015;
}
.theme-dark-theme .StatusChip.status-chip-color-green {
  color: #16d92b;
  border: 2px solid #16d92b;
  background-color: rgba(0, 192, 21, 0.15);
}
.theme-dark-theme .StatusChip.status-chip-color-green svg {
  color: #00c015;
}
.StatusChip.status-chip-color-green.chip-is-editable:hover, .StatusChip.status-chip-color-green.chip-is-editable:focus, .StatusChip.status-chip-color-green.MuiChip-clickable:hover, .StatusChip.status-chip-color-green.MuiChip-clickable:focus {
  background-color: rgba(0, 192, 21, 0.25);
  box-shadow: 0 5px 2px -3px rgba(0, 192, 21, 0.2), 0 6px 8px 1px rgba(0, 192, 21, 0.14), 0 3px 12px 1px rgba(0, 192, 21, 0.12);
}
.theme-default-theme .StatusChip.status-chip-color-purple {
  color: #9e00ff;
  border: 2px solid #9e00ff;
  background-color: rgba(158, 0, 255, 0.13);
}
.theme-default-theme .StatusChip.status-chip-color-purple svg {
  color: #9e00ff;
}
.theme-dark-theme .StatusChip.status-chip-color-purple {
  color: #d899ff;
  border: 2px solid #d899ff;
  background-color: rgba(158, 0, 255, 0.13);
}
.theme-dark-theme .StatusChip.status-chip-color-purple svg {
  color: #d899ff;
}
.StatusChip.status-chip-color-purple.chip-is-editable:hover, .StatusChip.status-chip-color-purple.chip-is-editable:focus, .StatusChip.status-chip-color-purple.MuiChip-clickable:hover, .StatusChip.status-chip-color-purple.MuiChip-clickable:focus {
  background-color: rgba(158, 0, 255, 0.25);
  box-shadow: 0 5px 2px -3px rgba(158, 0, 255, 0.2), 0 6px 8px 1px rgba(158, 0, 255, 0.14), 0 3px 12px 1px rgba(158, 0, 255, 0.12);
}
.theme-default-theme .StatusChip.status-chip-color-grey {
  color: #1a1a23;
  border: 2px solid #1a1a23;
}
.theme-default-theme .StatusChip.status-chip-color-grey svg {
  color: #1a1a23;
}
.theme-dark-theme .StatusChip.status-chip-color-grey {
  color: #d4d4d9;
  border: 2px solid #d4d4d9;
}
.theme-dark-theme .StatusChip.status-chip-color-grey svg {
  color: #1a1a23;
}
.StatusChip.status-chip-color-grey.chip-is-editable:hover, .StatusChip.status-chip-color-grey.chip-is-editable:focus, .StatusChip.status-chip-color-grey.MuiChip-clickable:hover, .StatusChip.status-chip-color-grey.MuiChip-clickable:focus {
  background-color: rgba(26, 26, 35, 0.25);
  box-shadow: 0 5px 2px -3px rgba(26, 26, 35, 0.2), 0 6px 8px 1px rgba(26, 26, 35, 0.14), 0 3px 12px 1px rgba(26, 26, 35, 0.12);
}
.theme-default-theme .StatusChip.status-chip-color-blue {
  color: #39a9db;
  border: 2px solid #39a9db;
  background-color: rgba(57, 169, 219, 0.08);
}
.theme-default-theme .StatusChip.status-chip-color-blue svg {
  color: #39a9db;
}
.theme-dark-theme .StatusChip.status-chip-color-blue {
  color: #5ccdff;
  border: 2px solid #5ccdff;
  background-color: rgba(57, 169, 219, 0.08);
}
.theme-dark-theme .StatusChip.status-chip-color-blue svg {
  color: #39a9db;
}
.StatusChip.status-chip-color-blue.chip-is-editable:hover, .StatusChip.status-chip-color-blue.chip-is-editable:focus, .StatusChip.status-chip-color-blue.MuiChip-clickable:hover, .StatusChip.status-chip-color-blue.MuiChip-clickable:focus {
  background-color: rgba(57, 169, 219, 0.25);
  box-shadow: 0 5px 2px -3px rgba(57, 169, 219, 0.2), 0 6px 8px 1px rgba(57, 169, 219, 0.14), 0 3px 12px 1px rgba(57, 169, 219, 0.12);
}
.StatusChip.campaign-filter-chip {
  margin-right: 6px;
  margin-bottom: 5px;
}
.theme-default-theme .StatusChip.campaign-filter-chip {
  background-color: #ffffff;
}
.theme-dark-theme .StatusChip.campaign-filter-chip {
  background-color: #20212e;
}
.StatusChip.campaign-filter-chip .MuiChip-label {
  text-transform: capitalize !important;
}
.StatusChip.campaign-filter-chip .MuiChip-label .status-label {
  text-transform: capitalize !important;
}
.StatusChip.chip-is-inactive {
  opacity: 0.4;
  transition: opacity 300ms ease;
}
.StatusChip.chip-is-active {
  opacity: 1;
  transition: opacity 300ms ease;
}
.StatusChip.chip-is-editable:hover, .StatusChip.chip-is-editable:focus {
  cursor: pointer;
  outline: none;
}
.StatusChip.chip-is-editable:hover .status-label, .StatusChip.chip-is-editable:focus .status-label {
  opacity: 0;
}
.StatusChip.chip-is-editable:hover .edit-icon, .StatusChip.chip-is-editable:focus .edit-icon {
  opacity: 1;
}
.StatusChip.MuiChip-clickable:not(:focus) {
  transition: box-shadow 300ms ease;
}
.StatusChip .MuiChip-label {
  display: block;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 12px;
  text-transform: uppercase !important;
  letter-spacing: 0.75px;
}
.StatusChip .MuiChip-label .status-label {
  opacity: 1;
  font-size: 12px;
  text-transform: uppercase !important;
  letter-spacing: 0.75px;
  transition: opacity 300ms ease;
}
.StatusChip .MuiChip-label .edit-icon {
  display: flex;
  align-items: center;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 300ms ease;
}

.theme-default-theme .theme-dark-theme .StatusChip.status-chip-color-grey {
  color: #1a1a23;
  border: 2px solid #1a1a23;
}
.theme-dark-theme .theme-dark-theme .StatusChip.status-chip-color-grey {
  color: #d4d4d9;
  border: 2px solid #d4d4d9;
}
.theme-dark-theme .StatusChip.status-chip-color-grey.chip-is-editable:hover, .theme-dark-theme .StatusChip.status-chip-color-grey.chip-is-editable:focus, .theme-dark-theme .StatusChip.status-chip-color-grey.MuiChip-clickable:hover, .theme-dark-theme .StatusChip.status-chip-color-grey.MuiChip-clickable:focus {
  background-color: rgba(212, 212, 217, 0.25);
  box-shadow: 0 5px 2px -3px rgba(212, 212, 217, 0.2), 0 6px 8px 1px rgba(212, 212, 217, 0.14), 0 3px 12px 1px rgba(212, 212, 217, 0.12);
}
.theme-dark-theme .StatusChip.status-chip-color-grey.chip-is-editable:hover svg, .theme-dark-theme .StatusChip.status-chip-color-grey.chip-is-editable:focus svg, .theme-dark-theme .StatusChip.status-chip-color-grey.MuiChip-clickable:hover svg, .theme-dark-theme .StatusChip.status-chip-color-grey.MuiChip-clickable:focus svg {
  color: #f0f0f3;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/OptionsMenuPopover/OptionsMenuPopover.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.OptionsMenuPopover.MuiPopover-root {
  z-index: 1000;
}
.OptionsMenuPopover .MuiPopover-paper {
  border-radius: 0;
  transform: translateY(13px) !important;
  overflow-y: visible;
  overflow-x: visible;
  margin-top: -16px;
}
.OptionsMenuPopover .MuiPopover-paper .MuiList-root {
  padding-top: 0;
  padding-bottom: 0;
}
.OptionsMenuPopover .MuiPopover-paper .MuiList-root .MuiMenuItem-root {
  font-weight: 500;
  padding: 8px 23px;
}
.OptionsMenuPopover .MuiPopover-paper .MuiList-root .MuiMenuItem-root svg {
  height: 32px;
  width: 32px;
  margin-right: 16px;
}
.theme-default-theme .OptionsMenuPopover .MuiPopover-paper .MuiList-root .MuiMenuItem-root svg {
  fill: #1a1a23;
}
.theme-dark-theme .OptionsMenuPopover .MuiPopover-paper .MuiList-root .MuiMenuItem-root svg {
  fill: #d4d4d9;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/InfoDialog/InfoDialog.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.InfoDialog .MuiDialogTitle-root .title-container {
  display: flex;
  flex-wrap: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-width: calc(100% - 48px);
}
.InfoDialog .MuiDialogTitle-root .title-container .primary-title-container {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.InfoDialog .MuiDialogTitle-root .title-container .primary-title-container > :first-child {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.InfoDialog .MuiDialogTitle-root .title-container .primary-title-container svg {
  margin-right: 10px;
}
.InfoDialog .MuiDialogTitle-root .title-container .secondary-title-container {
  margin-left: 10px;
  opacity: 0.75;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.InfoDialog .MuiDialogTitle-root button {
  margin-left: 5px;
}
.InfoDialog .MuiDialogActions-root {
  padding: 16px 24px;
  justify-content: center;
}
.theme-default-theme .InfoDialog .MuiDialogActions-root {
  background-color: #e6e6ea !important;
}
.theme-dark-theme .InfoDialog .MuiDialogActions-root {
  background-color: #262633 !important;
}
.InfoDialog.json-preview-dialog .MuiPaper-root {
  width: 80%;
  max-width: 1000px;
  min-height: 80%;
}
.InfoDialog.json-preview-dialog .MuiPaper-root .MuiDialogContent-root .TextField {
  margin-top: 20px;
}
.InfoDialog.error-dialog .error-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.InfoDialog.error-dialog .error-content .error-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.InfoDialog.error-dialog .error-content .error-icon svg {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}
.theme-default-theme .InfoDialog.error-dialog .error-content .error-icon svg {
  color: #ec4d4d;
}
.theme-dark-theme .InfoDialog.error-dialog .error-content .error-icon svg {
  color: #f46262;
}
.InfoDialog.error-dialog .error-content .error-message-container .specific-error-message {
  margin-bottom: 10px;
}
.InfoDialog.error-dialog .error-content .error-message-container .specific-error-message .error-header {
  font-weight: 700;
  text-decoration: underline;
}
.InfoDialog.macro-dictionary-dialog .MuiDialogContent-root {
  padding: 0 !important;
  margin: 20px;
  box-shadow: -1px -1px 6px -1px rgba(0, 0, 0, 0.09), 1px 1px 6px -1px rgba(0, 0, 0, 0.15);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/buttons/IconButton/IconButton.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.theme-default-theme .IconButton.MuiIconButton-root:hover {
  background-color: #1a1a2361;
}
.theme-dark-theme .IconButton.MuiIconButton-root:hover {
  background-color: #d4d4d930;
}
.theme-default-theme .IconButton.MuiIconButton-root:not(.Mui-disabled) {
  color: #1a1a23;
}
.theme-dark-theme .IconButton.MuiIconButton-root:not(.Mui-disabled) {
  color: #d4d4d9;
}
.theme-default-theme .IconButton.MuiIconButton-root.Mui-disabled {
  color: #1a1a2342;
}
.theme-dark-theme .IconButton.MuiIconButton-root.Mui-disabled {
  color: #d4d4d942;
}
.IconButton.is-main-cta {
  border-radius: 0;
  padding: 5px;
}
.theme-default-theme .IconButton.is-main-cta {
  color: #383f80 !important;
}
.theme-dark-theme .IconButton.is-main-cta {
  color: #64ade0 !important;
}
.theme-default-theme .IconButton.is-main-cta:hover {
  background-color: #383f8030 !important;
}
.theme-dark-theme .IconButton.is-main-cta:hover {
  background-color: #64ade030 !important;
}
.IconButton.is-main-cta svg {
  width: 40px;
  height: 40px;
}
.IconButton.is-main-cta .MuiTouchRipple-root span {
  border-radius: 0;
}
.theme-default-theme .IconButton.favorite {
  color: #f1cb78 !important;
}
.theme-dark-theme .IconButton.favorite {
  color: #f1cb78 !important;
}
.theme-default-theme .IconButton.favorite:hover {
  background-color: #f1cb7830 !important;
}
.theme-dark-theme .IconButton.favorite:hover {
  background-color: #f1cb7830 !important;
}
.theme-default-theme .IconButton.non-favorite {
  color: #1a1a2350 !important;
}
.theme-dark-theme .IconButton.non-favorite {
  color: #d4d4d950 !important;
}
.theme-default-theme .IconButton.remove-icon-button:hover, .theme-default-theme .IconButton.remove-icon-button:focus {
  color: #ec4d4d !important;
  background-color: #ec4d4d30 !important;
}
.theme-dark-theme .IconButton.remove-icon-button:hover, .theme-dark-theme .IconButton.remove-icon-button:focus {
  color: #f46262 !important;
  background-color: #f4626230 !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/ComboSelect/ComboSelect.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.ComboSelect {
  display: flex;
}
.ComboSelect .MuiAutocomplete-root {
  flex: 1 1 auto;
}
.ComboSelect .MuiAutocomplete-root .MuiOutlinedInput-root {
  padding-right: 65px !important;
}
.ComboSelect .MuiAutocomplete-root fieldset > legend {
  font-size: 0.8em;
}
.ComboSelect .ComboSelect-chip-disabled {
  opacity: 0.5;
  pointer-events: none;
  margin-right: 5px;
}
.ComboSelect .ComboSelect-chip-disabled .MuiChip-deleteIcon {
  display: none !important;
}
.ComboSelect .MuiChip-root {
  margin: 3px;
}

.MuiAutocomplete-popper {
  z-index: 999999 !important;
}
.theme-default-theme .MuiAutocomplete-popper {
  background-color: #ffffff !important;
  color: #1a1a23 !important;
}
.theme-dark-theme .MuiAutocomplete-popper {
  background-color: #222333 !important;
  color: #d4d4d9 !important;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox {
  background-color: #ffffff !important;
}
.theme-dark-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox {
  background-color: #222333 !important;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=true] {
  background-color: #707eff40 !important;
}
.theme-dark-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=true] {
  background-color: #7d8aff40 !important;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=false]:focus, .theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=false]:hover {
  background-color: #707eff15 !important;
}
.theme-dark-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=false]:focus, .theme-dark-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=false]:hover {
  background-color: #7d8aff15 !important;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[data-focus=true] {
  background-color: #707eff15;
}
.theme-dark-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[data-focus=true] {
  background-color: #7d8aff15;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option span.MuiIconButton-root {
  color: #1a1a23 !important;
}
.theme-dark-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option span.MuiIconButton-root {
  color: #d4d4d9 !important;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option span.MuiIconButton-root:hover {
  background-color: #1a1a2330 !important;
}
.theme-dark-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option span.MuiIconButton-root:hover {
  background-color: #d4d4d930 !important;
}
.MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option .extended-label {
  padding-left: 10px;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option .extended-label {
  color: #1a1a2361 !important;
}
.theme-dark-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option .extended-label {
  color: #d4d4d961 !important;
}

.theme-default-theme .MuiPopover-paper {
  background-color: #ffffff !important;
  color: #1a1a23 !important;
}
.theme-dark-theme .MuiPopover-paper {
  background-color: #222333 !important;
  color: #d4d4d9 !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/Tooltip/Tooltip.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.MuiTooltip-popper .MuiTooltip-tooltip {
  border-radius: 0;
  max-width: 400px;
  padding: 8px 12px;
  white-space: pre-line;
}
.theme-default-theme .MuiTooltip-popper .MuiTooltip-tooltip {
  color: #ffffff !important;
}
.theme-dark-theme .MuiTooltip-popper .MuiTooltip-tooltip {
  color: #d4d4d9 !important;
}
.theme-default-theme .MuiTooltip-popper .MuiTooltip-tooltip {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .MuiTooltip-popper .MuiTooltip-tooltip {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip {
  background-image: none;
  border-radius: 4px;
}
.theme-default-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip {
  color: #ffffff !important;
}
.theme-default-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.draft {
  background-color: #9e00ff;
}
.theme-default-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.draft .MuiTooltip-arrow {
  color: #9e00ff;
}
.theme-default-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.ready {
  background-color: #ffcc33;
}
.theme-default-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.ready .MuiTooltip-arrow {
  color: #ffcc33;
}
.theme-default-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.active {
  background-color: #00c015;
}
.theme-default-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.active .MuiTooltip-arrow {
  color: #00c015;
}
.theme-default-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.paused {
  background-color: #f67a48;
}
.theme-default-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.paused .MuiTooltip-arrow {
  color: #f67a48;
}
.theme-default-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.completed {
  background-color: #39a9db;
}
.theme-default-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.completed .MuiTooltip-arrow {
  color: #39a9db;
}
.theme-dark-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip {
  color: #1a1a23 !important;
}
.theme-dark-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.draft {
  background-color: #d899ff;
}
.theme-dark-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.draft .MuiTooltip-arrow {
  color: #d899ff;
}
.theme-dark-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.ready {
  background-color: #ffcc33;
}
.theme-dark-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.ready .MuiTooltip-arrow {
  color: #ffcc33;
}
.theme-dark-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.active {
  background-color: #16d92b;
}
.theme-dark-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.active .MuiTooltip-arrow {
  color: #16d92b;
}
.theme-dark-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.paused {
  background-color: #ff956b;
}
.theme-dark-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.paused .MuiTooltip-arrow {
  color: #ff956b;
}
.theme-dark-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.completed {
  background-color: #5ccdff;
}
.theme-dark-theme .MuiTooltip-popper.campaign-filter-tooltip .MuiTooltip-tooltip.completed .MuiTooltip-arrow {
  color: #5ccdff;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/ComboSelectWithButton/ComboSelectWithButton.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.ComboSelectWithButton {
  display: flex;
  flex-direction: row;
}
.ComboSelectWithButton .select-input {
  flex: 1 1 auto;
}
.ComboSelectWithButton .add-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
}
.ComboSelectWithButton .add-button .MuiIconButton-root {
  width: 48px;
  height: 48px;
  margin-left: 10px;
  border-radius: 0;
}
.theme-default-theme .ComboSelectWithButton .add-button .MuiIconButton-root:hover {
  background-color: #1a1a2361;
}
.theme-dark-theme .ComboSelectWithButton .add-button .MuiIconButton-root:hover {
  background-color: #d4d4d930;
}
.theme-default-theme .ComboSelectWithButton .add-button .MuiIconButton-root:not(.Mui-disabled) {
  color: #1a1a23;
}
.theme-dark-theme .ComboSelectWithButton .add-button .MuiIconButton-root:not(.Mui-disabled) {
  color: #d4d4d9;
}
.theme-default-theme .ComboSelectWithButton .add-button .MuiIconButton-root.Mui-disabled {
  color: #1a1a2342;
}
.theme-dark-theme .ComboSelectWithButton .add-button .MuiIconButton-root.Mui-disabled {
  color: #d4d4d942;
}
.ComboSelectWithButton .add-button .MuiIconButton-root svg {
  width: 24px;
  height: 24px;
}
.ComboSelectWithButton .add-button .MuiIconButton-root .MuiTouchRipple-root span {
  border-radius: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/DateSelector/DateSelector.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.theme-default-theme .DateSelector .MuiIconButton-root:hover {
  background-color: #1a1a2361;
}
.theme-dark-theme .DateSelector .MuiIconButton-root:hover {
  background-color: #d4d4d930;
}
.theme-default-theme .DateSelector .MuiIconButton-root:not(.Mui-disabled) {
  color: #1a1a23;
}
.theme-dark-theme .DateSelector .MuiIconButton-root:not(.Mui-disabled) {
  color: #d4d4d9;
}
.theme-default-theme .DateSelector .MuiIconButton-root.Mui-disabled {
  color: #1a1a2342;
}
.theme-dark-theme .DateSelector .MuiIconButton-root.Mui-disabled {
  color: #d4d4d942;
}

.two-date-selectors-flexed-container {
  display: flex;
  flex-direction: row;
}
.two-date-selectors-flexed-container .DateSelector {
  flex: 1 1 auto;
}
.two-date-selectors-flexed-container .DateSelector:first-of-type {
  margin-right: 15px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/FormHeader/FormHeader.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.FormHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 18px !important;
  font-weight: 300;
  text-transform: uppercase !important;
  letter-spacing: 2px;
  padding: 13px 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .FormHeader {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .FormHeader {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.theme-default-theme .FormHeader {
  color: #ffffff;
}
.theme-dark-theme .FormHeader {
  color: #d4d4d9;
}
.FormHeader .MuiButtonBase-root.MuiIconButton-root {
  padding: 8px;
  margin: -9px 0;
}
.theme-default-theme .FormHeader .MuiButtonBase-root.MuiIconButton-root svg {
  color: #ffffff;
}
.theme-dark-theme .FormHeader .MuiButtonBase-root.MuiIconButton-root svg {
  color: #d4d4d9;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/FormValidationDisplay/FormValidationDisplay.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.FormValidationDisplay {
  z-index: 3;
}
.FormValidationDisplay .form-validation-messages-container {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: -3px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .FormValidationDisplay .form-validation-messages-container svg,
.theme-default-theme .FormValidationDisplay .form-validation-messages-container span {
  color: #ec4d4d;
}
.theme-dark-theme .FormValidationDisplay .form-validation-messages-container svg,
.theme-dark-theme .FormValidationDisplay .form-validation-messages-container span {
  color: #f46262;
}
.FormValidationDisplay .form-validation-messages-container svg {
  width: 28px;
  height: 28px;
  margin-right: 5px;
}
.FormValidationDisplay .form-validation-messages-container.validation-failed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.FormValidationDisplay .form-validation-messages-container .helper-text {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/FormValidationMessagesDisplay/FormValidationMessagesDisplay.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.FormValidationMessagesDisplay {
  margin: 12px 8px;
  line-height: 20px;
}
.FormValidationMessagesDisplay .form-validation-messages-header {
  margin-bottom: 20px;
}
.FormValidationMessagesDisplay ul {
  padding-left: 5px;
  list-style: none;
}
.FormValidationMessagesDisplay ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-weight: 300;
}
.FormValidationMessagesDisplay ul li:last-child {
  margin-bottom: 0;
}
.FormValidationMessagesDisplay ul li:before {
  min-width: 8px;
  min-height: 8px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 2px;
  content: "";
}
.theme-default-theme .FormValidationMessagesDisplay ul li:before {
  background-color: #ec4d4d;
}
.theme-dark-theme .FormValidationMessagesDisplay ul li:before {
  background-color: #f46262;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/ImageUploadFormRow/ImageUploadFormRow.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.ImageUploadFormRow {
  padding: 20px;
  margin: 0 -20px 10px;
}
.theme-default-theme .ImageUploadFormRow {
  border-bottom: 1px solid #1a1a2326;
  box-shadow: 0px 4px 8px -2px #091e4240, 0px 0px 0px 1px #091e4214;
}
.theme-dark-theme .ImageUploadFormRow {
  border-bottom: 1px solid #d4d4d926;
  box-shadow: 0px 4px 8px -2px #00000080, 0px 0px 0px 1px #00000014;
}
.ImageUploadFormRow .upper-row-inputs {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ImageUploadFormRow .upper-row-inputs > div {
  flex: 1 1 auto;
}
.ImageUploadFormRow .upper-row-inputs > div:not(:first-child) {
  margin-left: 20px;
}
.ImageUploadFormRow .lower-row-inputs {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
}
.ImageUploadFormRow .lower-row-inputs .TextField {
  flex: 1 1 auto;
}
.ImageUploadFormRow .lower-row-inputs .TextField legend > span {
  padding-right: 15px;
}
.ImageUploadFormRow .lower-row-inputs .TextField.landing-pg-input {
  width: 60%;
  margin-left: 20px;
}
.ImageUploadFormRow .lower-row-inputs .ComboSelect {
  width: 40%;
}
.ImageUploadFormRow .lower-row-inputs .ComboSelect.redirect-dropdown {
  width: 60%;
  margin-left: 20px;
}
.ImageUploadFormRow .ComboSelect {
  min-width: 195px;
}
.ImageUploadFormRow button:not(.add-url-button) {
  margin-left: 10px;
}
.ImageUploadFormRow .landing-page-url-button-container {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/NumericInput/NumericInput.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.NumericInput {
  display: flex;
  flex-direction: row;
}
.NumericInput .operator-select {
  flex: 0 0 100px;
  margin-right: 15px;
}
.NumericInput .input-container {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
}
.NumericInput .input-container .numeric-value-entry {
  flex: 1 1 auto;
}
.theme-default-theme .NumericInput .input-container .numeric-value-entry .MuiInputBase-root.Mui-focused svg {
  fill: #1a1a23 !important;
}
.theme-dark-theme .NumericInput .input-container .numeric-value-entry .MuiInputBase-root.Mui-focused svg {
  fill: #d4d4d9 !important;
}
.theme-default-theme .NumericInput .input-container .numeric-value-entry .MuiInputBase-root .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled {
  color: #1a1a2330 !important;
  -webkit-text-fill-color: #1a1a2330 !important;
}
.theme-dark-theme .NumericInput .input-container .numeric-value-entry .MuiInputBase-root .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled {
  color: #d4d4d961 !important;
  -webkit-text-fill-color: #d4d4d961 !important;
}
.NumericInput .input-container .numeric-end-adornment {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/RadioGroup/RadioGroup.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.theme-default-theme .RadioGroup.base-radio-group .MuiRadio-root {
  color: #1a1a2350;
}
.theme-dark-theme .RadioGroup.base-radio-group .MuiRadio-root {
  color: #d4d4d950;
}
.theme-default-theme .RadioGroup.base-radio-group .MuiRadio-root.Mui-checked {
  color: #383f80;
}
.theme-dark-theme .RadioGroup.base-radio-group .MuiRadio-root.Mui-checked {
  color: #64ade0;
}
.RadioGroup.targeting-inclusion-group {
  margin-right: 15px;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.RadioGroup.targeting-inclusion-group .MuiFormControlLabel-label {
  font-size: 13px;
  text-transform: uppercase !important;
}
.RadioGroup.bulk-edit-apply-group .MuiFormControlLabel-label {
  font-size: 13px;
}

.RadioGroupFormControl.and-or-inclusion-label-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 15px;
}
.RadioGroupFormControl.and-or-inclusion-label-container .MuiFormLabel-root {
  line-height: 16px;
}
.RadioGroupFormControl.and-or-inclusion-label-container .MuiFormLabel-root span {
  font-size: 12px;
}
.RadioGroupFormControl.and-or-inclusion-label-container .MuiFormLabel-root span:first-of-type {
  font-weight: 600;
}
.RadioGroupFormControl.atc-country label.MuiFormLabel-root {
  color: rgba(26, 26, 35, 0.4509803922) !important;
}
.RadioGroupFormControl.atc-country .RadioGroup {
  border-style: solid;
  color: rgba(26, 26, 35, 0.4509803922);
  border-radius: 4px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/Switch/Switch.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.Switch.basic-themed-switch {
  display: flex;
  align-items: center;
  width: 60px;
  height: 40px;
}
.Switch.basic-themed-switch .MuiSwitch-switchBase {
  left: 6px;
  transform: translateY(6px);
}
.theme-default-theme .Switch.basic-themed-switch .MuiSwitch-switchBase {
  color: #1a1a23;
}
.theme-dark-theme .Switch.basic-themed-switch .MuiSwitch-switchBase {
  color: #d4d4d9;
}
.theme-default-theme .Switch.basic-themed-switch .MuiSwitch-switchBase:hover {
  background-color: rgba(26, 26, 35, 0.25);
}
.theme-dark-theme .Switch.basic-themed-switch .MuiSwitch-switchBase:hover {
  background-color: rgba(26, 26, 35, 0.25);
}
.Switch.basic-themed-switch .MuiSwitch-switchBase .MuiSwitch-thumb {
  width: 11px;
  height: 11px;
}
.theme-default-theme .Switch.basic-themed-switch .MuiSwitch-switchBase .MuiSwitch-thumb {
  color: #1a1a23;
}
.theme-dark-theme .Switch.basic-themed-switch .MuiSwitch-switchBase .MuiSwitch-thumb {
  color: #d4d4d9;
}
.Switch.basic-themed-switch .MuiSwitch-switchBase + .MuiSwitch-track {
  border-radius: 10px;
  height: 18px;
  margin-top: 1px;
  opacity: 1;
  box-sizing: border-box;
}
.theme-default-theme .Switch.basic-themed-switch .MuiSwitch-switchBase + .MuiSwitch-track {
  background-color: #ffffff;
  border: 2px solid #1a1a23;
}
.theme-dark-theme .Switch.basic-themed-switch .MuiSwitch-switchBase + .MuiSwitch-track {
  background-color: #d4d4d9;
  border: 2px solid #d4d4d9;
}
.Switch.basic-themed-switch .MuiSwitch-switchBase.Mui-checked {
  left: 25px;
}
.theme-default-theme .Switch.basic-themed-switch .MuiSwitch-switchBase.Mui-checked {
  color: #ffffff;
}
.theme-dark-theme .Switch.basic-themed-switch .MuiSwitch-switchBase.Mui-checked {
  color: #d4d4d9;
}
.theme-default-theme .Switch.basic-themed-switch .MuiSwitch-switchBase.Mui-checked:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.theme-dark-theme .Switch.basic-themed-switch .MuiSwitch-switchBase.Mui-checked:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.theme-default-theme .Switch.basic-themed-switch .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
  color: #ffffff;
}
.theme-dark-theme .Switch.basic-themed-switch .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
  color: #d4d4d9;
}
.Switch.basic-themed-switch .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  opacity: 1;
}
.theme-default-theme .Switch.basic-themed-switch .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: #707eff;
  border: 2px solid #707eff;
}
.theme-dark-theme .Switch.basic-themed-switch .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: #7d8aff;
  border: 2px solid #7d8aff;
}
.Switch.include-exclude-switch {
  display: flex;
  align-items: center;
  width: 105px;
  height: 45px;
}
.Switch.include-exclude-switch .MuiSwitch-switchBase {
  left: 6px;
  transform: translateY(2px);
}
.theme-default-theme .Switch.include-exclude-switch .MuiSwitch-switchBase {
  color: #ff0000;
}
.theme-dark-theme .Switch.include-exclude-switch .MuiSwitch-switchBase {
  color: #ff0000;
}
.theme-default-theme .Switch.include-exclude-switch .MuiSwitch-switchBase:hover {
  background-color: rgba(255, 0, 0, 0.25);
}
.theme-dark-theme .Switch.include-exclude-switch .MuiSwitch-switchBase:hover {
  background-color: rgba(255, 0, 0, 0.25);
}
.Switch.include-exclude-switch .MuiSwitch-switchBase .MuiSwitch-thumb {
  width: 23px;
  height: 23px;
  box-sizing: border-box;
}
.theme-default-theme .Switch.include-exclude-switch .MuiSwitch-switchBase .MuiSwitch-thumb {
  color: #ff0000;
  border: 2px solid #1a1a23;
}
.theme-dark-theme .Switch.include-exclude-switch .MuiSwitch-switchBase .MuiSwitch-thumb {
  color: #ff0000;
  border: 2px solid #d4d4d9;
}
.Switch.include-exclude-switch .MuiSwitch-switchBase + .MuiSwitch-track {
  border-radius: 15px;
  height: 30px;
  margin-top: 1px;
  opacity: 1;
  box-sizing: border-box;
}
.theme-default-theme .Switch.include-exclude-switch .MuiSwitch-switchBase + .MuiSwitch-track {
  background-color: #ffffff;
  border: 2px solid #1a1a23;
}
.theme-dark-theme .Switch.include-exclude-switch .MuiSwitch-switchBase + .MuiSwitch-track {
  background-color: #d4d4d9;
  border: 2px solid #d4d4d9;
}
.Switch.include-exclude-switch .MuiSwitch-switchBase + .MuiSwitch-track:before {
  content: "EXCLUDE";
  position: absolute;
  top: 50%;
  right: 19px;
  transform: translateY(-44%);
  font-size: 9px;
  margin-left: 1px;
}
.Switch.include-exclude-switch .MuiSwitch-switchBase + .MuiSwitch-track:after {
  content: "INCLUDE";
  position: absolute;
  top: 50%;
  transform: translateY(-44%);
  font-size: 9px;
  left: 19px;
  visibility: hidden;
}
.Switch.include-exclude-switch .MuiSwitch-switchBase.Mui-checked {
  left: 58px;
}
.theme-default-theme .Switch.include-exclude-switch .MuiSwitch-switchBase.Mui-checked {
  color: #00c015;
}
.theme-dark-theme .Switch.include-exclude-switch .MuiSwitch-switchBase.Mui-checked {
  color: #00c015;
}
.theme-default-theme .Switch.include-exclude-switch .MuiSwitch-switchBase.Mui-checked:hover {
  background-color: rgba(0, 192, 21, 0.25);
}
.theme-dark-theme .Switch.include-exclude-switch .MuiSwitch-switchBase.Mui-checked:hover {
  background-color: rgba(0, 192, 21, 0.25);
}
.theme-default-theme .Switch.include-exclude-switch .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
  color: #00c015;
  border: 2px solid #1a1a23;
}
.theme-dark-theme .Switch.include-exclude-switch .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
  color: #00c015;
  border: 2px solid #d4d4d9;
}
.Switch.include-exclude-switch .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  opacity: 1;
}
.theme-default-theme .Switch.include-exclude-switch .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: #ffffff;
  border: 2px solid #1a1a23;
}
.theme-dark-theme .Switch.include-exclude-switch .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: #d4d4d9;
  border: 2px solid #d4d4d9;
}
.Switch.include-exclude-switch .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track:before {
  visibility: hidden;
}
.Switch.include-exclude-switch .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track:after {
  visibility: visible;
}
.Switch .MuiSwitch-switchBase.Mui-disabled .MuiSwitch-thumb, .Switch .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track {
  opacity: 0.3;
}
.Switch .MuiSwitch-switchBase.Mui-disabled.Mui-checked.Mui-disabled .MuiSwitch-thumb, .Switch .MuiSwitch-switchBase.Mui-disabled.Mui-checked.Mui-disabled + .MuiSwitch-track {
  opacity: 0.3;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/TextField/TextField.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TextField.MuiTextField-root {
  display: flex;
}
.TextField.MuiTextField-root.data-table-search-text-field {
  flex: 1 1 auto;
  margin-right: 5px;
}
.TextField.MuiTextField-root.data-table-search-text-field .MuiInputBase-root {
  padding-left: 0;
}
.theme-default-theme .TextField.MuiTextField-root.data-table-search-text-field .MuiInputBase-root {
  background-color: #1a1a2315;
}
.theme-dark-theme .TextField.MuiTextField-root.data-table-search-text-field .MuiInputBase-root {
  background-color: #4b4e654D;
}
.TextField.MuiTextField-root.data-table-search-text-field label {
  transition: none;
}
.TextField.MuiTextField-root.data-table-search-text-field label.Mui-focused, .TextField.MuiTextField-root.data-table-search-text-field label.MuiFormLabel-filled, .TextField.MuiTextField-root.data-table-search-text-field label.MuiInputLabel-shrink {
  opacity: 0;
}
.TextField.MuiTextField-root.data-table-search-text-field input {
  padding-left: 5px;
}
.TextField.MuiTextField-root.data-table-search-text-field fieldset {
  border: 0;
}
.TextField.MuiTextField-root.data-table-search-text-field .MuiIconButton-root {
  opacity: 0.5;
}
.TextField.MuiTextField-root.id-input-adornment-end .MuiInputBase-root {
  padding-left: 5px;
}
.TextField.MuiTextField-root.id-input-adornment-end .MuiInputAdornment-root span {
  padding-right: 10px;
  font-size: 13px;
}
.theme-default-theme .TextField.MuiTextField-root.id-input-adornment-end .MuiInputAdornment-root span {
  color: #1a1a23b3;
}
.theme-dark-theme .TextField.MuiTextField-root.id-input-adornment-end .MuiInputAdornment-root span {
  color: #d4d4d9b3;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/Checkbox/Checkbox.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.Checkbox.MuiFormControlLabel-root {
  margin: 0;
}
.Checkbox.MuiFormControlLabel-root .MuiCheckbox-root {
  flex: 0 0 auto;
}
.theme-default-theme .Checkbox.MuiFormControlLabel-root .MuiCheckbox-root:not(.Mui-disabled) {
  color: #1a1a23;
}
.theme-dark-theme .Checkbox.MuiFormControlLabel-root .MuiCheckbox-root:not(.Mui-disabled) {
  color: #d4d4d9;
}
.theme-default-theme .Checkbox.MuiFormControlLabel-root .MuiCheckbox-root:hover {
  background-color: #1a1a2330;
}
.theme-dark-theme .Checkbox.MuiFormControlLabel-root .MuiCheckbox-root:hover {
  background-color: #d4d4d930;
}
.theme-default-theme .Checkbox.MuiFormControlLabel-root .MuiCheckbox-root.Mui-disabled {
  color: #1a1a2330;
}
.theme-dark-theme .Checkbox.MuiFormControlLabel-root .MuiCheckbox-root.Mui-disabled {
  color: #d4d4d961;
}
.Checkbox.MuiFormControlLabel-root .MuiTypography-root {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .Checkbox.MuiFormControlLabel-root .MuiTypography-root.Mui-disabled {
  color: #1a1a2330;
}
.theme-dark-theme .Checkbox.MuiFormControlLabel-root .MuiTypography-root.Mui-disabled {
  color: #d4d4d961;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/ContentCopyDialog/ContentCopyDialog.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.ContentCopyDialog .MuiDialogContent-root {
  width: 400px;
  line-height: 24px;
}
.theme-default-theme .ContentCopyDialog .MuiDialogContent-root {
  border-bottom: 1px solid #1a1a2326;
}
.theme-dark-theme .ContentCopyDialog .MuiDialogContent-root {
  border-bottom: 1px solid #d4d4d926;
}
.ContentCopyDialog .MuiDialogContent-root .MuiInputBase-root .MuiInputBase-input {
  padding: 10px 14px;
}
.ContentCopyDialog .MuiDialogActions-root {
  display: flex;
  justify-content: center;
}
.theme-default-theme .ContentCopyDialog .MuiDialogActions-root {
  background-color: #1a1a2326 !important;
}
.theme-dark-theme .ContentCopyDialog .MuiDialogActions-root {
  background-color: #d4d4d926 !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/AuthLoadingPage/AuthLoadingPage.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AuthLoadingPage {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.AuthLoadingPage .view-loading-page-body {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
}
.theme-default-theme .AuthLoadingPage {
  background-color: #f0f0f3 !important;
}
.theme-dark-theme .AuthLoadingPage {
  background-color: #1a1a23 !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/CopyableField/CopyableField.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CopyableField {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.CopyableField .display-label {
  opacity: 1;
  transition: opacity 300ms ease;
}
.CopyableField .copy-icon {
  opacity: 0;
  position: absolute;
  left: 40%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 300ms ease;
}
.CopyableField .copy-text-action-message {
  position: absolute;
  left: 40%;
  top: -5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 600;
  padding: 4px;
  border-radius: 4px;
  z-index: 1;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .CopyableField .copy-text-action-message {
  background-color: #ffffff;
  border: 2px solid #4b4e65;
  box-shadow: 0 0 3px 0 #4b4e65;
  color: #4b4e65;
}
.theme-dark-theme .CopyableField .copy-text-action-message {
  background-color: #222333;
  border: 2px solid #607e91;
  box-shadow: 0 0 3px 0 #607e91;
  color: #607e91;
}
.CopyableField .copy-text-action-message.is-shown {
  opacity: 1;
}
.CopyableField:hover, .CopyableField:focus {
  cursor: pointer;
  outline: none;
}
.CopyableField:hover .display-label, .CopyableField:focus .display-label {
  opacity: 0.25;
}
.CopyableField:hover .copy-icon, .CopyableField:focus .copy-icon {
  opacity: 1;
}
.CopyableField:not(:hover) .display-label {
  opacity: 1;
}
.CopyableField:not(:hover) .copy-icon {
  opacity: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/Four0Four/Four0Four.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.Four0Four {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.Four0Four .code-area {
  line-height: 30px;
}
.theme-default-theme .Four0Four .code-area {
  color: #1a1a23;
}
.theme-dark-theme .Four0Four .code-area {
  color: #d4d4d9;
}
.Four0Four .code-area * {
  font-family: "Courier New", serif !important;
  font-size: 20px !important;
}
.Four0Four .code-area > span {
  display: block;
}
.Four0Four .code-area .code-line-1 {
  font-style: italic;
}
.theme-default-theme .Four0Four .code-area .code-line-1 {
  color: #1a1a23b3;
}
.theme-dark-theme .Four0Four .code-area .code-line-1 {
  color: #d4d4d9b3;
}
.theme-default-theme .Four0Four .code-area .code-line-2 > span:nth-child(1) {
  color: #ec4d4d;
}
.theme-dark-theme .Four0Four .code-area .code-line-2 > span:nth-child(1) {
  color: #f46262;
}
.theme-default-theme .Four0Four .code-area .code-line-2 > span:nth-child(2) {
  color: #5e6280;
}
.theme-dark-theme .Four0Four .code-area .code-line-2 > span:nth-child(2) {
  color: #5e6280;
}
.Four0Four .code-area .code-line-2 > span:nth-child(3) {
  font-style: italic;
}
.Four0Four .code-area .code-line-3 > span:nth-child(1) {
  padding-left: 25px;
}
.theme-default-theme .Four0Four .code-area .code-line-3 > span:nth-child(1) {
  color: #5e6280;
}
.theme-dark-theme .Four0Four .code-area .code-line-3 > span:nth-child(1) {
  color: #5e6280;
}
.theme-default-theme .Four0Four .code-area .code-line-3 > span:nth-child(2) > span {
  color: #707eff;
}
.theme-dark-theme .Four0Four .code-area .code-line-3 > span:nth-child(2) > span {
  color: #7d8aff;
}
.Four0Four .code-area .code-line-4 {
  display: block;
}
.Four0Four .code-area .code-line-5 {
  font-style: italic;
}
.theme-default-theme .Four0Four .code-area .code-line-5 {
  color: #1a1a23b3;
}
.theme-dark-theme .Four0Four .code-area .code-line-5 {
  color: #d4d4d9b3;
}
.Four0Four .code-area .code-line-5 span:hover {
  font-weight: 600;
  cursor: pointer;
}
.theme-default-theme .Four0Four .code-area .code-line-5 span:hover {
  color: #f67a48;
}
.theme-dark-theme .Four0Four .code-area .code-line-5 span:hover {
  color: #f67a48;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/Login/Login.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.Login {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.theme-default-theme .Login {
  background-color: #1a1a23 !important;
}
.theme-dark-theme .Login {
  background-color: !important;
}
.Login .login-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.theme-default-theme .Login .login-container {
  background-image: linear-gradient(180deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .Login .login-container {
  background-image: linear-gradient(180deg, hsl(240, 2%, 10%) 0%, hsl(240, 4%, 11%) 11%, hsl(240, 7%, 12%) 22%, hsl(240, 8%, 12%) 33%, hsl(240, 10%, 13%) 44%, hsl(240, 13%, 14%) 56%, hsl(240, 14%, 15%) 67%, hsl(240, 15%, 15%) 78%, hsl(236, 19%, 16%) 89%, hsl(236, 20%, 17%) 100%);
}
.Login .login-container .logo-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: 0 0 auto;
  margin-bottom: 10px;
}
.Login .login-container .logo-container .SiteLogo {
  flex: 0 0 auto;
}
.Login .login-container .logo-container .SiteLogo .adadapted-login-logo {
  width: 200px;
  height: 200px;
}
.Login .login-container .site-title-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}
.Login .login-container .site-title-container div:nth-child(1) {
  display: flex;
  justify-content: center;
  width: 300px;
  margin-bottom: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.Login .login-container .site-title-container div:nth-child(2) {
  display: flex;
  justify-content: center;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .Login .login-container .site-title-container div:nth-child(2) {
  color: #ffffff !important;
}
.theme-dark-theme .Login .login-container .site-title-container div:nth-child(2) {
  color: #d4d4d9 !important;
}
.Login .login-container .action-forms {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  margin: auto;
  padding: 20px;
  align-items: center;
  width: 300px;
}
.Login .login-container .action-form-spacer {
  flex: 1 1 auto;
}
.Login .image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.Login .image-container img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1500ms ease;
}
.Login .image-container img.image-displayed {
  opacity: 0.2;
}

@media screen and (min-width: 1000px) {
  .Login .login-container {
    flex: 0 0 35%;
  }
  .Login .image-container {
    flex: 0 0 65%;
  }
}
@media screen and (min-width: 650px) and (max-width: 999px) {
  .Login .login-container {
    flex: 0 0 45%;
  }
  .Login .login-container .logo-container .SiteLogo .adadapted-login-logo {
    width: 150px;
    height: 150px;
  }
  .Login .login-container .site-title-container div:nth-child(1) {
    width: 250px;
  }
  .Login .login-container .site-title-container div:nth-child(2) {
    font-size: 20px;
  }
  .Login .login-container .action-forms {
    width: 240px;
  }
  .Login .image-container {
    flex: 0 0 55%;
  }
}
@media screen and (max-width: 649px) {
  .Login .login-container {
    flex: 1 1 100%;
  }
  .Login .image-container {
    flex: 1 1 0%;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/SignInForm/SignInForm.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.SignInForm {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.SignInForm .sign-in-email-entry,
.SignInForm .sign-in-password-entry {
  width: 100%;
  margin-bottom: 20px;
}
.SignInForm .google-sign-in-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 0;
}
.theme-default-theme .SignInForm .google-sign-in-button {
  color: #1a1a23 !important;
  background-color: #ffffff !important;
}
.theme-dark-theme .SignInForm .google-sign-in-button {
  color: #1a1a23 !important;
  background-color: #ffffff !important;
}
.SignInForm .google-sign-in-button.Mui-disabled {
  opacity: 0.35;
}
.SignInForm .google-sign-in-button .google-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  height: calc(100% - 4px);
  margin-right: 10px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.SignInForm .google-sign-in-button .button-text {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: 0 0 auto;
  font-weight: 600;
}
.theme-default-theme .SignInForm .google-sign-in-button .button-text {
  color: #1a1a23 !important;
}
.theme-dark-theme .SignInForm .google-sign-in-button .button-text {
  color: #d4d4d9 !important;
}
.SignInForm .sign-in-email-entry-error,
.SignInForm .sign-in-password-entry-error {
  margin-bottom: 20px;
}
.theme-default-theme .SignInForm .sign-in-email-entry-error,
.theme-default-theme .SignInForm .sign-in-password-entry-error {
  color: #ec4d4d !important;
}
.theme-dark-theme .SignInForm .sign-in-email-entry-error,
.theme-dark-theme .SignInForm .sign-in-password-entry-error {
  color: #f46262 !important;
}

.password-reset-dialog .MuiDialogContent-root .password-reset-dialog-instructions {
  margin-bottom: 20px;
  width: 100%;
}
.password-reset-dialog .MuiDialogContent-root .password-reset-dialog-email-entry {
  width: 100%;
}
.password-reset-dialog .MuiDialogContent-root .password-reset-error-message {
  margin-top: 20px;
}
.theme-default-theme .password-reset-dialog .MuiDialogContent-root .password-reset-error-message {
  color: #ec4d4d !important;
}
.theme-dark-theme .password-reset-dialog .MuiDialogContent-root .password-reset-error-message {
  color: #f46262 !important;
}
.password-reset-dialog .MuiDialogActions-root button {
  width: 100%;
}
.theme-default-theme .password-reset-dialog .MuiDialogActions-root button {
  color: #1a1a23 !important;
  background-color: #bdc4ff !important;
}
.theme-dark-theme .password-reset-dialog .MuiDialogActions-root button {
  color: #1a1a23 !important;
  background-color: #98a3ff !important;
}

.theme-dark-theme .SignInForm .google-sign-in-button .button-text {
  color: #1a1a23 !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/SiteLogo/SiteLogo.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.SiteLogo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.SiteLogo img {
  transition: width 300ms ease;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/MainMenu/MainMenu.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.MainMenu {
  display: flex;
  flex-direction: column;
  width: 65px;
  transition: width 300ms ease;
  animation: fadeIn 300ms;
}
.MainMenu--expanded {
  width: 250px;
}
.theme-default-theme .MainMenu {
  background-image: linear-gradient(180deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .MainMenu {
  background-image: linear-gradient(180deg, hsl(240, 2%, 10%) 0%, hsl(240, 4%, 11%) 11%, hsl(240, 7%, 12%) 22%, hsl(240, 8%, 12%) 33%, hsl(240, 10%, 13%) 44%, hsl(240, 13%, 14%) 56%, hsl(240, 14%, 15%) 67%, hsl(240, 15%, 15%) 78%, hsl(236, 19%, 16%) 89%, hsl(236, 20%, 17%) 100%);
}
.MainMenu .header-content-container {
  display: flex;
  align-items: center;
  height: 65px;
  margin: auto;
}
.MainMenu .header-content-container .SiteLogo {
  padding-top: 5px;
}
.MainMenu .header-content-container .SiteLogo .adadapted-main-menu-logo {
  width: 45px;
  height: 45px;
}
.MainMenu .MuiButton-root {
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  position: relative;
}
.theme-default-theme .MainMenu .MuiButton-root .MuiTouchRipple-root {
  color: #bdc4ff !important;
}
.theme-dark-theme .MainMenu .MuiButton-root .MuiTouchRipple-root {
  color: #98a3ff !important;
}
.MainMenu .user-icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.MainMenu .user-icon .user-profile-image-container {
  width: 30px;
  height: 30px;
}
.MainMenu .user-icon .user-profile-image-container img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.MainMenu .user-icon svg {
  width: 36px;
  height: 36px;
}
.MainMenu .main-menu-item-logout-container,
.MainMenu .main-menu-item-theme-container,
.MainMenu .main-menu-item-user-container {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.theme-default-theme .MainMenu .main-menu-item-logout-container,
.theme-default-theme .MainMenu .main-menu-item-theme-container,
.theme-default-theme .MainMenu .main-menu-item-user-container {
  border-top: 1px solid #c4c4c4;
}
.theme-dark-theme .MainMenu .main-menu-item-logout-container,
.theme-dark-theme .MainMenu .main-menu-item-theme-container,
.theme-dark-theme .MainMenu .main-menu-item-user-container {
  border-top: 1px solid #9799a8;
}
.MainMenu .main-menu-item-logout-container .main-menu-theme-item-list,
.MainMenu .main-menu-item-logout-container .main-menu-logout-item-list,
.MainMenu .main-menu-item-logout-container .main-menu-user-item-list,
.MainMenu .main-menu-item-theme-container .main-menu-theme-item-list,
.MainMenu .main-menu-item-theme-container .main-menu-logout-item-list,
.MainMenu .main-menu-item-theme-container .main-menu-user-item-list,
.MainMenu .main-menu-item-user-container .main-menu-theme-item-list,
.MainMenu .main-menu-item-user-container .main-menu-logout-item-list,
.MainMenu .main-menu-item-user-container .main-menu-user-item-list {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.MainMenu .main-menu-item-logout-container .main-menu-user-item-list .main-menu-item-title-label,
.MainMenu .main-menu-item-theme-container .main-menu-user-item-list .main-menu-item-title-label,
.MainMenu .main-menu-item-user-container .main-menu-user-item-list .main-menu-item-title-label {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MainMenu .main-menu-item-logout-container .main-menu-user-item-list .main-menu-item-title-label span,
.MainMenu .main-menu-item-theme-container .main-menu-user-item-list .main-menu-item-title-label span,
.MainMenu .main-menu-item-user-container .main-menu-user-item-list .main-menu-item-title-label span {
  text-transform: none !important;
  letter-spacing: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MainMenu .main-menu-item-theme-container .main-menu-item-title .main-menu-item-icon {
  margin-left: -15px;
}
.MainMenu .main-menu-item-theme-container .main-menu-item-title .main-menu-item-icon .MuiSwitch-switchBase,
.MainMenu .main-menu-item-theme-container .main-menu-item-title .main-menu-item-icon svg {
  height: 24px;
  width: 24px;
}
.MainMenu .main-menu-item-theme-container .main-menu-item-title .main-menu-item-title-label {
  padding-left: 15px;
}
.MainMenu .expand-collapse-menu-button {
  width: 65px;
  overflow: hidden;
  font-size: 28px;
  padding: 14px 25px 14px 20px;
  transition: padding 300ms 300ms, color 600ms ease;
}
.theme-default-theme .MainMenu .expand-collapse-menu-button {
  color: #ffffff;
  border-top: 1px solid #c4c4c4;
}
.theme-dark-theme .MainMenu .expand-collapse-menu-button {
  color: #d4d4d9;
  border-top: 1px solid #9799a8;
}
.MainMenu .expand-collapse-menu-button.main-menu-expanded {
  width: 250px;
  padding: 14px 23px 14px 10px;
}
.MainMenu .expand-collapse-menu-button.main-menu-expanded svg {
  transform: rotate(180deg);
}
.MainMenu .expand-collapse-menu-button svg {
  transition: transform 300ms 300ms ease;
}
.MainMenu .main-menu-item-list-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  height: 0; /* hack to get around an issue with flex and overflow */
}
.MainMenu .main-menu-item-list-container .main-menu-item-list {
  padding-top: 0;
  padding-bottom: 0;
}
.MainMenu .group-menu-options {
  display: flex;
  flex-direction: column;
}
.MainMenu .group-menu-options button {
  overflow: hidden;
  opacity: 1;
  transition: height 300ms ease, opacity 300ms 300ms ease;
}
.MainMenu .group-menu-options.group-menu-options-collapsed button {
  opacity: 0;
  height: 0;
  transition: height 300ms 300ms ease, opacity 300ms ease;
}

.theme-dark-theme .MainMenu {
  z-index: 11;
  box-shadow: 4px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/MainMenuPopover/MainMenuPopover.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.MainMenuPopover {
  margin-left: 10px;
}
.MainMenuPopover .MuiButton-root {
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  position: relative;
}
.theme-default-theme .MainMenuPopover .MuiButton-root .MuiTouchRipple-root {
  color: #bdc4ff !important;
}
.theme-dark-theme .MainMenuPopover .MuiButton-root .MuiTouchRipple-root {
  color: #98a3ff !important;
}
.MainMenuPopover .menu-popover-contents {
  display: flex;
  flex-direction: column;
  max-width: 250px;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .MainMenuPopover .menu-popover-contents {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.theme-default-theme .MainMenuPopover .menu-popover-contents.popover-main-item-selected .menu-popover-header {
  color: #bdc4ff !important;
}
.theme-dark-theme .MainMenuPopover .menu-popover-contents.popover-main-item-selected .menu-popover-header {
  color: #98a3ff !important;
}
.MainMenuPopover .menu-popover-contents .menu-popover-header {
  display: flex;
  flex: 0 0 48px;
  align-items: center;
  margin: 0 20px;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents .menu-popover-header {
  color: #ffffff !important;
}
.theme-dark-theme .MainMenuPopover .menu-popover-contents .menu-popover-header {
  color: #d4d4d9 !important;
}
.MainMenuPopover .menu-popover-contents .menu-popover-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  margin-bottom: 10px;
}
.MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item-container .main-menu-item-title {
  padding-left: 20px;
}
.MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item-container.grouped .grouped-menu-item-branch {
  margin-left: 35px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/MainMenuItem/MainMenuItem.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.MainMenuItem {
  display: flex;
  flex-direction: row;
  padding: 0;
  height: 48px;
  width: 250px;
}
.MainMenuItem.MuiButton-root {
  background-color: transparent !important;
}
.MainMenuItem.MuiButton-root:hover {
  box-shadow: inset 0 0 0 50px rgba(255, 255, 255, 0.1) !important;
}
.MainMenuItem.main-menu-item-horizontally-collapsed {
  transition: width 300ms 0ms;
  width: 65px;
}
.MainMenuItem.main-menu-item-horizontally-collapsed .main-menu-item-title-label {
  flex: 0;
  width: 0;
  margin: 0 !important;
}
.MainMenuItem.main-menu-item-horizontally-collapsed svg.expand-collapse-menu-group {
  width: 0;
  margin: 0 !important;
}
.MainMenuItem .main-menu-item-container {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  align-items: center;
  text-align: left;
  height: 100%;
}
.MainMenuItem .main-menu-item-container .main-menu-item-title {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding-left: 30px;
}
.MainMenuItem .main-menu-item-container .main-menu-item-title .main-menu-item-icon {
  min-width: 56px;
  width: 28px;
  opacity: 1;
  transition: all 300ms ease 225ms;
}
.MainMenuItem .main-menu-item-container .main-menu-item-title.hide-icons .main-menu-item-icon {
  transition: all 0s ease 0s;
  opacity: 0;
  min-width: 0;
  width: 0;
}
.MainMenuItem .main-menu-item-container .main-menu-item-title svg {
  font-size: 28px;
  width: 28px;
  height: 28px;
}
.theme-default-theme .MainMenuItem .main-menu-item-container .main-menu-item-title svg {
  fill: #ffffff;
}
.theme-dark-theme .MainMenuItem .main-menu-item-container .main-menu-item-title svg {
  fill: #d4d4d9;
}
.MainMenuItem .main-menu-item-container .main-menu-item-title span {
  transition: color 300ms ease;
  white-space: nowrap;
  text-transform: uppercase !important;
  letter-spacing: 2px;
}
.theme-default-theme .MainMenuItem .main-menu-item-container .main-menu-item-title span {
  color: #ffffff;
}
.theme-dark-theme .MainMenuItem .main-menu-item-container .main-menu-item-title span {
  color: #d4d4d9;
}
.MainMenuItem .main-menu-item-container .expand-collapse-menu-group {
  margin: 10px;
  font-size: 28px;
  transform: rotate(90deg);
  transition: transform 300ms ease, color 300ms ease;
}
.theme-default-theme .MainMenuItem .main-menu-item-container .expand-collapse-menu-group {
  color: #ffffff;
}
.theme-dark-theme .MainMenuItem .main-menu-item-container .expand-collapse-menu-group {
  color: #d4d4d9;
}
.MainMenuItem .main-menu-item-container .expand-collapse-menu-group.menu-group-expanded {
  transform: rotate(270deg);
}
.MainMenuItem .main-menu-item-container.grouped .grouped-menu-item-branch {
  margin-left: 42px;
  align-self: flex-start;
  opacity: 0.4;
}
.MainMenuItem .main-menu-item-container.grouped .grouped-menu-item-branch .grouped-menu-item-vertical-branch {
  height: 24px;
}
.theme-default-theme .MainMenuItem .main-menu-item-container.grouped .grouped-menu-item-branch .grouped-menu-item-vertical-branch {
  border-left: 1px solid #c4c4c4;
}
.theme-dark-theme .MainMenuItem .main-menu-item-container.grouped .grouped-menu-item-branch .grouped-menu-item-vertical-branch {
  border-left: 1px solid #9799a8;
}
.MainMenuItem .main-menu-item-container.grouped .grouped-menu-item-branch .grouped-menu-item-vertical-branch:last-of-type {
  height: 18px;
}
.MainMenuItem .main-menu-item-container.grouped .grouped-menu-item-branch .grouped-menu-item-horizontal-branch {
  width: 15px;
  height: 5px;
}
.theme-default-theme .MainMenuItem .main-menu-item-container.grouped .grouped-menu-item-branch .grouped-menu-item-horizontal-branch {
  border-top: 1px solid #c4c4c4;
}
.theme-dark-theme .MainMenuItem .main-menu-item-container.grouped .grouped-menu-item-branch .grouped-menu-item-horizontal-branch {
  border-top: 1px solid #9799a8;
}
.MainMenuItem .main-menu-item-container.grouped .main-menu-item-title {
  padding-left: 45px;
}
.theme-default-theme .MainMenuItem.main-menu-item-selected .main-menu-item-container svg {
  color: #bdc4ff !important;
  fill: #bdc4ff !important;
}
.theme-dark-theme .MainMenuItem.main-menu-item-selected .main-menu-item-container svg {
  color: #98a3ff !important;
  fill: #98a3ff !important;
}
.theme-default-theme .MainMenuItem.main-menu-item-selected .main-menu-item-container .main-menu-item-title .main-menu-item-title-label span {
  color: #bdc4ff !important;
  fill: #bdc4ff !important;
}
.theme-dark-theme .MainMenuItem.main-menu-item-selected .main-menu-item-container .main-menu-item-title .main-menu-item-title-label span {
  color: #98a3ff !important;
  fill: #98a3ff !important;
}
.MainMenuItem:last-of-type .grouped-menu-item-vertical-branch:last-of-type {
  display: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/Platform/Platform.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.Platform {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.theme-default-theme .Platform {
  background-color: #f0f0f3 !important;
}
.theme-dark-theme .Platform {
  background-color: #1a1a23 !important;
}
.Platform.user-not-authenticated .main-body-container {
  margin-top: 0 !important;
}
.Platform.user-not-authenticated .main-body-container .main-body {
  padding: 0 !important;
}
.Platform .main-body-container {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden;
}
.Platform .main-body-container .MainMenu {
  flex: 0 0 auto;
}
.Platform .main-body-container .main-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
.Platform .main-body-container .main-body .site-footer-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.Platform .main-body-container .main-body .site-footer-container .footer-spacer-vertical {
  flex: 1 1 auto;
}
.Platform .main-body-container .main-body .site-footer-container .footer-section {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  margin-top: 20px;
}
.Platform .main-body-container .main-body .site-footer-container .footer-section .footer-spacer-horizontal {
  flex: 1 1 auto;
}
.Platform .main-body-container .main-body .site-footer-container .footer-section .footer-contents {
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 400;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/DataTable/DataTable.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.DataTable {
  position: relative;
}
.DataTable.remove-box-shadow .MuiPaper-root {
  box-shadow: none;
}
.DataTable .MuiPaper-root,
.DataTable .MuiTableContainer-root > table > thead > tr > th,
.DataTable .MuiTableContainer-root > table > tbody > tr > td {
  border-radius: 0;
}
.theme-default-theme .DataTable .MuiPaper-root,
.theme-default-theme .DataTable .MuiTableContainer-root > table > thead > tr > th,
.theme-default-theme .DataTable .MuiTableContainer-root > table > tbody > tr > td {
  color: #1a1a23;
}
.theme-dark-theme .DataTable .MuiPaper-root,
.theme-dark-theme .DataTable .MuiTableContainer-root > table > thead > tr > th,
.theme-dark-theme .DataTable .MuiTableContainer-root > table > tbody > tr > td {
  color: #d4d4d9;
}
.DataTable .MuiTableContainer-root > table > tbody > tr > td {
  position: relative;
}
.theme-default-theme .DataTable .MuiTableSortLabel-active,
.theme-default-theme .DataTable .MuiTableSortLabel-active svg.MuiTableSortLabel-icon {
  color: #707eff !important;
}
.theme-dark-theme .DataTable .MuiTableSortLabel-active,
.theme-dark-theme .DataTable .MuiTableSortLabel-active svg.MuiTableSortLabel-icon {
  color: #7d8aff !important;
}
.DataTable .data-table-title-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 0;
  padding: 0 16px;
  height: 55px;
}
.theme-default-theme .DataTable .data-table-title-container {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .DataTable .data-table-title-container {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.DataTable .data-table-title-container .data-table-title {
  display: flex;
  flex: 0 0 auto;
  font-size: 18px !important;
  font-weight: 300;
  text-transform: uppercase !important;
  letter-spacing: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .DataTable .data-table-title-container .data-table-title {
  color: #ffffff;
}
.theme-dark-theme .DataTable .data-table-title-container .data-table-title {
  color: #d4d4d9;
}
.DataTable .data-table-title-container .data-table-budget-total {
  align-self: center;
  font-size: 18px !important;
  letter-spacing: 1px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "Mulish";
}
.theme-default-theme .DataTable .data-table-title-container .data-table-budget-total {
  color: #bdc4ff;
}
.theme-dark-theme .DataTable .data-table-title-container .data-table-budget-total {
  color: #bdc4ff;
}
.DataTable .data-table-header-actions {
  padding: 15px 12px 0 12px;
  justify-content: space-between;
}
.theme-default-theme .DataTable .data-table-header-actions {
  background-color: #ffffff;
}
.theme-dark-theme .DataTable .data-table-header-actions {
  background-color: #20212e;
}
.DataTable .data-table-header-actions .search-bulk-edit-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.DataTable .data-table-header-actions .search-bulk-edit-container .slim-data-table-title {
  font-size: 20px;
  font-weight: 500;
  margin: 0 25px 0 10px;
}
.theme-default-theme .DataTable .data-table-header-actions .search-bulk-edit-container .slim-data-table-title {
  color: #1a1a23;
}
.theme-dark-theme .DataTable .data-table-header-actions .search-bulk-edit-container .slim-data-table-title {
  color: #d4d4d9;
}
.DataTable .data-table-header-actions .action-buttons-container .MuiIconButton-root {
  flex: 0 0 auto;
  margin-left: 5px;
}
.DataTable .data-table-header-actions .action-buttons-container .MuiIconButton-root.Mui-disabled {
  opacity: 0.35;
}
.DataTable .MuiTableContainer-root {
  overflow-y: hidden;
  overflow-x: auto;
}
.theme-default-theme .DataTable .MuiTableContainer-root {
  background-color: #ffffff;
}
.theme-dark-theme .DataTable .MuiTableContainer-root {
  background-color: #20212e;
}
.DataTable .MuiTableContainer-root .MuiTable-root {
  margin-bottom: 1px;
}
.DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head {
  z-index: 1;
  font-size: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head {
  background-color: #ffffff;
  border-bottom: 2px solid #1a1a2350;
}
.theme-dark-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head {
  background-color: #20212e;
  border-bottom: 2px solid #f0f0f350;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root.MuiTableSortLabel-active svg.MuiTableSortLabel-icon {
  color: #707eff !important;
}
.theme-dark-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root.MuiTableSortLabel-active svg.MuiTableSortLabel-icon {
  color: #7d8aff !important;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root:not(.MuiTableSortLabel-active) svg.MuiTableSortLabel-icon {
  color: #707eff;
}
.theme-dark-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root:not(.MuiTableSortLabel-active) svg.MuiTableSortLabel-icon {
  color: #7d8aff;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root {
  color: #1a1a23 !important;
}
.theme-dark-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root {
  color: #d4d4d9 !important;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root:hover {
  color: #1a1a23 !important;
}
.theme-dark-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root:hover {
  color: #d4d4d9 !important;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root:focus {
  color: #707eff !important;
}
.theme-dark-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root:focus {
  color: #7d8aff !important;
}
.DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root {
  transition: background-color 300ms ease;
  text-decoration: none;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root:hover {
  background-color: #707eff15;
}
.theme-dark-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root:hover {
  background-color: #7d8aff15;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root.selected-row {
  background-color: #707eff40;
}
.theme-dark-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root.selected-row {
  background-color: #7d8aff40;
}
.DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root {
  font-size: inherit;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root {
  border-bottom: 1px solid #1a1a2326;
}
.theme-dark-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root {
  border-bottom: 1px solid #d4d4d926;
}
.DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root.child-padding {
  padding: 0px;
}
.DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root.padded {
  padding: 18px 30px 18px 16px;
}
.DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root a {
  text-decoration: none;
  color: inherit;
  padding: 18px 30px 18px 16px;
  cursor: pointer;
  display: flex;
  height: -moz-max-content;
  height: max-content;
}
.DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .table-row-actions-cell {
  padding: 0 5px 0 16px;
  width: 1%;
  white-space: nowrap;
}
.DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .table-row-actions-cell div {
  display: flex;
  justify-content: flex-end;
}
.DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .table-row-actions-cell div button {
  margin-left: 5px;
}
.DataTable .non-deletable-row {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center !important;
  align-items: center;
  font-size: 22px;
  font-weight: 500;
  margin-left: 5px;
}
.DataTable .no-data-message-container {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-default-theme .DataTable .no-data-message-container {
  background-color: #ffffff;
  border-bottom: 1px solid #1a1a2326;
  color: #707eff;
}
.theme-dark-theme .DataTable .no-data-message-container {
  background-color: #20212e;
  border-bottom: 1px solid #d4d4d926;
  color: #7d8aff;
}
.DataTable .no-data-message-container > div {
  font-size: 15px;
  font-weight: 500;
  margin: 100px 0;
}
.DataTable .MuiTablePagination-root {
  border-radius: 0;
}
.theme-default-theme .DataTable .MuiTablePagination-root {
  color: #1a1a23;
  background-color: #ffffff;
}
.theme-dark-theme .DataTable .MuiTablePagination-root {
  color: #d4d4d9;
  background-color: #20212e;
}
.DataTable .MuiTablePagination-root .MuiTablePagination-toolbar {
  padding: 5px;
}
.DataTable .MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-selectRoot svg {
  margin-right: 10px;
}
.theme-default-theme .DataTable .MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-selectRoot svg {
  color: #1a1a23;
}
.theme-dark-theme .DataTable .MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-selectRoot svg {
  color: #d4d4d9;
}
.DataTable .MuiTablePagination-root .MuiTablePagination-toolbar .pagination-navigation-controls {
  display: flex;
  justify-content: flex-end;
}
.DataTable .MuiTablePagination-root .MuiTablePagination-toolbar .pagination-navigation-controls .pagination-current-position-label {
  display: flex;
  align-items: center;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
  margin-left: 5px;
}
.theme-default-theme .DataTable .MuiTablePagination-root .MuiTablePagination-toolbar .MuiSelect-icon {
  color: #1a1a23;
}
.theme-dark-theme .DataTable .MuiTablePagination-root .MuiTablePagination-toolbar .MuiSelect-icon {
  color: #d4d4d9;
}
.DataTable .footer-spacer {
  min-height: 25px;
}
.DataTable .loading-indicator-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.theme-default-theme .DataTable .loading-indicator-container {
  background-color: #c4c4c499;
}
.theme-dark-theme .DataTable .loading-indicator-container {
  background-color: #9799a899;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/campaigns/CampaignsOverview/CampaignsOverview.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CampaignsOverview {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/EditableDateField/EditableDateField.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.EditableDateField {
  position: relative;
}
.EditableDateField .status-label {
  opacity: 1;
  transition: opacity 300ms ease;
}
.EditableDateField .edit-icon {
  opacity: 0;
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 300ms ease;
}
.EditableDateField:hover, .EditableDateField:focus {
  cursor: pointer;
  outline: none;
}
.EditableDateField:hover .status-label, .EditableDateField:focus .status-label {
  opacity: 0.25;
}
.EditableDateField:hover .edit-icon, .EditableDateField:focus .edit-icon {
  opacity: 1;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/campaigns/filters/CampaignFiltersContainer/CampaignFiltersContainer.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CampaignFiltersContainer {
  margin-bottom: 20px;
}
.theme-default-theme .CampaignFiltersContainer .Accordion {
  background-color: #ffffff;
}
.theme-dark-theme .CampaignFiltersContainer .Accordion {
  background-color: #20212e;
}
.CampaignFiltersContainer .Accordion.MuiAccordion-root, .CampaignFiltersContainer .Accordion.MuiAccordion-root.Mui-expanded, .CampaignFiltersContainer .Accordion.MuiAccordion-root.Mui-expanded:first-of-type {
  margin: 0;
  margin-top: 0;
}
.CampaignFiltersContainer .LoadingIndicator {
  width: 100%;
  padding: 125px 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/Accordion/Accordion.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.Accordion {
  border-radius: 0 !important;
}
.Accordion.MuiAccordion-root, .Accordion.MuiAccordion-root.Mui-expanded, .Accordion.MuiAccordion-root.Mui-expanded:first-of-type {
  margin: 20px 0 0 0;
  margin-top: 20px;
}
.theme-default-theme .Accordion .accordion-title {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .Accordion .accordion-title {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.theme-default-theme .Accordion .accordion-title {
  color: #ffffff;
}
.theme-dark-theme .Accordion .accordion-title {
  color: #d4d4d9;
}
.Accordion .accordion-title.Mui-focusVisible {
  opacity: 0.85;
}
.Accordion .accordion-title .MuiAccordionSummary-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px !important;
  font-weight: 300;
  text-transform: uppercase !important;
  letter-spacing: 2px;
}
.theme-default-theme .Accordion .accordion-title svg {
  color: #ffffff;
  fill: #ffffff;
}
.theme-dark-theme .Accordion .accordion-title svg {
  color: #d4d4d9;
  fill: #d4d4d9;
}
.Accordion .accordion-title svg.title-icon {
  height: 26px;
  width: 26px;
  margin-right: 15px;
}
.Accordion .accordion-content {
  padding: 0;
}
.Accordion.object-definition-accordion {
  box-shadow: none;
}
.theme-default-theme .Accordion.object-definition-accordion {
  border: 1px solid #4b4e6520;
}
.theme-dark-theme .Accordion.object-definition-accordion {
  border: 1px solid #607e9120;
}
.Accordion.object-definition-accordion .accordion-title {
  opacity: 0.65;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/campaigns/filters/ChartBarWithTooltip/ChartBarWithTooltip.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.ChartBarWithTooltip {
  display: flex;
  align-items: center;
  height: 64px;
  box-sizing: border-box;
  transition: width 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
.ChartBarWithTooltip.draft.yours {
  background-color: rgba(158, 0, 255, 0.5);
}
.ChartBarWithTooltip.draft.total {
  background-color: rgba(158, 0, 255, 0.9);
}
.ChartBarWithTooltip.draft.filter-active {
  box-shadow: inset 3px 3px 0px 0px #383f80, inset -3px -3px 0px 0px #383f80;
}
.ChartBarWithTooltip.ready.yours {
  background-color: rgba(255, 204, 51, 0.5);
}
.ChartBarWithTooltip.ready.total {
  background-color: rgba(255, 204, 51, 0.9);
}
.ChartBarWithTooltip.ready.filter-active {
  box-shadow: inset 3px 3px 0px 0px #383f80, inset -3px -3px 0px 0px #383f80;
}
.ChartBarWithTooltip.active.yours {
  background-color: rgba(0, 192, 21, 0.5);
}
.ChartBarWithTooltip.active.total {
  background-color: rgba(0, 192, 21, 0.9);
}
.ChartBarWithTooltip.active.filter-active {
  box-shadow: inset 3px 3px 0px 0px #383f80, inset -3px -3px 0px 0px #383f80;
}
.ChartBarWithTooltip.paused.yours {
  background-color: rgba(246, 122, 72, 0.5);
}
.ChartBarWithTooltip.paused.total {
  background-color: rgba(246, 122, 72, 0.9);
}
.ChartBarWithTooltip.paused.filter-active {
  box-shadow: inset 3px 3px 0px 0px #383f80, inset -3px -3px 0px 0px #383f80;
}
.ChartBarWithTooltip.completed.yours {
  background-color: rgba(57, 169, 219, 0.5);
}
.ChartBarWithTooltip.completed.total {
  background-color: rgba(57, 169, 219, 0.9);
}
.ChartBarWithTooltip.completed.filter-active {
  box-shadow: inset 3px 3px 0px 0px #383f80, inset -3px -3px 0px 0px #383f80;
}
.ChartBarWithTooltip:not(.not-clickable):hover {
  cursor: pointer;
}

.campaign-amount {
  padding-left: 7px;
  font-size: 32px;
  font-weight: 700;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity 300ms ease-in-out;
  text-shadow: 1px 1px 0px #ffffff, -1px -1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff, 0 1px 0px #ffffff, 0 -1px 0px #ffffff, 1px 0 0px #ffffff, -1px 0 0px #ffffff;
}
.campaign-amount:not(.not-clickable):hover {
  cursor: pointer;
}

.theme-dark-theme .ChartBarWithTooltip.draft.yours {
  background-color: rgba(216, 153, 255, 0.5);
}
.theme-dark-theme .ChartBarWithTooltip.draft.total {
  background-color: rgba(216, 153, 255, 0.9);
}
.theme-dark-theme .ChartBarWithTooltip.draft.filter-active {
  box-shadow: inset 3px 3px 0px 0px #d4d4d9, inset -3px -3px 0px 0px #d4d4d9;
}
.theme-dark-theme .ChartBarWithTooltip.ready.filter-active {
  box-shadow: inset 3px 3px 0px 0px #d4d4d9, inset -3px -3px 0px 0px #d4d4d9;
}
.theme-dark-theme .ChartBarWithTooltip.active.yours {
  background-color: rgba(22, 217, 43, 0.5);
}
.theme-dark-theme .ChartBarWithTooltip.active.total {
  background-color: rgba(22, 217, 43, 0.9);
}
.theme-dark-theme .ChartBarWithTooltip.active.filter-active {
  box-shadow: inset 3px 3px 0px 0px #d4d4d9, inset -3px -3px 0px 0px #d4d4d9;
}
.theme-dark-theme .ChartBarWithTooltip.paused.yours {
  background-color: rgba(255, 149, 107, 0.5);
}
.theme-dark-theme .ChartBarWithTooltip.paused.total {
  background-color: rgba(255, 149, 107, 0.9);
}
.theme-dark-theme .ChartBarWithTooltip.paused.filter-active {
  box-shadow: inset 3px 3px 0px 0px #d4d4d9, inset -3px -3px 0px 0px #d4d4d9;
}
.theme-dark-theme .ChartBarWithTooltip.completed.yours {
  background-color: rgba(92, 205, 255, 0.5);
}
.theme-dark-theme .ChartBarWithTooltip.completed.total {
  background-color: rgba(92, 205, 255, 0.9);
}
.theme-dark-theme .ChartBarWithTooltip.completed.filter-active {
  box-shadow: inset 3px 3px 0px 0px #d4d4d9, inset -3px -3px 0px 0px #d4d4d9;
}
.theme-dark-theme .campaign-amount {
  text-shadow: 1px 1px 0px #1a1a23, -1px -1px 0px #1a1a23, -1px 1px 0px #1a1a23, 1px -1px 0px #1a1a23, 0 1px 0px #1a1a23, 0 -1px 0px #1a1a23, 1px 0 0px #1a1a23, -1px 0 0px #1a1a23;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/campaigns/filters/CampaignFilters/CampaignFilters.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CampaignFilters .total-values {
  margin: 20px;
  font-size: 18px !important;
  font-weight: 300;
  text-transform: uppercase !important;
  letter-spacing: 2px;
  text-align: center;
}
.CampaignFilters .total-values .number-value {
  font-size: 18px !important;
  font-weight: 600;
}
.CampaignFilters .total-values .vertical-bar {
  font-size: 28px !important;
  margin: -5px 10px 0 10px;
}
.CampaignFilters .filter-bar-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px;
  margin-bottom: 25px;
}
.theme-default-theme .CampaignFilters .filter-bar-container {
  color: #1a1a23;
}
.theme-dark-theme .CampaignFilters .filter-bar-container {
  color: #d4d4d9;
}
.CampaignFilters .filter-bar-container .campaign-label {
  position: relative;
  left: -2px;
  bottom: -13px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: rotate(-90deg);
  transform-origin: bottom right;
  width: 20px;
}
.CampaignFilters .filter-bar-container .status-filter-container {
  position: relative;
  display: flex;
  flex-direction: column;
  transition: width 1s ease-in-out;
}
.CampaignFilters .filter-bar-container .status-filter-container:not(:last-child) {
  margin-right: 20px;
}
.CampaignFilters .filter-bar-container .status-filter-container.zero-value-margin {
  margin-right: 35px;
}
.CampaignFilters .filter-actions-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.theme-default-theme .CampaignFilters .filter-actions-container {
  border-top: 1px solid #1a1a2326;
}
.theme-dark-theme .CampaignFilters .filter-actions-container {
  border-top: 1px solid #d4d4d926;
}
.CampaignFilters .filter-actions-container .filters {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.CampaignFilters .filter-actions-container .filters .label {
  font-size: 13px;
  font-weight: 600;
  margin-right: 10px;
  margin-bottom: 5px;
}
.CampaignFilters .filter-actions-container .filters .no-filters-text {
  font-size: 13px;
}
.CampaignFilters .filter-actions-container .action-buttons {
  margin-left: 10px;
}
.CampaignFilters .filter-actions-container .action-buttons button {
  font-size: 13px !important;
  height: 36px !important;
  margin-left: 10px;
  padding-top: 9px;
}
.CampaignFilters .filter-actions-container .action-buttons button.secondary-filter-button {
  font-size: 11px !important;
}
.theme-default-theme .CampaignFilters .draft {
  color: #383f80;
}
.theme-dark-theme .CampaignFilters .draft {
  color: #d4d4d9;
}
.theme-default-theme .CampaignFilters .ready {
  color: #383f80;
}
.theme-dark-theme .CampaignFilters .ready {
  color: #d4d4d9;
}
.theme-default-theme .CampaignFilters .active {
  color: #383f80;
}
.theme-dark-theme .CampaignFilters .active {
  color: #d4d4d9;
}
.theme-default-theme .CampaignFilters .paused {
  color: #383f80;
}
.theme-dark-theme .CampaignFilters .paused {
  color: #d4d4d9;
}
.theme-default-theme .CampaignFilters .completed {
  color: #383f80;
}
.theme-dark-theme .CampaignFilters .completed {
  color: #d4d4d9;
}
.theme-default-theme .CampaignFilters .discarded {
  color: #383f80;
}
.theme-dark-theme .CampaignFilters .discarded {
  color: #d4d4d9;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/BreadcrumbContainer/BreadcrumbContainer.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.BreadcrumbContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  position: sticky;
  top: -20px;
  z-index: 10;
  padding: 10px 20px;
  margin: -20px -20px 0 -20px;
}
.theme-default-theme .BreadcrumbContainer {
  background-color: #ffffff;
  border-bottom: 1px solid #1a1a2326;
}
.theme-dark-theme .BreadcrumbContainer {
  background-color: #1a1a23;
  border-bottom: 1px solid #d4d4d926;
}
.BreadcrumbContainer .Breadcrumbs.MuiBreadcrumbs-root {
  flex: 1 1 auto;
}
.BreadcrumbContainer .Breadcrumbs.MuiBreadcrumbs-root ol li:not(.MuiBreadcrumbs-separator) {
  font-weight: 500;
  margin: 5px 0;
  border-radius: 20px;
}
.BreadcrumbContainer .Breadcrumbs.MuiBreadcrumbs-root ol li:not(.MuiBreadcrumbs-separator) .breadcrumb-content {
  padding: 10px 12px;
  text-decoration: none;
  border-radius: 9999px;
}
.theme-default-theme .BreadcrumbContainer .Breadcrumbs.MuiBreadcrumbs-root ol li:not(.MuiBreadcrumbs-separator) .breadcrumb-content {
  color: #1a1a23 !important;
  background-color: #c4c4c4 !important;
}
.theme-dark-theme .BreadcrumbContainer .Breadcrumbs.MuiBreadcrumbs-root ol li:not(.MuiBreadcrumbs-separator) .breadcrumb-content {
  color: #d4d4d9 !important;
  background-color: #d4d4d920 !important;
}
.BreadcrumbContainer .Breadcrumbs.MuiBreadcrumbs-root ol li:not(.MuiBreadcrumbs-separator) .breadcrumb-content.MuiButton-root {
  height: 36px;
  min-width: 64px !important;
}
.BreadcrumbContainer .Breadcrumbs.MuiBreadcrumbs-root ol li:not(.MuiBreadcrumbs-separator) .breadcrumb-content:not(a) {
  display: flex;
  align-items: center;
  height: 20px;
  white-space: nowrap;
  padding: 8px 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.BreadcrumbContainer .Breadcrumbs.MuiBreadcrumbs-root ol li.MuiBreadcrumbs-separator {
  margin-top: 2px;
  font-size: 28px;
}
.theme-default-theme .BreadcrumbContainer .Breadcrumbs.MuiBreadcrumbs-root ol li.MuiBreadcrumbs-separator {
  color: #c4c4c4;
}
.theme-dark-theme .BreadcrumbContainer .Breadcrumbs.MuiBreadcrumbs-root ol li.MuiBreadcrumbs-separator {
  color: #d4d4d920;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/flights/FlightsDataTable/FlightsDataTable.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.FlightsDataTable {
  margin-top: 20px;
}
.FlightsDataTable .pacing-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.theme-default-theme .FlightsDataTable .pacing-container.positive {
  color: #00c015;
}
.theme-dark-theme .FlightsDataTable .pacing-container.positive {
  color: #00c015;
}
.theme-default-theme .FlightsDataTable .pacing-container.neutral {
  color: #e0982c;
}
.theme-dark-theme .FlightsDataTable .pacing-container.neutral {
  color: #e0982c;
}
.theme-default-theme .FlightsDataTable .pacing-container.negative {
  color: #ff0000;
}
.theme-dark-theme .FlightsDataTable .pacing-container.negative {
  color: #ff0000;
}
.FlightsDataTable .pacing-container svg {
  margin-right: 5px;
  margin-bottom: 2px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/campaigns/CampaignInfoForm/CampaignInfoForm.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CampaignInfoForm {
  padding: 20px;
}
.theme-default-theme .CampaignInfoForm {
  background-color: #ffffff !important;
}
.theme-dark-theme .CampaignInfoForm {
  background-color: #20212e !important;
}
.CampaignInfoForm .form-main {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.CampaignInfoForm .form-main .campaign-details {
  width: 60%;
  padding-right: 20px;
}
.theme-default-theme .CampaignInfoForm .form-main .campaign-details {
  border-right: 1px solid #1a1a2326;
}
.theme-dark-theme .CampaignInfoForm .form-main .campaign-details {
  border-right: 1px solid #d4d4d926;
}
.CampaignInfoForm .form-main .campaign-details > *:not(:last-child) {
  margin-bottom: 15px;
}
.CampaignInfoForm .form-main .campaign-team-and-labels {
  padding-left: 20px;
  width: 40%;
  display: flex;
  flex-direction: column;
}
.CampaignInfoForm .form-main .campaign-team-and-labels .campaign-team > * {
  margin-bottom: 15px;
}
.CampaignInfoForm .form-main .campaign-team-and-labels .campaign-reporting-labels {
  padding-top: 20px;
}
.theme-default-theme .CampaignInfoForm .form-main .campaign-team-and-labels .campaign-reporting-labels {
  border-top: 1px solid #1a1a2326;
}
.theme-dark-theme .CampaignInfoForm .form-main .campaign-team-and-labels .campaign-reporting-labels {
  border-top: 1px solid #d4d4d926;
}
.CampaignInfoForm .form-main .campaign-team-and-labels .campaign-reporting-labels > * {
  margin-bottom: 15px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/AddItemFormFooter/AddItemFormFooter.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AddItemFormFooter {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 52px;
  margin: 0 -20px;
}
.AddItemFormFooter.space-between-content {
  justify-content: space-between;
  padding: 20px 20px 0 20px;
}
.AddItemFormFooter.right-aligned-content {
  justify-content: flex-end;
  padding: 0 20px;
}
.AddItemFormFooter .flex-spacer {
  flex: 1 1 auto;
}
.AddItemFormFooter .metadata-and-validation-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.AddItemFormFooter .metadata-and-validation-container .metadata-container {
  opacity: 0.5;
}
.AddItemFormFooter button:not(:last-of-type) {
  margin-right: 8px;
}
.theme-default-theme .AddItemFormFooter {
  border-top: 1px solid #1a1a2326;
}
.theme-dark-theme .AddItemFormFooter {
  border-top: 1px solid #d4d4d926;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/agencies/CreateAgencyDialog/CreateAgencyDialog.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CreateAgencyDialog {
  display: flex;
  flex-direction: column;
}
.CreateAgencyDialog .MuiPaper-root {
  min-width: 400px;
}
@media screen and (max-width: 420px) {
  .CreateAgencyDialog .MuiPaper-root {
    min-width: 90%;
  }
}
.CreateAgencyDialog .MuiPaper-root h2 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.CreateAgencyDialog .MuiPaper-root .MuiDialogContent-root {
  flex: 1 1 auto;
}
.CreateAgencyDialog .MuiPaper-root .MuiDialogContent-root > *:not(:last-child) {
  margin-bottom: 15px;
}
.CreateAgencyDialog .MuiPaper-root .MuiDialogActions-root {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-default-theme .CreateAgencyDialog .MuiPaper-root .MuiDialogActions-root {
  background-color: #e6e6ea !important;
}
.theme-dark-theme .CreateAgencyDialog .MuiPaper-root .MuiDialogActions-root {
  background-color: #262633 !important;
}
.CreateAgencyDialog .MuiPaper-root .MuiDialogActions-root .FormValidationDisplay {
  position: absolute;
  left: 20px;
}
.CreateAgencyDialog .form-loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .CreateAgencyDialog .form-loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .CreateAgencyDialog .form-loading-indicator-container {
  background-color: #607e9150;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/advertisers/CreateAdvertiserDialog/CreateAdvertiserDialog.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CreateAdvertiserDialog {
  display: flex;
  flex-direction: column;
}
.CreateAdvertiserDialog .MuiPaper-root {
  min-width: 400px;
  max-width: 450px;
}
@media screen and (max-width: 420px) {
  .CreateAdvertiserDialog .MuiPaper-root {
    min-width: 90%;
  }
}
.CreateAdvertiserDialog .MuiPaper-root h2 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.CreateAdvertiserDialog .MuiPaper-root .MuiDialogContent-root {
  flex: 1 1 auto;
}
.CreateAdvertiserDialog .MuiPaper-root .MuiDialogContent-root > *:not(:last-child) {
  margin-bottom: 15px;
}
.CreateAdvertiserDialog .MuiPaper-root .MuiDialogContent-root > *:not(:last-child) .MuiFormHelperText-root {
  color: red;
  margin-left: 0px;
}
.CreateAdvertiserDialog .MuiPaper-root .MuiDialogActions-root {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-default-theme .CreateAdvertiserDialog .MuiPaper-root .MuiDialogActions-root {
  background-color: #e6e6ea !important;
}
.theme-dark-theme .CreateAdvertiserDialog .MuiPaper-root .MuiDialogActions-root {
  background-color: #262633 !important;
}
.CreateAdvertiserDialog .MuiPaper-root .MuiDialogActions-root .FormValidationDisplay {
  position: absolute;
  left: 20px;
}
.CreateAdvertiserDialog .form-loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .CreateAdvertiserDialog .form-loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .CreateAdvertiserDialog .form-loading-indicator-container {
  background-color: #607e9150;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/advertisers/SimilarNameOrDomainText/SimilarNameOrDomainText.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.SimilarNameOrDomainText {
  display: inline-block;
  flex-direction: row;
  margin-top: -15px;
}
.SimilarNameOrDomainText .similar-name {
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/campaigns/CampaignView/CampaignView.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CampaignView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/DrawerManager/DrawerManager.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.DrawerManagerDrawer {
  margin-right: 0;
  transition: margin-right 500ms ease, margin-left 500ms ease !important;
}
.DrawerManagerDrawer .MuiDrawer-paper {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  margin-right: 0;
}
.DrawerManagerDrawer .MuiDrawer-paper .drawer-header {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  padding: 0 20px;
  height: 65px;
}
.theme-default-theme .DrawerManagerDrawer .MuiDrawer-paper .drawer-header {
  color: #ffffff !important;
}
.theme-dark-theme .DrawerManagerDrawer .MuiDrawer-paper .drawer-header {
  color: #d4d4d9 !important;
}
.theme-default-theme .DrawerManagerDrawer .MuiDrawer-paper .drawer-header {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .DrawerManagerDrawer .MuiDrawer-paper .drawer-header {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.DrawerManagerDrawer .MuiDrawer-paper .drawer-header > div:nth-child(1) {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
}
.DrawerManagerDrawer .MuiDrawer-paper .drawer-header > div:nth-child(1) div {
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.DrawerManagerDrawer .MuiDrawer-paper .drawer-header > div:nth-child(1) div:nth-child(1) {
  flex: 0 0 auto;
  font-weight: 600;
  margin-right: 10px;
}
.DrawerManagerDrawer .MuiDrawer-paper .drawer-header > div:nth-child(1) div:nth-child(2) {
  flex: 1 1 auto;
  opacity: 0.75;
}
.DrawerManagerDrawer .MuiDrawer-paper .drawer-header > div:nth-child(2) {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.DrawerManagerDrawer .MuiDrawer-paper .drawer-header > div:nth-child(2) .flight-name-container {
  padding-right: 8px;
  opacity: 0.75;
}
.DrawerManagerDrawer .MuiDrawer-paper .drawer-header > div:nth-child(2) svg {
  width: 24px;
  height: 24px;
}
.theme-default-theme .DrawerManagerDrawer .MuiDrawer-paper .drawer-header > div:nth-child(2) svg {
  color: #ffffff !important;
}
.theme-dark-theme .DrawerManagerDrawer .MuiDrawer-paper .drawer-header > div:nth-child(2) svg {
  color: #d4d4d9 !important;
}
.DrawerManagerDrawer .MuiDrawer-paper .drawer-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
}
.theme-default-theme .DrawerManagerDrawer .MuiDrawer-paper .drawer-content {
  background-color: #f0f0f3 !important;
}
.theme-dark-theme .DrawerManagerDrawer .MuiDrawer-paper .drawer-content {
  background-color: #1a1a23 !important;
}
.DrawerManagerDrawer.indented-display.drawer-size-medium, .DrawerManagerDrawer.indented-display.drawer-size-large {
  margin-left: 0;
}

@media screen and (min-width: 1200px) {
  .DrawerManagerDrawer.drawer-size-small {
    margin-left: 70%;
  }
  .DrawerManagerDrawer.drawer-size-medium {
    margin-left: 45%;
  }
  .DrawerManagerDrawer.drawer-size-large {
    margin-left: 30%;
  }
  .DrawerManagerDrawer.indented-display.drawer-size-medium {
    margin-right: 45%;
  }
  .DrawerManagerDrawer.indented-display.drawer-size-large {
    margin-right: 30%;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
  .DrawerManagerDrawer.drawer-size-small {
    margin-left: 60%;
  }
  .DrawerManagerDrawer.drawer-size-medium {
    margin-left: 35%;
  }
  .DrawerManagerDrawer.drawer-size-large {
    margin-left: 20%;
  }
  .DrawerManagerDrawer.indented-display.drawer-size-medium {
    margin-right: 35%;
  }
  .DrawerManagerDrawer.indented-display.drawer-size-large {
    margin-right: 20%;
  }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
  .DrawerManagerDrawer.drawer-size-small {
    margin-left: 50%;
  }
  .DrawerManagerDrawer.drawer-size-medium {
    margin-left: 25%;
  }
  .DrawerManagerDrawer.drawer-size-large {
    margin-left: 10%;
  }
  .DrawerManagerDrawer.indented-display.drawer-size-medium {
    margin-right: 25%;
  }
  .DrawerManagerDrawer.indented-display.drawer-size-large {
    margin-right: 10%;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/DrawerNavTabs/DrawerNavTabs.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.DrawerNavTabs {
  padding: 10px;
  position: sticky;
  top: 0;
  z-index: 2;
}
.theme-default-theme .DrawerNavTabs {
  background-color: #ffffff;
  border-bottom: 1px solid #1a1a2326;
}
.theme-dark-theme .DrawerNavTabs {
  background-color: #1a1a23;
  border-bottom: 1px solid #d4d4d926;
}
.DrawerNavTabs .MuiStep-root {
  border-bottom: 3px solid transparent;
}
.DrawerNavTabs .MuiStep-root.active-step {
  padding: 10px 8px;
  margin: -10px 0;
}
.theme-default-theme .DrawerNavTabs .MuiStep-root.active-step {
  border-bottom: 3px solid #1a1a23;
}
.theme-dark-theme .DrawerNavTabs .MuiStep-root.active-step {
  border-bottom: 3px solid #d4d4d9;
}
.DrawerNavTabs .MuiStep-root.edit-step .MuiStepLabel-iconContainer {
  padding: 16px 0;
}
.theme-default-theme .DrawerNavTabs svg.completed-step {
  color: #55cf90;
}
.theme-dark-theme .DrawerNavTabs svg.completed-step {
  color: #55cf90;
}
.DrawerNavTabs .Mui-disabled svg {
  opacity: 0.5;
}
.DrawerNavTabs .MuiStepLabel-iconContainer svg {
  width: 32px;
  height: 32px;
}
.DrawerNavTabs .MuiStepLabel-label {
  font-size: 12px;
}
.theme-default-theme .DrawerNavTabs .MuiStepLabel-label {
  color: #1a1a23;
}
.theme-dark-theme .DrawerNavTabs .MuiStepLabel-label {
  color: #d4d4d9;
}
.DrawerNavTabs .MuiStepButton-root {
  padding: 10px 16px;
  margin: -10px -16px;
}
.theme-default-theme .DrawerNavTabs .MuiStepConnector-root {
  color: #1a1a23;
}
.theme-dark-theme .DrawerNavTabs .MuiStepConnector-root {
  color: #d4d4d9;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/campaigns/CampaignAssetsDrawer/CampaignAssetsDrawer.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CampaignAssetsDrawer {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.CampaignAssetsDrawer .content-container {
  padding: 20px;
  flex: 1 1 auto;
  overflow-y: auto;
}
.CampaignAssetsDrawer .content-container .TargetingCreateForm,
.CampaignAssetsDrawer .content-container .TrackingPixelsCreateForm,
.CampaignAssetsDrawer .content-container .CreativeAssetsCreateContainer,
.CampaignAssetsDrawer .content-container .ProductAssetsCreateContainer {
  margin-bottom: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/DrawerFooter/DrawerFooter.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.DrawerFooter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  height: 65px;
  z-index: 3;
  position: relative;
}
.DrawerFooter .MuiButton-root {
  border-radius: 0;
}
.DrawerFooter button:not(:first-child) {
  margin-left: 8px;
}
.DrawerFooter .metadata-and-validation-container {
  position: absolute;
  left: 20px;
}
.theme-default-theme .DrawerFooter {
  background-color: #e6e6ea;
}
.theme-dark-theme .DrawerFooter {
  background-color: #262633;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/targeting/TargetingCreateForm/TargetingCreateForm.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TargetingCreateForm {
  padding: 20px;
  position: relative;
}
.theme-default-theme .TargetingCreateForm {
  background-color: #ffffff;
}
.theme-dark-theme .TargetingCreateForm {
  background-color: #20212e;
}
.TargetingCreateForm > div:not(:first-child).form-loading-indicator-container {
  margin-top: 0;
}
.TargetingCreateForm .form-loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .TargetingCreateForm .form-loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .TargetingCreateForm .form-loading-indicator-container {
  background-color: #607e9150;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/targeting/TargetingInputRow/TargetingInputRow.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TargetingInputRow {
  margin-bottom: 20px;
}
.TargetingInputRow > div:not(:first-child) {
  margin-top: 15px;
}
.TargetingInputRow > div:not(:first-child).AddItemFormFooter {
  margin-top: 20px;
}
.TargetingInputRow .type-and-action-container {
  display: flex;
  flex-direction: row;
}
.TargetingInputRow .type-and-action-container > .ComboSelect {
  flex: 1 1 66.6%;
}
.TargetingInputRow .type-and-action-container > .NumericInput {
  flex: 1 1 33.3%;
}
.TargetingInputRow .type-and-action-container > .NumericInput .radius-input {
  margin-left: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/targeting/TargetingFileUpload/TargetingFileUpload.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TargetingFileUpload {
  display: flex;
  flex-direction: column;
}
.TargetingFileUpload .csv-upload-container {
  display: flex;
  flex-direction: column;
  height: 150px;
}
.TargetingFileUpload .csv-upload-container .upload-csv-dropzone {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 150px;
  background-image: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 stroke=%27%231A1A2373%27 stroke-width=%274%27 stroke-dasharray=%276%2c 14%27 stroke-dashoffset=%273%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0) !important;
  transition: background-image 0.3s ease-in-out;
}
.TargetingFileUpload .csv-upload-container .upload-csv-dropzone:hover, .TargetingFileUpload .csv-upload-container .upload-csv-dropzone.drag-and-drop-active {
  background-image: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 stroke=%27%231A1A23FF%27 stroke-width=%274%27 stroke-dasharray=%276%2c 14%27 stroke-dashoffset=%273%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
}
.TargetingFileUpload .csv-upload-container .upload-csv-dropzone:hover .dropzone-label, .TargetingFileUpload .csv-upload-container .upload-csv-dropzone.drag-and-drop-active .dropzone-label {
  opacity: 1;
}
.TargetingFileUpload .csv-upload-container .upload-csv-dropzone .MuiButton-label {
  pointer-events: none;
}
.TargetingFileUpload .csv-upload-container .upload-csv-dropzone .dropzone-label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-width: 160px;
  text-align: center;
  line-height: 18px;
  font-size: 15px;
  font-weight: 500;
  pointer-events: none;
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}
.theme-default-theme .TargetingFileUpload .csv-upload-container .upload-csv-dropzone .dropzone-label {
  color: #1a1a23;
}
.theme-dark-theme .TargetingFileUpload .csv-upload-container .upload-csv-dropzone .dropzone-label {
  color: #d4d4d9;
}
.TargetingFileUpload .csv-upload-container .extracting-indicator-container {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.theme-dark-theme .TargetingFileUpload .csv-upload-container .upload-csv-dropzone {
  background-image: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 stroke=%27%23f0f0f373%27 stroke-width=%274%27 stroke-dasharray=%276%2c 14%27 stroke-dashoffset=%273%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
}
.theme-dark-theme .TargetingFileUpload .csv-upload-container .upload-csv-dropzone:hover, .theme-dark-theme .TargetingFileUpload .csv-upload-container .upload-csv-dropzone.drag-and-drop-active {
  background-image: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 stroke=%27%23f0f0f3FF%27 stroke-width=%274%27 stroke-dasharray=%276%2c 14%27 stroke-dashoffset=%273%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/FileUploadedInfoRow/FileUploadedInfoRow.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.FileUploadedInfoRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.FileUploadedInfoRow .file-name-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.FileUploadedInfoRow .file-name-container > .file-label {
  flex: 0 0 auto;
  margin-right: 10px;
  font-weight: 600;
}
.FileUploadedInfoRow .file-name-container > .file-name-container {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.theme-default-theme .FileUploadedInfoRow .file-name-container > .file-name-container:not(.uploaded) {
  color: #707eff;
}
.theme-dark-theme .FileUploadedInfoRow .file-name-container > .file-name-container:not(.uploaded) {
  color: #7d8aff;
}
.theme-default-theme .FileUploadedInfoRow .file-name-container > .file-name-container.uploaded svg {
  color: #55cf90;
}
.theme-dark-theme .FileUploadedInfoRow .file-name-container > .file-name-container.uploaded svg {
  color: #55cf90;
}
.FileUploadedInfoRow .file-name-container > .file-name-container svg {
  margin-left: 5px;
}
.FileUploadedInfoRow .file-name-container > .file-name-container.current-file:hover {
  cursor: pointer;
}
.FileUploadedInfoRow .file-name-container > .file-name-container.current-file:hover > span:first-of-type {
  text-decoration: underline;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/targeting/TargetingDataTable/TargetingDataTable.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TargetingDataTable.add-box-shadow {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.TargetingDataTable .no-radius-row-display {
  margin-left: 20px;
}
.TargetingDataTable .no-radius-row-display.global {
  margin-left: 63px;
}
.theme-default-theme .TargetingDataTable .table-footer-container {
  background-color: #ffffff;
}
.theme-dark-theme .TargetingDataTable .table-footer-container {
  background-color: #20212e;
}
.TargetingDataTable .loading-indicator-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.theme-default-theme .TargetingDataTable .loading-indicator-container {
  background-color: #c4c4c499;
}
.theme-dark-theme .TargetingDataTable .loading-indicator-container {
  background-color: #9799a899;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/DataTableChangesFooter/DataTableChangesFooter.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.DataTableChangesFooter {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 15px;
}
.DataTableChangesFooter.flex-space-between {
  justify-content: space-between;
}
.DataTableChangesFooter .table-footer-message {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-style: italic;
  font-size: 13px;
  margin-right: 10px;
}
.DataTableChangesFooter .table-footer-message svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.DataTableChangesFooter .view-changes-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.DataTableChangesFooter .view-changes-container svg {
  margin-right: 5px;
}
.theme-default-theme .DataTableChangesFooter .view-changes-container svg {
  color: #707eff;
}
.theme-dark-theme .DataTableChangesFooter .view-changes-container svg {
  color: #7d8aff;
}
.theme-default-theme .DataTableChangesFooter .view-changes-container span {
  color: #707eff;
}
.theme-dark-theme .DataTableChangesFooter .view-changes-container span {
  color: #7d8aff;
}
.DataTableChangesFooter .button-container {
  display: flex;
  flex-wrap: nowrap;
}
.DataTableChangesFooter .button-container .Button:not(:last-of-type) {
  margin-right: 8px;
}
.DataTableChangesFooter .button-container .button-saved-indicator-container {
  margin-left: 8px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/CannotDeleteCampaignAssetPopover/CannotDeleteCampaignAssetPopover.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CannotDeleteCampaignAssetPopover .MuiPopover-paper {
  border-radius: 0;
  padding: 8px 12px;
  overflow-x: auto;
}
.theme-default-theme .CannotDeleteCampaignAssetPopover .MuiPopover-paper {
  color: #ffffff !important;
}
.theme-dark-theme .CannotDeleteCampaignAssetPopover .MuiPopover-paper {
  color: #d4d4d9 !important;
}
.theme-default-theme .CannotDeleteCampaignAssetPopover .MuiPopover-paper {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .CannotDeleteCampaignAssetPopover .MuiPopover-paper {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.CannotDeleteCampaignAssetPopover .MuiPopover-paper > div {
  font-size: 14px;
}
.CannotDeleteCampaignAssetPopover .MuiPopover-paper .asset-popover-content {
  max-width: 325px;
}
.CannotDeleteCampaignAssetPopover .MuiPopover-paper .asset-list-header {
  font-size: 14px;
  margin-top: 10px;
}
.CannotDeleteCampaignAssetPopover .MuiPopover-paper ul {
  padding-left: 5px;
  margin-top: 8px;
  margin-bottom: 5px;
  list-style: none;
  display: grid;
  grid-template-rows: repeat(10, min-content);
  grid-auto-flow: column;
}
.CannotDeleteCampaignAssetPopover .MuiPopover-paper ul li {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  margin-right: 12px;
  font-weight: 300;
  font-size: 14px;
}
.CannotDeleteCampaignAssetPopover .MuiPopover-paper ul li:last-child {
  margin-bottom: 0;
}
.CannotDeleteCampaignAssetPopover .MuiPopover-paper ul li:before {
  content: "";
  min-width: 6px;
  min-height: 6px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 1px;
}
.theme-default-theme .CannotDeleteCampaignAssetPopover .MuiPopover-paper ul li:before {
  background-color: #ec4d4d;
}
.theme-dark-theme .CannotDeleteCampaignAssetPopover .MuiPopover-paper ul li:before {
  background-color: #f46262;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/MixedStateToggle/MixedStateToggle.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.MixedStateToggle {
  display: flex;
  flex-direction: row;
  height: 30px;
  width: 140px;
  border-radius: 9999px;
  cursor: pointer;
  position: relative;
}
.theme-default-theme .MixedStateToggle {
  border: 2px solid #4b4e65;
}
.theme-dark-theme .MixedStateToggle {
  border: 2px solid #7d94b1;
}
.MixedStateToggle.toggle-disabled {
  cursor: default !important;
  opacity: 0.5;
}
.MixedStateToggle .toggle-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  text-transform: uppercase !important;
  padding: 3.5px;
  margin: 2px;
  background-color: red;
  border-radius: 9999px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  width: 70px;
  transition: left 300ms ease, background-color 300ms ease;
}
.MixedStateToggle .toggle-button.positive-state {
  left: calc(100% - 70px - 4px - 7px - 2px);
}
.theme-default-theme .MixedStateToggle .toggle-button.positive-state {
  background-color: #707eff;
}
.theme-dark-theme .MixedStateToggle .toggle-button.positive-state {
  background-color: #7d8aff;
}
.MixedStateToggle .toggle-button.negative-state {
  left: 0%;
}
.theme-default-theme .MixedStateToggle .toggle-button.negative-state {
  background-color: #4b4e65;
}
.theme-dark-theme .MixedStateToggle .toggle-button.negative-state {
  background-color: #7d94b1;
}
.MixedStateToggle .toggle-button.mixed-state {
  left: calc(50% - 35px - 2px - 3.5px - 1px);
}
.theme-default-theme .MixedStateToggle .toggle-button.mixed-state {
  background-color: #7d94b1;
}
.theme-dark-theme .MixedStateToggle .toggle-button.mixed-state {
  background-color: #383f80;
}
.theme-default-theme .MixedStateToggle .toggle-button {
  border: 1px solid #4b4e65;
  color: #ffffff;
}
.theme-dark-theme .MixedStateToggle .toggle-button {
  border: 1px solid #7d94b1;
  color: #1a1a23;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/PercentLineItemsBar/PercentLineItemsBar.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.theme-default-theme .percent-line-items-bar-tooltip {
  color: #ffffff !important;
}
.theme-dark-theme .percent-line-items-bar-tooltip {
  color: #d4d4d9 !important;
}
.theme-default-theme .percent-line-items-bar-tooltip {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .percent-line-items-bar-tooltip {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.percent-line-items-bar-tooltip > div {
  font-size: 14px;
}
.percent-line-items-bar-tooltip ul {
  padding-left: 5px;
  margin-top: 8px;
  margin-bottom: 5px;
  list-style: none;
  display: grid;
  grid-template-rows: repeat(5, min-content);
  grid-auto-flow: column;
}
.percent-line-items-bar-tooltip ul li {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  margin-right: 12px;
  font-weight: 300;
  font-size: 14px;
}
.percent-line-items-bar-tooltip ul li:last-child {
  margin-bottom: 0;
}
.percent-line-items-bar-tooltip ul li:before {
  content: "";
  min-width: 6px;
  min-height: 6px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 1px;
}
.theme-default-theme .percent-line-items-bar-tooltip ul li:before {
  background-color: #ec4d4d;
}
.theme-dark-theme .percent-line-items-bar-tooltip ul li:before {
  background-color: #f46262;
}

.PercentLineItemsBar {
  height: 15px;
  border-radius: 10px;
}
.theme-default-theme .PercentLineItemsBar {
  background-color: #1a1a2320;
}
.theme-dark-theme .PercentLineItemsBar {
  background-color: #d4d4d920;
}
.PercentLineItemsBar .consumed-bar {
  height: 15px;
  border-radius: 10px;
  transition: width 1s;
}
.theme-default-theme .PercentLineItemsBar .consumed-bar {
  background-color: #707eff;
}
.theme-dark-theme .PercentLineItemsBar .consumed-bar {
  background-color: #7d8aff;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/ModifyTextValueDataTableField/ModifyTextValueDataTableField.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.ModifyTextValueDataTableField {
  width: 125px;
  min-height: 36px;
}
.ModifyTextValueDataTableField .MuiButtonBase-root {
  position: relative;
  width: 100%;
  padding: 6px 0;
  border: 2px solid transparent;
  border-radius: 4px !important;
  transition: all 300ms ease;
}
.ModifyTextValueDataTableField .MuiButtonBase-root .current-value {
  opacity: 1;
  transition: opacity 300ms ease;
}
.ModifyTextValueDataTableField .MuiButtonBase-root .edit-icon {
  display: flex;
  align-items: center;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 300ms ease;
}
.ModifyTextValueDataTableField .MuiButtonBase-root:hover, .ModifyTextValueDataTableField .MuiButtonBase-root:focus {
  cursor: pointer;
  outline: none;
  border: 2px solid #4b4e65;
  background-color: rgba(75, 78, 101, 0.25);
  box-shadow: 0 5px 2px -3px rgba(75, 78, 101, 0.2), 0 6px 8px 1px rgba(75, 78, 101, 0.14), 0 3px 12px 1px rgba(75, 78, 101, 0.12);
}
.ModifyTextValueDataTableField .MuiButtonBase-root:hover .current-value, .ModifyTextValueDataTableField .MuiButtonBase-root:focus .current-value {
  opacity: 0;
}
.ModifyTextValueDataTableField .MuiButtonBase-root:hover .edit-icon, .ModifyTextValueDataTableField .MuiButtonBase-root:focus .edit-icon {
  opacity: 1;
}
.ModifyTextValueDataTableField .ModifyTextValueDataTableField-UserInput .MuiInputBase-input {
  padding: 5px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/trackingPixels/TrackingPixelsCreateForm/TrackingPixelsCreateForm.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TrackingPixelsCreateForm {
  padding: 20px;
  position: relative;
}
.theme-default-theme .TrackingPixelsCreateForm {
  background-color: #ffffff;
}
.theme-dark-theme .TrackingPixelsCreateForm {
  background-color: #20212e;
}
.TrackingPixelsCreateForm .form-header-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: -10px 0 10px 0;
}
.TrackingPixelsCreateForm .form-header-container .form-title {
  font-size: 18px;
}
.TrackingPixelsCreateForm .loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .TrackingPixelsCreateForm .loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .TrackingPixelsCreateForm .loading-indicator-container {
  background-color: #607e9150;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/trackingPixels/TrackingPixelsInputRow/TrackingPixelsInputRow.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TrackingPixelsInputRow {
  display: flex;
  flex-direction: row;
}
.theme-default-theme .TrackingPixelsInputRow {
  box-shadow: 0px 4px 8px -2px #091e4240, 0px 0px 0px 1px #091e4214;
}
.theme-dark-theme .TrackingPixelsInputRow {
  box-shadow: 0px 4px 8px -2px #00000080, 0px 0px 0px 1px #00000014;
}
.TrackingPixelsInputRow:not(:last-of-type) {
  margin-bottom: 20px;
}
.TrackingPixelsInputRow .form-container {
  flex: 1 1 auto;
  padding: 10px;
}
.TrackingPixelsInputRow .form-container .url-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.TrackingPixelsInputRow .form-container .url-container .url-input {
  flex: 1 1 auto;
}
.TrackingPixelsInputRow .form-container .url-container .url-action-button {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
  padding: 10px;
  height: 56px;
  width: 56px;
}
.TrackingPixelsInputRow .form-container .url-container .url-action-label {
  font-size: 9px;
}
.TrackingPixelsInputRow .form-container .non-url-data-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
}
.TrackingPixelsInputRow .form-container .non-url-data-container > div {
  flex: 1 1 auto;
}
.TrackingPixelsInputRow .form-container .non-url-data-container > div:not(:last-of-type) {
  margin-right: 10px;
}
.TrackingPixelsInputRow .clear-row-button-container {
  margin: 5px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/trackingPixels/TrackingPixelsDataTable/TrackingPixelsDataTable.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.theme-default-theme .TrackingPixelsDataTable .DataTableChangesFooter {
  background-color: #ffffff;
}
.theme-dark-theme .TrackingPixelsDataTable .DataTableChangesFooter {
  background-color: #20212e;
}
.TrackingPixelsDataTable .loading-indicator-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.theme-default-theme .TrackingPixelsDataTable .loading-indicator-container {
  background-color: #c4c4c499;
}
.theme-dark-theme .TrackingPixelsDataTable .loading-indicator-container {
  background-color: #9799a899;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/assets/AssetsDataTable/AssetsDataTable.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AssetsDataTable .loading-indicator-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.theme-default-theme .AssetsDataTable .loading-indicator-container {
  background-color: #c4c4c499;
}
.theme-dark-theme .AssetsDataTable .loading-indicator-container {
  background-color: #9799a899;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/assets/CreativeAssetsCreateContainer/CreativeAssetsCreateContainer.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CreativeAssetsCreateContainer {
  position: relative;
  padding: 20px;
}
.theme-default-theme .CreativeAssetsCreateContainer {
  background-color: #ffffff;
}
.theme-dark-theme .CreativeAssetsCreateContainer {
  background-color: #20212e;
}
.CreativeAssetsCreateContainer .image-upload-form-container {
  padding: 0 20px;
  margin: 20px 0;
}
.CreativeAssetsCreateContainer .loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .CreativeAssetsCreateContainer .loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .CreativeAssetsCreateContainer .loading-indicator-container {
  background-color: #607e9150;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/ImageUpload/ImageUpload.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.ImageUpload .upload-image-asset-dropzone {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  min-height: 100px;
  max-height: 340px;
  padding: 20px;
  background-image: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 stroke=%27%231A1A2373%27 stroke-width=%274%27 stroke-dasharray=%276%2c 14%27 stroke-dashoffset=%273%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0) !important;
  transition: all 200ms ease-in-out;
}
.ImageUpload .upload-image-asset-dropzone:hover, .ImageUpload .upload-image-asset-dropzone.drag-and-drop-active {
  background-image: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 stroke=%27%231A1A23FF%27 stroke-width=%274%27 stroke-dasharray=%276%2c 14%27 stroke-dashoffset=%273%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
}
.ImageUpload .upload-image-asset-dropzone .MuiButton-label {
  pointer-events: none;
}
.ImageUpload .upload-image-asset-dropzone .dropzone-label {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  max-height: 300px;
  font-size: 15px;
  font-weight: 500;
  padding: 5px;
  pointer-events: none;
  opacity: 0.5;
  transition: opacity 200ms ease-in-out;
}
.theme-default-theme .ImageUpload .upload-image-asset-dropzone .dropzone-label {
  color: #1a1a23;
}
.theme-dark-theme .ImageUpload .upload-image-asset-dropzone .dropzone-label {
  color: #d4d4d9;
}
.ImageUpload .upload-image-asset-dropzone .dropzone-label img {
  max-width: 100%;
  max-height: 300px;
  transition: filter 200ms ease-in-out;
}
.ImageUpload .upload-image-asset-dropzone .dropzone-label .preview-hover-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 200ms ease-in-out;
}
.theme-default-theme .ImageUpload .upload-image-asset-dropzone .dropzone-label .preview-hover-overlay {
  background-color: rgba(255, 255, 255, 0);
}
.theme-dark-theme .ImageUpload .upload-image-asset-dropzone .dropzone-label .preview-hover-overlay {
  background-color: rgba(32, 33, 46, 0);
}
.ImageUpload .upload-image-asset-dropzone .dropzone-label .preview-hover-overlay svg,
.ImageUpload .upload-image-asset-dropzone .dropzone-label .preview-hover-overlay div {
  transition: color 200ms ease-in-out;
}
.theme-default-theme .ImageUpload .upload-image-asset-dropzone .dropzone-label .preview-hover-overlay svg,
.theme-default-theme .ImageUpload .upload-image-asset-dropzone .dropzone-label .preview-hover-overlay div {
  color: rgba(26, 26, 35, 0);
}
.theme-dark-theme .ImageUpload .upload-image-asset-dropzone .dropzone-label .preview-hover-overlay svg,
.theme-dark-theme .ImageUpload .upload-image-asset-dropzone .dropzone-label .preview-hover-overlay div {
  color: rgba(212, 212, 217, 0);
}
.ImageUpload .upload-image-asset-dropzone:hover .dropzone-label {
  opacity: 1;
}
.ImageUpload .upload-image-asset-dropzone:hover .dropzone-label img {
  filter: blur(2px);
}
.theme-default-theme .ImageUpload .upload-image-asset-dropzone:hover .dropzone-label .preview-hover-overlay {
  background-color: rgba(255, 255, 255, 0.6);
}
.theme-dark-theme .ImageUpload .upload-image-asset-dropzone:hover .dropzone-label .preview-hover-overlay {
  background-color: rgba(32, 33, 46, 0.6);
}
.theme-default-theme .ImageUpload .upload-image-asset-dropzone:hover .dropzone-label .preview-hover-overlay svg,
.theme-default-theme .ImageUpload .upload-image-asset-dropzone:hover .dropzone-label .preview-hover-overlay div {
  color: rgba(26, 26, 35, 0.8);
}
.theme-dark-theme .ImageUpload .upload-image-asset-dropzone:hover .dropzone-label .preview-hover-overlay svg,
.theme-dark-theme .ImageUpload .upload-image-asset-dropzone:hover .dropzone-label .preview-hover-overlay div {
  color: rgba(212, 212, 217, 0.8);
}

.theme-dark-theme .ImageUpload .upload-image-asset-dropzone {
  background-image: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 stroke=%27%23f0f0f373%27 stroke-width=%274%27 stroke-dasharray=%276%2c 14%27 stroke-dashoffset=%273%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
}
.theme-dark-theme .ImageUpload .upload-image-asset-dropzone:hover, .theme-dark-theme .ImageUpload .upload-image-asset-dropzone.drag-and-drop-active {
  background-image: url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 stroke=%27%23f0f0f3FF%27 stroke-width=%274%27 stroke-dasharray=%276%2c 14%27 stroke-dashoffset=%273%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/assets/ProductAssetsCreateContainer/ProductAssetsCreateContainer.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.ProductAssetsCreateContainer {
  position: relative;
}
.theme-default-theme .ProductAssetsCreateContainer {
  background-color: #ffffff !important;
}
.theme-dark-theme .ProductAssetsCreateContainer {
  background-color: #20212e !important;
}
.ProductAssetsCreateContainer .form-sub-header {
  margin-left: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 18px;
}
.ProductAssetsCreateContainer .non-tab-form {
  padding: 20px;
}
.ProductAssetsCreateContainer .non-tab-form > div:not(:first-child) {
  margin-top: 15px;
}
.ProductAssetsCreateContainer .non-tab-form > div:not(:first-child).form-loading-indicator-container {
  margin-top: 0;
}
.ProductAssetsCreateContainer .loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .ProductAssetsCreateContainer .loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .ProductAssetsCreateContainer .loading-indicator-container {
  background-color: #607e9150;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/assets/ProductDetailsInputs/ProductDetailsInputs.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.ProductDetailsInputs .barcode-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.ProductDetailsInputs .barcode-container .product-barcode-input {
  flex: 1 1 auto;
}
.ProductDetailsInputs .barcode-container .Checkbox {
  margin-left: 5px;
}
.ProductDetailsInputs > div:not(:first-child) {
  margin-top: 15px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/assets/ProductTabbedUploadImageContainer/ProductTabbedUploadImageContainer.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.theme-default-theme .ProductTabbedUploadImageContainer {
  border-bottom: 1px solid #1a1a2326;
  margin-bottom: 20px;
}
.theme-dark-theme .ProductTabbedUploadImageContainer {
  border-bottom: 1px solid #d4d4d926;
  margin-bottom: 20px;
}
.ProductTabbedUploadImageContainer .MuiTabs-root {
  position: relative;
  box-shadow: 0px 2px 0px -1px rgba(0, 0, 0, 0.2), 0px 1px 0px -1px rgba(0, 0, 0, 0.14), 0px 2px 0px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .ProductTabbedUploadImageContainer .MuiTabs-root {
  background-color: #ffffff !important;
}
.theme-dark-theme .ProductTabbedUploadImageContainer .MuiTabs-root {
  background-color: #222333 !important;
}
.theme-default-theme .ProductTabbedUploadImageContainer .MuiTabs-root .MuiButtonBase-root {
  color: #1a1a2380 !important;
}
.theme-dark-theme .ProductTabbedUploadImageContainer .MuiTabs-root .MuiButtonBase-root {
  color: #d4d4d980 !important;
}
.theme-default-theme .ProductTabbedUploadImageContainer .MuiTabs-root .MuiButtonBase-root.Mui-selected {
  color: #1a1a23 !important;
}
.theme-dark-theme .ProductTabbedUploadImageContainer .MuiTabs-root .MuiButtonBase-root.Mui-selected {
  color: #d4d4d9 !important;
}
.ProductTabbedUploadImageContainer .MuiTabs-root .MuiTabs-indicator {
  height: 4px;
}
.theme-default-theme .ProductTabbedUploadImageContainer .MuiTabs-root .MuiTabs-indicator {
  background-color: #1a1a23 !important;
}
.theme-dark-theme .ProductTabbedUploadImageContainer .MuiTabs-root .MuiTabs-indicator {
  background-color: #d4d4d9 !important;
}
.ProductTabbedUploadImageContainer .MuiTabPanel-root {
  padding: 20px;
}
.ProductTabbedUploadImageContainer .MuiTabPanel-root .image-upload-form-container {
  padding: 0 20px;
}
.theme-default-theme .ProductTabbedUploadImageContainer .MuiTabPanel-root .image-upload-form-container {
  box-shadow: 0 0 6px 0 #1a1a2320;
}
.theme-dark-theme .ProductTabbedUploadImageContainer .MuiTabPanel-root .image-upload-form-container {
  box-shadow: 0 0 6px 0 #00000080;
}
.ProductTabbedUploadImageContainer .Checkbox {
  padding: 0 0 10px 10px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/assets/ProductChooseExistingImageTable/ProductChooseExistingImageTable.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.theme-default-theme .ProductChooseExistingImageTable {
  box-shadow: 0 0 6px 0 #1a1a2320;
}
.theme-dark-theme .ProductChooseExistingImageTable {
  box-shadow: 0 0 6px 0 #00000080;
}
.ProductChooseExistingImageTable.disabled .MuiTableContainer-root .MuiTable-root .MuiTableHead-root {
  cursor: auto !important;
}
.theme-default-theme .ProductChooseExistingImageTable.disabled .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head .MuiTableSortLabel-root,
.theme-default-theme .ProductChooseExistingImageTable.disabled .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head svg {
  color: #1a1a2330 !important;
}
.theme-dark-theme .ProductChooseExistingImageTable.disabled .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head .MuiTableSortLabel-root,
.theme-dark-theme .ProductChooseExistingImageTable.disabled .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head svg {
  color: #d4d4d961 !important;
}
.ProductChooseExistingImageTable.disabled .MuiTableContainer-root .MuiTableBody-root .MuiTableRow-root {
  cursor: auto !important;
}
.theme-default-theme .ProductChooseExistingImageTable.disabled .MuiTableContainer-root .MuiTableBody-root .MuiTableRow-root:hover {
  background-color: #ffffff;
}
.theme-dark-theme .ProductChooseExistingImageTable.disabled .MuiTableContainer-root .MuiTableBody-root .MuiTableRow-root:hover {
  background-color: #20212e;
}
.theme-default-theme .ProductChooseExistingImageTable.disabled .MuiTableContainer-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root {
  color: #1a1a2330 !important;
}
.theme-dark-theme .ProductChooseExistingImageTable.disabled .MuiTableContainer-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root {
  color: #d4d4d961 !important;
}
.theme-default-theme .ProductChooseExistingImageTable.disabled .DataTable .MuiTable-root .MuiTableBody-root .MuiTableCell-root:first-of-type svg {
  fill: #1a1a23;
}
.theme-dark-theme .ProductChooseExistingImageTable.disabled .DataTable .MuiTable-root .MuiTableBody-root .MuiTableCell-root:first-of-type svg {
  fill: #64ade0;
}
.theme-default-theme .ProductChooseExistingImageTable.disabled .DataTable .no-data-message-container {
  color: #1a1a2330 !important;
}
.theme-dark-theme .ProductChooseExistingImageTable.disabled .DataTable .no-data-message-container {
  color: #d4d4d961 !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/atcLinks/AtcLinkCreateContainer/AtcLinkCreateContainer.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AtcLinkCreateContainer {
  position: relative;
}
.AtcLinkCreateContainer .content {
  padding: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .AtcLinkCreateContainer .content {
  background-color: #ffffff !important;
}
.theme-dark-theme .AtcLinkCreateContainer .content {
  background-color: #20212e !important;
}
.AtcLinkCreateContainer .AtcLinkDetailsInputForm > div:not(:first-child),
.AtcLinkCreateContainer .AtcLinkDetailsInputForm > label,
.AtcLinkCreateContainer .AddItemFormFooter > div:not(:first-child),
.AtcLinkCreateContainer .AddItemFormFooter > label {
  margin-top: 15px;
}
.AtcLinkCreateContainer .AtcLinkDetailsInputForm > div:not(:first-child).form-loading-indicator-container,
.AtcLinkCreateContainer .AtcLinkDetailsInputForm > label.form-loading-indicator-container,
.AtcLinkCreateContainer .AddItemFormFooter > div:not(:first-child).form-loading-indicator-container,
.AtcLinkCreateContainer .AddItemFormFooter > label.form-loading-indicator-container {
  margin-top: 0;
}
.AtcLinkCreateContainer .AtcLinkDetailsInputForm > div:not(:first-child).back-to-main-button,
.AtcLinkCreateContainer .AtcLinkDetailsInputForm > label.back-to-main-button,
.AtcLinkCreateContainer .AddItemFormFooter > div:not(:first-child).back-to-main-button,
.AtcLinkCreateContainer .AddItemFormFooter > label.back-to-main-button {
  margin-top: -5px;
}
.AtcLinkCreateContainer .no-specified-prod-mssg {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.theme-default-theme .AtcLinkCreateContainer .no-specified-prod-mssg {
  color: #707eff;
}
.theme-dark-theme .AtcLinkCreateContainer .no-specified-prod-mssg {
  color: #7d8aff;
}
.AtcLinkCreateContainer .no-specified-prod-mssg > div {
  font-size: 15px;
  font-weight: 500;
  margin: 100px 0;
}
.AtcLinkCreateContainer .AddItemFormFooter {
  margin-top: 15px;
}
.AtcLinkCreateContainer .loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .AtcLinkCreateContainer .loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .AtcLinkCreateContainer .loading-indicator-container {
  background-color: #607e9150;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/atcLinks/AtcLinkDetailsInputForm/AtcLinkDetailsInputForm.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AtcLinkDetailsInputForm {
  position: relative;
}
.AtcLinkDetailsInputForm .name-row {
  display: flex;
}
.AtcLinkDetailsInputForm .name-row .link-type-field {
  flex: 1 1 auto;
}
.AtcLinkDetailsInputForm .name-row .name-field {
  margin-left: 20px;
  flex: 1.5 1 auto;
}
.AtcLinkDetailsInputForm .retailer-row {
  display: flex;
}
.AtcLinkDetailsInputForm .retailer-row .retailer-field,
.AtcLinkDetailsInputForm .retailer-row .link-experience-field {
  margin-left: 20px;
  flex: 2 1 auto;
}
.AtcLinkDetailsInputForm .fallback-url-row {
  display: flex;
}
.AtcLinkDetailsInputForm .fallback-url-row .zip-code,
.AtcLinkDetailsInputForm .fallback-url-row .fallback-url,
.AtcLinkDetailsInputForm .fallback-url-row .zip-code-field {
  flex: 50%;
}
.AtcLinkDetailsInputForm .fallback-url-row .zip-code {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.AtcLinkDetailsInputForm .fallback-url-row .info-icon {
  margin-left: 20px;
}
.AtcLinkDetailsInputForm .product-count {
  margin-bottom: 15px;
}
.AtcLinkDetailsInputForm .product-count .prod-number {
  font-weight: bold;
}
.theme-default-theme .AtcLinkDetailsInputForm .product-count .prod-number {
  color: #7073ff !important;
}
.theme-dark-theme .AtcLinkDetailsInputForm .product-count .prod-number {
  color: #7d8aff !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/atcLinks/CountrySelectionRadioGroup/CountrySelectionRadioGroup.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CountrySelectionRadioGroup .RadioGroupFormControl {
  width: 100%;
}
.CountrySelectionRadioGroup .RadioGroupFormControl .MuiFormLabel-root {
  position: absolute;
  top: -8px;
  left: 10px;
  font-size: 12px;
  z-index: 5;
}
.CountrySelectionRadioGroup .RadioGroupFormControl .RadioGroup {
  border-width: 1px;
  position: relative;
  padding: 6px;
  border-style: solid;
}
.theme-default-theme .CountrySelectionRadioGroup .RadioGroupFormControl .RadioGroup {
  border-color: #1a1a2373;
}
.theme-dark-theme .CountrySelectionRadioGroup .RadioGroupFormControl .RadioGroup {
  border-color: #d4d4d973;
}
.CountrySelectionRadioGroup .RadioGroupFormControl .RadioGroup:after {
  position: absolute;
  top: -1px;
  left: 7px;
  width: 48px;
  height: 1px;
  content: "";
}
.theme-default-theme .CountrySelectionRadioGroup .RadioGroupFormControl .RadioGroup:after {
  background: #ffffff;
}
.theme-dark-theme .CountrySelectionRadioGroup .RadioGroupFormControl .RadioGroup:after {
  background: #222333;
}
.theme-default-theme .CountrySelectionRadioGroup .RadioGroupFormControl .MuiFormControlLabel-root.Mui-disabled .MuiTypography-root.Mui-disabled {
  color: #1a1a2330 !important;
}
.theme-dark-theme .CountrySelectionRadioGroup .RadioGroupFormControl .MuiFormControlLabel-root.Mui-disabled .MuiTypography-root.Mui-disabled {
  color: #d4d4d961 !important;
}
.CountrySelectionRadioGroup .RadioGroupFormControl .MuiRadio-root.Mui-checked.Mui-disabled {
  opacity: 0.38;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/atcLinks/AtcProductsInputForm/AtcProductsInputForm.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AtcProductsInputForm .title {
  margin: -20px -20px 20px -20px;
  padding: 20px;
}
.theme-default-theme .AtcProductsInputForm .title {
  color: #ffffff;
  background-color: #383f80;
}
.theme-dark-theme .AtcProductsInputForm .title {
  color: #d4d4d9;
  background-color: #64ade080;
}
.AtcProductsInputForm .add-another-product-button {
  margin-left: 5px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/atcLinks/AtcLinkProductInputFormRow/AtcLinkProductFormRow.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AtcLinkProductFormRow {
  padding: 20px;
  margin: 5px 5px 20px 5px;
}
.theme-default-theme .AtcLinkProductFormRow {
  box-shadow: 0 0 6px 0 #1a1a2320;
}
.theme-dark-theme .AtcLinkProductFormRow {
  box-shadow: 0 0 6px 0 #00000080;
}
.AtcLinkProductFormRow .upper-row-inputs {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.AtcLinkProductFormRow .upper-row-inputs .ComboSelect {
  flex: 1 1 auto;
}
.AtcLinkProductFormRow .upper-row-inputs .add-icon-button {
  margin-left: 10px;
}
.AtcLinkProductFormRow .upper-row-inputs .remove-icon-button {
  margin-left: 10px;
}
.AtcLinkProductFormRow .lower-row-inputs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.AtcLinkProductFormRow .lower-row-inputs div {
  flex: 1 1 auto;
}
.AtcLinkProductFormRow .lower-row-inputs div:not(:last-child) {
  display: flex;
  margin-right: 15px;
}
.AtcLinkProductFormRow .landing-page-url-button-container {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/atcLinks/CreateAtcProductDialog/CreateAtcProductDialog.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CreateAtcProductDialog {
  display: flex;
  flex-direction: column;
}
.CreateAtcProductDialog .MuiPaper-root {
  min-width: 600px;
}
@media screen and (max-width: 600px) {
  .CreateAtcProductDialog .MuiPaper-root {
    min-width: 90%;
  }
}
.CreateAtcProductDialog .MuiPaper-root h2 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.CreateAtcProductDialog .MuiPaper-root .MuiDialogContent-root {
  flex: 1 1 auto;
}
.CreateAtcProductDialog .MuiPaper-root .MuiDialogContent-root > *:not(:last-child) {
  margin-bottom: 15px;
}
.CreateAtcProductDialog .MuiPaper-root .MuiDialogContent-root > *:not(:last-child) .MuiFormHelperText-root {
  color: red;
  margin-left: 0px;
}
.CreateAtcProductDialog .MuiPaper-root .MuiDialogActions-root {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-default-theme .CreateAtcProductDialog .MuiPaper-root .MuiDialogActions-root {
  background-color: #e6e6ea !important;
}
.theme-dark-theme .CreateAtcProductDialog .MuiPaper-root .MuiDialogActions-root {
  background-color: #262633 !important;
}
.CreateAtcProductDialog .MuiPaper-root .MuiDialogActions-root .FormValidationDisplay {
  position: absolute;
  left: 20px;
}
.CreateAtcProductDialog .form-loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .CreateAtcProductDialog .form-loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .CreateAtcProductDialog .form-loading-indicator-container {
  background-color: #607e9150;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/campaigns/LinksDataTableContainer/LinksDataTableContainer.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.theme-default-theme .LinksDataTableContainer {
  border-bottom: 1px solid #1a1a2326;
  margin-bottom: 20px;
}
.theme-dark-theme .LinksDataTableContainer {
  border-bottom: 1px solid #d4d4d926;
  margin-bottom: 20px;
}
.LinksDataTableContainer .MuiTabs-root {
  position: relative;
  box-shadow: 0px 2px 0px -1px rgba(0, 0, 0, 0.2), 0px 1px 0px -1px rgba(0, 0, 0, 0.14), 0px 2px 0px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .LinksDataTableContainer .MuiTabs-root {
  background-color: #ffffff !important;
}
.theme-dark-theme .LinksDataTableContainer .MuiTabs-root {
  background-color: #222333 !important;
}
.theme-default-theme .LinksDataTableContainer .MuiTabs-root .MuiButtonBase-root {
  color: #1a1a2380 !important;
}
.theme-dark-theme .LinksDataTableContainer .MuiTabs-root .MuiButtonBase-root {
  color: #d4d4d980 !important;
}
.theme-default-theme .LinksDataTableContainer .MuiTabs-root .MuiButtonBase-root.Mui-selected {
  color: #1a1a23 !important;
}
.theme-dark-theme .LinksDataTableContainer .MuiTabs-root .MuiButtonBase-root.Mui-selected {
  color: #d4d4d9 !important;
}
.LinksDataTableContainer .MuiTabs-root .MuiTabs-indicator {
  height: 4px;
}
.theme-default-theme .LinksDataTableContainer .MuiTabs-root .MuiTabs-indicator {
  background-color: #1a1a23 !important;
}
.theme-dark-theme .LinksDataTableContainer .MuiTabs-root .MuiTabs-indicator {
  background-color: #d4d4d9 !important;
}
.LinksDataTableContainer .MuiTabPanel-root {
  padding: 0 0 20px 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/atcLinks/AtcLinksDataTable/AtcLinksDataTable.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.theme-default-theme .AtcLinksDataTable .DataTableChangesFooter {
  background-color: #ffffff;
}
.theme-dark-theme .AtcLinksDataTable .DataTableChangesFooter {
  background-color: #20212e;
}
.AtcLinksDataTable .loading-indicator-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.theme-default-theme .AtcLinksDataTable .loading-indicator-container {
  background-color: #c4c4c499;
}
.theme-dark-theme .AtcLinksDataTable .loading-indicator-container {
  background-color: #9799a899;
}

.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container {
  width: 100%;
  max-width: 500px;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls {
  display: flex;
  flex-direction: column;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 0;
  width: 100%;
}
.theme-default-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url {
  border-bottom: 1px solid #1a1a2326;
}
.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url {
  border-bottom: 1px solid #d4d4d926;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url:last-child {
  border-bottom: 0;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url .icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 15%;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url .icon-container img {
  flex: 0 0 100%;
  filter: grayscale(100);
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url .CopyableField {
  padding-left: 10px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/genericLinks/GenericLinksDataTable/GenericLinksDataTable.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.GenericLinksDataTable {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.theme-default-theme .GenericLinksDataTable .DataTableChangesFooter {
  background-color: #ffffff;
}
.theme-dark-theme .GenericLinksDataTable .DataTableChangesFooter {
  background-color: #20212e;
}
.GenericLinksDataTable .loading-indicator-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.theme-default-theme .GenericLinksDataTable .loading-indicator-container {
  background-color: #c4c4c499;
}
.theme-dark-theme .GenericLinksDataTable .loading-indicator-container {
  background-color: #9799a899;
}

.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container {
  width: 100%;
  max-width: 500px;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls {
  display: flex;
  flex-direction: column;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 0;
  width: 100%;
}
.theme-default-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url {
  border-bottom: 1px solid #1a1a2326;
}
.theme-dark-theme .EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url {
  border-bottom: 1px solid #d4d4d926;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url:last-child {
  border-bottom: 0;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url .icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 15%;
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url .icon-container img {
  flex: 0 0 100%;
  filter: grayscale(100);
}
.EditAndPreviewPopover .MuiPopover-paper .edit-popover-content .preview-container .previewUrls .url .CopyableField {
  padding-left: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/campaigns/CampaignAssetsDrawerContainer/CampaignAssetsDrawerContainer.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/campaigns/EditCampaignAssetDrawer/EditCampaignAssetDrawer.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.EditCampaignAssetDrawer {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 auto;
  overflow-y: auto;
}
.EditCampaignAssetDrawer .DrawerFooter {
  position: sticky;
  bottom: 0;
}

.edit-campaign-asset-drawer-loading-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.theme-default-theme .edit-campaign-asset-drawer-loading-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .edit-campaign-asset-drawer-loading-container {
  background-color: #607e9150;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/assets/ProductAssetsEditContainer/ProductAssetsEditContainer.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.ProductAssetsEditContainer {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  padding: 20px;
}
.ProductAssetsEditContainer .product-details-container {
  padding: 20px;
}
.ProductAssetsEditContainer .product-details-container .ProductDetailsInputs {
  margin-bottom: 20px;
}
.ProductAssetsEditContainer .product-details-container,
.ProductAssetsEditContainer .image-select-container {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .ProductAssetsEditContainer .product-details-container,
.theme-default-theme .ProductAssetsEditContainer .image-select-container {
  background-color: #ffffff !important;
}
.theme-dark-theme .ProductAssetsEditContainer .product-details-container,
.theme-dark-theme .ProductAssetsEditContainer .image-select-container {
  background-color: #20212e !important;
}
.ProductAssetsEditContainer .image-select-container {
  margin-top: 20px;
}
.ProductAssetsEditContainer .AddItemFormFooter {
  padding: 20px;
  margin: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/assets/PreviewAndReplaceImageContainer/PreviewAndReplaceImageContainer.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.PreviewAndReplaceImageContainer {
  position: relative;
}
.PreviewAndReplaceImageContainer .image-preview-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px;
  max-height: 300px;
}
.theme-default-theme .PreviewAndReplaceImageContainer .image-preview-container {
  background-color: #ffffff;
  border: 1px solid #1a1a2373;
}
.theme-dark-theme .PreviewAndReplaceImageContainer .image-preview-container {
  background-color: #20212e;
  border: 1px solid #d4d4d973;
}
.PreviewAndReplaceImageContainer .image-preview-container img {
  max-width: 100%;
  max-height: 300px;
}
.PreviewAndReplaceImageContainer .image-preview-container span {
  text-align: center;
}
.PreviewAndReplaceImageContainer .footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
}
.PreviewAndReplaceImageContainer .footer .metadata-container {
  opacity: 0.5;
}
.PreviewAndReplaceImageContainer .preview-replace-image-overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  z-index: 1;
  transition: opacity 200ms linear, z-index 200ms linear;
}
.theme-default-theme .PreviewAndReplaceImageContainer .preview-replace-image-overlay {
  background-color: #ffffff;
}
.theme-dark-theme .PreviewAndReplaceImageContainer .preview-replace-image-overlay {
  background-color: #20212e;
}
.PreviewAndReplaceImageContainer .preview-replace-image-overlay.hidden {
  opacity: 0;
  z-index: -1;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/assets/CreativeAssetsEditContainer/CreativeAssetsEditContainer.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CreativeAssetsEditContainer {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  padding: 20px;
}
.CreativeAssetsEditContainer .creative-asset-details-container,
.CreativeAssetsEditContainer .image-select-container {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .CreativeAssetsEditContainer .creative-asset-details-container,
.theme-default-theme .CreativeAssetsEditContainer .image-select-container {
  background-color: #ffffff;
}
.theme-dark-theme .CreativeAssetsEditContainer .creative-asset-details-container,
.theme-dark-theme .CreativeAssetsEditContainer .image-select-container {
  background-color: #20212e;
}
.CreativeAssetsEditContainer .creative-asset-details-container {
  padding: 20px;
}
.CreativeAssetsEditContainer .creative-asset-details-container .ImageUploadFormRow {
  padding: 0;
  margin: 0 0 20px 0;
  border-bottom: none;
  box-shadow: none;
}
.CreativeAssetsEditContainer .image-select-container {
  margin-top: 20px;
}
.CreativeAssetsEditContainer .image-select-container .ImageUpload {
  padding: 20px;
}
.CreativeAssetsEditContainer .AddItemFormFooter {
  padding: 20px;
  margin: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/trackingPixels/TrackingPixelsEditContainer/TrackingPixelsEditContainer.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TrackingPixelsEditContainer {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  padding: 20px;
}
.TrackingPixelsEditContainer .TrackingPixelsInputRow {
  padding: 10px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .TrackingPixelsEditContainer .TrackingPixelsInputRow {
  background-color: #ffffff;
}
.theme-dark-theme .TrackingPixelsEditContainer .TrackingPixelsInputRow {
  background-color: #20212e;
}
.TrackingPixelsEditContainer .TrackingPixelsInputRow .footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
}
.TrackingPixelsEditContainer .TrackingPixelsInputRow .footer .metadata-container {
  opacity: 0.5;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/targeting/TargetingEditContainer/TargetingEditContainer.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TargetingEditContainer {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  padding: 20px;
}
.TargetingEditContainer .details-container {
  padding: 20px 20px 0 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .TargetingEditContainer .details-container {
  background-color: #ffffff;
}
.theme-dark-theme .TargetingEditContainer .details-container {
  background-color: #20212e;
}
.TargetingEditContainer .details-container .AddItemFormFooter {
  padding: 0 20px 20px 20px;
  border-top: none;
  height: auto;
}
.TargetingEditContainer .details-container .AddItemFormFooter .FileUploadedInfoRow {
  margin: 0 0 5px 0;
}
.TargetingEditContainer .replace-file-container {
  margin-top: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.TargetingEditContainer .replace-file-container .TargetingFileUpload {
  padding: 20px;
}
.theme-default-theme .TargetingEditContainer .replace-file-container .TargetingFileUpload {
  background-color: #ffffff;
}
.theme-dark-theme .TargetingEditContainer .replace-file-container .TargetingFileUpload {
  background-color: #20212e;
}
.TargetingEditContainer .replace-file-container .AddItemFormFooter {
  padding: 20px;
  margin: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/targeting/TargetingEditFileReplacer/TargetingEditFileReplacer.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/atcLinks/AtcLinksEditContainer/AtcLinksEditContainer.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AtcLinksEditContainer {
  padding: 20px;
  flex: 1;
}
.AtcLinksEditContainer .AtcLinkInfoForm {
  padding: 20px 20px 0 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .AtcLinksEditContainer .AtcLinkInfoForm {
  background-color: #ffffff;
}
.theme-dark-theme .AtcLinksEditContainer .AtcLinkInfoForm {
  background-color: #20212e;
}
.AtcLinksEditContainer .AtcLinkInfoForm .AtcLinkDetailsInputForm > div,
.AtcLinksEditContainer .AtcLinkInfoForm .AtcLinkDetailsInputForm > label {
  margin-top: 15px;
}
.AtcLinksEditContainer .AtcLinkInfoForm .AtcLinkDetailsInputForm > div.form-loading-indicator-container,
.AtcLinksEditContainer .AtcLinkInfoForm .AtcLinkDetailsInputForm > label.form-loading-indicator-container {
  margin-top: 0;
}
.AtcLinksEditContainer .AtcLinkInfoForm .AtcLinkDetailsInputForm > div.back-to-main-button,
.AtcLinksEditContainer .AtcLinkInfoForm .AtcLinkDetailsInputForm > label.back-to-main-button {
  margin-top: -5px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/atcLinks/AtcInfoForm/AtcInfoForm.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AtcLinkInfoForm {
  padding: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .AtcLinkInfoForm {
  background-color: #ffffff;
}
.theme-dark-theme .AtcLinkInfoForm {
  background-color: #20212e;
}
.AtcLinkInfoForm .form-main {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.AtcLinkInfoForm .form-main .retailer-edit-field {
  margin-bottom: 20px;
}
.AtcLinkInfoForm .form-main .poweredby-field .MuiChip-label {
  text-transform: capitalize !important;
}
.AtcLinkInfoForm .form-main .retailer-name-and-country,
.AtcLinkInfoForm .form-main .instacart-fields {
  display: flex;
}
.AtcLinkInfoForm .form-main .retailer-name-and-country .retailer-name-field,
.AtcLinkInfoForm .form-main .instacart-fields .retailer-name-field {
  flex: 3 1 auto;
  margin-right: 20px;
  text-transform: capitalize !important;
}
.AtcLinkInfoForm .form-main .retailer-name-and-country .CountrySelectionRadioGroup,
.AtcLinkInfoForm .form-main .instacart-fields .CountrySelectionRadioGroup {
  flex: 1 1 auto;
}
.AtcLinkInfoForm .form-main .instacart-fields .instacart-retailer-id {
  margin-right: 20px;
}
.AtcLinkInfoForm .form-main .instacart-fields .instacart-retailer-id,
.AtcLinkInfoForm .form-main .instacart-fields .instacart-retailer-slug {
  width: 50%;
}
.AtcLinkInfoForm .AddItemFormFooter {
  padding-bottom: 20px;
}
.AtcLinkInfoForm .AddItemFormFooter .metadata-container:nth-child(1) {
  margin-bottom: 10px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/genericLinks/GenericLinksEditContainer/GenericLinksEditContainer.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.GenericLinksEditContainer {
  padding: 20px;
  flex: 1;
}
.GenericLinksEditContainer .GenericLinkInfoForm {
  padding: 20px 20px 0 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .GenericLinksEditContainer .GenericLinkInfoForm {
  background-color: #ffffff;
}
.theme-dark-theme .GenericLinksEditContainer .GenericLinkInfoForm {
  background-color: #20212e;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/genericLinks/GenericLinkInfoForm/GenericLinkInfoForm.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.GenericLinkInfoForm {
  padding: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .GenericLinkInfoForm {
  background-color: #ffffff;
}
.theme-dark-theme .GenericLinkInfoForm {
  background-color: #20212e;
}
.GenericLinkInfoForm .AddItemFormFooter {
  padding-bottom: 20px;
}
.GenericLinkInfoForm .AddItemFormFooter .metadata-container:nth-child(1) {
  margin-bottom: 10px;
}
.GenericLinkInfoForm .form-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/flights/FlightView/FlightView.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.FlightView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/flights/FlightInfoForm/FlightInfoForm.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.FlightInfoForm {
  position: relative;
  padding: 20px;
}
.theme-default-theme .FlightInfoForm {
  background-color: #ffffff;
}
.theme-dark-theme .FlightInfoForm {
  background-color: #20212e;
}
.FlightInfoForm .form-main {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.FlightInfoForm .form-main .flight-details {
  flex: 1 1 auto;
}
.FlightInfoForm .form-main .flight-details > *:not(:last-child) {
  margin-bottom: 15px;
}
.FlightInfoForm .form-main .flight-details .campaign-reporting-labels {
  border-top: 1px solid;
  padding-top: 10px;
}
.FlightInfoForm .form-main .flight-details .campaign-reporting-labels .section-title {
  margin-bottom: 15px;
}
.theme-default-theme .FlightInfoForm .form-main .flight-details .campaign-reporting-labels {
  border-color: #1a1a2326;
}
.theme-dark-theme .FlightInfoForm .form-main .flight-details .campaign-reporting-labels {
  border-color: #d4d4d926;
}
.FlightInfoForm .form-main .flight-costs {
  width: 40%;
  padding-left: 20px;
  margin-left: 20px;
}
.theme-default-theme .FlightInfoForm .form-main .flight-costs {
  border-left: 1px solid #1a1a2326;
}
.theme-dark-theme .FlightInfoForm .form-main .flight-costs {
  border-left: 1px solid #d4d4d926;
}
.FlightInfoForm .form-main .flight-costs > *:not(:last-child) {
  margin-bottom: 15px;
}
.FlightInfoForm .form-main .flight-costs .campaign-reporting-labels {
  border-top: 1px solid;
  padding-top: 10px;
}
.FlightInfoForm .form-main .flight-costs .campaign-reporting-labels .section-title {
  margin-bottom: 15px;
}
.theme-default-theme .FlightInfoForm .form-main .flight-costs .campaign-reporting-labels {
  border-color: #1a1a2326;
}
.theme-dark-theme .FlightInfoForm .form-main .flight-costs .campaign-reporting-labels {
  border-color: #d4d4d926;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/flights/FlightBudgetDisplay/FlightBudgetDisplay.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.FlightBudgetDisplay {
  display: flex;
  align-items: center;
}
.FlightBudgetDisplay > div {
  font-weight: 500;
}
.FlightBudgetDisplay .label {
  text-transform: uppercase !important;
}
.FlightBudgetDisplay .value {
  margin-left: 10px;
}
.theme-default-theme .FlightBudgetDisplay .value {
  color: #383f80;
}
.theme-dark-theme .FlightBudgetDisplay .value {
  color: #64ade0;
}
.FlightBudgetDisplay .value .MuiSvgIcon-root {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/lineItems/LineItemsMainContainer/LineItemsMainContainer.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/lineItems/LineItemsDrawer/LineItemsDrawer.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.LineItemsDrawer {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.LineItemsDrawer .content-and-drawer-container {
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow-y: auto;
}
.LineItemsDrawer .content-and-drawer-container .content-container {
  padding: 20px;
  flex: 1 1 auto;
  overflow-y: auto;
}
.LineItemsDrawer .content-and-drawer-container .content-container .TrackingPixelsCreateForm,
.LineItemsDrawer .content-and-drawer-container .content-container .CreativeDetailsForm,
.LineItemsDrawer .content-and-drawer-container .content-container .CreativeAssetsCreateContainer,
.LineItemsDrawer .content-and-drawer-container .content-container .ProductAssetsCreateContainer {
  margin-bottom: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.LineItemsDrawer .content-and-drawer-container .content-container .TargetingCreateForm,
.LineItemsDrawer .content-and-drawer-container .content-container .TargetingDataTable,
.LineItemsDrawer .content-and-drawer-container .content-container .TrackingPixelsDataTable {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.LineItemsDrawer .content-and-drawer-container .content-container .Accordion:first-of-type {
  margin-top: 0px;
}
.LineItemsDrawer .content-and-drawer-container .content-container .targetingSegmentDataTable:first-of-type,
.LineItemsDrawer .content-and-drawer-container .content-container .data-table-accordion:not(:first-of-type) {
  margin-top: 20px;
}
.LineItemsDrawer .content-and-drawer-container .content-container .targetingSegmentDataTable:first-of-type .MuiAccordionSummary-content,
.LineItemsDrawer .content-and-drawer-container .content-container .data-table-accordion:not(:first-of-type) .MuiAccordionSummary-content {
  margin: -10px 0 -10px 0;
}
.LineItemsDrawer .targeting-accordion-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
}
.LineItemsDrawer .targeting-accordion-title .title {
  height: 23px;
  font-size: 18px;
}
.LineItemsDrawer .targeting-accordion-title .targeting-action-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  margin-left: 12px;
  outline: none;
  border: none;
  background: none;
  padding: 8px;
}
.theme-default-theme .LineItemsDrawer .targeting-accordion-title .targeting-action-icon {
  color: #1a1a23;
}
.theme-dark-theme .LineItemsDrawer .targeting-accordion-title .targeting-action-icon {
  color: #d4d4d9;
}
.theme-default-theme .LineItemsDrawer .targeting-accordion-title .targeting-action-icon:hover {
  background-color: #1a1a2361;
}
.theme-dark-theme .LineItemsDrawer .targeting-accordion-title .targeting-action-icon:hover {
  background-color: #d4d4d930;
}
.theme-default-theme .LineItemsDrawer .targeting-accordion-title .targeting-action-icon:focus-visible {
  background-color: #1a1a2361;
}
.theme-dark-theme .LineItemsDrawer .targeting-accordion-title .targeting-action-icon:focus-visible {
  background-color: #d4d4d930;
}
.LineItemsDrawer .targeting-accordion-title .targeting-action-icon svg {
  width: 24px;
  height: 24px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/lineItems/LineItemInfoForm/LineItemInfoForm.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.LineItemInfoForm {
  position: relative;
}
.LineItemInfoForm .form-body {
  padding: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .LineItemInfoForm .form-body {
  background-color: #ffffff;
}
.theme-dark-theme .LineItemInfoForm .form-body {
  background-color: #20212e;
}
.LineItemInfoForm .form-body > div:not(:first-child) {
  margin-top: 15px;
}
.LineItemInfoForm .form-body > div:not(:first-child).form-loading-indicator-container {
  margin-top: 0;
}
.LineItemInfoForm .form-body .audience-select,
.LineItemInfoForm .form-body .status-selection,
.LineItemInfoForm .form-body .DateSelector {
  margin-bottom: 15px;
}
.LineItemInfoForm .form-body .line-item-budget-input legend > span {
  padding-right: 15px;
}
@media screen and (min-width: 1100px) {
  .LineItemInfoForm .form-body .column-layout {
    display: flex;
    flex-direction: row;
  }
  .LineItemInfoForm .form-body .column-layout .left-column,
  .LineItemInfoForm .form-body .column-layout .right-column {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
  }
  .LineItemInfoForm .form-body .column-layout .left-column .half-width-input-container > div,
  .LineItemInfoForm .form-body .column-layout .right-column .half-width-input-container > div {
    width: 100%;
  }
  .LineItemInfoForm .form-body .column-layout .left-column > div {
    margin-right: 10px;
  }
  .LineItemInfoForm .form-body .DeviceSelection {
    flex: 1 1 50%;
    margin-left: 10px;
    margin-top: -10px;
    justify-self: center;
  }
  .LineItemInfoForm .form-body .device-input-showing {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 1100px) {
  .LineItemInfoForm .form-body .DeviceSelection {
    margin-top: 10px;
  }
}
.LineItemInfoForm .form-body .FormValidationDisplay {
  position: unset;
  bottom: unset;
  left: unset;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.LineItemInfoForm .form-body .form-loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .LineItemInfoForm .form-body .form-loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .LineItemInfoForm .form-body .form-loading-indicator-container {
  background-color: #607e9150;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/TargetPrioritySlider/TargetPrioritySlider.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TargetPrioritySlider {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  border-radius: 0;
  padding: 24px 12px 4px 12px;
}
.theme-default-theme .TargetPrioritySlider {
  border: 1px solid #1a1a2373;
}
.theme-dark-theme .TargetPrioritySlider {
  border: 1px solid #d4d4d973;
}
.TargetPrioritySlider .input-label {
  position: absolute;
  top: -9px;
  font-size: 12px;
  padding: 0 2px;
}
.theme-default-theme .TargetPrioritySlider .input-label {
  color: #1a1a2373;
  background-color: #ffffff;
}
.theme-dark-theme .TargetPrioritySlider .input-label {
  color: #d4d4d973;
  background-color: #20212e;
}
.TargetPrioritySlider .slider-container {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  margin-top: 10px;
}
.theme-default-theme .TargetPrioritySlider .slider-container svg {
  fill: #707eff;
}
.theme-dark-theme .TargetPrioritySlider .slider-container svg {
  fill: #7d8aff;
}
.TargetPrioritySlider .slider-container svg:first-of-type {
  margin-right: 14px;
}
.TargetPrioritySlider .slider-container svg:last-of-type {
  margin-left: 14px;
}
.TargetPrioritySlider .slider-container .MuiSlider-root {
  margin-bottom: 0;
  border-radius: 5px;
  height: 16px;
}
.theme-default-theme .TargetPrioritySlider .slider-container .MuiSlider-root {
  color: #707eff;
}
.theme-dark-theme .TargetPrioritySlider .slider-container .MuiSlider-root {
  color: #7d8aff;
}
.TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-track {
  border: none;
}
.TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-thumb {
  height: 24px;
  width: 24px;
}
.theme-default-theme .TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-thumb {
  background-color: #ffffff;
  border: 3px solid #707eff;
}
.theme-dark-theme .TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-thumb {
  background-color: #20212e;
  border: 3px solid #7d8aff;
}
.TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-thumb:hover {
  box-shadow: 0 0 0 8px rgba(112, 126, 255, 0.25);
}
.TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-thumb:active {
  box-shadow: 0 0 0 10px rgba(112, 126, 255, 0.25);
}
.TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-valueLabel {
  border-radius: 5px;
  padding: 2px 8px;
}
.theme-default-theme .TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-valueLabel {
  background-color: #ffffff;
  color: #1a1a23;
  border: 2px solid #1a1a23;
}
.theme-dark-theme .TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-valueLabel {
  background-color: #20212e;
  color: #d4d4d9;
  border: 2px solid #d4d4d9;
}
.TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-valueLabel:before {
  bottom: -2px;
}
.theme-default-theme .TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-valueLabel:before {
  border-right: 2px solid #1a1a23;
  border-bottom: 2px solid #1a1a23;
}
.theme-dark-theme .TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-valueLabel:before {
  border-right: 2px solid #d4d4d9;
  border-bottom: 2px solid #d4d4d9;
}
.TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-valueLabel .MuiSlider-valueLabelLabel {
  font-size: 13px;
}
.TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-markLabel {
  display: none;
}
.TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-mark {
  border-radius: 0;
  width: 3px;
  height: 10px;
  top: 40%;
  opacity: 1;
}
.theme-default-theme .TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-mark {
  background-color: #ffffff;
}
.theme-dark-theme .TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-mark {
  background-color: #20212e;
}
.TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-mark[data-index="0"], .TargetPrioritySlider .slider-container .MuiSlider-root .MuiSlider-mark[data-index="4"] {
  display: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/BeeswaxDisclaimer/BeeswaxDisclaimer.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.BeeswaxDisclaimer {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theme-default-theme .BeeswaxDisclaimer {
  color: #ffffff;
  background-color: #383f80;
}
.theme-dark-theme .BeeswaxDisclaimer {
  color: #d4d4d9;
  background-color: #64ade080;
}
.BeeswaxDisclaimer .beeswax-warning-mssg,
.BeeswaxDisclaimer .beeswax-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.BeeswaxDisclaimer .beeswax-warning-mssg .MuiSvgIcon-root,
.BeeswaxDisclaimer .beeswax-link .MuiSvgIcon-root {
  margin-left: 10px;
}
.BeeswaxDisclaimer .beeswax-warning-mssg svg {
  margin-right: 10px;
  min-width: 24px;
  min-height: 24px;
}
.theme-default-theme .BeeswaxDisclaimer .beeswax-warning-mssg svg {
  fill: #ffffff;
}
.theme-dark-theme .BeeswaxDisclaimer .beeswax-warning-mssg svg {
  fill: #d4d4d9;
}
.BeeswaxDisclaimer .beeswax-link {
  text-decoration: none;
  cursor: pointer;
}
.theme-default-theme .BeeswaxDisclaimer .beeswax-link {
  color: #ffffff;
}
.theme-dark-theme .BeeswaxDisclaimer .beeswax-link {
  color: #d4d4d9;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/lineItems/DeviceSelection/DeviceSelection.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.DeviceSelection {
  display: flex;
}
.DeviceSelection .device-os-selections {
  display: flex;
  flex-direction: row;
  flex: auto;
}
.DeviceSelection .device-os-selections legend {
  font-size: 12px;
  font-weight: 400;
  opacity: 0.5;
}
.DeviceSelection .device-os-selections .mobile-selection {
  margin-right: 40px;
}
.DeviceSelection .device-os-selections .mobile-selection .MuiFormControlLabel-root .MuiCheckbox-root,
.DeviceSelection .device-os-selections .desktop-selection .MuiFormControlLabel-root .MuiCheckbox-root {
  flex: 0 0 auto;
}
.theme-default-theme .DeviceSelection .device-os-selections .mobile-selection .MuiFormControlLabel-root .MuiCheckbox-root,
.theme-default-theme .DeviceSelection .device-os-selections .desktop-selection .MuiFormControlLabel-root .MuiCheckbox-root {
  color: #1a1a23;
}
.theme-dark-theme .DeviceSelection .device-os-selections .mobile-selection .MuiFormControlLabel-root .MuiCheckbox-root,
.theme-dark-theme .DeviceSelection .device-os-selections .desktop-selection .MuiFormControlLabel-root .MuiCheckbox-root {
  color: #d4d4d9;
}
.theme-default-theme .DeviceSelection .device-os-selections .mobile-selection .MuiFormControlLabel-root .MuiCheckbox-root:hover,
.theme-default-theme .DeviceSelection .device-os-selections .desktop-selection .MuiFormControlLabel-root .MuiCheckbox-root:hover {
  background-color: #1a1a2330;
}
.theme-dark-theme .DeviceSelection .device-os-selections .mobile-selection .MuiFormControlLabel-root .MuiCheckbox-root:hover,
.theme-dark-theme .DeviceSelection .device-os-selections .desktop-selection .MuiFormControlLabel-root .MuiCheckbox-root:hover {
  background-color: #d4d4d930;
}
.DeviceSelection .device-os-selections .mobile-selection .MuiFormControlLabel-root .MuiTypography-root,
.DeviceSelection .device-os-selections .desktop-selection .MuiFormControlLabel-root .MuiTypography-root {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.DeviceSelection .device-os-selections .mobile-selection .checkbox-group-main-option,
.DeviceSelection .device-os-selections .desktop-selection .checkbox-group-main-option {
  display: flex;
  flex-direction: column;
}
.DeviceSelection .device-os-selections .mobile-selection .checkbox-group-main-option .branch,
.DeviceSelection .device-os-selections .desktop-selection .checkbox-group-main-option .branch {
  height: 10px;
  margin-left: 10px;
  position: relative;
  top: -12px;
}
.theme-default-theme .DeviceSelection .device-os-selections .mobile-selection .checkbox-group-main-option .branch,
.theme-default-theme .DeviceSelection .device-os-selections .desktop-selection .checkbox-group-main-option .branch {
  border-left: 1px solid #1a1a23;
}
.theme-dark-theme .DeviceSelection .device-os-selections .mobile-selection .checkbox-group-main-option .branch,
.theme-dark-theme .DeviceSelection .device-os-selections .desktop-selection .checkbox-group-main-option .branch {
  border-left: 1px solid #d4d4d9;
}
.DeviceSelection .device-os-selections .mobile-selection .checkbox-group-sub-options .checkbox-group-sub-option,
.DeviceSelection .device-os-selections .desktop-selection .checkbox-group-sub-options .checkbox-group-sub-option {
  display: flex;
  flex-direction: row;
}
.DeviceSelection .device-os-selections .mobile-selection .checkbox-group-sub-options .checkbox-group-sub-option:nth-child(1) .branch,
.DeviceSelection .device-os-selections .desktop-selection .checkbox-group-sub-options .checkbox-group-sub-option:nth-child(1) .branch {
  height: 32px;
  top: -12px;
}
.DeviceSelection .device-os-selections .mobile-selection .checkbox-group-sub-options .checkbox-group-sub-option .branch,
.DeviceSelection .device-os-selections .desktop-selection .checkbox-group-sub-options .checkbox-group-sub-option .branch {
  width: 21px;
  height: 41px;
  margin-left: 10px;
  position: relative;
  top: -21px;
}
.theme-default-theme .DeviceSelection .device-os-selections .mobile-selection .checkbox-group-sub-options .checkbox-group-sub-option .branch,
.theme-default-theme .DeviceSelection .device-os-selections .desktop-selection .checkbox-group-sub-options .checkbox-group-sub-option .branch {
  border-left: 1px solid #1a1a23;
  border-bottom: 1px solid #1a1a23;
}
.theme-dark-theme .DeviceSelection .device-os-selections .mobile-selection .checkbox-group-sub-options .checkbox-group-sub-option .branch,
.theme-dark-theme .DeviceSelection .device-os-selections .desktop-selection .checkbox-group-sub-options .checkbox-group-sub-option .branch {
  border-left: 1px solid #d4d4d9;
  border-bottom: 1px solid #d4d4d9;
}
.DeviceSelection .device-os-selections .mobile-selection .checkbox-group-sub-options .checkbox-group-sub-option .sub-option,
.DeviceSelection .device-os-selections .desktop-selection .checkbox-group-sub-options .checkbox-group-sub-option .sub-option {
  position: relative;
  left: -1px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/assets/CreativeDetailsForm/CreativeDetailsForm.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CreativeDetailsForm {
  padding: 20px;
  position: relative;
}
.theme-default-theme .CreativeDetailsForm {
  background-color: #ffffff;
}
.theme-dark-theme .CreativeDetailsForm {
  background-color: #20212e;
}
.CreativeDetailsForm > div:not(:first-child) {
  margin-top: 15px;
}
.CreativeDetailsForm > div:not(:first-child).form-loading-indicator-container {
  margin-top: 0;
}
.CreativeDetailsForm .form-loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .CreativeDetailsForm .form-loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .CreativeDetailsForm .form-loading-indicator-container {
  background-color: #607e9150;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/lineItems/LineItemAppSettingsDataTable/LineItemAppSettingsDataTable.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/lineItems/LineItemAppSettingsAdZoneSelectPopover/LineItemAppSettingsAdZoneSelectPopover.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.LineItemAppSettingsAdZoneSelectPopover .MuiPopover-paper {
  border-radius: 0;
}
.LineItemAppSettingsAdZoneSelectPopover .ad-zone-options-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.theme-default-theme .LineItemAppSettingsAdZoneSelectPopover .ad-zone-options-list li:not(:last-child) {
  border-bottom: 1px solid #1a1a2326;
}
.theme-dark-theme .LineItemAppSettingsAdZoneSelectPopover .ad-zone-options-list li:not(:last-child) {
  border-bottom: 1px solid #d4d4d926;
}
.theme-default-theme .LineItemAppSettingsAdZoneSelectPopover .ad-zone-options-list li:hover {
  background-color: #707eff15;
}
.theme-dark-theme .LineItemAppSettingsAdZoneSelectPopover .ad-zone-options-list li:hover {
  background-color: #7d8aff15;
}
.LineItemAppSettingsAdZoneSelectPopover .ad-zone-options-list .MuiFormControlLabel-root {
  display: flex;
  margin: 0;
  padding: 5px 15px 5px 5px;
}
.LineItemAppSettingsAdZoneSelectPopover .no-ad-zones-message {
  max-width: 300px;
  padding: 20px 10px 20px 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/lineItems/LineItemAppSettingsTables/LineItemAppSettingsTables.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.LineItemAppSettingsTables .data-table-accordion {
  position: relative;
}
.LineItemAppSettingsTables .data-table-accordion .Accordion .MuiAccordionSummary-content {
  margin: 0;
}
.LineItemAppSettingsTables .data-table-accordion .Accordion .MuiAccordionSummary-content .app-tier-accordion-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
}
.LineItemAppSettingsTables .data-table-accordion .Accordion .MuiAccordionSummary-content .app-tier-accordion-title > div {
  font-size: 18px !important;
  font-weight: 300;
  text-transform: uppercase !important;
  letter-spacing: 2px;
}
.LineItemAppSettingsTables .data-table-accordion .Accordion .MuiAccordionSummary-content .app-tier-accordion-title .accordion-action-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  margin-left: 12px;
  outline: none;
  border: none;
  background: none;
  padding: 8px;
}
.theme-default-theme .LineItemAppSettingsTables .data-table-accordion .Accordion .MuiAccordionSummary-content .app-tier-accordion-title .accordion-action-icon {
  color: #1a1a23;
}
.theme-dark-theme .LineItemAppSettingsTables .data-table-accordion .Accordion .MuiAccordionSummary-content .app-tier-accordion-title .accordion-action-icon {
  color: #d4d4d9;
}
.theme-default-theme .LineItemAppSettingsTables .data-table-accordion .Accordion .MuiAccordionSummary-content .app-tier-accordion-title .accordion-action-icon:hover {
  background-color: #1a1a2361;
}
.theme-dark-theme .LineItemAppSettingsTables .data-table-accordion .Accordion .MuiAccordionSummary-content .app-tier-accordion-title .accordion-action-icon:hover {
  background-color: #d4d4d930;
}
.theme-default-theme .LineItemAppSettingsTables .data-table-accordion .Accordion .MuiAccordionSummary-content .app-tier-accordion-title .accordion-action-icon:focus-visible {
  background-color: #1a1a2361;
}
.theme-dark-theme .LineItemAppSettingsTables .data-table-accordion .Accordion .MuiAccordionSummary-content .app-tier-accordion-title .accordion-action-icon:focus-visible {
  background-color: #d4d4d930;
}
.LineItemAppSettingsTables .data-table-accordion .Accordion .MuiAccordionSummary-content .app-tier-accordion-title .accordion-action-icon svg {
  width: 24px;
  height: 24px;
}
.LineItemAppSettingsTables .data-table-accordion .form-loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .LineItemAppSettingsTables .data-table-accordion .form-loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .LineItemAppSettingsTables .data-table-accordion .form-loading-indicator-container {
  background-color: #607e9150;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/lineItems/LineItemAppSettingsBulkEditPopover/LineItemAppSettingsBulkEditPopover.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root {
  min-width: 300px;
  border-width: 2px;
  border-style: solid;
  border-radius: 0;
  -o-border-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
     border-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
  border-image-slice: 1;
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 5px 5px 10px;
  font-size: 14px;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title {
  color: #ffffff;
}
.theme-dark-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title {
  color: #d4d4d9;
}
.theme-default-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title .title-text {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title .title-text svg {
  height: 24px;
  width: 24px;
  margin-right: 5px;
}
.theme-default-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title .title-text svg {
  fill: #ffffff;
}
.theme-dark-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title .title-text svg {
  fill: #d4d4d9;
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title .title-text span:first-of-type {
  margin-right: 2px;
  font-weight: 500;
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title .title-text span:last-of-type {
  font-weight: 400;
  opacity: 0.5;
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title button {
  padding: 5px;
  margin-left: 10px;
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title button svg {
  height: 18px;
  width: 18px;
}
.theme-default-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title button svg {
  fill: #ffffff;
}
.theme-dark-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-title button svg {
  fill: #d4d4d9;
}
.theme-default-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content {
  background-color: #ffffff;
}
.theme-dark-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content {
  background-color: #222333;
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content .edit-input-container {
  padding: 20px;
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content .edit-input-container > *:not(:last-child) {
  margin-bottom: 15px;
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content .edit-input-container .apply-toggle-container {
  position: relative;
  padding: 5px 5px 5px 10px;
}
.theme-default-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content .edit-input-container .apply-toggle-container {
  border: 1px solid #1a1a2373;
}
.theme-dark-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content .edit-input-container .apply-toggle-container {
  border: 1px solid #d4d4d973;
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content .edit-input-container .apply-toggle-container .apply-toggle-label {
  position: absolute;
  font-size: 11px;
  top: -8px;
  padding: 0 2px;
}
.theme-default-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content .edit-input-container .apply-toggle-container .apply-toggle-label {
  background-color: #ffffff;
}
.theme-dark-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content .edit-input-container .apply-toggle-container .apply-toggle-label {
  background-color: #20212e;
}
.LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content .apply-footer {
  padding: 20px;
  text-align: right;
}
.theme-default-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content .apply-footer {
  border-top: 1px solid #1a1a2326;
}
.theme-dark-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root .bulk-edit-popover-content .apply-footer {
  border-top: 1px solid #d4d4d926;
}

.theme-dark-theme .LineItemAppSettingsBulkEditPopover .MuiPaper-root {
  -o-border-image: none;
     border-image: none;
  border-color: hsla(233, 15%, 35%, 0.5);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/lineItems/KeywordInterceptInfoForm/KeywordInterceptInfoForm.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.KeywordInterceptInfoForm {
  position: relative;
}
.KeywordInterceptInfoForm .form-body {
  padding: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .KeywordInterceptInfoForm .form-body {
  background-color: #ffffff;
}
.theme-dark-theme .KeywordInterceptInfoForm .form-body {
  background-color: #20212e;
}
.KeywordInterceptInfoForm .form-body > div:not(:first-child) {
  margin-top: 15px;
}
.KeywordInterceptInfoForm .form-body > div:not(:first-child).form-loading-indicator-container {
  margin-top: 0;
}
.KeywordInterceptInfoForm .form-body .FormValidationDisplay {
  position: unset;
  bottom: unset;
  left: unset;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.KeywordInterceptInfoForm .form-body .form-loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .KeywordInterceptInfoForm .form-body .form-loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .KeywordInterceptInfoForm .form-body .form-loading-indicator-container {
  background-color: #607e9150;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/lineItems/AdPreviewDrawer/AdPreviewDrawer.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AdPreviewDrawer.drawer-open {
  margin-left: 350px;
  transition: margin-left 500ms cubic-bezier(0.05, 0, 0.2, 1) 0ms;
}
.AdPreviewDrawer.drawer-closed {
  margin-left: 0px;
  transition: margin-left 500ms cubic-bezier(0.5, 0.1, 0.25, 0.8) 0ms;
}
.AdPreviewDrawer .button-icon {
  height: 36px;
  width: 36px;
}
.theme-default-theme .AdPreviewDrawer .button-icon {
  color: #ffffff;
}
.theme-dark-theme .AdPreviewDrawer .button-icon {
  color: #d4d4d9;
}
.theme-default-theme .AdPreviewDrawer .button-label {
  color: #ffffff;
}
.theme-dark-theme .AdPreviewDrawer .button-label {
  color: #d4d4d9;
}
.theme-default-theme .AdPreviewDrawer .MuiTouchRipple-root {
  color: #bdc4ff !important;
}
.theme-dark-theme .AdPreviewDrawer .MuiTouchRipple-root {
  color: #98a3ff !important;
}
.AdPreviewDrawer .ad-preview-open-button {
  position: relative;
  height: 100%;
  min-width: 50px !important;
  width: 50px;
  padding: 6px 10px;
  visibility: visible;
  transition: visibility 300ms ease-in-out;
}
.theme-default-theme .AdPreviewDrawer .ad-preview-open-button {
  background-image: linear-gradient(180deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .AdPreviewDrawer .ad-preview-open-button {
  background-image: linear-gradient(180deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.AdPreviewDrawer .ad-preview-open-button.hidden {
  visibility: hidden;
}
.AdPreviewDrawer .ad-preview-open-button .button-icon {
  position: absolute;
  top: 10px;
}
.AdPreviewDrawer .ad-preview-open-button .button-label {
  position: absolute;
  top: 85px;
  transform: rotate(90deg);
  white-space: nowrap;
}
.AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper {
  width: 400px;
  box-sizing: border-box;
  margin-top: 56px;
  height: calc(100% - 121px);
  z-index: 1;
}
.AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .ad-preview-close-button {
  padding: 6px 10px;
  justify-content: flex-start;
}
.theme-default-theme .AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .ad-preview-close-button {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .ad-preview-close-button {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .ad-preview-close-button .button-icon {
  margin-right: 10px;
}
.AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .drawer-content {
  padding: 20px;
  overflow-y: auto;
  align-items: center;
}
.theme-default-theme .AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .drawer-content {
  background-color: #ffffff !important;
}
.theme-dark-theme .AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .drawer-content {
  background-color: #20212e !important;
}
.AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .drawer-content > .ComboSelect,
.AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .drawer-content .Checkbox {
  width: 100%;
}
.AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .drawer-content > .ComboSelect {
  margin-bottom: 10px;
}
.AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .drawer-content > .Checkbox:last-of-type {
  margin-bottom: 15px;
}
.AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .drawer-content .preview-change-indicator {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.theme-default-theme .AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .drawer-content .preview-change-indicator {
  color: #ec4d4d;
}
.theme-dark-theme .AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .drawer-content .preview-change-indicator {
  color: #f46262;
}
.AdPreviewDrawer .MuiDrawer-root .MuiDrawer-paper .drawer-content .preview-change-indicator svg {
  margin-right: 5px;
}

.theme-dark-theme .AdPreviewDrawer .ad-preview-open-button {
  background-color: transparent !important;
}
.theme-dark-theme .MuiDrawer-root .MuiDrawer-paper .ad-preview-close-button {
  background-color: transparent !important;
}
.theme-default-theme .theme-dark-theme .MuiDrawer-root .MuiDrawer-paper .ad-preview-close-button {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .theme-dark-theme .MuiDrawer-root .MuiDrawer-paper .ad-preview-close-button {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/adTemplates/AdTemplatePreview/AdTemplatePreview.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AdTemplatePreview {
  display: flex;
  transition: top 0.5s ease-in-out;
}
.theme-default-theme .AdTemplatePreview {
  background-color: #ffffff;
}
.theme-dark-theme .AdTemplatePreview {
  background-color: #20212e;
}
.theme-default-theme .AdTemplatePreview .template-html-preview > div {
  border: 1px solid #1a1a2326;
}
.theme-dark-theme .AdTemplatePreview .template-html-preview > div {
  border: 1px solid #d4d4d926;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/lineItems/AdPreviewContentContainer/AdPreviewContentContainer.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AdPreviewContentContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.AdPreviewContentContainer .app-environment-image {
  height: 510px;
  width: 250px;
  transition: opacity 0.5s ease-in-out 0s;
}
.theme-default-theme .AdPreviewContentContainer .app-environment-image {
  border: 2px solid #1a1a23;
}
.theme-dark-theme .AdPreviewContentContainer .app-environment-image {
  border: 2px solid #d4d4d9;
}
.AdPreviewContentContainer .keyword-preview,
.AdPreviewContentContainer .replacement-preview {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
  position: absolute;
  font-size: 11px;
}
.AdPreviewContentContainer .keyword-preview {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #2d3a43;
  top: 39px;
  left: 19px;
}
.AdPreviewContentContainer .keyword-preview .keyword-cursor {
  background-color: #3e69e9;
  width: 2px;
  height: 14px;
  border-radius: 4px;
}
.AdPreviewContentContainer .replacement-preview {
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: #ffffff;
  background-color: #b6bdc5;
  top: 90px;
  left: 14px;
  right: 14px;
  padding: 5px 7px;
  border-radius: 7px;
}
.AdPreviewContentContainer .AdTemplatePreview {
  max-width: 360px;
  position: absolute;
}
.AdPreviewContentContainer .in-app-ad-image {
  position: absolute;
  transform-origin: left;
  z-index: 2;
  transition: left 0s, top 0.5s ease-in-out;
}
.AdPreviewContentContainer .in-app-ad-image.size-300w-250h.scale {
  transform: scale(0.67, 0.64);
}
.AdPreviewContentContainer .in-app-ad-image.size-320w-50h.scale {
  transform: scale(0.73);
}
.AdPreviewContentContainer .in-app-ad-image.size-320w-480h {
  padding-bottom: 20px;
}
.AdPreviewContentContainer .external-multiclick-overlay {
  position: absolute;
  z-index: 3;
  opacity: 1;
  transform-origin: left;
  transition: left 0s, top 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.AdPreviewContentContainer .external-multiclick-overlay.size-300w-250h.scale {
  transform: scale(0.67, 0.64);
}
.AdPreviewContentContainer .external-multiclick-overlay.size-320w-50h.scale {
  transform: scale(0.73);
}
.AdPreviewContentContainer .external-multiclick-overlay.hidden {
  opacity: 0;
}
.AdPreviewContentContainer .external-multiclick-overlay .click-zone {
  position: absolute;
}
.AdPreviewContentContainer .external-multiclick-overlay .click-zone.zone-1 {
  top: 0;
  left: 0;
}
.theme-default-theme .AdPreviewContentContainer .external-multiclick-overlay .click-zone.zone-1 {
  background-color: rgba(127, 255, 0, 0.6);
}
.theme-dark-theme .AdPreviewContentContainer .external-multiclick-overlay .click-zone.zone-1 {
  background-color: rgba(127, 255, 0, 0.6);
}
.theme-default-theme .AdPreviewContentContainer .external-multiclick-overlay .click-zone.zone-2 {
  background-color: rgba(0, 153, 255, 0.6);
}
.theme-dark-theme .AdPreviewContentContainer .external-multiclick-overlay .click-zone.zone-2 {
  background-color: rgba(0, 153, 255, 0.6);
}
.theme-default-theme .AdPreviewContentContainer .external-multiclick-overlay .click-zone.zone-3 {
  background-color: rgba(255, 127, 80, 0.6);
}
.theme-dark-theme .AdPreviewContentContainer .external-multiclick-overlay .click-zone.zone-3 {
  background-color: rgba(255, 127, 80, 0.6);
}
.AdPreviewContentContainer .no-ad-creative-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  width: 300px;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}
.theme-default-theme .AdPreviewContentContainer .no-ad-creative-container {
  border: 1px solid #1a1a2326;
  color: #707eff;
  background-color: rgba(26, 26, 35, 0.08);
}
.theme-dark-theme .AdPreviewContentContainer .no-ad-creative-container {
  border: 1px solid #d4d4d926;
  color: #7d8aff;
  background-color: rgba(26, 26, 35, 0.08);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/targeting/TargetingSegments/TargetingSegmentBulkEdit/TargetingSegmentBulkEditPopover.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TargetingSegmentBulkEditPopover .MuiPaper-root {
  border-radius: 0;
}
.TargetingSegmentBulkEditPopover .MuiPaper-root .popover-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}
.theme-default-theme .TargetingSegmentBulkEditPopover .MuiPaper-root .popover-header {
  color: #ffffff;
}
.theme-dark-theme .TargetingSegmentBulkEditPopover .MuiPaper-root .popover-header {
  color: #d4d4d9;
}
.theme-default-theme .TargetingSegmentBulkEditPopover .MuiPaper-root .popover-header {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .TargetingSegmentBulkEditPopover .MuiPaper-root .popover-header {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.theme-default-theme .TargetingSegmentBulkEditPopover .MuiPaper-root .popover-header svg {
  color: #ffffff;
}
.theme-dark-theme .TargetingSegmentBulkEditPopover .MuiPaper-root .popover-header svg {
  color: #d4d4d9;
}
.TargetingSegmentBulkEditPopover .MuiPaper-root .popover-content div {
  margin: 0;
  padding: 10px;
  text-decoration: underline;
}
.TargetingSegmentBulkEditPopover .MuiPaper-root .popover-content .option:hover {
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/AppsView/AppsView.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AppsView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.AppsView .publisher-edit {
  display: flex;
  align-items: center;
  height: 30px;
  font-weight: 500;
}
.theme-default-theme .AppsView .publisher-edit {
  color: #016aa3;
}
.theme-dark-theme .AppsView .publisher-edit {
  color: #aab6cb;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/AppPublisherDrawer/AppPublisherDrawer.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AppPublisherDrawer {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.AppPublisherDrawer .content-container {
  padding: 20px;
  flex: 1 1 auto;
  overflow-y: auto;
}
.AppPublisherDrawer .content-container .DataTable {
  margin-top: 20px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/AppPublisherInfoForm/AppPublisherInfoForm.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AppPublisherInfoForm {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .AppPublisherInfoForm {
  background-color: #ffffff;
}
.theme-dark-theme .AppPublisherInfoForm {
  background-color: #20212e;
}
.AppPublisherInfoForm .form-main {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.AppPublisherInfoForm .form-main .app-publisher-name-field,
.AppPublisherInfoForm .form-main .app-publisher-contact-name-field {
  margin-bottom: 20px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/AppView/AppView.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AppView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/AppInfoForm/AppInfoForm.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AppInfoForm {
  padding: 20px;
}
.theme-default-theme .AppInfoForm {
  background-color: #ffffff;
}
.theme-dark-theme .AppInfoForm {
  background-color: #20212e;
}
.AppInfoForm .form-main {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.AppInfoForm .form-main .section-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.AppInfoForm .form-main .app-details {
  flex: 1 1 auto;
  padding-right: 20px;
}
.theme-default-theme .AppInfoForm .form-main .app-details {
  border-right: 1px solid #1a1a2326;
}
.theme-dark-theme .AppInfoForm .form-main .app-details {
  border-right: 1px solid #d4d4d926;
}
.AppInfoForm .form-main .app-details > *:not(label) {
  margin-bottom: 15px;
}
.AppInfoForm .form-main .app-details .MuiFormControlLabel-root {
  margin-right: 40px;
}
.AppInfoForm .form-main .app-details .MuiFormControlLabel-root .MuiCheckbox-root {
  flex: 0 0 auto;
}
.theme-default-theme .AppInfoForm .form-main .app-details .MuiFormControlLabel-root .MuiCheckbox-root {
  color: #1a1a23;
}
.theme-dark-theme .AppInfoForm .form-main .app-details .MuiFormControlLabel-root .MuiCheckbox-root {
  color: #d4d4d9;
}
.theme-default-theme .AppInfoForm .form-main .app-details .MuiFormControlLabel-root .MuiCheckbox-root:hover {
  background-color: #1a1a2330;
}
.theme-dark-theme .AppInfoForm .form-main .app-details .MuiFormControlLabel-root .MuiCheckbox-root:hover {
  background-color: #d4d4d930;
}
.AppInfoForm .form-main .app-details .MuiFormControlLabel-root .MuiTypography-root {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.AppInfoForm .form-main .app-sdk-features {
  flex: 0 0 auto;
  padding-left: 20px;
}
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections {
  display: flex;
  flex-direction: row;
}
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features {
  margin-right: 40px;
}
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features,
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features {
  min-width: 220px;
}
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .MuiFormControlLabel-root .MuiCheckbox-root,
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .MuiFormControlLabel-root .MuiCheckbox-root {
  flex: 0 0 auto;
}
.theme-default-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .MuiFormControlLabel-root .MuiCheckbox-root,
.theme-default-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .MuiFormControlLabel-root .MuiCheckbox-root {
  color: #1a1a23;
}
.theme-dark-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .MuiFormControlLabel-root .MuiCheckbox-root,
.theme-dark-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .MuiFormControlLabel-root .MuiCheckbox-root {
  color: #d4d4d9;
}
.theme-default-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .MuiFormControlLabel-root .MuiCheckbox-root:hover,
.theme-default-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .MuiFormControlLabel-root .MuiCheckbox-root:hover {
  background-color: #1a1a2330;
}
.theme-dark-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .MuiFormControlLabel-root .MuiCheckbox-root:hover,
.theme-dark-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .MuiFormControlLabel-root .MuiCheckbox-root:hover {
  background-color: #d4d4d930;
}
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .MuiFormControlLabel-root .MuiTypography-root,
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .MuiFormControlLabel-root .MuiTypography-root {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .checkbox-group-main-option,
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .checkbox-group-main-option {
  display: flex;
  flex-direction: column;
}
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .checkbox-group-main-option .branch,
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .checkbox-group-main-option .branch {
  height: 10px;
  margin-left: 10px;
  position: relative;
  top: -12px;
}
.theme-default-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .checkbox-group-main-option .branch,
.theme-default-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .checkbox-group-main-option .branch {
  border-left: 1px solid #1a1a23;
}
.theme-dark-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .checkbox-group-main-option .branch,
.theme-dark-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .checkbox-group-main-option .branch {
  border-left: 1px solid #d4d4d9;
}
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .checkbox-group-sub-options .checkbox-group-sub-option,
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .checkbox-group-sub-options .checkbox-group-sub-option {
  display: flex;
  flex-direction: row;
}
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .checkbox-group-sub-options .checkbox-group-sub-option:nth-child(1) .branch,
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .checkbox-group-sub-options .checkbox-group-sub-option:nth-child(1) .branch {
  height: 32px;
  top: -12px;
}
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .checkbox-group-sub-options .checkbox-group-sub-option .branch,
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .checkbox-group-sub-options .checkbox-group-sub-option .branch {
  width: 21px;
  height: 41px;
  margin-left: 10px;
  position: relative;
  top: -21px;
}
.theme-default-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .checkbox-group-sub-options .checkbox-group-sub-option .branch,
.theme-default-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .checkbox-group-sub-options .checkbox-group-sub-option .branch {
  border-left: 1px solid #1a1a23;
  border-bottom: 1px solid #1a1a23;
}
.theme-dark-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .checkbox-group-sub-options .checkbox-group-sub-option .branch,
.theme-dark-theme .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .checkbox-group-sub-options .checkbox-group-sub-option .branch {
  border-left: 1px solid #d4d4d9;
  border-bottom: 1px solid #d4d4d9;
}
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .internal-features .checkbox-group-sub-options .checkbox-group-sub-option .sub-option,
.AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections .external-features .checkbox-group-sub-options .checkbox-group-sub-option .sub-option {
  position: relative;
  left: -1px;
}
@media screen and (max-width: 800px) {
  .AppInfoForm .form-main {
    flex-direction: column;
  }
  .AppInfoForm .form-main .app-details {
    padding-right: 0;
    border-right: none !important;
  }
  .AppInfoForm .form-main .app-sdk-features {
    padding-left: 0;
    padding-right: 20px;
    padding-top: 20px;
    margin-top: 20px;
  }
  .theme-default-theme .AppInfoForm .form-main .app-sdk-features {
    border-top: 1px solid #1a1a2326;
  }
  .theme-dark-theme .AppInfoForm .form-main .app-sdk-features {
    border-top: 1px solid #d4d4d926;
  }
  .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections {
    flex-direction: column;
  }
}
@media screen and (min-width: 801px) and (max-width: 1050px) {
  .AppInfoForm .form-main .app-sdk-features .supported-sdk-feature-selections {
    flex-direction: column;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/CreateAppPublisherDialog/CreateAppPublisherDialog.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CreateAppPublisherDialog {
  display: flex;
  flex-direction: column;
}
.CreateAppPublisherDialog .MuiPaper-root {
  min-width: 400px;
}
@media screen and (max-width: 420px) {
  .CreateAppPublisherDialog .MuiPaper-root {
    min-width: 90%;
  }
}
.CreateAppPublisherDialog .MuiPaper-root h2 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.CreateAppPublisherDialog .MuiPaper-root .MuiDialogContent-root {
  flex: 1 1 auto;
}
.CreateAppPublisherDialog .MuiPaper-root .MuiDialogContent-root .app-publisher-name-field,
.CreateAppPublisherDialog .MuiPaper-root .MuiDialogContent-root .app-publisher-contact-name-field {
  margin-bottom: 15px;
}
.CreateAppPublisherDialog .MuiPaper-root .MuiDialogActions-root {
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-default-theme .CreateAppPublisherDialog .MuiPaper-root .MuiDialogActions-root {
  background-color: #e6e6ea !important;
}
.theme-dark-theme .CreateAppPublisherDialog .MuiPaper-root .MuiDialogActions-root {
  background-color: #262633 !important;
}
.CreateAppPublisherDialog .MuiPaper-root .MuiDialogActions-root .FormValidationDisplay {
  position: absolute;
  left: 20px;
}
.CreateAppPublisherDialog .form-loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .CreateAppPublisherDialog .form-loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .CreateAppPublisherDialog .form-loading-indicator-container {
  background-color: #607e9150;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/AppBillingAndDetailsForm/AppBillingAndDetailsForm.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AppBillingAndDetailsForm {
  padding: 20px;
}
.theme-default-theme .AppBillingAndDetailsForm {
  background-color: #ffffff;
}
.theme-dark-theme .AppBillingAndDetailsForm {
  background-color: #20212e;
}
.AppBillingAndDetailsForm .form-main {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.AppBillingAndDetailsForm .form-main .section-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.AppBillingAndDetailsForm .form-main .billing-details {
  flex: 1 1 50%;
  padding-right: 20px;
}
.theme-default-theme .AppBillingAndDetailsForm .form-main .billing-details {
  border-right: 1px solid #1a1a2326;
}
.theme-dark-theme .AppBillingAndDetailsForm .form-main .billing-details {
  border-right: 1px solid #d4d4d926;
}
.AppBillingAndDetailsForm .form-main .billing-details > *:not(:last-child) {
  margin-bottom: 15px;
}
.AppBillingAndDetailsForm .form-main .branding-details {
  flex: 1 1 50%;
  padding-left: 20px;
}
.AppBillingAndDetailsForm .form-main .branding-details .branding-details-color-container {
  display: flex;
  flex-direction: row;
}
.AppBillingAndDetailsForm .form-main .branding-details .branding-details-color-container .TextField {
  flex: 1 1 auto;
  margin-right: 20px;
}
.AppBillingAndDetailsForm .form-main .branding-details .branding-details-color-container .color-preview-block-container {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.AppBillingAndDetailsForm .form-main .branding-details .branding-details-color-container .color-preview-block-container .color-preview-block {
  width: 40px;
  height: 40px;
}
.theme-default-theme .AppBillingAndDetailsForm .form-main .branding-details .branding-details-color-container .color-preview-block-container .color-preview-block {
  border: 1px solid #1a1a2326;
}
.theme-dark-theme .AppBillingAndDetailsForm .form-main .branding-details .branding-details-color-container .color-preview-block-container .color-preview-block {
  border: 1px solid #d4d4d926;
}
.AppBillingAndDetailsForm .form-main .branding-details .image-preview-container {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.theme-default-theme .AppBillingAndDetailsForm .form-main .branding-details .image-preview-container {
  border: 1px solid #1a1a2373;
}
.theme-dark-theme .AppBillingAndDetailsForm .form-main .branding-details .image-preview-container {
  border: 1px solid #d4d4d973;
}
.AppBillingAndDetailsForm .form-main .branding-details .image-preview-container .image-preview-container-header {
  flex: 0 0 auto;
  padding: 20px;
}
.theme-default-theme .AppBillingAndDetailsForm .form-main .branding-details .image-preview-container .image-preview-container-header {
  color: #ffffff;
}
.theme-dark-theme .AppBillingAndDetailsForm .form-main .branding-details .image-preview-container .image-preview-container-header {
  color: #d4d4d9;
}
.theme-default-theme .AppBillingAndDetailsForm .form-main .branding-details .image-preview-container .image-preview-container-header {
  background-image: linear-gradient(90deg, hsl(240, 15%, 12%) 0%, hsl(239, 15%, 14%) 50%, hsl(238, 14%, 17%) 74%, hsl(237, 14%, 19%) 83%, hsl(237, 14%, 22%) 89%, hsl(236, 14%, 24%) 92%, hsl(235, 14%, 27%) 96%, hsl(234, 15%, 29%) 98%, hsl(234, 15%, 32%) 99%, hsl(233, 15%, 35%) 100%);
}
.theme-dark-theme .AppBillingAndDetailsForm .form-main .branding-details .image-preview-container .image-preview-container-header {
  background-image: linear-gradient(90deg, hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5), hsla(233, 15%, 35%, 0.5));
}
.AppBillingAndDetailsForm .form-main .branding-details .image-preview-container .image-preview-container-upload {
  flex: 0 0 auto;
  padding: 20px;
}
.AppBillingAndDetailsForm .form-main .branding-details .image-preview-container .image-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.AppBillingAndDetailsForm .form-main .branding-details .image-preview-container .image-preview img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  max-width: 100px;
}
@media screen and (max-width: 800px) {
  .AppBillingAndDetailsForm .form-main {
    flex-direction: column;
  }
  .AppBillingAndDetailsForm .form-main .billing-details {
    padding-right: 0;
    border-right: none !important;
  }
  .AppBillingAndDetailsForm .form-main .branding-details {
    padding-left: 0;
    padding-right: 20px;
    padding-top: 20px;
    margin-top: 20px;
  }
  .theme-default-theme .AppBillingAndDetailsForm .form-main .branding-details {
    border-top: 1px solid #1a1a2326;
  }
  .theme-dark-theme .AppBillingAndDetailsForm .form-main .branding-details {
    border-top: 1px solid #d4d4d926;
  }
  .AppBillingAndDetailsForm .form-main .branding-details .supported-sdk-feature-selections {
    flex-direction: column;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/AppSessionSettingsForm/AppSessionSettingsForm.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AppSessionSettingsForm {
  padding: 20px;
}
.theme-default-theme .AppSessionSettingsForm {
  background-color: #ffffff;
}
.theme-dark-theme .AppSessionSettingsForm {
  background-color: #20212e;
}
.AppSessionSettingsForm .form-main {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.AppSessionSettingsForm .form-main .inputs-container {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  width: 100%;
}
.AppSessionSettingsForm .form-main .inputs-container:nth-child(1) {
  margin-bottom: 20px;
}
.AppSessionSettingsForm .form-main .inputs-container:nth-child(1) .NumericInput {
  flex: 1 1 50%;
}
.AppSessionSettingsForm .form-main .inputs-container:nth-child(1) .NumericInput:nth-child(1) .input-container {
  margin-right: 10px;
}
.AppSessionSettingsForm .form-main .inputs-container:nth-child(1) .NumericInput:nth-child(2) .input-container {
  margin-left: 10px;
}
.AppSessionSettingsForm .form-main .inputs-container:nth-child(2) .MultipleTagInput {
  flex: 1 1 50%;
}
.AppSessionSettingsForm .form-main .inputs-container:nth-child(2) .MultipleTagInput:nth-child(1) {
  margin-right: 10px;
}
.AppSessionSettingsForm .form-main .inputs-container:nth-child(2) .MultipleTagInput:nth-child(2) {
  margin-left: 10px;
}
@media screen and (max-width: 1000px) {
  .AppSessionSettingsForm .form-main .inputs-container {
    flex-direction: column;
  }
  .AppSessionSettingsForm .form-main .inputs-container:nth-child(1) .NumericInput {
    flex: 1 1 auto;
  }
  .AppSessionSettingsForm .form-main .inputs-container:nth-child(1) .NumericInput:nth-child(1) .input-container {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .AppSessionSettingsForm .form-main .inputs-container:nth-child(1) .NumericInput:nth-child(2) .input-container {
    margin-left: 0;
  }
  .AppSessionSettingsForm .form-main .inputs-container:nth-child(2) .MultipleTagInput {
    flex: 1 1 auto;
  }
  .AppSessionSettingsForm .form-main .inputs-container:nth-child(2) .MultipleTagInput:nth-child(1) {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .AppSessionSettingsForm .form-main .inputs-container:nth-child(2) .MultipleTagInput:nth-child(2) {
    margin-left: 0;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/forms/MultipleTagInput/MultipleTagInput.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.MultipleTagInput {
  display: flex;
}
.MultipleTagInput .tag-input-textfield {
  width: 100%;
}
.MultipleTagInput .tag-input-textfield .MuiInputBase-root {
  width: 100%;
  flex-wrap: wrap;
}
.MultipleTagInput .tag-input-textfield .MuiChip-root {
  margin-right: 6px;
  margin-bottom: 6px;
}
.MultipleTagInput .tag-input-textfield .MuiOutlinedInput-root .MuiOutlinedInput-input {
  margin-top: 0;
}
.MultipleTagInput .tag-input-textfield .MuiOutlinedInput-root legend > span {
  padding-right: 15px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/AppLandingPageDisplayForm/AppLandingPageDisplayForm.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AppLandingPageDisplayForm {
  padding: 20px;
}
.theme-default-theme .AppLandingPageDisplayForm {
  background-color: #ffffff;
}
.theme-dark-theme .AppLandingPageDisplayForm {
  background-color: #20212e;
}
.AppLandingPageDisplayForm .form-main {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.AppLandingPageDisplayForm .form-main .inputs-container {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 20px;
}
.AppLandingPageDisplayForm .form-main .inputs-container .TextField {
  flex: 1 1 50%;
}
.AppLandingPageDisplayForm .form-main .inputs-container .TextField:nth-child(1) {
  margin-right: 10px;
}
.AppLandingPageDisplayForm .form-main .inputs-container .TextField:nth-child(2) {
  margin-left: 10px;
}
.AppLandingPageDisplayForm .form-main .app-store-url-input {
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .AppLandingPageDisplayForm .form-main .inputs-container {
    flex-direction: column;
  }
  .AppLandingPageDisplayForm .form-main .inputs-container:nth-child(1) .TextField {
    flex: 1 1 auto;
  }
  .AppLandingPageDisplayForm .form-main .inputs-container:nth-child(1) .TextField:nth-child(1) {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .AppLandingPageDisplayForm .form-main .inputs-container:nth-child(1) .TextField:nth-child(2) {
    margin-left: 0;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/AdZonesMainContainer/AdZonesMainContainer.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/AdZonesDataTable/AdZonesDataTable.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AdZonesDataTable {
  margin-top: 20px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/AdZoneDrawer/AdZoneDrawer.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AdZoneDrawer {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.AdZoneDrawer .content-container {
  padding: 20px;
  flex: 1 1 auto;
  overflow-y: auto;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/AdZoneInfoForm/AdZoneInfoForm.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AdZoneInfoForm {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .AdZoneInfoForm {
  background-color: #ffffff;
}
.theme-dark-theme .AdZoneInfoForm {
  background-color: #20212e;
}
.AdZoneInfoForm .form-main {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.AdZoneInfoForm .form-main .ad-zone-name-field {
  margin-bottom: 20px;
}
.AdZoneInfoForm .form-main .inputs-container-1 {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 20px;
}
.AdZoneInfoForm .form-main .inputs-container-1 .NumericInput {
  flex: 1 1 50%;
}
.AdZoneInfoForm .form-main .inputs-container-1 .NumericInput:nth-child(1) {
  margin-right: 10px;
}
.AdZoneInfoForm .form-main .inputs-container-1 .NumericInput:nth-child(2) {
  margin-left: 10px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/apps/PayloadStructureForm/PayloadStructureForm.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.PayloadStructureForm {
  padding: 20px;
}
.theme-default-theme .PayloadStructureForm {
  background-color: #ffffff;
}
.theme-dark-theme .PayloadStructureForm {
  background-color: #20212e;
}
.PayloadStructureForm .ComboSelectWithButton {
  margin-bottom: 20px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/payloadTemplates/ReadOnlyJsonPreviewEditor/ReadOnlyJsonPreviewEditor.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.ReadOnlyJsonPreviewEditor {
  position: relative;
}
.ReadOnlyJsonPreviewEditor.app-info-dialog {
  height: calc(80vh - 184px);
}
.ReadOnlyJsonPreviewEditor.payload-template-form {
  position: sticky;
  top: 47px;
  margin: 0 -20px -20px 20px;
  height: calc(100vh - 67px);
  min-width: 400px;
}
@media screen and (min-width: 1350px) {
  .ReadOnlyJsonPreviewEditor.payload-template-form.main-menu-collapsed {
    min-width: 500px;
  }
}
@media screen and (min-width: 1550px) {
  .ReadOnlyJsonPreviewEditor.payload-template-form.main-menu-collapsed {
    min-width: 600px;
  }
}
@media screen and (min-width: 1750px) {
  .ReadOnlyJsonPreviewEditor.payload-template-form.main-menu-collapsed {
    min-width: 700px;
  }
}
@media screen and (max-width: 1200px) {
  .ReadOnlyJsonPreviewEditor.payload-template-form.main-menu-collapsed {
    position: relative;
    margin: 0 0 20px 0;
    height: 500px;
    min-width: auto;
    width: 100%;
  }
}
@media screen and (max-width: 1400px) {
  .ReadOnlyJsonPreviewEditor.payload-template-form.main-menu-expanded {
    position: relative;
    margin: 0 0 20px 0;
    height: 500px;
    min-width: auto;
    width: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .ReadOnlyJsonPreviewEditor.payload-template-form.main-menu-expanded {
    min-width: 400px;
  }
}
@media screen and (min-width: 1550px) {
  .ReadOnlyJsonPreviewEditor.payload-template-form.main-menu-expanded {
    min-width: 500px;
  }
}
@media screen and (min-width: 1750px) {
  .ReadOnlyJsonPreviewEditor.payload-template-form.main-menu-expanded {
    min-width: 700px;
  }
}
.ReadOnlyJsonPreviewEditor .CopyTextButton {
  position: absolute;
  top: 5px;
  right: 15px;
}

.theme-dark-theme .ReadOnlyJsonPreviewEditor {
  box-shadow: -4px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/buttons/CopyTextButton/CopyTextButton.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CopyTextButton {
  position: relative;
}
.CopyTextButton .IconButton {
  opacity: 0.5;
  transition: opacity 0.15s ease-in-out;
}
.CopyTextButton .IconButton.Mui-disabled {
  opacity: 0.35;
}
.CopyTextButton .IconButton.MuiIconButton-root:hover, .CopyTextButton .IconButton.MuiIconButton-root.Mui-focusVisible {
  background-color: transparent;
  opacity: 1;
}
.CopyTextButton .IconButton.MuiIconButton-root.Mui-focusVisible .MuiTouchRipple-root {
  display: none;
}
.CopyTextButton .copy-text-action-message {
  opacity: 0.35;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: block;
  position: absolute;
}
.CopyTextButton .copy-text-action-message.is-hidden {
  display: none;
}
.theme-default-theme .CopyTextButton.json-preview-copy-button svg {
  color: #707eff;
}
.theme-dark-theme .CopyTextButton.json-preview-copy-button svg {
  color: #7d8aff;
}
.theme-default-theme .CopyTextButton.json-preview-copy-button .copy-text-action-message {
  color: #707eff;
}
.theme-dark-theme .CopyTextButton.json-preview-copy-button .copy-text-action-message {
  color: #7d8aff;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/adTemplates/AdTemplateInfoForm/AceEditorThemeOverride.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.theme-default-theme .ace-aa-theme {
  background-color: #252631;
  color: #f0f0f3;
}
.theme-dark-theme .ace-aa-theme {
  background-color: #252631;
  color: #d4d4d9;
}
.ace-aa-theme.ace_editor {
  width: 100% !important;
}
.ace-aa-theme.ace_editor ::-webkit-scrollbar {
  background: none;
  width: 16px;
  height: 16px;
}
.ace-aa-theme.ace_editor ::-webkit-scrollbar-thumb {
  border: solid 0 rgba(0, 0, 0, 0);
  border-right-width: 4px;
  border-left-width: 4px;
  -webkit-border-radius: 9px 4px;
}
.theme-default-theme .ace-aa-theme.ace_editor ::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 1px rgba(112, 126, 255, 0.5), inset 0 0 0 4px rgba(112, 126, 255, 0.5);
}
.theme-dark-theme .ace-aa-theme.ace_editor ::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 1px rgba(125, 138, 255, 0.5), inset 0 0 0 4px rgba(125, 138, 255, 0.5);
}
.ace-aa-theme.ace_editor ::-webkit-scrollbar-track-piece {
  margin: 4px 0;
}
.ace-aa-theme.ace_editor ::-webkit-scrollbar-thumb:horizontal {
  border-right-width: 0;
  border-left-width: 0;
  border-top-width: 4px;
  border-bottom-width: 4px;
  -webkit-border-radius: 4px 9px;
}
.theme-default-theme .ace-aa-theme.ace_editor ::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 0 0 0 1px rgba(112, 126, 255, 0.8), inset 0 0 0 4px rgba(112, 126, 255, 0.8);
}
.theme-dark-theme .ace-aa-theme.ace_editor ::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 0 0 0 1px rgba(125, 138, 255, 0.8), inset 0 0 0 4px rgba(125, 138, 255, 0.8);
}
.ace-aa-theme.ace_editor ::-webkit-scrollbar-corner {
  background: transparent;
}
.ace-aa-theme.ace_editor * {
  font-family: Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace !important;
  font-size: 14px !important;
}
.theme-default-theme .ace-aa-theme .ace_gutter {
  background-color: #1a1a23;
  color: #bdc4ff80;
  border-right: 1px solid #bdc4ff26;
}
.theme-dark-theme .ace-aa-theme .ace_gutter {
  background-color: #1a1a23;
  color: #98a3ff80;
  border-right: 1px solid #98a3ff26;
}
.ace-aa-theme .ace_gutter-cell.ace_warning {
  background-image: none;
  border-left: none;
  padding-left: 0;
}
.theme-default-theme .ace-aa-theme .ace_gutter-cell.ace_warning {
  background: #f1cb78;
  color: #1a1a23;
}
.theme-dark-theme .ace-aa-theme .ace_gutter-cell.ace_warning {
  background: #f1cb78;
  color: #d4d4d9;
}
.ace-aa-theme .ace_gutter-cell.ace_error {
  background-position: -6px center;
  background-image: none;
  border-left: none;
  padding-left: 0;
}
.theme-default-theme .ace-aa-theme .ace_gutter-cell.ace_error {
  background: #ec4d4d;
  color: #1a1a23;
}
.theme-dark-theme .ace-aa-theme .ace_gutter-cell.ace_error {
  background: #f46262;
  color: #d4d4d9;
}
.theme-default-theme .ace-aa-theme .ace_gutter-active-line {
  background-color: #bdc4ff26;
}
.theme-dark-theme .ace-aa-theme .ace_gutter-active-line {
  background-color: #98a3ff26;
}
.ace-aa-theme .ace_print-margin {
  display: none;
}
.theme-default-theme .ace-aa-theme .ace_cursor {
  border-left: 2px solid #ffffff;
}
.theme-dark-theme .ace-aa-theme .ace_cursor {
  border-left: 2px solid #d4d4d9;
}
.ace-aa-theme .ace_cursor.ace_overwrite {
  border-left: 0px;
}
.theme-default-theme .ace-aa-theme .ace_cursor.ace_overwrite {
  border-bottom: 1px solid #ffffff;
}
.theme-dark-theme .ace-aa-theme .ace_cursor.ace_overwrite {
  border-bottom: 1px solid #d4d4d9;
}
.ace-aa-theme .ace_hidden-cursors .ace_cursor {
  opacity: 0.5;
}
.ace-aa-theme .ace_marker-layer .ace_selection {
  border-radius: 0;
}
.theme-default-theme .ace-aa-theme .ace_marker-layer .ace_selection {
  background: #4b4e65;
}
.theme-dark-theme .ace-aa-theme .ace_marker-layer .ace_selection {
  background: #607e91;
}
.ace-aa-theme .ace_marker-layer .ace_bracket {
  border: 0;
  margin: -1px 0 0 -1px;
}
.theme-default-theme .ace-aa-theme .ace_marker-layer .ace_bracket {
  box-shadow: -1.5px -1.5px 0px #f1cb78, 1.5px 1.5px 0px #f1cb78, -1.5px 1.5px 0px #f1cb78, 1.5px -1.5px 0px #f1cb78;
}
.theme-dark-theme .ace-aa-theme .ace_marker-layer .ace_bracket {
  box-shadow: -1.5px -1.5px 0px #f1cb78, 1.5px 1.5px 0px #f1cb78, -1.5px 1.5px 0px #f1cb78, 1.5px -1.5px 0px #f1cb78;
}
.theme-default-theme .ace-aa-theme .ace_marker-layer .ace_active-line {
  background: #bdc4ff26;
}
.theme-dark-theme .ace-aa-theme .ace_marker-layer .ace_active-line {
  background: #98a3ff26;
}
.theme-default-theme .ace-aa-theme .ace_marker-layer .ace_selected-word {
  background: #4b4e65;
  border: 1px solid #4b4e65;
}
.theme-dark-theme .ace-aa-theme .ace_marker-layer .ace_selected-word {
  background: #607e91;
  border: 1px solid #607e91;
}
.ace-aa-theme .ace_invisible {
  color: #404040;
}
.theme-default-theme .ace-aa-theme .ace_keyword {
  color: #ff8000;
}
.theme-dark-theme .ace-aa-theme .ace_keyword {
  color: #ff8000;
}
.theme-default-theme .ace-aa-theme .ace_keyword.ace_operator {
  color: #ff47e5;
}
.theme-dark-theme .ace-aa-theme .ace_keyword.ace_operator {
  color: #ff47e5;
}
.theme-default-theme .ace-aa-theme .ace_type {
  color: #fd7b7b !important;
}
.theme-dark-theme .ace-aa-theme .ace_type {
  color: #fd7b7b !important;
}
.theme-default-theme .ace-aa-theme .ace_constant {
  color: #1edafb !important;
}
.theme-dark-theme .ace-aa-theme .ace_constant {
  color: #1edafb !important;
}
.theme-default-theme .ace-aa-theme .ace_function {
  color: #ffe600 !important;
}
.theme-dark-theme .ace-aa-theme .ace_function {
  color: #ffe600 !important;
}
.theme-default-theme .ace-aa-theme .ace_string {
  color: #55cf90;
}
.theme-dark-theme .ace-aa-theme .ace_string {
  color: #55cf90;
}
.ace-aa-theme .ace_comment {
  font-style: italic;
  padding-bottom: 0px;
}
.theme-default-theme .ace-aa-theme .ace_comment {
  color: #5e6280;
}
.theme-dark-theme .ace-aa-theme .ace_comment {
  color: #5e6280;
}
.theme-default-theme .ace-aa-theme .ace_variable {
  color: #c575ff;
}
.theme-dark-theme .ace-aa-theme .ace_variable {
  color: #c575ff;
}
.theme-default-theme .ace-aa-theme .ace_meta.ace_tag {
  color: #72bcff;
}
.theme-dark-theme .ace-aa-theme .ace_meta.ace_tag {
  color: #72bcff;
}
.theme-default-theme .ace-aa-theme .ace_entity.ace_other.ace_attribute-name {
  color: #e2e23a;
}
.theme-dark-theme .ace-aa-theme .ace_entity.ace_other.ace_attribute-name {
  color: #e2e23a;
}
.ace-aa-theme .ace_markup.ace_underline {
  text-decoration: underline;
}
.ace-aa-theme .ace_fold-widget {
  text-align: center;
}
.ace-aa-theme .ace_fold-widget.ace_start, .ace-aa-theme .ace_fold-widget.ace_end, .ace-aa-theme .ace_fold-widget.ace_closed {
  background: none;
  border: none;
  box-shadow: none;
}
.ace-aa-theme .ace_fold-widget.ace_start:after {
  content: "▾";
}
.ace-aa-theme .ace_fold-widget.ace_end:after {
  content: "▴";
}
.ace-aa-theme .ace_fold-widget.ace_closed:after {
  content: "‣";
}
.ace-aa-theme .ace_indent-guide {
  background: none;
  margin-right: -1px;
}
.theme-default-theme .ace-aa-theme .ace_indent-guide {
  border-right: 1px solid #ffffff26;
}
.theme-dark-theme .ace-aa-theme .ace_indent-guide {
  border-right: 1px solid #d4d4d926;
}
.ace-aa-theme .ace_fold {
  border-radius: 3px;
  border: none;
}
.theme-default-theme .ace-aa-theme .ace_fold {
  background-color: #1a1a23;
  color: #ff8000;
}
.theme-dark-theme .ace-aa-theme .ace_fold {
  background-color: #1a1a23;
  color: #ff8000;
}
.theme-default-theme .ace-aa-theme .ace_fold:hover {
  background-color: #4b4e65;
}
.theme-dark-theme .ace-aa-theme .ace_fold:hover {
  background-color: #607e91;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/adTemplates/AdTemplatesView/AdTemplatesView.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AdTemplatesView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/adTemplates/AdTemplateView/AdTemplateView.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AdTemplateView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.AdTemplateView .AdTemplatePreview {
  padding: 20px 20px 10px 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/adTemplates/AdTemplateInfoForm/AdTemplateInfoForm.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AdTemplateInfoForm {
  padding: 20px;
}
.theme-default-theme .AdTemplateInfoForm {
  background-color: #ffffff;
}
.theme-dark-theme .AdTemplateInfoForm {
  background-color: #20212e;
}
.AdTemplateInfoForm .form-main {
  display: flex;
  flex-direction: row;
}
.AdTemplateInfoForm .form-main .ad-template-details {
  flex: 1 1 auto;
}
.AdTemplateInfoForm .form-main .ad-template-details > * {
  margin-bottom: 15px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/advertisers/AdvertisersView/AdvertisersView.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AdvertisersView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/advertisers/AdvertiserDrawer/AdvertiserDrawer.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AdvertiserDrawer {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.AdvertiserDrawer .content-container {
  padding: 20px;
  flex: 1 1 auto;
  overflow-y: auto;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/advertisers/AdvertiserInfoForm/AdvertiserInfoForm.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AdvertiserInfoForm {
  padding: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .AdvertiserInfoForm {
  background-color: #ffffff;
}
.theme-dark-theme .AdvertiserInfoForm {
  background-color: #20212e;
}
.AdvertiserInfoForm .form-main {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.AdvertiserInfoForm .form-main > *:not(:last-child) {
  margin-bottom: 20px;
}
.AdvertiserInfoForm .form-main > *:not(:last-child) .MuiFormHelperText-root {
  margin-left: 0px;
}
.AdvertiserInfoForm .AddItemFormFooter .metadata-container:nth-child(1) {
  margin-bottom: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/AssociatedCampaignsDataTable/AssociatedCampaignsDataTable.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AssociatedCampaignsDataTable {
  margin-top: 20px;
}
.AssociatedCampaignsDataTable .associated-campaign-name {
  display: flex;
  align-items: center;
  height: 30px;
  font-weight: 500;
  cursor: pointer;
}
.theme-default-theme .AssociatedCampaignsDataTable .associated-campaign-name {
  color: #016aa3;
}
.theme-dark-theme .AssociatedCampaignsDataTable .associated-campaign-name {
  color: #aab6cb;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/agencies/AgenciesView/AgenciesView.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AgenciesView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/agencies/AgencyDrawer/AgencyDrawer.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AgencyDrawer {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.AgencyDrawer .content-container {
  padding: 20px;
  flex: 1 1 auto;
  overflow-y: auto;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/agencies/AgencyInfoForm/AgencyInfoForm.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.AgencyInfoForm {
  padding: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .AgencyInfoForm {
  background-color: #ffffff;
}
.theme-dark-theme .AgencyInfoForm {
  background-color: #20212e;
}
.AgencyInfoForm .form-main {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.AgencyInfoForm .form-main .agency-id-field {
  margin-bottom: 20px;
}
.AgencyInfoForm .AddItemFormFooter .metadata-container:nth-child(1) {
  margin-bottom: 10px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/DashboardView/DashboardView.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.DashboardView {
  display: flex;
  width: 100%;
  height: 100%;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/payloadTemplates/PayloadTemplatesView/PayloadTemplatesView.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.PayloadTemplatesView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/payloadTemplates/PayloadTemplateForm/PayloadTemplateForm.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.form-and-json-preview-container {
  display: flex;
  flex-wrap: nowrap;
}
.form-and-json-preview-container .PayloadTemplateForm {
  flex: 1 1 auto;
}
.form-and-json-preview-container .PayloadTemplateForm .AddItemFormFooter {
  position: sticky;
  bottom: -20px;
  margin: 0 0 -20px 0;
  padding-bottom: 20px;
  z-index: 1;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .form-and-json-preview-container .PayloadTemplateForm .AddItemFormFooter {
  background-color: #ffffff;
}
.theme-dark-theme .form-and-json-preview-container .PayloadTemplateForm .AddItemFormFooter {
  background-color: #20212e;
}
.form-and-json-preview-container .PayloadTemplateForm .loading-container {
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 20px);
}
@media screen and (max-width: 1200px) {
  .form-and-json-preview-container.main-menu-collapsed {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1400px) {
  .form-and-json-preview-container.main-menu-expanded {
    flex-wrap: wrap;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/payloadTemplates/CustomDataPropertyInputRow/CustomDataPropertyInputRow.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CustomDataPropertyInputRow {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-left: 4px solid transparent;
  transition: border-left 300ms ease-in-out;
}
.theme-default-theme .CustomDataPropertyInputRow.string:hover, .theme-default-theme .CustomDataPropertyInputRow.string:focus-within {
  border-left: 4px solid #00c015;
}
.theme-dark-theme .CustomDataPropertyInputRow.string:hover, .theme-dark-theme .CustomDataPropertyInputRow.string:focus-within {
  border-left: 4px solid #16d92b;
}
.theme-default-theme .CustomDataPropertyInputRow.string .property-type-input .MuiOutlinedInput-root fieldset,
.theme-default-theme .CustomDataPropertyInputRow.string .property-type-input .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #00c015 !important;
}
.theme-dark-theme .CustomDataPropertyInputRow.string .property-type-input .MuiOutlinedInput-root fieldset,
.theme-dark-theme .CustomDataPropertyInputRow.string .property-type-input .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #16d92b !important;
}
.theme-default-theme .CustomDataPropertyInputRow.number:hover, .theme-default-theme .CustomDataPropertyInputRow.number:focus-within {
  border-left: 4px solid #eab500;
}
.theme-dark-theme .CustomDataPropertyInputRow.number:hover, .theme-dark-theme .CustomDataPropertyInputRow.number:focus-within {
  border-left: 4px solid #feea68;
}
.theme-default-theme .CustomDataPropertyInputRow.number .property-type-input .MuiOutlinedInput-root fieldset,
.theme-default-theme .CustomDataPropertyInputRow.number .property-type-input .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #eab500 !important;
}
.theme-dark-theme .CustomDataPropertyInputRow.number .property-type-input .MuiOutlinedInput-root fieldset,
.theme-dark-theme .CustomDataPropertyInputRow.number .property-type-input .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #feea68 !important;
}
.theme-default-theme .CustomDataPropertyInputRow.boolean:hover, .theme-default-theme .CustomDataPropertyInputRow.boolean:focus-within {
  border-left: 4px solid #f67a48;
}
.theme-dark-theme .CustomDataPropertyInputRow.boolean:hover, .theme-dark-theme .CustomDataPropertyInputRow.boolean:focus-within {
  border-left: 4px solid #ff956b;
}
.theme-default-theme .CustomDataPropertyInputRow.boolean .property-type-input .MuiOutlinedInput-root fieldset,
.theme-default-theme .CustomDataPropertyInputRow.boolean .property-type-input .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #f67a48 !important;
}
.theme-dark-theme .CustomDataPropertyInputRow.boolean .property-type-input .MuiOutlinedInput-root fieldset,
.theme-dark-theme .CustomDataPropertyInputRow.boolean .property-type-input .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #ff956b !important;
}
.theme-default-theme .CustomDataPropertyInputRow.macro:hover, .theme-default-theme .CustomDataPropertyInputRow.macro:focus-within {
  border-left: 4px solid #ff3385;
}
.theme-dark-theme .CustomDataPropertyInputRow.macro:hover, .theme-dark-theme .CustomDataPropertyInputRow.macro:focus-within {
  border-left: 4px solid #ff4d94;
}
.theme-default-theme .CustomDataPropertyInputRow.macro .property-type-input .MuiOutlinedInput-root fieldset,
.theme-default-theme .CustomDataPropertyInputRow.macro .property-type-input .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #ff3385 !important;
}
.theme-dark-theme .CustomDataPropertyInputRow.macro .property-type-input .MuiOutlinedInput-root fieldset,
.theme-dark-theme .CustomDataPropertyInputRow.macro .property-type-input .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #ff4d94 !important;
}
.theme-default-theme .CustomDataPropertyInputRow.array:hover, .theme-default-theme .CustomDataPropertyInputRow.array:focus-within {
  border-left: 4px solid #39a9db;
}
.theme-dark-theme .CustomDataPropertyInputRow.array:hover, .theme-dark-theme .CustomDataPropertyInputRow.array:focus-within {
  border-left: 4px solid #5ccdff;
}
.theme-default-theme .CustomDataPropertyInputRow.array .property-type-input .MuiOutlinedInput-root fieldset,
.theme-default-theme .CustomDataPropertyInputRow.array .property-type-input .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #39a9db !important;
}
.theme-dark-theme .CustomDataPropertyInputRow.array .property-type-input .MuiOutlinedInput-root fieldset,
.theme-dark-theme .CustomDataPropertyInputRow.array .property-type-input .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #5ccdff !important;
}
.theme-default-theme .CustomDataPropertyInputRow.object:hover, .theme-default-theme .CustomDataPropertyInputRow.object:focus-within {
  border-left: 4px solid #9e00ff;
}
.theme-dark-theme .CustomDataPropertyInputRow.object:hover, .theme-dark-theme .CustomDataPropertyInputRow.object:focus-within {
  border-left: 4px solid #a252d4;
}
.theme-default-theme .CustomDataPropertyInputRow.object .property-type-input .MuiOutlinedInput-root fieldset,
.theme-default-theme .CustomDataPropertyInputRow.object .property-type-input .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #9e00ff !important;
}
.theme-dark-theme .CustomDataPropertyInputRow.object .property-type-input .MuiOutlinedInput-root fieldset,
.theme-dark-theme .CustomDataPropertyInputRow.object .property-type-input .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #a252d4 !important;
}
.CustomDataPropertyInputRow .property-type-input {
  flex: 0 1 33%;
  max-width: 185px;
}
.CustomDataPropertyInputRow .property-name-input,
.CustomDataPropertyInputRow .property-value-input,
.CustomDataPropertyInputRow .NumericInput {
  flex: 1 1 33%;
  margin-left: 15px;
}
.CustomDataPropertyInputRow .remove-icon-button {
  margin-left: 15px;
  border-radius: 0;
}
.CustomDataPropertyInputRow .remove-icon-button .MuiTouchRipple-root span {
  border-radius: 0;
}

.nested-customDataPropertyInputRow-container {
  border-left: 4px solid transparent;
  margin-left: 50px;
  margin-top: -10px;
  padding-top: 10px;
  transition: border-left 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
.theme-default-theme .nested-customDataPropertyInputRow-container {
  box-shadow: -1px 0 0 #39a9db;
}
.theme-dark-theme .nested-customDataPropertyInputRow-container {
  box-shadow: -1px 0 0 #5ccdff;
}
.theme-default-theme .nested-customDataPropertyInputRow-container:hover, .theme-default-theme .nested-customDataPropertyInputRow-container:focus-within {
  border-left: 4px solid #39a9db;
  box-shadow: none;
}
.theme-dark-theme .nested-customDataPropertyInputRow-container:hover, .theme-dark-theme .nested-customDataPropertyInputRow-container:focus-within {
  border-left: 4px solid #5ccdff;
  box-shadow: none;
}
.nested-customDataPropertyInputRow-container .CustomDataPropertyInputRow {
  padding-left: 10px;
}
.nested-customDataPropertyInputRow-container .Accordion.object-definition-accordion.MuiAccordion-root, .nested-customDataPropertyInputRow-container .Accordion.object-definition-accordion.MuiAccordion-root.Mui-expanded, .nested-customDataPropertyInputRow-container .Accordion.object-definition-accordion.MuiAccordion-root.Mui-expanded:first-of-type {
  margin: 10px 20px 20px 34px;
}
.nested-customDataPropertyInputRow-container .nested-customDataPropertyInputRow-container {
  margin-left: 60px;
}

.Button.add-entry-button {
  display: block;
  margin: 15px 0 20px -4px;
}
.Button.add-property-button {
  display: block;
  margin: 20px 0 20px 24px;
}

.Accordion.object-definition-accordion.MuiAccordion-root, .Accordion.object-definition-accordion.MuiAccordion-root.Mui-expanded, .Accordion.object-definition-accordion.MuiAccordion-root.Mui-expanded:first-of-type {
  margin: 10px 20px 20px 24px;
}
.Accordion.object-definition-accordion .accordion-content .CustomDataPropertyInputRow {
  padding: 20px;
}
.theme-default-theme .Accordion.object-definition-accordion .accordion-content .CustomDataPropertyInputRow {
  border-bottom: 1px solid #4b4e6520;
}
.theme-dark-theme .Accordion.object-definition-accordion .accordion-content .CustomDataPropertyInputRow {
  border-bottom: 1px solid #607e9120;
}
.Accordion.object-definition-accordion .accordion-content .nested-customDataPropertyInputRow-container {
  margin-left: 50px;
  margin-top: 0;
  padding-top: 0;
}
.theme-default-theme .Accordion.object-definition-accordion .accordion-content .nested-customDataPropertyInputRow-container + .CustomDataPropertyInputRow-container .CustomDataPropertyInputRow {
  border-top: 1px solid #4b4e6520;
}
.theme-dark-theme .Accordion.object-definition-accordion .accordion-content .nested-customDataPropertyInputRow-container + .CustomDataPropertyInputRow-container .CustomDataPropertyInputRow {
  border-top: 1px solid #607e9120;
}
.Accordion.object-definition-accordion .accordion-content .nested-customDataPropertyInputRow-container .object-definition-accordion.MuiAccordion-root, .Accordion.object-definition-accordion .accordion-content .nested-customDataPropertyInputRow-container .object-definition-accordion.MuiAccordion-root.Mui-expanded, .Accordion.object-definition-accordion .accordion-content .nested-customDataPropertyInputRow-container .object-definition-accordion.MuiAccordion-root.Mui-expanded:first-of-type {
  margin: 20px;
}
.theme-default-theme .Accordion.object-definition-accordion .accordion-content .nested-customDataPropertyInputRow-container .CustomDataPropertyInputRow {
  box-shadow: -1px 0 0 #4b4e6520;
}
.theme-dark-theme .Accordion.object-definition-accordion .accordion-content .nested-customDataPropertyInputRow-container .CustomDataPropertyInputRow {
  box-shadow: -1px 0 0 #607e9120;
}
.Accordion.object-definition-accordion .accordion-content .nested-customDataPropertyInputRow-container .CustomDataPropertyInputRow:hover, .Accordion.object-definition-accordion .accordion-content .nested-customDataPropertyInputRow-container .CustomDataPropertyInputRow:focus-within {
  box-shadow: none;
}
.Accordion.object-definition-accordion .accordion-content .nested-customDataPropertyInputRow-container .nested-customDataPropertyInputRow-container {
  margin-left: 60px;
}
.Accordion.object-definition-accordion .object-definition-accordion.MuiAccordion-root, .Accordion.object-definition-accordion .object-definition-accordion.MuiAccordion-root.Mui-expanded, .Accordion.object-definition-accordion .object-definition-accordion.MuiAccordion-root.Mui-expanded:first-of-type {
  margin: 20px 20px 20px 24px;
}
.theme-default-theme .Accordion.object-definition-accordion .object-definition-accordion + .CustomDataPropertyInputRow-container .CustomDataPropertyInputRow {
  border-top: 1px solid #4b4e6520;
}
.theme-dark-theme .Accordion.object-definition-accordion .object-definition-accordion + .CustomDataPropertyInputRow-container .CustomDataPropertyInputRow {
  border-top: 1px solid #607e9120;
}

.CustomDataPropertyInputRow-container {
  display: flex;
  flex-direction: row;
}
.CustomDataPropertyInputRow-container .array-entry-connector-lines {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 25px;
  margin-left: -4px;
}
.CustomDataPropertyInputRow-container .array-entry-connector-lines .top-half-connector {
  height: 50%;
  width: 100%;
}
.theme-default-theme .CustomDataPropertyInputRow-container .array-entry-connector-lines .top-half-connector {
  border-bottom: 1px solid #39a9db;
}
.theme-dark-theme .CustomDataPropertyInputRow-container .array-entry-connector-lines .top-half-connector {
  border-bottom: 1px solid #5ccdff;
}
.CustomDataPropertyInputRow-container .array-entry-connector-lines .bottom-half-connector {
  height: 50%;
  width: 100%;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/payloadTemplates/CustomDataForm/CustomDataForm.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CustomDataForm {
  padding: 10px 0 20px 0;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .CustomDataForm {
  background-color: #ffffff;
}
.theme-dark-theme .CustomDataForm {
  background-color: #20212e;
}
.CustomDataForm > .Button.add-property-button:last-of-type {
  margin-bottom: 0;
}
.theme-default-theme .CustomDataForm .Accordion.MuiAccordion-root,
.theme-default-theme .CustomDataForm .Accordion.MuiAccordion-root.Mui-expanded {
  background-color: #ffffff;
}
.theme-dark-theme .CustomDataForm .Accordion.MuiAccordion-root,
.theme-dark-theme .CustomDataForm .Accordion.MuiAccordion-root.Mui-expanded {
  background-color: #20212e;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/payloadTemplates/MacroDictionary/MacroDictionary.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.theme-default-theme .MuiPaper-root {
  background-color: #f0f0f3;
}
.theme-dark-theme .MuiPaper-root {
  background-color: #1a1a23;
}
.MuiPaper-root table.MacroDictionary {
  border-spacing: 0;
}
.MuiPaper-root table.MacroDictionary thead {
  text-align: left;
  position: sticky;
  top: 0;
}
.theme-default-theme .MuiPaper-root table.MacroDictionary thead {
  color: #ffffff;
}
.theme-dark-theme .MuiPaper-root table.MacroDictionary thead {
  color: #d4d4d9;
}
.MuiPaper-root table.MacroDictionary thead th {
  padding: 15px;
  white-space: nowrap;
  font-weight: 600;
}
.theme-default-theme .MuiPaper-root table.MacroDictionary thead th {
  background-color: #4b4e65;
}
.theme-dark-theme .MuiPaper-root table.MacroDictionary thead th {
  background-color: #404f5f;
}
.theme-default-theme .MuiPaper-root table.MacroDictionary thead th:not(:last-of-type) {
  border-right: 2px solid rgba(255, 255, 255, 0.15);
}
.theme-dark-theme .MuiPaper-root table.MacroDictionary thead th:not(:last-of-type) {
  border-right: 2px solid rgba(212, 212, 217, 0.15);
}
.theme-default-theme .MuiPaper-root table.MacroDictionary tbody tr:nth-child(odd) {
  background-color: rgba(75, 78, 101, 0.07);
}
.theme-dark-theme .MuiPaper-root table.MacroDictionary tbody tr:nth-child(odd) {
  background-color: rgba(96, 126, 145, 0.07);
}
.MuiPaper-root table.MacroDictionary tbody tr td {
  padding: 15px;
}
.MuiPaper-root table.MacroDictionary tbody tr td.macro-name {
  font-weight: 600;
}
.theme-default-theme .MuiPaper-root table.MacroDictionary tbody tr td.macro-name {
  background-color: rgba(75, 78, 101, 0.05);
}
.theme-dark-theme .MuiPaper-root table.MacroDictionary tbody tr td.macro-name {
  background-color: rgba(96, 126, 145, 0.05);
}
@media screen and (min-width: 925px) {
  .MuiPaper-root table.MacroDictionary tbody tr td.macro-location {
    min-width: 200px;
  }
}
.theme-default-theme .MuiPaper-root table.MacroDictionary tbody tr td:not(:last-of-type) {
  border-right: 2px solid rgba(75, 78, 101, 0.15);
}
.theme-dark-theme .MuiPaper-root table.MacroDictionary tbody tr td:not(:last-of-type) {
  border-right: 2px solid rgba(96, 126, 145, 0.15);
}
.MuiPaper-root table.MacroDictionary tbody tr td sup {
  font-size: 13px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/payloadTemplates/PayloadDetailsForm/PayloadDetailsForm.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.PayloadDetailsForm {
  padding: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .PayloadDetailsForm {
  background-color: #ffffff;
}
.theme-dark-theme .PayloadDetailsForm {
  background-color: #20212e;
}
.PayloadDetailsForm > .TextField:not(:last-child),
.PayloadDetailsForm > .ComboSelect:not(:last-child) {
  margin-bottom: 15px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/payloadTemplates/PayloadTemplateView/PayloadTemplateView.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.PayloadTemplateView {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.PayloadTemplateView .FormHeader {
  margin-top: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/retailers/RetailersView/RetailersView.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.RetailersView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/retailers/CreateRetailerDialog/CreateRetailerDialog.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.CreateRetailerDialog {
  display: flex;
  flex-direction: column;
}
.CreateRetailerDialog .MuiDialogContent-root {
  box-sizing: border-box;
  max-height: 540px;
}
.CreateRetailerDialog .MuiPaper-root {
  min-width: 700px;
}
@media screen and (max-width: 720px) {
  .CreateRetailerDialog .MuiPaper-root {
    min-width: 90%;
  }
}
.CreateRetailerDialog .MuiPaper-root h2 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.CreateRetailerDialog .MuiPaper-root .MuiDialogContent-root {
  flex: 1 1 auto;
}
.CreateRetailerDialog .MuiPaper-root .MuiDialogContent-root > *:not(:last-child) {
  margin-bottom: 15px;
}
.CreateRetailerDialog .MuiPaper-root .MuiDialogContent-root .retailer-name-and-country,
.CreateRetailerDialog .MuiPaper-root .MuiDialogContent-root .instacart-fields {
  display: flex;
  justify-content: space-between;
}
.CreateRetailerDialog .MuiPaper-root .MuiDialogContent-root .retailer-name-and-country .retailer-name-field,
.CreateRetailerDialog .MuiPaper-root .MuiDialogContent-root .instacart-fields .retailer-name-field {
  flex: 1 2 auto;
  margin-right: 20px;
}
.CreateRetailerDialog .MuiPaper-root .MuiDialogContent-root .instacart-fields .instacart-retailer-id {
  margin-right: 20px;
}
.CreateRetailerDialog .MuiPaper-root .MuiDialogContent-root .instacart-fields .instacart-retailer-id,
.CreateRetailerDialog .MuiPaper-root .MuiDialogContent-root .instacart-fields .instacart-retailer-slug {
  flex: 1 1 auto;
}
.CreateRetailerDialog .MuiPaper-root .MuiDialogActions-root {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-default-theme .CreateRetailerDialog .MuiPaper-root .MuiDialogActions-root {
  background-color: #e6e6ea !important;
}
.theme-dark-theme .CreateRetailerDialog .MuiPaper-root .MuiDialogActions-root {
  background-color: #262633 !important;
}
.CreateRetailerDialog .MuiPaper-root .MuiDialogActions-root .FormValidationDisplay {
  position: absolute;
  left: 20px;
}
.CreateRetailerDialog .form-loading-indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.theme-default-theme .CreateRetailerDialog .form-loading-indicator-container {
  background-color: #4b4e6550;
}
.theme-dark-theme .CreateRetailerDialog .form-loading-indicator-container {
  background-color: #607e9150;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/retailers/RetailerDrawer/RetailerDrawer.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.RetailerDrawer {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.RetailerDrawer .content-container {
  padding: 20px;
  flex: 1 1 auto;
  overflow-y: auto;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/retailers/RetaierInfoForm/RetailerInfoForm.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes slideAndFadeInToRight {
  0% {
    left: -10px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    top: 5px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.RetailerInfoForm {
  padding: 20px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-default-theme .RetailerInfoForm {
  background-color: #ffffff;
}
.theme-dark-theme .RetailerInfoForm {
  background-color: #20212e;
}
.RetailerInfoForm .form-main {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.RetailerInfoForm .form-main .retailer-edit-field {
  margin-bottom: 20px;
}
.RetailerInfoForm .form-main .poweredby-field .MuiChip-label {
  text-transform: capitalize !important;
}
.RetailerInfoForm .form-main .retailer-name-and-country,
.RetailerInfoForm .form-main .instacart-fields {
  display: flex;
}
.RetailerInfoForm .form-main .retailer-name-and-country .retailer-name-field,
.RetailerInfoForm .form-main .instacart-fields .retailer-name-field {
  flex: 3 1 auto;
  margin-right: 20px;
  text-transform: capitalize !important;
}
.RetailerInfoForm .form-main .retailer-name-and-country .CountrySelectionRadioGroup,
.RetailerInfoForm .form-main .instacart-fields .CountrySelectionRadioGroup {
  flex: 1 1 auto;
}
.RetailerInfoForm .form-main .instacart-fields .instacart-retailer-id {
  margin-right: 20px;
}
.RetailerInfoForm .form-main .instacart-fields .instacart-retailer-id,
.RetailerInfoForm .form-main .instacart-fields .instacart-retailer-slug {
  width: 50%;
}
.RetailerInfoForm .AddItemFormFooter .metadata-container:nth-child(1) {
  margin-bottom: 10px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/labels/LabelsView/LabelsView.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/**
 * LabelsView styles.
 */
.LabelsView {
  height: 100%;
  width: 100%;
}