/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
}
.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: #003f76;
}
.theme-default-theme .DataTable .MuiTableSortLabel-active,
.theme-default-theme .DataTable .MuiTableSortLabel-active svg {
  color: #5cb8b5 !important;
}
.theme-default-theme .DataTable .MuiIconButton-root:hover {
  background-color: #003f7630;
}
.theme-default-theme .DataTable .MuiIconButton-root:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .DataTable .MuiIconButton-root.Mui-disabled {
  color: #003f7630;
}
.DataTable .MuiToolbar-root {
  display: flex;
  flex-direction: row;
  border-radius: 4px 4px 0 0;
  padding-left: 16px;
  padding-right: 8px;
}
.theme-default-theme .DataTable .MuiToolbar-root {
  background-color: #ffffff;
}
.DataTable .MuiToolbar-root .data-table-title {
  flex: 0 0 auto;
  font-size: 20px;
  font-weight: 500;
}
.DataTable .MuiToolbar-root .header-spacer {
  flex: 1 1 auto;
}
.DataTable .MuiToolbar-root .MuiIconButton-root {
  flex: 0 0 auto;
  margin-left: 5px;
}
.theme-default-theme .DataTable .MuiToolbar-root .MuiIconButton-root.is-main-cta {
  color: #ffffff !important;
  background-color: #f67a48 !important;
}
.DataTable .MuiTableContainer-root {
  overflow-y: hidden;
  overflow-x: auto;
}
.DataTable .MuiTableContainer-root .MuiTable-root {
  margin-bottom: 1px;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root {
  background-color: #ffffff;
}
.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: 1px solid #003f7626;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root.MuiTableSortLabel-active svg {
  color: #5cb8b5 !important;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root:not(.MuiTableSortLabel-active) svg {
  color: #5cb8b5;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root {
  color: #003f76 !important;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root:hover {
  color: #003f76 !important;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head span.MuiTableSortLabel-root:focus {
  color: #5cb8b5 !important;
}
.DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root {
  transition: background-color 300ms ease;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root:hover {
  background-color: #003f761a;
}
.DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root {
  font-size: inherit;
  padding: 18px 30px 18px 16px;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root {
  border-bottom: 1px solid #003f7626;
}
.DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .table-row-actions-cell {
  padding: 0 5px 0 16px;
  width: 1%;
}
.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;
}
.theme-default-theme .DataTable .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .table-row-actions-cell div svg {
  fill: #003f76;
}
.DataTable .no-data-message-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-default-theme .DataTable .no-data-message-container {
  border-bottom: 1px solid #003f7626;
}
.DataTable .no-data-message-container > div {
  font-size: 15px;
  margin: 100px 0;
}
.DataTable .MuiTablePagination-root {
  border-radius: 0 0 4px 4px;
}
.theme-default-theme .DataTable .MuiTablePagination-root {
  color: #003f76;
  background-color: #ffffff;
}
.DataTable .MuiTablePagination-root .MuiTablePagination-toolbar {
  padding: 5px;
}
.DataTable .MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-selectRoot {
  margin-right: 10px;
}
.theme-default-theme .DataTable .MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-selectRoot svg {
  color: #003f76;
}
.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;
}
.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: rgba(196, 196, 196, 0.6);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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: #003f76 !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: #5cb8b5 !important;
}
.theme-default-theme .LoadingIndicator .loading-indicator.light-color {
  color: #ffffff !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/CampaignsView/CampaignsView.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;
  }
}
.CampaignsView {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  position: relative;
  padding-top: 65px;
}
.CampaignsView .main-header-container {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
}
.CampaignsView .main-header-container .dashboard-filters-button {
  margin-left: 5px;
}
.theme-default-theme .CampaignsView .main-header-container .dashboard-filters-button:hover {
  background-color: #003f7630;
}
.theme-default-theme .CampaignsView .main-header-container .dashboard-filters-button:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .CampaignsView .main-header-container .dashboard-filters-button.Mui-disabled {
  color: #003f7630;
}
.CampaignsView .FormSectionHeader {
  padding: 0 0 5px 0;
}
.CampaignsView .FormSectionHeader svg {
  width: 30px;
  height: 30px;
}
.CampaignsView .FormSectionHeader .label-container {
  margin-top: 20px;
  margin-left: 20px;
}
.CampaignsView .FormSectionHeader .label-container .icon-label-group {
  align-items: center;
}
.CampaignsView .FormSectionHeader:first-of-type {
  margin-top: 10px;
  flex: 1 1 auto;
}
.CampaignsView .actions-header {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: -20px;
  left: -20px;
  width: calc(100% + 20px * 2);
  height: 65px;
  z-index: 1;
  align-items: center;
  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 .CampaignsView .actions-header {
  background-color: #ffffff;
}
.CampaignsView .actions-header .activate-campaigns-button {
  flex: 0 0 auto;
  margin-left: 5px;
  margin-right: 20px;
}
.theme-default-theme .CampaignsView .actions-header .activate-campaigns-button {
  color: #ffffff !important;
  background-color: #f67a48 !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/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;
  background-color: #2969a0 !important;
}
.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.6;
}
.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) svg {
  width: 24px;
  height: 24px;
}
.theme-default-theme .DrawerManagerDrawer .MuiDrawer-paper .drawer-header > div:nth-child(2) svg {
  color: #ffffff !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: #f5f8fb !important;
}
.DrawerManagerDrawer .MuiDrawer-paper .drawer-content .FormSectionHeader {
  margin-left: -20px;
  margin-right: -20px;
}
.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/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: 36px !important;
  border-radius: 18px !important;
  font-weight: 500;
}
.theme-default-theme .StatusChip.status-chip-color-light-grey {
  color: #003f76;
  background-color: #c4c8cc;
}
.theme-default-theme .StatusChip.status-chip-color-dark-grey {
  color: #ffffff;
  background-color: #353535;
}
.theme-default-theme .StatusChip.status-chip-color-light-blue {
  color: #003f76;
  background-color: #9dd0ec;
}
.theme-default-theme .StatusChip.status-chip-color-dark-blue {
  color: #ffffff;
  background-color: #2969a0;
}
.theme-default-theme .StatusChip.status-chip-color-yellow {
  color: #003f76;
  background-color: #ffcc33;
}
.theme-default-theme .StatusChip.status-chip-color-turquoise {
  color: #ffffff;
  background-color: #5cb8b5;
}
.theme-default-theme .StatusChip.status-chip-color-orange {
  color: #ffffff;
  background-color: #f67a48;
}
.StatusChip.chip-is-inactive {
  opacity: 0.4;
  transition: opacity 300ms ease;
}
.StatusChip.chip-is-active {
  opacity: 1;
  transition: opacity 300ms ease;
}
.StatusChip.MuiChip-clickable:hover, .StatusChip.MuiChip-clickable:focus {
  box-shadow: 0 5px 2px -3px rgba(0, 0, 0, 0.2), 0 6px 8px 1px rgba(0, 0, 0, 0.14), 0 3px 12px 1px rgba(0, 0, 0, 0.12);
  transition: box-shadow 300ms ease;
}
.StatusChip.MuiChip-clickable:not(:focus) {
  transition: box-shadow 300ms ease;
}
.StatusChip .MuiChip-label {
  padding-left: 16px;
  padding-right: 16px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/CampaignsDataTableFiltersView/CampaignsDataTableFiltersView.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;
  }
}
.CampaignsDataTableFiltersView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
}
.CampaignsDataTableFiltersView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.CampaignsDataTableFiltersView .view-body > div {
  padding-bottom: 15px;
}
.CampaignsDataTableFiltersView .view-body .MuiTextField-root {
  width: 100%;
}
.CampaignsDataTableFiltersView .view-body > .MuiTextField-root {
  flex: 0 0 auto;
}
.CampaignsDataTableFiltersView .view-body .NumericInput {
  flex: 0 0 auto;
}
.CampaignsDataTableFiltersView .view-body .ComboSelect {
  flex: 0 0 auto;
}
.CampaignsDataTableFiltersView .view-body .StatusFilter {
  flex: 0 0 auto;
}
.CampaignsDataTableFiltersView .view-body .status-filter-discarded-option-checkbox {
  padding: 0;
  margin: -10px 0px 20px 0px;
}
.theme-default-theme .CampaignsDataTableFiltersView .view-body .status-filter-discarded-option-checkbox .MuiCheckbox-root {
  color: #003f76 !important;
}
.CampaignsDataTableFiltersView .view-body .status-filter-discarded-option-checkbox .MuiFormControlLabel-root .MuiTypography-root {
  font-weight: 500 !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/StatusFilter/StatusFilter.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;
  }
}
.StatusFilter {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  border-radius: 4px;
  padding: 12px 12px 4px 12px !important;
  margin-bottom: 15px;
}
.theme-default-theme .StatusFilter {
  border: 1px solid #003f7673;
}
.StatusFilter .filter-label {
  position: absolute;
  top: -10px;
  font-size: 12px;
}
.theme-default-theme .StatusFilter .filter-label {
  border-left: 4px solid #f5f5f5;
  border-right: 4px solid #f5f5f5;
  color: #003f7673;
  background-color: #f5f5f5;
}
.StatusFilter .StatusChip {
  margin: 0 8px 8px 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/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;
  }
}
.DateSelectorInput {
  width: 100%;
}
.theme-default-theme .DateSelectorInput .MuiIconButton-root:hover {
  background-color: #003f7630;
}
.theme-default-theme .DateSelectorInput .MuiIconButton-root:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .DateSelectorInput .MuiIconButton-root.Mui-disabled {
  color: #003f7630;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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 .currency-label {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 8px;
  font-size: 18px;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .NumericInput .input-container .currency-label {
  color: #003f76;
}
.NumericInput .input-container .numeric-value-entry {
  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/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 fieldset > legend {
  font-size: 0.8em;
}
.ComboSelect .MuiAutocomplete-root .MuiButtonBase-root.MuiChip-root {
  border-radius: 4px;
  height: 98%;
  margin-left: 3px;
  margin-bottom: 3px;
}
.theme-default-theme .ComboSelect .MuiAutocomplete-root .MuiButtonBase-root.MuiChip-root {
  border: 1px solid #003f7666;
  color: #f67a48;
  background-color: #ffffff;
}
.ComboSelect .MuiAutocomplete-root .MuiButtonBase-root.MuiChip-root .MuiSvgIcon-root.MuiChip-deleteIcon {
  color: #003f76;
}
.ComboSelect .MuiAutocomplete-root .MuiButtonBase-root.MuiChip-root .MuiChip-label {
  word-wrap: break-word;
  white-space: normal;
  text-overflow: clip;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
}
.theme-default-theme .DrawerFooter {
  background-color: #e6eaef !important;
}
.DrawerFooter .dialog-primary-button {
  margin-left: 8px;
}
.theme-default-theme .DrawerFooter .dialog-primary-button {
  color: #ffffff !important;
  background-color: #f67a48 !important;
}
.DrawerFooter .dialog-middle-button {
  margin-left: 8px;
}
@media only screen and (max-width: 480px) {
  .DrawerFooter .dialog-middle-button {
    margin-left: 40px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/CampaignCreateForm/CampaignCreateForm.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;
  }
}
.CampaignCreateForm {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
  overflow: auto;
}
.CampaignCreateForm .form-saving-block {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.theme-default-theme .CampaignCreateForm .form-saving-block {
  background-color: #35353580;
}
.CampaignCreateForm .form-and-toolbar {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.CampaignCreateForm .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
}
.CampaignCreateForm .view-body .campaign-obj-header {
  margin-top: -40px;
}
.CampaignCreateForm .view-body > .MuiTextField-root {
  flex: 0 0 auto;
}
.CampaignCreateForm .view-body .NumericInput {
  flex: 1 1 auto;
  margin: 0 0 20px 20px;
}
.CampaignCreateForm .view-body .ComboSelect {
  flex: 0 0 auto;
}
.CampaignCreateForm .view-body .schedule-and-budget-container {
  display: flex;
}
.CampaignCreateForm .view-body .schedule-and-budget-container .schedule-and-budget {
  width: 50%;
}
.CampaignCreateForm .view-body .warning-message {
  display: flex;
  align-items: center;
  color: #ff3333;
}
.CampaignCreateForm .view-body .warning-message > p {
  margin-left: 10px;
}
.CampaignCreateForm .view-body .campaign-name-entry,
.CampaignCreateForm .view-body .product-upc,
.CampaignCreateForm .view-body .campaign-ad-headline-text,
.CampaignCreateForm .view-body .campaign-ad-body-text,
.CampaignCreateForm .view-body .campaign-ad-action-url {
  width: 100%;
}
.CampaignCreateForm .view-body .image-assets-group {
  width: auto;
}
.CampaignCreateForm .view-body .retailer-select,
.CampaignCreateForm .view-body .campaign-name-entry,
.CampaignCreateForm .view-body .DateSelector,
.CampaignCreateForm .view-body .sub-organization-select,
.CampaignCreateForm .view-body .product-upc,
.CampaignCreateForm .view-body .campaign-ad-headline-text,
.CampaignCreateForm .view-body .campaign-ad-body-text,
.CampaignCreateForm .view-body .campaign-ad-action-url,
.CampaignCreateForm .view-body .campaign-ad-action-button-text,
.CampaignCreateForm .view-body .image-assets-group,
.CampaignCreateForm .view-body .creative-option-select,
.CampaignCreateForm .view-body .ad-custom-creative-select-container:not(:last-child) {
  margin-bottom: 20px;
}
.CampaignCreateForm .view-body .product-upc-and-average-product-price-container {
  display: flex;
}
.CampaignCreateForm .view-body .product-upc-and-average-product-price-container .input-container {
  display: flex;
  flex: auto;
}
.CampaignCreateForm .view-body .product-upc-and-average-product-price-container .product-upc-add-to-cart {
  width: 100%;
}
.CampaignCreateForm .view-body .product-upc-and-average-product-price-container .info-tool-tip {
  display: flex;
  align-items: center;
  margin-left: 20px;
  margin-bottom: 20px;
}
.theme-default-theme .CampaignCreateForm .view-body .one-retailer input.Mui-disabled {
  color: #003f76;
  -webkit-text-fill-color: #003f76;
}
.CampaignCreateForm .view-body .product-notes {
  margin-bottom: 20px;
}
.CampaignCreateForm .view-body .product-notes .MuiInputBase-input {
  min-height: 80px;
}
.CampaignCreateForm .view-body .zero-margin-bottom {
  margin-bottom: 0;
}
.CampaignCreateForm .view-body .static-targeting-group {
  margin-top: 20px;
}
.CampaignCreateForm .view-body .campaign-ad-color-picker-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.CampaignCreateForm .view-body .campaign-ad-color-picker-container .ColorPicker {
  justify-content: flex-start;
}
.CampaignCreateForm .view-body .campaign-ad-color-picker-container .ColorPicker .color-picker-label {
  font-size: 14px;
}
@media screen and (max-width: 600px) {
  .CampaignCreateForm .view-body .campaign-ad-color-picker-container .ColorPicker {
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 100px;
  }
  .CampaignCreateForm .view-body .campaign-ad-color-picker-container .ColorPicker .color-picker-label {
    font-size: 12px;
    white-space: nowrap;
  }
}
@media screen and (min-width: 700px) {
  .CampaignCreateForm .view-body .campaign-ad-color-picker-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.CampaignCreateForm .view-body .ad-product-asset-select-container,
.CampaignCreateForm .view-body .ad-logo-asset-select-container,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container,
.CampaignCreateForm .view-body .ad-custom-creative-select-container,
.CampaignCreateForm .view-body .addit-custom-assets-text-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: center;
}
.CampaignCreateForm .view-body .ad-product-asset-select-container.headline-text,
.CampaignCreateForm .view-body .ad-logo-asset-select-container.headline-text,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container.headline-text,
.CampaignCreateForm .view-body .ad-custom-creative-select-container.headline-text,
.CampaignCreateForm .view-body .addit-custom-assets-text-container.headline-text {
  margin-bottom: 20px;
}
.CampaignCreateForm .view-body .ad-product-asset-select-container.body-text,
.CampaignCreateForm .view-body .ad-logo-asset-select-container.body-text,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container.body-text,
.CampaignCreateForm .view-body .ad-custom-creative-select-container.body-text,
.CampaignCreateForm .view-body .addit-custom-assets-text-container.body-text {
  padding-bottom: 20px;
}
.theme-default-theme .CampaignCreateForm .view-body .ad-product-asset-select-container.body-text,
.theme-default-theme .CampaignCreateForm .view-body .ad-logo-asset-select-container.body-text,
.theme-default-theme .CampaignCreateForm .view-body .ad-lifestyle-asset-select-container.body-text,
.theme-default-theme .CampaignCreateForm .view-body .ad-custom-creative-select-container.body-text,
.theme-default-theme .CampaignCreateForm .view-body .addit-custom-assets-text-container.body-text {
  border-bottom: 1px solid #003f7673;
}
.CampaignCreateForm .view-body .ad-product-asset-select-container .campaign-ad-product,
.CampaignCreateForm .view-body .ad-product-asset-select-container .campaign-ad-logo,
.CampaignCreateForm .view-body .ad-product-asset-select-container .campaign-ad-lifestyle,
.CampaignCreateForm .view-body .ad-product-asset-select-container .campaign-custom-creative,
.CampaignCreateForm .view-body .ad-product-asset-select-container .ad-headline-text,
.CampaignCreateForm .view-body .ad-product-asset-select-container .ad-body-text,
.CampaignCreateForm .view-body .ad-logo-asset-select-container .campaign-ad-product,
.CampaignCreateForm .view-body .ad-logo-asset-select-container .campaign-ad-logo,
.CampaignCreateForm .view-body .ad-logo-asset-select-container .campaign-ad-lifestyle,
.CampaignCreateForm .view-body .ad-logo-asset-select-container .campaign-custom-creative,
.CampaignCreateForm .view-body .ad-logo-asset-select-container .ad-headline-text,
.CampaignCreateForm .view-body .ad-logo-asset-select-container .ad-body-text,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .campaign-ad-product,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .campaign-ad-logo,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .campaign-ad-lifestyle,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .campaign-custom-creative,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .ad-headline-text,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .ad-body-text,
.CampaignCreateForm .view-body .ad-custom-creative-select-container .campaign-ad-product,
.CampaignCreateForm .view-body .ad-custom-creative-select-container .campaign-ad-logo,
.CampaignCreateForm .view-body .ad-custom-creative-select-container .campaign-ad-lifestyle,
.CampaignCreateForm .view-body .ad-custom-creative-select-container .campaign-custom-creative,
.CampaignCreateForm .view-body .ad-custom-creative-select-container .ad-headline-text,
.CampaignCreateForm .view-body .ad-custom-creative-select-container .ad-body-text,
.CampaignCreateForm .view-body .addit-custom-assets-text-container .campaign-ad-product,
.CampaignCreateForm .view-body .addit-custom-assets-text-container .campaign-ad-logo,
.CampaignCreateForm .view-body .addit-custom-assets-text-container .campaign-ad-lifestyle,
.CampaignCreateForm .view-body .addit-custom-assets-text-container .campaign-custom-creative,
.CampaignCreateForm .view-body .addit-custom-assets-text-container .ad-headline-text,
.CampaignCreateForm .view-body .addit-custom-assets-text-container .ad-body-text {
  flex: 1 1 auto;
}
.CampaignCreateForm .view-body .ad-product-asset-select-container .preview-button,
.CampaignCreateForm .view-body .ad-logo-asset-select-container .preview-button,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .preview-button,
.CampaignCreateForm .view-body .ad-custom-creative-select-container .preview-button,
.CampaignCreateForm .view-body .addit-custom-assets-text-container .preview-button {
  margin-left: 12px;
}
.CampaignCreateForm .view-body .ad-product-asset-select-container .add-asset-button,
.CampaignCreateForm .view-body .ad-logo-asset-select-container .add-asset-button,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .add-asset-button,
.CampaignCreateForm .view-body .ad-custom-creative-select-container .add-asset-button,
.CampaignCreateForm .view-body .addit-custom-assets-text-container .add-asset-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
}
.CampaignCreateForm .view-body .ad-product-asset-select-container .add-asset-button .MuiIconButton-root,
.CampaignCreateForm .view-body .ad-logo-asset-select-container .add-asset-button .MuiIconButton-root,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .add-asset-button .MuiIconButton-root,
.CampaignCreateForm .view-body .ad-custom-creative-select-container .add-asset-button .MuiIconButton-root,
.CampaignCreateForm .view-body .addit-custom-assets-text-container .add-asset-button .MuiIconButton-root {
  width: 48px;
  height: 48px;
  margin-left: 5px;
}
.theme-default-theme .CampaignCreateForm .view-body .ad-product-asset-select-container .add-asset-button .MuiIconButton-root:hover,
.theme-default-theme .CampaignCreateForm .view-body .ad-logo-asset-select-container .add-asset-button .MuiIconButton-root:hover,
.theme-default-theme .CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .add-asset-button .MuiIconButton-root:hover,
.theme-default-theme .CampaignCreateForm .view-body .ad-custom-creative-select-container .add-asset-button .MuiIconButton-root:hover,
.theme-default-theme .CampaignCreateForm .view-body .addit-custom-assets-text-container .add-asset-button .MuiIconButton-root:hover {
  background-color: #003f7630;
}
.theme-default-theme .CampaignCreateForm .view-body .ad-product-asset-select-container .add-asset-button .MuiIconButton-root:not(.Mui-disabled),
.theme-default-theme .CampaignCreateForm .view-body .ad-logo-asset-select-container .add-asset-button .MuiIconButton-root:not(.Mui-disabled),
.theme-default-theme .CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .add-asset-button .MuiIconButton-root:not(.Mui-disabled),
.theme-default-theme .CampaignCreateForm .view-body .ad-custom-creative-select-container .add-asset-button .MuiIconButton-root:not(.Mui-disabled),
.theme-default-theme .CampaignCreateForm .view-body .addit-custom-assets-text-container .add-asset-button .MuiIconButton-root:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .CampaignCreateForm .view-body .ad-product-asset-select-container .add-asset-button .MuiIconButton-root.Mui-disabled,
.theme-default-theme .CampaignCreateForm .view-body .ad-logo-asset-select-container .add-asset-button .MuiIconButton-root.Mui-disabled,
.theme-default-theme .CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .add-asset-button .MuiIconButton-root.Mui-disabled,
.theme-default-theme .CampaignCreateForm .view-body .ad-custom-creative-select-container .add-asset-button .MuiIconButton-root.Mui-disabled,
.theme-default-theme .CampaignCreateForm .view-body .addit-custom-assets-text-container .add-asset-button .MuiIconButton-root.Mui-disabled {
  color: #003f7630;
}
.CampaignCreateForm .view-body .ad-product-asset-select-container .add-asset-button .MuiIconButton-root svg,
.CampaignCreateForm .view-body .ad-logo-asset-select-container .add-asset-button .MuiIconButton-root svg,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .add-asset-button .MuiIconButton-root svg,
.CampaignCreateForm .view-body .ad-custom-creative-select-container .add-asset-button .MuiIconButton-root svg,
.CampaignCreateForm .view-body .addit-custom-assets-text-container .add-asset-button .MuiIconButton-root svg {
  width: 24px;
  height: 24px;
}
.CampaignCreateForm .view-body .ad-product-asset-select-container .info-tool-tip,
.CampaignCreateForm .view-body .ad-logo-asset-select-container .info-tool-tip,
.CampaignCreateForm .view-body .ad-lifestyle-asset-select-container .info-tool-tip,
.CampaignCreateForm .view-body .ad-custom-creative-select-container .info-tool-tip,
.CampaignCreateForm .view-body .addit-custom-assets-text-container .info-tool-tip {
  min-width: 48px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}
.CampaignCreateForm .view-body .ad-banner-preview-static .static-circular-banner-320x50,
.CampaignCreateForm .view-body .ad-banner-preview-static .static-circular-banner-300x250,
.CampaignCreateForm .view-body .ad-banner-preview-static .static-circular-banner-320x480 {
  border-width: 1px;
  border-style: solid;
  margin: 20px auto 0 auto;
}
.theme-default-theme .CampaignCreateForm .view-body .ad-banner-preview-static .static-circular-banner-320x50,
.theme-default-theme .CampaignCreateForm .view-body .ad-banner-preview-static .static-circular-banner-300x250,
.theme-default-theme .CampaignCreateForm .view-body .ad-banner-preview-static .static-circular-banner-320x480 {
  border-color: #003f7680;
  background-color: #ffffff;
}
.CampaignCreateForm .view-body .ad-banner-preview-static .static-circular-banner-320x50 img,
.CampaignCreateForm .view-body .ad-banner-preview-static .static-circular-banner-300x250 img,
.CampaignCreateForm .view-body .ad-banner-preview-static .static-circular-banner-320x480 img {
  width: 100%;
}
.CampaignCreateForm .view-body .ad-banner-preview-static .static-circular-banner-320x50 {
  width: 320px;
  height: 50px;
  margin-top: 20px;
}
.CampaignCreateForm .view-body .ad-banner-preview-static .static-circular-banner-300x250 {
  width: 300px;
  height: 250px;
}
.CampaignCreateForm .view-body .ad-banner-preview-static .static-circular-banner-320x480 {
  width: 320px;
  height: 480px;
}
.CampaignCreateForm .view-body .ad-iframe-box {
  display: flex;
  margin-top: 20px;
}
@media screen and (max-width: 600px) {
  .CampaignCreateForm .view-body .ad-iframe-box {
    flex-direction: column;
    align-items: flex-start;
  }
}
.CampaignCreateForm .view-body .image-assets-notes {
  margin: 3px 0 20px;
}
.CampaignCreateForm .view-body .product-name-note {
  margin: 5px 0 20px;
}
.CampaignCreateForm .view-body .product-page-url-container {
  display: flex;
  margin-bottom: 20px;
}
.CampaignCreateForm .view-body .product-page-url-container .product-page-url {
  flex: 1 1 auto;
}
.CampaignCreateForm .view-body .product-page-url-container .info-tool-tip {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-left: 20px;
}
.CampaignCreateForm .view-body .section-divider {
  margin-bottom: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.theme-default-theme .CampaignCreateForm .view-body .section-divider {
  border-bottom: 1px solid #003f7666;
}
.CampaignCreateForm .view-body .characters-counter {
  display: flex;
  flex-direction: column;
}
.CampaignCreateForm .view-body .characters-counter .counter-value {
  font-size: 12px;
  margin-bottom: -6px;
  color: #003f76;
}
.CampaignCreateForm .view-body .characters-counter .counter-value > span {
  font-size: 15px;
  font-weight: 500;
}
.CampaignCreateForm .view-body .characters-counter .counter-value .less-than-30 {
  color: #003f76;
}
.CampaignCreateForm .view-body .characters-counter .counter-value .thirty-to-40 {
  color: #0f884c;
}
.CampaignCreateForm .view-body .characters-counter .counter-value .more-than-40 {
  color: #ff3333;
}
.CampaignCreateForm .view-body .characters-counter .counter-recommendation {
  opacity: 75%;
  font-size: 10px;
}
.theme-default-theme .CampaignCreateForm .view-body .characters-counter .counter-recommendation {
  color: #003f76;
}
@media only screen and (max-width: 480px) {
  .CampaignCreateForm .dialog-secondary-button {
    display: none;
  }
}
.CampaignCreateForm .form-validation-messages-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .CampaignCreateForm .form-validation-messages-icon {
  color: #f67a48;
}
.CampaignCreateForm .form-validation-messages-icon.validation-failed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.CampaignCreateForm .form-validation-passed-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .CampaignCreateForm .form-validation-passed-icon {
  color: #0f884c;
}
.CampaignCreateForm .form-validation-passed-icon.validation-passed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.CampaignCreateForm .MuiButton-root {
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms ease !important;
}
.CampaignCreateForm .MuiFormControlLabel-root > span {
  color: #003f76;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/FormSectionHeader/FormSectionHeader.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;
  }
}
.FormSectionHeader {
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 0 0 5px 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .FormSectionHeader:not(.no-bottom-border) {
  color: #003f76;
  border-bottom: 1px solid #003f7666;
}
.FormSectionHeader.font-size-class-large div {
  font-size: 20px;
}
.FormSectionHeader.font-size-class-medium div {
  font-size: 18px;
}
.FormSectionHeader.font-size-class-small div {
  font-size: 16px;
}
.FormSectionHeader .label-container {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  flex: 0 0 auto;
}
.FormSectionHeader .label-container .icon-label-group {
  display: flex;
}
.FormSectionHeader .label-container .icon-label-group .icon {
  margin-right: 6px;
  display: flex;
  align-items: center;
}
.FormSectionHeader .label-container .icon-label-group .primary-label {
  font-weight: 600;
  margin-right: 6px;
}
.FormSectionHeader .label-container .secondary-label {
  font-weight: 300;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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 .form-validation-messages-item {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  font-weight: 300;
}
.FormValidationMessagesDisplay .form-validation-messages-item:last-child {
  margin-bottom: 0;
}
.FormValidationMessagesDisplay .form-validation-messages-item .message-bullet {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  top: 6px;
}
.theme-default-theme .FormValidationMessagesDisplay .form-validation-messages-item .message-bullet {
  background-color: #f67a48;
}
.FormValidationMessagesDisplay .form-validation-messages-item .message {
  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/TargetingLocationControls/TargetingLocationControls.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;
  }
}
.TargetingLocationControls {
  margin-bottom: 20px;
}
.TargetingLocationControls .targeting-options {
  width: 100%;
}
.TargetingLocationControls .static-targeting-group {
  margin-top: 20px;
}
.TargetingLocationControls .static-targeting-group .static-target-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.TargetingLocationControls .static-targeting-group .static-target-row:last-child {
  margin-bottom: 0;
}
.TargetingLocationControls .static-targeting-group .static-target-row .static-target-select {
  flex: 1 1 auto;
  margin-right: 10px;
}
.TargetingLocationControls .static-targeting-group .static-target-row .view-static-target-button {
  flex: 0 0 auto;
  height: 48px;
  margin-right: 5px;
}
.TargetingLocationControls .static-targeting-group .static-target-row .remove-static-target-button {
  flex: 0 0 auto;
  height: 48px;
}
.TargetingLocationControls .static-targeting-group .static-targeting-group-footer {
  display: flex;
  flex-direction: row;
  justify-content: left;
}
.TargetingLocationControls .static-targeting-group .static-targeting-group-footer .add-static-target-button {
  width: 200px;
}
.TargetingLocationControls .national-targeting-select {
  margin-top: 20px;
}
.TargetingLocationControls .static-target-note {
  font-size: 12px;
}
.TargetingLocationControls .GoogleMapWrapper {
  border-radius: 4px;
  overflow: hidden;
  margin-top: 20px;
}
.theme-default-theme .TargetingLocationControls .GoogleMapWrapper {
  border: 1px solid #003f7673;
}
.theme-default-theme .TargetingLocationControls .GoogleMapWrapper:hover {
  border-color: #003f76e6;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/GoogleMapWrapper/GoogleMapWrapper.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;
  }
}
.GoogleMapWrapper .rendered-map {
  width: 100%;
  height: 100%;
}
.GoogleMapWrapper .my-location-map-control-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: none rgb(255, 255, 255);
  border: 0;
  margin: 10px;
  padding: 0;
  text-transform: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 2px;
  height: 40px;
  width: 40px;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  top: 60px;
  right: 0;
}
.GoogleMapWrapper .my-location-map-control-button svg path:nth-child(2) {
  fill: rgb(86, 86, 86);
}
.GoogleMapWrapper .my-location-map-control-button:hover svg path:nth-child(2) {
  fill: rgb(18, 18, 18) !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/GroupedSectionPanel/GroupedSectionPanel.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;
  }
}
.GroupedSectionPanel {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  width: 100%;
}
.theme-default-theme .GroupedSectionPanel {
  border: 1px solid #003f7673;
}
.GroupedSectionPanel .grouped-section-panel-header {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: space-between;
}
.theme-default-theme .GroupedSectionPanel .grouped-section-panel-header {
  border-bottom: 1px solid #003f7673;
}
.GroupedSectionPanel .grouped-section-panel-header .header-label-tooltip-container {
  display: flex;
}
.GroupedSectionPanel .grouped-section-panel-header .header-label-tooltip-container .header-label {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  margin: 20px;
  font-size: 16px;
  font-weight: 600;
}
.GroupedSectionPanel .grouped-section-panel-header .header-label-tooltip-container .header-tooltip {
  align-self: center;
}
.GroupedSectionPanel .grouped-section-panel-header .header-actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 5px;
}
.theme-default-theme .GroupedSectionPanel .grouped-section-panel-header .header-actions .MuiIconButton-root:hover {
  background-color: #003f7630;
}
.theme-default-theme .GroupedSectionPanel .grouped-section-panel-header .header-actions .MuiIconButton-root:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .GroupedSectionPanel .grouped-section-panel-header .header-actions .MuiIconButton-root.Mui-disabled {
  color: #003f7630;
}
.GroupedSectionPanel .grouped-section-panel-contents {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  font-size: 16px;
  padding: 20px;
}
.theme-default-theme .GroupedSectionPanel .grouped-section-panel-contents .MuiIconButton-root:hover {
  background-color: #003f7630;
}
.theme-default-theme .GroupedSectionPanel .grouped-section-panel-contents .MuiIconButton-root:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .GroupedSectionPanel .grouped-section-panel-contents .MuiIconButton-root.Mui-disabled {
  color: #003f7630;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/CountrySelectionGroup/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 {
  margin-bottom: 20px;
}
.CountrySelectionRadioGroup .RadioGroupFormControl {
  width: 100%;
}
.CountrySelectionRadioGroup .RadioGroupFormControl .MuiFormLabel-root {
  position: absolute;
  top: -8px;
  left: 10px;
  font-size: 12px;
  z-index: 5;
}
.CountrySelectionRadioGroup .RadioGroupFormControl .RadioGroup {
  border-style: solid;
  border-width: 1px;
  position: relative;
  padding: 6px;
}
.theme-default-theme .CountrySelectionRadioGroup .RadioGroupFormControl .RadioGroup {
  border-color: #003f7673;
}
.CountrySelectionRadioGroup .RadioGroupFormControl .RadioGroup .MuiFormControlLabel-root .MuiButtonBase-root:first-of-type {
  margin-left: 5px;
}
.CountrySelectionRadioGroup .RadioGroupFormControl .RadioGroup:after {
  position: absolute;
  top: -1px;
  left: 7px;
  content: "";
  width: 52px;
  height: 1px;
}
.theme-default-theme .CountrySelectionRadioGroup .RadioGroupFormControl .RadioGroup:after {
  background: #ffffff;
}
.theme-default-theme .CountrySelectionRadioGroup .RadioGroupFormControl .MuiFormControlLabel-root.Mui-disabled .MuiTypography-root.Mui-disabled {
  color: #003f7630 !important;
}
.CountrySelectionRadioGroup .RadioGroupFormControl .MuiRadio-root.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/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: #003f76;
}
.theme-default-theme .RadioGroup.base-radio-group .MuiRadio-root.Mui-checked {
  color: #003f76;
}
.RadioGroup.targeting-pool-inclusion-group {
  margin-right: 15px;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.RadioGroup.targeting-pool-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/ColorPicker/ColorPicker.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;
  }
}
.ColorPicker {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
}
.theme-default-theme .ColorPicker.MuiButton-root {
  border: 1px solid #003f7673;
  background-color: #ffffff00 !important;
  height: 56px;
  padding: 0;
  border-radius: 4px;
}
.ColorPicker .color-picker-container {
  border-radius: 4px;
  margin: 5px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  position: relative;
}
.theme-default-theme .ColorPicker .color-picker-container {
  border: 1px solid #003f7673;
}
.ColorPicker .color-picker-container input {
  opacity: 0;
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: -5px;
  left: -5px;
}
.ColorPicker .color-picker-label {
  margin: 0 14px 0 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/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 .MuiDialogContent-root {
  display: flex;
  padding: 24px 24px 4px 24px !important;
}
.InfoDialog .MuiDialogActions-root {
  justify-content: center !important;
  padding: 20px 24px 16px 24px;
}
.InfoDialog .dialog-result-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 1 auto;
}
.InfoDialog .dialog-result-content .dialog-result-icon {
  display: flex;
  flex: 0 0 auto;
  margin-right: 10px;
}
.InfoDialog .dialog-result-content .dialog-result-icon svg {
  width: 36px;
  height: 36px;
}
.theme-default-theme .InfoDialog .dialog-result-content .dialog-result-icon svg.success {
  color: #0f884c;
}
.theme-default-theme .InfoDialog .dialog-result-content .dialog-result-icon svg.error {
  color: #ff3333;
}
.InfoDialog .dialog-result-content .dialog-result-message {
  flex: 1 1 auto;
}
.InfoDialog.campaign-launch-confirmation-dialog .dialog-result-message {
  text-align: center;
}
.theme-default-theme .InfoDialog .info-dialog-action-button {
  color: #ffffff !important;
  background-color: #f67a48 !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/AdPreviewSizeMessage/AdPreviewSizeMessage.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;
  }
}
.AdPreviewSizeMessage {
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  .AdPreviewSizeMessage {
    margin-left: 0;
    margin-top: 20px;
  }
}
.AdPreviewSizeMessage ul {
  list-style: none;
  padding-left: 0;
}
.AdPreviewSizeMessage ul li {
  display: flex;
  align-items: center;
  line-height: 25px;
}
.AdPreviewSizeMessage ul li.inapplicable-input span {
  opacity: 0.4;
  transition: all 0.3s;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/InfoRow/InfoRow.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;
  }
}
.InfoRow {
  display: flex;
  flex-direction: row;
}
.InfoRow .info-row-label {
  display: flex;
  flex: 0 0 170px;
  font-weight: 600;
}
.InfoRow .info-row-label.label-centered {
  align-items: center;
}
.InfoRow .info-row-value {
  flex: 1 1 auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/AdPreview/AdPreview.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;
  }
}
.AdPreview {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 10px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.AdPreview .ad-banner-preview-iframe,
.AdPreview .custom-creative-ad-preview {
  border-width: 1px;
  border-radius: 4px;
  border-style: solid;
}
.theme-default-theme .AdPreview .ad-banner-preview-iframe,
.theme-default-theme .AdPreview .custom-creative-ad-preview {
  border-color: #003f7680;
  background-color: #ffffff;
}
.AdPreview .custom-creative-ad-preview img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.AdPreview a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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/CampaignTypeCards/CampaignTypeCards.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;
  }
}
.CampaignTypeCards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root {
  background-color: transparent;
}
.theme-default-theme .CampaignTypeCards .MuiPaper-root.MuiCard-root {
  border: 1px solid #003f7666;
}
.theme-default-theme .CampaignTypeCards .MuiPaper-root.MuiCard-root:hover, .theme-default-theme .CampaignTypeCards .MuiPaper-root.MuiCard-root.selected {
  background-color: #ffffff;
  border: 1px solid #003f76;
}
.theme-default-theme .CampaignTypeCards .MuiPaper-root.MuiCard-root.selected {
  box-shadow: 1px 1px 5px #003f76;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px;
  width: 100%;
  height: 100%;
}
.theme-default-theme .CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root:hover, .theme-default-theme .CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root.selected {
  background-color: #ffffff;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root:hover .message-title-area, .CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root.selected .message-title-area {
  font-weight: 600;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root:hover .message-detail-area, .CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root.selected .message-detail-area {
  font-weight: 500;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root:hover .adType-area, .CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root.selected .adType-area {
  font-weight: 500;
  margin-right: 20px;
}
.theme-default-theme .CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root:hover .adType-area, .theme-default-theme .CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root.selected .adType-area {
  color: #5cb8b5;
}
.theme-default-theme .CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root.selected .icon-area {
  background-color: #f67a48;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .icon-area {
  display: inline-block;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 0 !important;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.theme-default-theme .CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .icon-area {
  color: #ffffff;
  background-color: #003f76;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .icon-area svg {
  width: 30px;
  height: 30px;
  margin: 6px 0 0 0;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .message-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .message-text {
  display: inline-block;
  text-align: left;
  margin-left: 15px;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .message-title-area {
  font-weight: 500;
  font-size: 14px;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .message-detail-area {
  font-weight: 400;
  font-size: 13px;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .adType-area {
  text-align: left;
}
.theme-default-theme .CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .adType-area {
  color: #35353580;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .adType-area > div {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 7px;
  font-size: 12px;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .atl-superscript {
  font-size: 9px;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .message-detail-area-and-badge {
  display: flex;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .message-title-area-and-badge {
  display: flex;
  margin-bottom: -15px;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .starburst {
  background: #5cb8b5;
  width: 1.2em;
  height: 1.2em;
  text-align: center;
  color: #fff;
  position: relative;
  margin-left: 15px;
  transform: rotate(-45deg);
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .starburst span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: inherit;
  transform: rotate(45deg);
  font-size: 7px;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .starburst:before,
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .starburst:after,
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .starburst span:before,
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .starburst span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -1;
  transform: rotate(30deg);
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .starburst:after {
  transform: rotate(-30deg);
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .starburst span:before {
  transform: rotate(-30deg);
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .selected-check-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.theme-default-theme .CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .selected-check-icon {
  color: #ffffff;
  background-color: #f67a48;
}
.CampaignTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .selected-check-icon svg {
  width: 12px;
  height: 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/ProductCategory/ProductCategory.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;
  }
}
.ProductCategory .prod-keyword-category-div.create-keywords {
  display: grid;
  grid-template-columns: 9fr 1fr;
}
@media screen and (min-width: 600px) {
  .ProductCategory {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
.ProductCategory .asset-category-select {
  width: 100%;
  margin-bottom: 20px;
}
.ProductCategory .prod-category-keywords {
  width: 100%;
}
.ProductCategory .prod-category-keywords .MuiInputBase-root {
  width: 100%;
  flex-wrap: wrap;
}
.ProductCategory .prod-category-keywords .MuiChip-root.prod-category-chips {
  border-radius: 4px;
  height: 98%;
  margin-left: 3px;
  margin-bottom: 3px;
}
.theme-default-theme .ProductCategory .prod-category-keywords .MuiChip-root.prod-category-chips {
  border: 1px solid #003f7666;
  color: #f67a48;
  background-color: #ffffff;
}
.ProductCategory .prod-category-keywords .MuiChip-root.prod-category-chips .MuiChip-deleteIcon {
  color: #003f76;
}
.ProductCategory .prod-category-keywords .MuiChip-root.prod-category-chips .MuiChip-label {
  word-wrap: break-word;
  white-space: normal;
  text-overflow: clip;
}
.ProductCategory .prod-category-keywords .MuiOutlinedInput-root .MuiOutlinedInput-input {
  margin-left: 5px;
}
.ProductCategory .prod-category-keywords fieldset legend.css-1in441m {
  padding-right: 10px;
}
.ProductCategory .prod-category-tooltip-span {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: 10px;
}
@media screen and (min-width: 600px) {
  .ProductCategory .prod-category-tooltip-span {
    margin-bottom: 20px;
  }
}

.prod-category-tooltip-title {
  font-size: 10px;
}
.prod-category-tooltip-title .prod-category-tooltip-key {
  font-size: 10px;
  padding: 3px;
  border-radius: 4px;
}
.theme-default-theme .prod-category-tooltip-title .prod-category-tooltip-key {
  border: 1px solid #ffffff;
}
.prod-category-tooltip-title .prod-category-tooltip-comma {
  font-size: 15px;
  padding: 0px 3px 3px 3px;
  font-weight: 500;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ForecastToolbar/ForecastToolbar.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;
  }
}
.ForecastToolbar {
  overflow-y: auto;
  box-shadow: -2px 0px 0px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  transition: flex 300ms ease;
}
.ForecastToolbar.disabled {
  opacity: 0.5;
}
.ForecastToolbar .toolbar-content {
  animation: fadeIn 700ms ease-in;
  opacity: 1;
}
.ForecastToolbar .toolbar-header {
  color: white;
  background-color: #003f76;
  height: 50px;
}
.ForecastToolbar .toolbar-header .MuiSvgIcon-root {
  transform: rotate(180deg);
  transition: transform 300ms 50ms ease;
}
.ForecastToolbar .toolbar-header .toolbar-header-content {
  display: flex;
  justify-content: flex-start;
  padding: 15px 5px 10px 5px;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.ForecastToolbar .toolbar-header .toolbar-header-content div {
  animation: fadeIn 600ms ease-in;
}
.ForecastToolbar .toolbar-header .toolbar-header-content svg {
  margin-right: 10px;
  margin-left: 10px;
}
.ForecastToolbar .do-not-display-toolbar-content {
  opacity: 0;
  display: none;
}
.ForecastToolbar .do-not-display-collapsed-title {
  opacity: 0;
  display: none;
}
@media screen and (min-width: 1200px) {
  .ForecastToolbar {
    flex: 0 0 350px;
  }
  .ForecastToolbar.collapsed {
    flex: 0 0 50px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
  .ForecastToolbar {
    flex: 0 0 300px;
  }
  .ForecastToolbar.collapsed {
    flex: 0 0 50px;
  }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
  .ForecastToolbar {
    flex: 0 0 250px;
  }
  .ForecastToolbar.collapsed {
    flex: 0 0 50px;
  }
}
@media screen and (max-width: 799px) {
  .ForecastToolbar {
    flex: 0 0 40%;
  }
  .ForecastToolbar.collapsed {
    flex: 0 0 50px;
  }
}
.ForecastToolbar.collapsed {
  transition: flex 300ms ease;
  display: flex;
  flex-direction: column;
  box-shadow: -2px 0px 0px rgba(0, 0, 0, 0.25);
  width: 50px;
  background-color: #ffffff;
  cursor: pointer;
}
.ForecastToolbar.collapsed .MuiSvgIcon-root {
  transform: rotate(0deg);
  transition: transform 300ms 50ms ease;
}
.ForecastToolbar.collapsed .toolbar-header-collapsed {
  display: flex;
  justify-content: center;
  color: white;
  background-color: #003f76;
  height: 50px;
}
.ForecastToolbar.collapsed .toolbar-header-collapsed .toolbar-header-content {
  display: flex;
  position: relative;
  align-items: center;
}
.ForecastToolbar.collapsed .toolbar-header-collapsed .circle {
  border-radius: 50%;
  height: 15px;
  width: 15px;
  opacity: 0;
  position: absolute;
  left: 6px;
}
.ForecastToolbar.collapsed .toolbar-header-collapsed .circle.not-disabled {
  animation: pulse 3000ms linear infinite;
}
.ForecastToolbar.collapsed .toolbar-title-collapsed {
  transform: rotate(270deg) translate(-150px, -10px);
  transform-origin: top center;
  white-space: nowrap;
  opacity: 45%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ForecastToolbar.collapsed:hover .toolbar-title-collapsed.not-disabled {
  opacity: 100%;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0 0 0 1px rgb(92, 184, 181);
  }
  40% {
    transform: scale(3.2);
    opacity: 0;
    box-shadow: 0 0 0 2px rgb(92, 184, 181);
  }
  100% {
    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/TargetAudienceEstimateDisplay/TargetAudienceEstimateDisplay.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;
  }
}
.TargetAudienceEstimateDisplay {
  margin: 20px;
}
.TargetAudienceEstimateDisplay .LoadingIndicator {
  margin: 20px auto;
}
.TargetAudienceEstimateDisplay .target-estimate-validation-messages {
  border: 1px solid #003f7673;
  border-radius: 4px;
  padding: 15px;
}
.TargetAudienceEstimateDisplay .target-estimate-validation-messages div {
  font-size: 13px;
}
.TargetAudienceEstimateDisplay .target-estimate-validation-messages ul {
  list-style: none;
  padding-left: 0;
}
.TargetAudienceEstimateDisplay .target-estimate-validation-messages ul li {
  display: flex;
  align-items: center;
  line-height: 25px;
}
.TargetAudienceEstimateDisplay .target-estimate-validation-messages ul li.valid-input span {
  opacity: 0.4;
  transition: all 0.3s;
  font-size: 12.5px;
}
.TargetAudienceEstimateDisplay .target-estimate-validation-messages ul li.valid-input:before {
  content: "";
  display: inline-block;
  height: 25px;
  width: 25px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzBmODg0YyI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxTDkgMTYuMTd6Ii8+PC9zdmc+);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
  opacity: 1;
  transition: all 0.3s;
}
.TargetAudienceEstimateDisplay .target-estimate-validation-messages ul li.invalid-input span {
  font-size: 12.5px;
}
.TargetAudienceEstimateDisplay .target-estimate-validation-messages ul li.invalid-input:before {
  content: "";
  display: inline-block;
  height: 25px;
  width: 25px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzBmODg0YyI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxTDkgMTYuMTd6Ii8+PC9zdmc+);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
  opacity: 0;
  transition: all 0.3s;
}
.TargetAudienceEstimateDisplay .target-estimate-response-container {
  border: 1px solid #003f7673;
  border-radius: 4px;
  padding: 10px;
  font-size: 13px;
}
.TargetAudienceEstimateDisplay .target-estimate-response-container .LoadingIndicator {
  margin: 30px auto 20px auto;
}
.theme-default-theme .TargetAudienceEstimateDisplay .target-estimate-response-container .target-estimate-messages .budget-validation-messages,
.theme-default-theme .TargetAudienceEstimateDisplay .target-estimate-response-container .target-estimate-messages .actionable-text-area {
  color: #ff3333;
}
.TargetAudienceEstimateDisplay .target-estimate-response-container .target-estimate-messages .budget-validation-messages .actionable-text,
.TargetAudienceEstimateDisplay .target-estimate-response-container .target-estimate-messages .actionable-text-area .actionable-text {
  margin-left: 10px;
  font-size: 14px;
}
.TargetAudienceEstimateDisplay .target-estimate-response-container .target-estimate-messages .budget-validation-messages {
  margin-left: 10px;
  font-size: 14px;
}
.TargetAudienceEstimateDisplay .target-estimate-response-container .target-estimate-messages .actionable-icon {
  position: relative;
  top: 7px;
}
.theme-default-theme .TargetAudienceEstimateDisplay .target-estimate-response-container .target-estimate-messages .actionable-icon {
  color: #ff3333;
}
.TargetAudienceEstimateDisplay .target-estimate-response-container .target-estimate-messages .additional-impressions-message {
  margin-top: 10px;
  font-size: 13.5px;
}
.TargetAudienceEstimateDisplay .target-estimate-response-container .target-estimate-messages .additional-impressions-message div {
  font-size: 13.5px;
}
.TargetAudienceEstimateDisplay .target-estimate-response-container .target-estimate-messages .target-estimate-data {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.TargetAudienceEstimateDisplay .target-estimate-response-container .target-estimate-messages .target-estimate-data svg {
  margin-left: 8px;
}
.TargetAudienceEstimateDisplay .target-estimate-response-container .target-estimate-messages .target-estimate-data .message-label {
  font-weight: 600;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/CampaignEstimatesDisplay/CampaignEstimatesDisplay.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;
  }
}
.CampaignEstimatesDisplay .campaign-estimates-title-section {
  display: flex;
  margin: 20px 5px 10px 5px;
  align-items: center;
}
.CampaignEstimatesDisplay .campaign-estimates-title-section .campaign-estimates-title {
  font-weight: 600;
  font-size: 16px;
  flex: 1 1 auto;
}
.CampaignEstimatesDisplay .campaign-estimates-title-section .campaign-estimate-info-icon {
  padding-top: 2px;
  font-size: 20px;
}
.CampaignEstimatesDisplay .campaign-estimates-data-box {
  border: 1px solid #003f7673;
  border-radius: 4px;
  padding: 20px;
}
.CampaignEstimatesDisplay .campaign-estimate-data {
  display: flex;
}
.CampaignEstimatesDisplay .campaign-estimate-data .campaign-estimate-data-text {
  padding: 10px;
}
.CampaignEstimatesDisplay .campaign-estimate-data .campaign-estimate-icon {
  padding: 10px;
}
.theme-default-theme .CampaignEstimatesDisplay .campaign-estimate-data .campaign-estimate-icon {
  color: #5cb8b5;
}
.CampaignEstimatesDisplay .campaign-estimate-data .campaign-estimate-value {
  width: 100%;
}
.CampaignEstimatesDisplay .campaign-estimate-data .campaign-estimate-label {
  opacity: 0.45;
  width: 100%;
  font-size: 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/MinMaxBudgetDisplay/MinMaxBudgetDisplay.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;
  }
}
.MinMaxBudgetDisplay .budget-line-item {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.MinMaxBudgetDisplay .budget-line-item .lineItem-amount {
  margin: 0px 0px 0px 10px;
}
.MinMaxBudgetDisplay .budget-line-item .lineItem-label {
  font-size: 12px;
  opacity: 45%;
  margin: 0px 0px 0px 10px;
}
.MinMaxBudgetDisplay .budget-line-item:last-child {
  border-top: 1px solid #003f7673;
  padding-top: 10px;
  margin: 10px -10px 0px -10px;
}
.MinMaxBudgetDisplay .budget-line-item:last-child svg {
  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/PreviewPopover.tsx/PreviewPopover.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;
  }
}
.PreviewPopover .MuiPopover-paper {
  border-width: 2px;
  border-style: solid;
  border-radius: 0;
  border-image-slice: 1;
  transform: translateY(13px) !important;
  overflow-y: visible;
  overflow-x: visible;
}
.PreviewPopover .MuiPopover-paper .preview-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 .PreviewPopover .MuiPopover-paper .preview-popover-title {
  background-color: #003f76;
  color: #ffffff;
}
.PreviewPopover .MuiPopover-paper .preview-popover-title button {
  padding: 5px;
  margin-left: 10px;
}
.PreviewPopover .MuiPopover-paper .preview-popover-title button svg {
  height: 18px;
  width: 18px;
}
.theme-default-theme .PreviewPopover .MuiPopover-paper .preview-popover-title button svg {
  fill: #ffffff;
}
.PreviewPopover .MuiPopover-paper .preview-container {
  padding: 10px;
  width: calc(100% - 20px);
  max-width: 400px;
  max-height: 400px;
}
.PreviewPopover .MuiPopover-paper .preview-container img {
  max-width: 350px;
  max-height: 350px;
}
@media screen and (max-width: 500px) {
  .PreviewPopover .MuiPopover-paper .preview-container img {
    max-width: 250px;
  }
}
@media screen and (max-width: 350px) {
  .PreviewPopover .MuiPopover-paper .preview-container img {
    max-width: 150px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ImageAssetCreateForm/ImageAssetCreateForm.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;
  }
}
.ImageAssetCreateForm {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
  overflow: auto;
}
.ImageAssetCreateForm .form-saving-block {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.theme-default-theme .ImageAssetCreateForm .form-saving-block {
  background-color: #35353580;
}
.ImageAssetCreateForm .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.ImageAssetCreateForm .view-body > .MuiTextField-root {
  flex: 0 0 auto;
}
.ImageAssetCreateForm .view-body .InfoRow .info-row-label {
  flex: 0 0 110px;
}
.ImageAssetCreateForm .view-body .ComboSelect {
  flex: 0 0 auto;
}
.ImageAssetCreateForm .view-body .asset-name-entry {
  width: 100%;
}
.ImageAssetCreateForm .view-body .InfoRow,
.ImageAssetCreateForm .view-body .asset-name-entry-container,
.ImageAssetCreateForm .view-body .asset-type-select,
.ImageAssetCreateForm .view-body .sub-organizations-select,
.ImageAssetCreateForm .view-body .upload-image-asset-dropzone {
  margin-bottom: 20px;
}
.ImageAssetCreateForm .view-body .asset-properties-section {
  display: flex;
  flex-direction: column;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-name-entry-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-name-entry-container .asset-name-entry {
  flex: 1 1 auto;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-name-entry-container svg {
  flex: 0 0 auto;
  margin-left: 20px;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container {
  display: flex;
  flex-direction: column;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .upload-image-asset-dropzone {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  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 rx=%274%27 ry=%274%27 stroke=%27%23003F7673%27 stroke-width=%274%27 stroke-dasharray=%2716%27 stroke-dashoffset=%270%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0) !important;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .upload-image-asset-dropzone:hover, .ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .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 rx=%274%27 ry=%274%27 stroke=%27%23003F76FF%27 stroke-width=%274%27 stroke-dasharray=%2716%27 stroke-dashoffset=%270%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .upload-image-asset-dropzone .MuiButton-label {
  pointer-events: none;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .upload-image-asset-dropzone .dropzone-label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 5px;
  font-size: 15px;
  font-weight: 500;
  pointer-events: none;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .uploaded-image-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border-radius: 4px;
  height: 160px;
}
.theme-default-theme .ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .uploaded-image-container {
  background-color: #ffffff;
  border: 1px solid #003f7673;
}
.theme-default-theme .ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .uploaded-image-container:hover {
  border: 1px solid #003f76e6;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .uploaded-image-container .uploaded-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .uploaded-image-container .uploaded-image img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 150px;
  min-width: 120px;
  height: 100%;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .uploaded-image-container .image-metadata {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  margin: 10px 0 10px 10px;
  justify-content: center;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .uploaded-image-container .image-metadata .image-name {
  width: 100%;
  font-weight: 600;
  margin-bottom: 10px;
  word-break: break-word;
  overflow: hidden;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .uploaded-image-container .image-metadata .image-size {
  width: 100%;
  font-weight: 300;
  font-size: 13px;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .uploaded-image-container .image-controls {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  margin: 20px 40px 20px 20px;
}
.ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .uploaded-image-container .image-controls svg {
  width: 36px;
  height: 36px;
}
.theme-default-theme .ImageAssetCreateForm .view-body .asset-properties-section .asset-image-upload-container .uploaded-image-container .image-controls svg {
  color: #0f884c;
}
.ImageAssetCreateForm .form-validation-messages-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .ImageAssetCreateForm .form-validation-messages-icon {
  color: #f67a48;
}
.ImageAssetCreateForm .form-validation-messages-icon.validation-failed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.ImageAssetCreateForm .form-validation-passed-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .ImageAssetCreateForm .form-validation-passed-icon {
  color: #0f884c;
}
.ImageAssetCreateForm .form-validation-passed-icon.validation-passed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.ImageAssetCreateForm .MuiButton-root {
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms ease !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/CampaignInfoView/CampaignInfoView.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;
  }
}
.CampaignInfoView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
  position: relative;
}
.CampaignInfoView .drawer-tab-bar {
  box-shadow: none;
}
.theme-default-theme .CampaignInfoView .drawer-tab-bar {
  background-color: #ffffff !important;
}
.theme-default-theme .CampaignInfoView .drawer-tab-bar .MuiButtonBase-root {
  color: #2969a080 !important;
}
.theme-default-theme .CampaignInfoView .drawer-tab-bar .MuiButtonBase-root.Mui-selected {
  color: #2969a0 !important;
}
.CampaignInfoView .drawer-tab-bar .MuiTabs-indicator {
  height: 4px;
}
.theme-default-theme .CampaignInfoView .drawer-tab-bar .MuiTabs-indicator {
  background-color: #2969a0 !important;
}
.CampaignInfoView .menu-popup {
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: 1px 2px #e6eaef;
  position: absolute;
  right: 20px;
  top: 70px;
  z-index: 1;
}
.CampaignInfoView .menu-popup .icon-text-button {
  display: flex;
  align-items: center;
  background-color: #ffffff !important;
  justify-content: flex-start;
  border-radius: 0;
}
.CampaignInfoView .menu-popup .icon-text-button:not(:last-child) {
  border-bottom: 1px solid #e6eaef;
}
.CampaignInfoView .menu-popup .icon-text-button .text {
  margin-left: 15px;
}
.CampaignInfoView .menu-popup .icon-text-button .pause-icon {
  color: #ffcc33;
}
.CampaignInfoView .menu-popup .icon-text-button .reactivate-icon {
  color: #0b9790;
}
.CampaignInfoView .menu-popup .icon-text-button .complete-icon {
  color: #f67a48;
}
.CampaignInfoView .menu-popup .icon-text-button .discard-icon {
  color: #353535;
}
.CampaignInfoView .menu-popup .icon-text-button:hover {
  background-color: #e6eaef !important;
}
.CampaignInfoView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.CampaignInfoView .view-body.status-history-tab {
  padding: 0 !important;
}
.CampaignInfoView .view-body.status-history-tab .header-table-container > table > thead > tr th:nth-child(1),
.CampaignInfoView .view-body.status-history-tab .header-table-container > table > thead > tr td:nth-child(1),
.CampaignInfoView .view-body.status-history-tab .body-table-container > table > tbody > tr th:nth-child(1),
.CampaignInfoView .view-body.status-history-tab .body-table-container > table > tbody > tr td:nth-child(1) {
  width: 34%;
  padding: 16px 8px 16px 20px;
}
.CampaignInfoView .view-body.status-history-tab .header-table-container > table > thead > tr th:nth-child(2),
.CampaignInfoView .view-body.status-history-tab .header-table-container > table > thead > tr td:nth-child(2),
.CampaignInfoView .view-body.status-history-tab .body-table-container > table > tbody > tr th:nth-child(2),
.CampaignInfoView .view-body.status-history-tab .body-table-container > table > tbody > tr td:nth-child(2) {
  width: 33%;
  padding: 16px 8px;
}
.CampaignInfoView .view-body.status-history-tab .header-table-container > table > thead > tr th:nth-child(3),
.CampaignInfoView .view-body.status-history-tab .header-table-container > table > thead > tr td:nth-child(3),
.CampaignInfoView .view-body.status-history-tab .body-table-container > table > tbody > tr th:nth-child(3),
.CampaignInfoView .view-body.status-history-tab .body-table-container > table > tbody > tr td:nth-child(3) {
  width: 33%;
  padding: 16px 20px 16px 8px;
}
.CampaignInfoView .view-body.status-history-tab .header-table-container > table > thead > tr th:nth-child(4),
.CampaignInfoView .view-body.status-history-tab .body-table-container > table > tbody > tr th:nth-child(4) {
  padding: 0 !important;
}
.CampaignInfoView .view-body.status-history-tab .header-table-container > table > thead > tr th:nth-child(4) .spacer-div,
.CampaignInfoView .view-body.status-history-tab .body-table-container > table > tbody > tr th:nth-child(4) .spacer-div {
  width: 15px;
}
.CampaignInfoView .view-body.status-history-tab .header-table-container {
  overflow: visible;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.CampaignInfoView .view-body.status-history-tab .body-table-container {
  overflow-y: scroll;
}
.CampaignInfoView .view-body .campaign-general-info-view,
.CampaignInfoView .view-body .campaign-ad-info-view {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow {
  flex: 0 0 auto;
  margin-bottom: 20px;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .native-ad-text-color-preview,
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .banner-ad-text-color-preview,
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .banner-ad-background-color-preview,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .native-ad-text-color-preview,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .banner-ad-text-color-preview,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .banner-ad-background-color-preview {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .native-ad-text-color-preview .color-container,
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .banner-ad-text-color-preview .color-container,
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .banner-ad-background-color-preview .color-container,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .native-ad-text-color-preview .color-container,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .banner-ad-text-color-preview .color-container,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .banner-ad-background-color-preview .color-container {
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.theme-default-theme .CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .native-ad-text-color-preview .color-container,
.theme-default-theme .CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .banner-ad-text-color-preview .color-container,
.theme-default-theme .CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .banner-ad-background-color-preview .color-container,
.theme-default-theme .CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .native-ad-text-color-preview .color-container,
.theme-default-theme .CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .banner-ad-text-color-preview .color-container,
.theme-default-theme .CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .banner-ad-background-color-preview .color-container {
  border: 1px solid #003f7673;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .native-ad-text-color-preview .hex-value-container,
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .banner-ad-text-color-preview .hex-value-container,
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .banner-ad-background-color-preview .hex-value-container,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .native-ad-text-color-preview .hex-value-container,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .banner-ad-text-color-preview .hex-value-container,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .banner-ad-background-color-preview .hex-value-container {
  margin-left: 5px;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .campaign-ad-banner-preview-sizes,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .campaign-ad-banner-preview-sizes {
  margin-bottom: 20px;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .AdPreviewSizeMessage,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .AdPreviewSizeMessage {
  margin-left: 0;
  margin-top: 10px;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x50,
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-300x250,
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x480,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x50,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-300x250,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x480 {
  border-width: 1px;
  border-style: solid;
}
.theme-default-theme .CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x50,
.theme-default-theme .CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-300x250,
.theme-default-theme .CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x480,
.theme-default-theme .CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x50,
.theme-default-theme .CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-300x250,
.theme-default-theme .CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x480 {
  border-color: #003f7680;
  background-color: #ffffff;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x50 img,
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-300x250 img,
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x480 img,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x50 img,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-300x250 img,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x480 img {
  width: 100%;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x50,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x50 {
  width: 320px;
  height: 50px;
  margin-bottom: 20px;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-300x250,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-300x250 {
  width: 300px;
  height: 250px;
  margin-bottom: 20px;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x480,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .static-circular-banner-320x480 {
  width: 320px;
  height: 480px;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .smartphone,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .smartphone {
  position: relative;
  width: 340px;
  height: 560px;
  border: 8px solid black;
  border-top-width: 30px;
  border-bottom-width: 30px;
  border-radius: 24px;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .smartphone:before,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .smartphone:before {
  content: "";
  display: block;
  width: 60px;
  height: 5px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #333;
  border-radius: 10px;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .smartphone .smartphone-screen,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .smartphone .smartphone-screen {
  width: 340px;
  height: 560px;
  border-radius: 4px;
  background: white;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .smartphone .smartphone-screen iframe,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .smartphone .smartphone-screen iframe {
  width: 100%;
  height: 100%;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .ad-preview-info,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .ad-preview-info {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  margin-top: 5px;
  width: 340px;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .ad-preview-info .ad-preview-note,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .ad-preview-info .ad-preview-note {
  display: flex;
  flex: 1 1 auto;
  margin-bottom: 10px;
}
.theme-default-theme .CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .ad-preview-info .ad-preview-note,
.theme-default-theme .CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .ad-preview-info .ad-preview-note {
  color: #ff3333;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .ad-preview-info .ad-preview-note b,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .ad-preview-info .ad-preview-note b {
  overflow-wrap: normal;
  word-wrap: normal;
  word-break: normal;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .ad-preview-info .ad-preview-open-in-new-tab,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .ad-preview-info .ad-preview-open-in-new-tab {
  flex: 0 0 auto;
  margin-left: 5px;
}
.CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .ad-preview-iframe,
.CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .ad-preview-iframe {
  border-style: none;
  flex: 1 1 auto;
  height: 100%;
}
.theme-default-theme .CampaignInfoView .view-body .campaign-general-info-view .data-section .InfoRow .ad-preview-container .ad-preview-iframe,
.theme-default-theme .CampaignInfoView .view-body .campaign-ad-info-view .data-section .InfoRow .ad-preview-container .ad-preview-iframe {
  border-color: #003f7680;
  background-color: #ffffff;
}
.CampaignInfoView .view-body .campaign-general-info-view .edit-icon-section,
.CampaignInfoView .view-body .campaign-ad-info-view .edit-icon-section {
  flex: 0 0 auto;
}
.CampaignInfoView .view-body .MuiTableContainer-root .MuiTableCell-root {
  font-size: 15px;
}
.theme-default-theme .CampaignInfoView .view-body .MuiTableContainer-root .MuiTableCell-root {
  color: #003f76;
  background-color: #f5f8fb;
  border-bottom: 1px solid #003f7626;
}
.CampaignInfoView .view-body .MuiTableContainer-root .MuiTableHead-root .MuiTableCell-root {
  padding-top: 0;
  font-weight: 600;
}
.theme-default-theme .CampaignInfoView .view-body .MuiTableContainer-root .MuiTableBody-root .MuiTableRow-root:last-of-type .MuiTableCell-root {
  border-bottom: none;
}
.CampaignInfoView .view-body .LoadingIndicator {
  height: 100%;
  flex: 1 1 auto;
}

.app-bar-container {
  display: flex;
  justify-content: space-between;
}
.theme-default-theme .app-bar-container .three-dot-icon > svg {
  color: #003f76 !important;
}

.confirmation-message-dialog .MuiDialogActions-root {
  justify-content: center;
}
.confirmation-message-dialog .MuiDialogActions-root .confirm-campaign-button-container {
  position: relative;
}
.theme-default-theme .confirmation-message-dialog .MuiDialogActions-root .confirm-campaign-button-container .confirm-campaign-button {
  color: #ffffff !important;
  background-color: #f67a48 !important;
}
.confirmation-message-dialog .MuiDialogActions-root .confirm-campaign-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/CampaignGeneralInfoEditView/CampaignGeneralInfoEditView.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;
  }
}
.CampaignGeneralInfoEditView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
  overflow: auto;
}
.CampaignGeneralInfoEditView .form-saving-block {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.theme-default-theme .CampaignGeneralInfoEditView .form-saving-block {
  background-color: #35353580;
}
.CampaignGeneralInfoEditView .form-and-toolbar {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.CampaignGeneralInfoEditView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.CampaignGeneralInfoEditView .view-body > .MuiTextField-root {
  flex: 0 0 auto;
}
.CampaignGeneralInfoEditView .view-body .NumericInput {
  flex: 1 1 auto;
  margin: 0 0 20px 20px;
}
.CampaignGeneralInfoEditView .view-body .ComboSelect {
  flex: 0 0 auto;
}
.CampaignGeneralInfoEditView .view-body .campaign-name-entry {
  width: 100%;
}
.CampaignGeneralInfoEditView .view-body .campaign-name-entry,
.CampaignGeneralInfoEditView .view-body .DateSelector {
  margin-bottom: 20px;
}
.CampaignGeneralInfoEditView .view-body .schedule-and-budget-container {
  display: flex;
}
.CampaignGeneralInfoEditView .view-body .schedule-and-budget-container .schedule-and-budget {
  width: 60%;
}
.CampaignGeneralInfoEditView .view-body .schedule-and-budget-container .campaign-budget-input {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.CampaignGeneralInfoEditView .view-body .schedule-and-budget-container .campaign-budget-input.full-width .NumericInput {
  margin: 0;
}
.CampaignGeneralInfoEditView .view-body .schedule-and-budget-container .campaign-budget-input > p {
  margin: 5px 0 20px;
}
.CampaignGeneralInfoEditView .view-body .minimum-allowed-budget-message {
  margin: 5px 0 0 20px;
  font-size: 13px;
}
.CampaignGeneralInfoEditView .form-validation-messages-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .CampaignGeneralInfoEditView .form-validation-messages-icon {
  color: #f67a48;
}
.CampaignGeneralInfoEditView .form-validation-messages-icon.validation-failed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.CampaignGeneralInfoEditView .form-validation-passed-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .CampaignGeneralInfoEditView .form-validation-passed-icon {
  color: #0f884c;
}
.CampaignGeneralInfoEditView .form-validation-passed-icon.validation-passed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.CampaignGeneralInfoEditView .MuiButton-root {
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms ease !important;
}
.CampaignGeneralInfoEditView .MuiFormControlLabel-root > span {
  color: #003f76;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/CampaignAdInfoEditView/CampaignAdInfoEditView.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;
  }
}
.CampaignAdInfoEditView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
  overflow: auto;
}
.CampaignAdInfoEditView .form-saving-block {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.theme-default-theme .CampaignAdInfoEditView .form-saving-block {
  background-color: #35353580;
}
.CampaignAdInfoEditView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
}
.CampaignAdInfoEditView .view-body .ComboSelect {
  flex: 0 0 auto;
}
.CampaignAdInfoEditView .view-body .circular-type-select,
.CampaignAdInfoEditView .view-body .product-notes,
.CampaignAdInfoEditView .view-body .image-assets-group,
.CampaignAdInfoEditView .view-body .campaign-ad-headline-text,
.CampaignAdInfoEditView .view-body .campaign-ad-body-text,
.CampaignAdInfoEditView .view-body .campaign-ad-action-button-text,
.CampaignAdInfoEditView .view-body .campaign-ad-action-url,
.CampaignAdInfoEditView .view-body .campaign-out-of-app-ad-banner-preview-sizes,
.CampaignAdInfoEditView .view-body .creative-option-select,
.CampaignAdInfoEditView .view-body .retailer-select,
.CampaignAdInfoEditView .view-body .product-upc-and-average-product-price-container,
.CampaignAdInfoEditView .view-body .ColorPicker {
  margin-bottom: 20px;
}
.CampaignAdInfoEditView .view-body .FormSectionHeader {
  margin-top: 20px;
}
.CampaignAdInfoEditView .view-body .product-upc-and-average-product-price-container,
.CampaignAdInfoEditView .view-body .campaign-ad-headline-text,
.CampaignAdInfoEditView .view-body .campaign-ad-body-text,
.CampaignAdInfoEditView .view-body .campaign-ad-action-url {
  width: 100%;
}
.CampaignAdInfoEditView .view-body .info-tool-tip {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-left: 20px;
}
.CampaignAdInfoEditView .view-body .product-upc-and-average-product-price-container {
  display: flex;
}
.CampaignAdInfoEditView .view-body .product-upc-and-average-product-price-container .input-container {
  flex: 1 1 auto;
}
.CampaignAdInfoEditView .view-body .product-upc-and-average-product-price-container .product-upc-add-to-cart {
  width: 100%;
}
.CampaignAdInfoEditView .view-body .product-upc-and-average-product-price-container .NumericInput {
  flex: 1 1 auto;
  margin-left: 20px;
}
.CampaignAdInfoEditView .view-body .product-page-url-container {
  display: flex;
  margin-bottom: 20px;
}
.CampaignAdInfoEditView .view-body .product-page-url-container .product-page-url {
  flex: 1 1 auto;
}
.CampaignAdInfoEditView .view-body .campaign-ad-color-picker-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
@media screen and (min-width: 650px) {
  .CampaignAdInfoEditView .view-body .campaign-ad-color-picker-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.CampaignAdInfoEditView .view-body .campaign-ad-color-picker-container .ColorPicker {
  justify-content: flex-start;
}
.CampaignAdInfoEditView .view-body .campaign-ad-color-picker-container .ColorPicker .color-picker-label {
  font-size: 14px;
}
.CampaignAdInfoEditView .view-body .ad-asset-select-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: center;
}
.CampaignAdInfoEditView .view-body .ad-asset-select-container .campaign-ad-product,
.CampaignAdInfoEditView .view-body .ad-asset-select-container .campaign-ad-logo,
.CampaignAdInfoEditView .view-body .ad-asset-select-container .campaign-ad-lifestyle {
  flex: 1 1 auto;
}
.CampaignAdInfoEditView .view-body .ad-asset-select-container .add-asset-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
}
.CampaignAdInfoEditView .view-body .ad-asset-select-container .add-asset-button .MuiIconButton-root {
  width: 48px;
  height: 48px;
  margin-left: 5px;
}
.theme-default-theme .CampaignAdInfoEditView .view-body .ad-asset-select-container .add-asset-button .MuiIconButton-root:hover {
  background-color: #003f7630;
}
.theme-default-theme .CampaignAdInfoEditView .view-body .ad-asset-select-container .add-asset-button .MuiIconButton-root:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .CampaignAdInfoEditView .view-body .ad-asset-select-container .add-asset-button .MuiIconButton-root.Mui-disabled {
  color: #003f7630;
}
.CampaignAdInfoEditView .view-body .ad-asset-select-container .add-asset-button .MuiIconButton-root svg {
  width: 24px;
  height: 24px;
}
.CampaignAdInfoEditView .view-body .ad-custom-creative-select-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: center;
}
.CampaignAdInfoEditView .view-body .ad-custom-creative-select-container .campaign-custom-creative {
  flex: 1 1 auto;
}
.CampaignAdInfoEditView .view-body .ad-custom-creative-select-container .add-asset-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
}
.CampaignAdInfoEditView .view-body .ad-custom-creative-select-container .add-asset-button .MuiIconButton-root {
  width: 48px;
  height: 48px;
  margin-left: 5px;
}
.theme-default-theme .CampaignAdInfoEditView .view-body .ad-custom-creative-select-container .add-asset-button .MuiIconButton-root:hover {
  background-color: #003f7630;
}
.theme-default-theme .CampaignAdInfoEditView .view-body .ad-custom-creative-select-container .add-asset-button .MuiIconButton-root:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .CampaignAdInfoEditView .view-body .ad-custom-creative-select-container .add-asset-button .MuiIconButton-root.Mui-disabled {
  color: #003f7630;
}
.CampaignAdInfoEditView .view-body .ad-custom-creative-select-container .add-asset-button .MuiIconButton-root svg {
  width: 24px;
  height: 24px;
}
.CampaignAdInfoEditView .view-body .preview-button {
  margin-left: 12px;
}
.CampaignAdInfoEditView .view-body .ad-iframe-box {
  display: flex;
}
@media screen and (max-width: 600px) {
  .CampaignAdInfoEditView .view-body .ad-iframe-box {
    flex-direction: column;
    align-items: flex-start;
  }
}
.CampaignAdInfoEditView .view-body .characters-counter {
  display: flex;
  flex-direction: column;
}
.CampaignAdInfoEditView .view-body .characters-counter .counter-value {
  font-size: 12px;
  margin-bottom: -6px;
  color: #003f76;
}
.CampaignAdInfoEditView .view-body .characters-counter .counter-value > span {
  font-size: 15px;
  font-weight: 500;
}
.CampaignAdInfoEditView .view-body .characters-counter .counter-value .less-than-30 {
  color: #003f76;
}
.CampaignAdInfoEditView .view-body .characters-counter .counter-value .thirty-to-40 {
  color: #0f884c;
}
.CampaignAdInfoEditView .view-body .characters-counter .counter-value .more-than-40 {
  color: #ff3333;
}
.CampaignAdInfoEditView .view-body .characters-counter .counter-recommendation {
  font-size: 10px;
  opacity: 75%;
}
.theme-default-theme .CampaignAdInfoEditView .view-body .characters-counter .counter-recommendation {
  color: #003f76;
}
.CampaignAdInfoEditView .product-name-note {
  margin: 5px 0 20px;
}
.CampaignAdInfoEditView .form-validation-messages-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .CampaignAdInfoEditView .form-validation-messages-icon {
  color: #f67a48;
}
.CampaignAdInfoEditView .form-validation-messages-icon.validation-failed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.CampaignAdInfoEditView .form-validation-passed-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .CampaignAdInfoEditView .form-validation-passed-icon {
  color: #0f884c;
}
.CampaignAdInfoEditView .form-validation-passed-icon.validation-passed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.CampaignAdInfoEditView .MuiButton-root {
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms ease !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/ActivateCampaignForm/ActivateCampaignForm.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;
  }
}
.ActivateCampaignForm {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
  overflow: auto;
}
.ActivateCampaignForm .form-loading-block {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.theme-default-theme .ActivateCampaignForm .form-loading-block {
  background-color: #35353580;
}
.ActivateCampaignForm .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.ActivateCampaignForm .view-body .FormSectionHeader:nth-child(1) {
  margin-top: 0;
}
.ActivateCampaignForm .view-body .CheckboxList {
  min-height: 200px;
  margin: -20px;
}
.ActivateCampaignForm .view-body .summary-container {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 10px;
}
.ActivateCampaignForm .view-body .summary-container > div {
  display: flex;
  flex-direction: row;
}
.ActivateCampaignForm .view-body .summary-container > div > div:nth-child(1) {
  font-weight: 500;
}
.ActivateCampaignForm .view-body .summary-container > div > div:nth-child(2) {
  margin-left: 10px;
  font-weight: 300;
}
.ActivateCampaignForm .form-validation-messages-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .ActivateCampaignForm .form-validation-messages-icon {
  color: #f67a48;
}
.ActivateCampaignForm .form-validation-messages-icon.validation-failed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.ActivateCampaignForm .form-validation-passed-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .ActivateCampaignForm .form-validation-passed-icon {
  color: #0f884c;
}
.ActivateCampaignForm .form-validation-passed-icon.validation-passed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.ActivateCampaignForm .MuiButton-root {
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms ease !important;
}

.campaign-approval-message-dialog .MuiDialogTitle-root h2 {
  font-size: 18px !important;
}
.campaign-approval-message-dialog .MuiDialogTitle-root h2 div {
  display: flex;
  align-items: center;
}
.campaign-approval-message-dialog .MuiDialogContent-root {
  padding: 20px !important;
}
.campaign-approval-message-dialog .submission-results-container {
  display: flex;
  flex-direction: column;
}
.campaign-approval-message-dialog .submission-results-container .FormSectionHeader {
  margin-left: -20px;
  margin-right: -20px;
}
.campaign-approval-message-dialog .submission-results-container .FormSectionHeader:first-child {
  margin-top: 0px;
}
.campaign-approval-message-dialog .submission-results-container .success-entries,
.campaign-approval-message-dialog .submission-results-container .error-entries {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.campaign-approval-message-dialog .submission-results-container .success-entries .success-entry:last-child,
.campaign-approval-message-dialog .submission-results-container .success-entries .error-entry:last-child,
.campaign-approval-message-dialog .submission-results-container .error-entries .success-entry:last-child,
.campaign-approval-message-dialog .submission-results-container .error-entries .error-entry:last-child {
  margin-bottom: 0 !important;
}
.campaign-approval-message-dialog .submission-results-container .success-entries .status-container,
.campaign-approval-message-dialog .submission-results-container .error-entries .status-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  margin-bottom: 20px;
}
.campaign-approval-message-dialog .submission-results-container .success-entries .status-container .first-row-elements,
.campaign-approval-message-dialog .submission-results-container .error-entries .status-container .first-row-elements {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 1 auto;
  margin-bottom: 2px;
}
.campaign-approval-message-dialog .submission-results-container .success-entries .status-container .first-row-elements .status-icon,
.campaign-approval-message-dialog .submission-results-container .error-entries .status-container .first-row-elements .status-icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  margin-right: 5px;
}
.campaign-approval-message-dialog .submission-results-container .success-entries .status-container .first-row-elements .status-icon svg,
.campaign-approval-message-dialog .submission-results-container .error-entries .status-container .first-row-elements .status-icon svg {
  width: 24px;
  height: 24px;
}
.theme-default-theme .campaign-approval-message-dialog .submission-results-container .success-entries .status-container .first-row-elements .status-icon svg.success-icon,
.theme-default-theme .campaign-approval-message-dialog .submission-results-container .error-entries .status-container .first-row-elements .status-icon svg.success-icon {
  color: #0f884c;
}
.theme-default-theme .campaign-approval-message-dialog .submission-results-container .success-entries .status-container .first-row-elements .status-icon svg.error-icon,
.theme-default-theme .campaign-approval-message-dialog .submission-results-container .error-entries .status-container .first-row-elements .status-icon svg.error-icon {
  color: #ff3333;
}
.campaign-approval-message-dialog .submission-results-container .success-entries .status-container .first-row-elements .campaign-name,
.campaign-approval-message-dialog .submission-results-container .error-entries .status-container .first-row-elements .campaign-name {
  flex: 1 1 auto;
  font-weight: 500;
}
.campaign-approval-message-dialog .submission-results-container .success-entries .status-container .status-message,
.campaign-approval-message-dialog .submission-results-container .error-entries .status-container .status-message {
  flex: 1 1 auto;
  font-weight: 300;
  margin-left: 29px;
}
.campaign-approval-message-dialog .MuiDialogActions-root {
  justify-content: center;
  align-items: center;
  height: 65px;
  padding-bottom: 0 !important;
}
.theme-default-theme .campaign-approval-message-dialog .MuiDialogActions-root {
  background-color: #e6eaef !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/CheckboxList/CheckboxList.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;
  }
}
.CheckboxList {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto !important;
  width: auto !important;
  height: auto !important;
}
.CheckboxList .List {
  width: auto !important;
}
.CheckboxList .List .list-item {
  padding-left: 20px;
  padding-right: 20px;
}
.theme-default-theme .CheckboxList .List .list-item .list-item-checkbox {
  color: #003f76 !important;
}
.theme-default-theme .CheckboxList .List .list-item .list-item-checkbox:hover {
  background-color: #003f7630 !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/StaticTargetCreateForm/StaticTargetCreateForm.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;
  }
}
.StaticTargetCreateForm {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
  overflow: auto;
}
.StaticTargetCreateForm .form-saving-block {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.theme-default-theme .StaticTargetCreateForm .form-saving-block {
  background-color: #35353580;
}
.StaticTargetCreateForm .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.StaticTargetCreateForm .view-body .ComboSelect {
  flex: 0 0 auto;
}
.StaticTargetCreateForm .view-body .target-type-select {
  margin-bottom: 20px;
}
.StaticTargetCreateForm .view-body .static-target-inputs {
  display: flex;
  flex-direction: column;
}
.StaticTargetCreateForm .view-body .static-target-inputs > .MuiTextField-root {
  flex: 0 0 auto;
}
.StaticTargetCreateForm .view-body .static-target-inputs .static-target-name-entry {
  width: 100%;
}
.StaticTargetCreateForm .view-body .static-target-inputs .sub-organization-select {
  margin-top: 20px;
}
.StaticTargetCreateForm .view-body .static-target-inputs .section-divider {
  flex: 0 0 auto;
  width: 100%;
}
.theme-default-theme .StaticTargetCreateForm .view-body .static-target-inputs .section-divider {
  border-bottom: 1px solid #003f7666;
}
.StaticTargetCreateForm .view-body .static-target-inputs .static-targeting-entry-options {
  display: flex;
  flex-direction: row;
  margin: 0 0 11px 0;
}
.theme-default-theme .StaticTargetCreateForm .view-body .static-target-inputs .static-targeting-entry-options .MuiRadio-root {
  color: #003f76 !important;
}
.theme-default-theme .StaticTargetCreateForm .view-body .static-target-inputs .static-targeting-entry-options .MuiRadio-root:hover {
  background-color: #003f7630 !important;
}
.StaticTargetCreateForm .view-body .static-target-inputs .static-targeting-entry-options .MuiFormControlLabel-root:first-child {
  margin-right: 40px;
}
.StaticTargetCreateForm .view-body .static-target-inputs .static-targeting-entry-options .MuiFormControlLabel-root .MuiFormControlLabel-label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.StaticTargetCreateForm .view-body .static-target-inputs .SelectedItemsList {
  height: 400px;
}
.StaticTargetCreateForm .view-body .static-target-inputs .no-entries-selected-message {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.StaticTargetCreateForm .view-body .static-target-inputs .no-entries-selected-message > div {
  margin-top: 10px;
}
.StaticTargetCreateForm .form-validation-messages-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .StaticTargetCreateForm .form-validation-messages-icon {
  color: #f67a48;
}
.StaticTargetCreateForm .form-validation-messages-icon.validation-failed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.StaticTargetCreateForm .form-validation-passed-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .StaticTargetCreateForm .form-validation-passed-icon {
  color: #0f884c;
}
.StaticTargetCreateForm .form-validation-passed-icon.validation-passed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.StaticTargetCreateForm .MuiButton-root {
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms ease !important;
}

.invalid-static-target-entries-message-dialog .MuiDialogContent-root {
  display: flex;
  flex-direction: column;
}
.invalid-static-target-entries-message-dialog .MuiDialogContent-root .invalid-entries-message {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.invalid-static-target-entries-message-dialog .MuiDialogContent-root .invalid-entries-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 300px;
  overflow: auto;
  margin-top: 10px;
}
.invalid-static-target-entries-message-dialog .MuiDialogContent-root .invalid-entries-list .invalid-entry {
  margin-top: 10px;
}
.theme-default-theme .invalid-static-target-entries-message-dialog .MuiDialogContent-root .invalid-entries-list .invalid-entry {
  color: #ff3333 !important;
}
.invalid-static-target-entries-message-dialog .MuiDialogActions-root {
  justify-content: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/GoogleMapPlaceInput/GoogleMapPlaceInput.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.GoogleMapPlaceInput {
  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/SelectedItemsList/SelectedItemsList.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;
  }
}
.SelectedItemsList {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.SelectedItemsList .selected-item-count-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.SelectedItemsList .selected-item-count-container .selected-item-count-label {
  flex: 0 0 auto;
  margin-right: 10px;
  font-weight: 600;
}
.SelectedItemsList .selected-item-count-container .selected-item-count-value {
  flex: 1 1 auto;
  font-weight: 600;
}
.theme-default-theme .SelectedItemsList .selected-item-count-container .selected-item-count-value {
  color: #5cb8b5;
}
.SelectedItemsList .item-search-container {
  display: flex;
  flex: 0 0 auto;
}
.SelectedItemsList .item-search-container .search-items-text-field {
  flex: 1 1 auto;
}
.SelectedItemsList .item-list-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  overflow: auto;
}
.SelectedItemsList .item-list-container .item-list {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto !important;
  width: 100% !important;
  height: auto !important;
}
.SelectedItemsList .item-list-container .item-list .List {
  width: auto !important;
}
.SelectedItemsList .item-list-container .item-list .List .list-item {
  padding-left: 20px;
  padding-right: 20px;
  transition: background-color 300ms ease;
}
.theme-default-theme .SelectedItemsList .item-list-container .item-list .List .list-item:hover {
  background-color: #003f761a !important;
}
.theme-default-theme .SelectedItemsList .item-list-container .item-list .List .list-item .MuiIconButton-root {
  color: #003f76 !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/CsvDataExtractor/CsvDataExtractor.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;
  }
}
.CsvDataExtractor {
  display: flex;
  flex-direction: column;
}
.CsvDataExtractor .csv-upload-container {
  display: flex;
  flex-direction: column;
  height: 100px;
}
.CsvDataExtractor .csv-upload-container .upload-csv-dropzone {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  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 rx=%274%27 ry=%274%27 stroke=%27%23003F7673%27 stroke-width=%274%27 stroke-dasharray=%2716%27 stroke-dashoffset=%270%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0) !important;
}
.CsvDataExtractor .csv-upload-container .upload-csv-dropzone:hover, .CsvDataExtractor .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 rx=%274%27 ry=%274%27 stroke=%27%23003F76FF%27 stroke-width=%274%27 stroke-dasharray=%2716%27 stroke-dashoffset=%270%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
}
.CsvDataExtractor .csv-upload-container .upload-csv-dropzone .MuiButton-label {
  pointer-events: none;
}
.CsvDataExtractor .csv-upload-container .upload-csv-dropzone .dropzone-label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 5px;
  font-size: 15px;
  font-weight: 500;
  pointer-events: none;
}
.CsvDataExtractor .csv-upload-container .extracting-indicator-container {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.CsvDataExtractor .uploaded-file-name-display {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}
.CsvDataExtractor .uploaded-file-name-display > div:first-child {
  flex: 0 0 auto;
  margin-right: 10px;
  font-weight: 600;
}
.CsvDataExtractor .uploaded-file-name-display > div:last-child {
  flex: 1 1 auto;
  font-weight: 600;
}
.theme-default-theme .CsvDataExtractor .uploaded-file-name-display > div:last-child {
  color: #5cb8b5;
}
.CsvDataExtractor .zip-code-type-column-entry-row-1,
.CsvDataExtractor .zip-code-type-column-entry-row-2,
.CsvDataExtractor .address-type-column-entry-row-1,
.CsvDataExtractor .address-type-column-entry-row-2,
.CsvDataExtractor .address-type-column-entry-row-3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.CsvDataExtractor .zip-code-type-column-entry-row-1 .ComboSelect,
.CsvDataExtractor .zip-code-type-column-entry-row-2 .ComboSelect,
.CsvDataExtractor .address-type-column-entry-row-1 .ComboSelect,
.CsvDataExtractor .address-type-column-entry-row-2 .ComboSelect,
.CsvDataExtractor .address-type-column-entry-row-3 .ComboSelect {
  flex: 1 1 auto;
}
.theme-default-theme .CsvDataExtractor .zip-code-type-extract-button,
.theme-default-theme .CsvDataExtractor .address-type-extract-button {
  color: #ffffff !important;
  background-color: #f67a48 !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/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 {
  display: flex;
}
.ConfirmationDialog .MuiDialogActions-root {
  justify-content: center;
}
.ConfirmationDialog .MuiDialogActions-root .confirmation-dialog-confirm-button-container {
  display: flex;
  position: relative;
}
.theme-default-theme .ConfirmationDialog .MuiDialogActions-root .confirmation-dialog-confirm-button-container .confirmation-dialog-confirm-button {
  color: #ffffff !important;
  background-color: #f67a48 !important;
}
.theme-default-theme .ConfirmationDialog .MuiDialogActions-root .confirmation-dialog-confirm-button-container .confirmation-dialog-confirm-button.black-button {
  background-color: #353535 !important;
}
.ConfirmationDialog .MuiDialogActions-root .confirmation-dialog-confirm-button-container .LoadingIndicator {
  position: absolute;
  height: 100%;
  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/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 .main-header-container {
  margin: -20px;
  display: flex;
  align-items: flex-start;
  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);
  height: 65px;
  margin-bottom: 20px;
}
.theme-default-theme .DashboardView .main-header-container {
  background-color: #ffffff;
}
.DashboardView .main-header-container .dashboard-filters-button {
  margin-top: 5px;
  margin-left: 5px;
}
.theme-default-theme .DashboardView .main-header-container .dashboard-filters-button:hover {
  background-color: #003f7630;
}
.theme-default-theme .DashboardView .main-header-container .dashboard-filters-button:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .DashboardView .main-header-container .dashboard-filters-button.Mui-disabled {
  color: #003f7630;
}
.DashboardView .main-header-container .UiLayoutTourStartButton {
  margin-top: 8px;
  margin-right: 5px;
}
.DashboardView .FormSectionHeader {
  padding: 0 0 5px 0;
}
.DashboardView .FormSectionHeader .label-container {
  margin-top: 10px;
  margin-left: 20px;
}
.DashboardView .FormSectionHeader:first-of-type {
  margin-top: 10px;
  flex: 1 1 auto;
}
.DashboardView .export-csv-button {
  align-self: center;
  white-space: nowrap;
}
.DashboardView .export-csv-button.MuiButton-root {
  color: #ffffff !important;
  background-color: #003f76 !important;
}
.DashboardView .single-campaign-statcard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 15px;
  margin-top: 15px;
}
@media screen and (max-width: 1175px) {
  .DashboardView .single-campaign-statcard-grid.main-menu-collapsed {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 630px) {
  .DashboardView .single-campaign-statcard-grid.main-menu-collapsed {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1350px) {
  .DashboardView .single-campaign-statcard-grid.main-menu-expanded {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 850px) {
  .DashboardView .single-campaign-statcard-grid.main-menu-expanded {
    grid-template-columns: 1fr;
  }
}
.DashboardView .single-campaign-stats-section {
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 15px;
}
@media screen and (max-width: 630px) {
  .DashboardView .single-campaign-stats-section.main-menu-collapsed .single-campaign-stats-upper-form .campaign-stat-cards {
    grid-template-columns: 1fr;
  }
}
.DashboardView .single-campaign-stats-section.main-menu-collapsed .single-campaign-stats-upper-form .campaign-meta-data-section .campaign-data {
  flex: 1 1 auto;
}
@media screen and (max-width: 800px) {
  .DashboardView .single-campaign-stats-section.main-menu-collapsed .single-campaign-stats-upper-form .campaign-meta-data-section .campaign-data .campaign-meta-data {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1175px) {
  .DashboardView .single-campaign-stats-section.main-menu-collapsed .single-campaign-stats-upper-form {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 850px) {
  .DashboardView .single-campaign-stats-section.main-menu-expanded .single-campaign-stats-upper-form .campaign-stat-cards {
    grid-template-columns: 1fr;
  }
}
.DashboardView .single-campaign-stats-section.main-menu-expanded .single-campaign-stats-upper-form .campaign-meta-data-section .campaign-data {
  flex: 1 1 auto;
}
@media screen and (max-width: 1000px) {
  .DashboardView .single-campaign-stats-section.main-menu-expanded .single-campaign-stats-upper-form .campaign-meta-data-section .campaign-data .campaign-meta-data {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1350px) {
  .DashboardView .single-campaign-stats-section.main-menu-expanded .single-campaign-stats-upper-form {
    grid-template-columns: 1fr;
  }
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-upper-form {
  display: flex;
  flex-direction: column;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-upper-form .date-range-csv-export-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-upper-form .date-range-csv-export-row .date-range-selector {
  flex-basis: 90%;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-upper-form .date-range-csv-export-row .csv-link {
  flex-basis: 10%;
  text-decoration: none;
  align-self: center;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-upper-form .campaign-meta-data-section {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-upper-form .campaign-meta-data-section .campaign-select-row {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-upper-form .campaign-meta-data-section .campaign-select-row .combo-select-input-field {
  width: 100%;
  align-self: center;
}
.theme-default-theme .DashboardView .single-campaign-stats-section .single-campaign-stats-upper-form .campaign-meta-data-section .campaign-select-row .combo-select-input-field {
  background-color: #ffffff;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-upper-form .campaign-meta-data-section .campaign-meta-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-upper-form .campaign-meta-data-section .campaign-meta-data .MuiListItemText-primary {
  font-size: 13px !important;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-upper-form .campaign-meta-data-section .campaign-meta-data .MuiListItemText-secondary {
  font-size: 11px !important;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-upper-form .campaign-stat-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 15px;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  margin-top: 15px;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  margin-bottom: 15px;
  overflow: auto;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .chart-tab-bar {
  flex: 1 1 auto;
  box-shadow: none;
  min-width: 450px;
}
.theme-default-theme .DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .chart-tab-bar {
  background-color: #ffffff !important;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .chart-tab-bar .MuiButtonBase-root {
  padding: 21px 12px;
}
.theme-default-theme .DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .chart-tab-bar .MuiButtonBase-root {
  color: #2969a080 !important;
}
.theme-default-theme .DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .chart-tab-bar .MuiButtonBase-root.Mui-selected {
  color: #2969a0 !important;
}
@media screen and (max-width: 1350px) {
  .DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .chart-tab-bar .MuiButtonBase-root:not(.MuiTabs-scrollButtons) {
    min-width: 140px !important;
  }
}
@media screen and (max-width: 1275px) {
  .DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .chart-tab-bar .MuiButtonBase-root:not(.MuiTabs-scrollButtons) {
    min-width: 110px !important;
  }
}
@media screen and (max-width: 1190px) {
  .DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .chart-tab-bar .MuiButtonBase-root:not(.MuiTabs-scrollButtons) {
    min-width: 95px !important;
  }
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .chart-tab-bar .MuiTabs-indicator {
  height: 4px;
}
.theme-default-theme .DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .chart-tab-bar .MuiTabs-indicator {
  background-color: #2969a0 !important;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .chart-type-toggle-button {
  flex: 0 0 auto;
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .time-unit-toggle-button {
  flex: 0 0 auto;
}
@media screen and (max-width: 1190px) {
  .DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart-header .time-unit-toggle-button {
    padding-right: 10px;
  }
}
.DashboardView .single-campaign-stats-section .single-campaign-stats-lower-form .single-campaign-stats-chart {
  flex: 1 1 auto;
}
.DashboardView .expense-disclaimer {
  font-size: 11px;
}
.DashboardView .expense-disclaimer .info-icon {
  position: absolute;
  right: 25px;
}

p.expense-disclaimer-mssg {
  font-size: 11px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/StatCard/StatCard.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;
  }
}
.StatCard {
  display: flex;
  flex-direction: column;
  font-family: "Montserrat", sans-serif;
  background-color: #fff;
  padding: 10px;
  min-height: 140px;
  position: relative;
}
.StatCard .LoadingIndicator {
  margin: auto;
}
.StatCard .contents-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  margin-left: 10px;
}
.StatCard .contents-container .top-row {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.StatCard .contents-container .top-row .transaction-type {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-between;
  overflow: hidden;
}
.StatCard .contents-container .top-row .transaction-type .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.theme-default-theme .StatCard .contents-container .top-row .transaction-type .icon.icon-color-class-impressions {
  background-color: #9dd0ec;
}
.theme-default-theme .StatCard .contents-container .top-row .transaction-type .icon.icon-color-class-clicks {
  background-color: #ffcc33;
}
.theme-default-theme .StatCard .contents-container .top-row .transaction-type .icon.icon-color-class-clickrate {
  background-color: #f67a48;
}
.theme-default-theme .StatCard .contents-container .top-row .transaction-type .icon.icon-color-class-add-to-lists {
  background-color: #986eb8;
}
.theme-default-theme .StatCard .contents-container .top-row .transaction-type .icon.icon-color-class-add-to-list-rate {
  background-color: #f04854;
}
.theme-default-theme .StatCard .contents-container .top-row .transaction-type .icon.icon-color-class-unique-users {
  background-color: #5cb8b5;
}
.theme-default-theme .StatCard .contents-container .top-row .transaction-type .icon.icon-color-class-engagement-rate {
  background-color: #d6abf5;
}
.theme-default-theme .StatCard .contents-container .top-row .transaction-type .icon.icon-color-class-total-cart-value {
  background-color: #0487ff;
}
.StatCard .contents-container .top-row .transaction-type .icon svg {
  width: 28px;
  height: 28px;
}
.theme-default-theme .StatCard .contents-container .top-row .transaction-type .icon svg path {
  fill: #ffffff;
}
.StatCard .contents-container .top-row .transaction-type .title {
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.theme-default-theme .StatCard .contents-container .top-row .transaction-type .title {
  color: #2969a0;
}
.StatCard .contents-container .top-row .percent-change {
  font-size: 14px;
  font-weight: 400;
}
.theme-default-theme .StatCard .contents-container .top-row .percent-change.percentage-increase {
  color: #0f884c;
}
.theme-default-theme .StatCard .contents-container .top-row .percent-change.percentage-decrease {
  color: #ff3333;
}
.StatCard .contents-container .middle-row {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  font-size: 40px;
  font-weight: 700;
  word-spacing: -5px;
}
.StatCard .contents-container .middle-row-resize {
  display: inline;
  height: 40px;
  padding-bottom: 10px;
  font-size: clamp(30px, 2.5vi, 40px);
  font-weight: 700;
  word-spacing: -5px;
}
.StatCard .contents-container .total {
  opacity: 45%;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 29px;
}
.theme-default-theme .StatCard .contents-container .total {
  color: #003f76;
}
.StatCard .contents-container .bottom-row {
  opacity: 45%;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 600;
  margin-right: 20px;
}
.theme-default-theme .StatCard .contents-container .bottom-row {
  color: #003f76;
}
.StatCard .no-data-card {
  height: 100%;
  min-height: 146px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.StatCard .no-data-card .text-container {
  font-size: 20px;
  font-weight: 700;
  max-width: 350px;
}
.StatCard .info-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 10px;
}

.MuiTooltip-popper .MuiTooltip-tooltip .target-range {
  font-weight: 600;
  font-size: 0.6875rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/DashboardCampaignSelect/DashboardCampaignSelect.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;
  }
}
.DashboardCampaignSelect {
  display: flex;
}
.DashboardCampaignSelect .MuiAutocomplete-root {
  flex: 1 1 auto;
}
.DashboardCampaignSelect .MuiAutocomplete-root fieldset > legend {
  font-size: 0.8em;
}

.MuiAutocomplete-listbox .dashboard-campaign-select-option {
  cursor: pointer;
  padding: 5px 0 5px 0;
  display: grid;
  grid-template-columns: calc(70% - 10px) calc(30% - 10px);
}
.theme-default-theme .MuiAutocomplete-listbox .dashboard-campaign-select-option[aria-selected=true] {
  background-color: #003f7640 !important;
}
.theme-default-theme .MuiAutocomplete-listbox .dashboard-campaign-select-option[aria-selected=false]:focus, .theme-default-theme .MuiAutocomplete-listbox .dashboard-campaign-select-option[aria-selected=false]:hover {
  background-color: #003f761a !important;
}
.MuiAutocomplete-listbox .dashboard-campaign-select-option .campaign-option-info-right {
  display: grid;
  grid-template-columns: calc(50% - 10px) calc(50% - 10px);
}
.MuiAutocomplete-listbox .dashboard-campaign-select-option .campaign-id {
  opacity: 50%;
  margin: 0 10px 0 10px;
}
.MuiAutocomplete-listbox .dashboard-campaign-select-option .MuiChip-root.campaign-type-chip {
  opacity: 50%;
  font-weight: 500;
}
.theme-default-theme .MuiAutocomplete-listbox .dashboard-campaign-select-option .MuiChip-root.campaign-type-chip {
  border-color: #003f76 !important;
  color: #003f76 !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/MetaDataItem/MetaDataItem.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;
  }
}
.MetaDataItem {
  display: flex;
  flex: 1 1 auto;
}
.MetaDataItem .MuiListItemIcon-root div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 50%;
}
.theme-default-theme .MetaDataItem .MuiListItemIcon-root div {
  background-color: #2969a0;
}
.MetaDataItem .MuiListItemIcon-root div svg {
  width: 28px;
  height: 28px;
}
.theme-default-theme .MetaDataItem .MuiListItemIcon-root div svg path,
.theme-default-theme .MetaDataItem .MuiListItemIcon-root div svg circle {
  fill: #ffffff;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/TimeSeriesChart/TimeSeriesChart.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;
  }
}
.TimeSeriesChart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.TimeSeriesChart .LoadingIndicator {
  margin: 75px 0 100px 0;
}
.TimeSeriesChart .data-unavailable {
  font-size: 20px;
  font-weight: 700;
  margin: 75px 0 100px 0;
}
.TimeSeriesChart .chart-container {
  width: 100%;
}
.TimeSeriesChart .chart-container .chart-title {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin: 5px 0 20px 0;
}
.TimeSeriesChart .chart-container .recharts-surface {
  overflow: visible;
}
.theme-default-theme .TimeSeriesChart .chart-container .recharts-tooltip-item {
  color: #003f76 !important;
}
.TimeSeriesChart .chart-container .recharts-reference-line text {
  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/ToggleButton/ToggleButton.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;
  }
}
.ToggleButton {
  margin: 10px;
}
.theme-default-theme .ToggleButton button {
  box-shadow: inset 0 0 0 2px #f67a48 !important;
}
.ToggleButton button:not(:last-child) {
  border-right: none !important;
}
.theme-default-theme .ToggleButton button:not(.selected-toggle-option) {
  color: #f67a48 !important;
  background-color: #ffffff !important;
}
.theme-default-theme .ToggleButton .selected-toggle-option {
  color: #ffffff !important;
  background-color: #f67a48 !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/DashboardFiltersView/DashboardFiltersView.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;
  }
}
.DashboardFiltersView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
}
.DashboardFiltersView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.DashboardFiltersView .view-body > div {
  padding-bottom: 15px;
}
.DashboardFiltersView .view-body .MuiTextField-root {
  width: 100%;
}
.DashboardFiltersView .view-body > .MuiTextField-root {
  flex: 0 0 auto;
}
.DashboardFiltersView .view-body .NumericInput {
  flex: 0 0 auto;
}
.DashboardFiltersView .view-body .ComboSelect {
  flex: 0 0 auto;
}
.DashboardFiltersView .view-body .StatusFilter {
  flex: 0 0 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/DateRangeSelector/DateRangeSelector.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;
  }
}
.date-range-selector {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
}
.date-range-selector .DateSelector {
  flex-basis: 15%;
  border-radius: 4px;
  color: #ffffff !important;
  background-color: #f5f8fb;
  min-width: 150px;
}
.date-range-selector .DateSelector .MuiButtonBase-root:hover {
  background-color: #ffffff;
}
.date-range-selector .DateSelector .MuiOutlinedInput-root {
  background-color: #ffffff !important;
}
.date-range-selector .DateSelector .MuiButtonBase-root.MuiIconButton-root {
  padding: 0 10px 0 0;
}
.date-range-selector .DateSelector .MuiFormHelperText-contained {
  background-color: #f5f8fb;
  margin: 0;
  padding: 10px 0 0 10px;
}
.date-range-selector .DateSelector .MuiInputBase-formControl {
  background-color: #ffffff !important;
}
.date-range-selector .dash {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 5px 0 5px;
}
.date-range-selector .past-select-button {
  flex-basis: 15%;
  align-self: center;
  white-space: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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: #353535;
}
.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: #353535b3;
}
.theme-default-theme .Four0Four .code-area .code-line-2 > span:nth-child(1) {
  color: #ff3333;
}
.theme-default-theme .Four0Four .code-area .code-line-2 > span:nth-child(2) {
  color: #2969a0;
}
.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: #2969a0;
}
.theme-default-theme .Four0Four .code-area .code-line-3 > span:nth-child(2) > span {
  color: #5cb8b5;
}
.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: #353535b3;
}
.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;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/InvoiceHistoryView/InvoiceHistoryView.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;
  }
}
.InvoiceHistoryView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
}
.InvoiceHistoryView .LoadingIndicator {
  flex: 1 1 auto;
}
.InvoiceHistoryView .suborganization-filter-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px 20px 0 20px;
}
.InvoiceHistoryView .suborganization-filter-container .ComboSelect {
  flex: 1 1 auto;
}
.InvoiceHistoryView .no-invoices-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto 0;
  padding: 20px 0 20px 0;
  overflow: auto;
}
.InvoiceHistoryView .no-invoices-container .no-invoices-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 170px;
  border-radius: 50%;
}
.InvoiceHistoryView .no-invoices-container .no-invoices-icon svg {
  width: 100px;
}
.theme-default-theme .InvoiceHistoryView .no-invoices-container .no-invoices-icon svg {
  fill: #003f76;
}
.InvoiceHistoryView .no-invoices-container .no-invoices-text {
  font-size: 22px;
  margin: 30px 50px 0 50px;
  font-weight: 500;
  text-align: center;
}
.InvoiceHistoryView .no-invoices-container .view-description-text {
  font-size: 16px;
  margin: 10px 50px 0 50px;
  font-weight: 300;
  text-align: center;
}
.InvoiceHistoryView .all-invoices-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding-top: 20px;
}
.InvoiceHistoryView .all-invoices-container .invoice-list {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto !important;
  padding: 0 20px 2px 20px;
}
.theme-default-theme .InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionSummary-expandIcon {
  color: !important;
}
.InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionSummary-content .invoice-details {
  display: flex;
  flex-direction: row;
}
.InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionSummary-content .invoice-details .invoice-details-section {
  display: flex;
  flex-direction: column;
  margin-right: 40px;
}
.InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionSummary-content .invoice-details .invoice-details-section:last-child {
  margin-right: 0 !important;
}
.InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionSummary-content .invoice-details .invoice-details-section .details-label {
  font-weight: 600;
  padding-bottom: 2px;
}
.InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionDetails-root {
  display: flex;
  flex-direction: column;
  padding-top: 0 !important;
}
.InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionDetails-root .additional-invoice-details {
  padding: 20px 0;
}
.theme-default-theme .InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionDetails-root .additional-invoice-details {
  border-top: 1px solid #003f7626;
}
.InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionDetails-root .additional-invoice-details .InfoRow {
  margin-bottom: 10px;
}
.InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionDetails-root .additional-invoice-details .InfoRow .MuiListItemText-root {
  margin-top: 0;
  margin-bottom: 0;
}
.theme-default-theme .InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionDetails-root .additional-invoice-details .InfoRow .MuiListItemText-root .MuiListItemText-primary {
  color: #003f76 !important;
}
.theme-default-theme .InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionDetails-root .additional-invoice-details .InfoRow .MuiListItemText-root .MuiListItemText-secondary {
  color: #2969a0 !important;
}
.theme-default-theme .InvoiceHistoryView .all-invoices-container .invoice-list .list-item .MuiAccordionDetails-root .additional-invoice-details .InfoRow .invoice-receipt-icon-button:not(.Mui-disabled) {
  color: #003f76;
}
.InvoiceHistoryView .all-invoices-container .invoice-list-pagination {
  flex: 0 0 auto;
  margin: 10px auto;
}
.InvoiceHistoryView .all-invoices-container .invoice-list-pagination .MuiPaginationItem-root {
  margin: 0;
}
.theme-default-theme .InvoiceHistoryView .all-invoices-container .invoice-list-pagination .MuiPaginationItem-root {
  color: #003f76;
}
.theme-default-theme .InvoiceHistoryView .all-invoices-container .invoice-list-pagination .MuiPaginationItem-root.Mui-selected {
  background-color: #003f7620;
}
.theme-default-theme .InvoiceHistoryView .all-invoices-container .invoice-list-pagination .MuiPaginationItem-root:hover {
  background-color: #003f760a;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
  width: 100%;
  height: 100%;
}
.Login .logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-default-theme .Login .logo-container {
  background-color: #f5f5f5 !important;
}
.Login .login-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.theme-default-theme .Login .login-container {
  background-color: #ffffff !important;
}
.Login .login-container .login-header {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  margin: 40px 40px 0 40px;
}
.Login .login-container .login-header .logo {
  flex: 0 0 auto;
}
.Login .login-container .login-header .header-spacer {
  flex: 1 1 auto;
}
.Login .login-container .login-header .form-tabs {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.Login .login-container .login-header .form-tabs .MuiButtonBase-root {
  min-width: 100px !important;
  opacity: 0.6;
  transition: opacity 300ms ease;
}
.theme-default-theme .Login .login-container .login-header .form-tabs .MuiButtonBase-root {
  color: #2969a0 !important;
}
.Login .login-container .login-header .form-tabs .MuiButtonBase-root.Mui-selected {
  opacity: 1;
}
.Login .login-container .login-header .form-tabs .MuiButtonBase-root.Mui-disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: auto;
}
.Login .login-container .login-header .form-tabs .MuiTabs-indicator {
  height: 4px;
}
.theme-default-theme .Login .login-container .login-header .form-tabs .MuiTabs-indicator {
  background-color: #2969a0 !important;
}
.Login .login-container .action-forms {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  margin: auto;
  padding: 20px;
  align-items: center;
  min-width: 400px;
  max-width: 400px;
}

@media screen and (max-width: 899px) {
  .Login .action-forms {
    min-width: calc(100% - 20px * 2) !important;
  }
  .Login .login-container .login-header {
    margin: 20px 20px 0 20px;
  }
}
@media screen and (min-width: 650px) {
  .Login {
    flex-direction: row;
  }
  .Login .logo-container {
    flex: 1 1 50%;
  }
  .Login .login-container {
    flex: 1 1 50%;
  }
}
@media screen and (max-width: 649px) {
  .Login {
    flex-direction: column-reverse;
  }
  .Login .logo-container {
    flex: 1 1 10%;
  }
  .Login .login-container {
    flex: 1 1 90%;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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,
.SignInForm .sso-organization-id-entry,
.SignInForm .onelogin-sign-in-button {
  width: 100%;
  margin-bottom: 20px;
}
.SignInForm .sign-in-button {
  width: 100%;
  margin-bottom: 20px;
}
.theme-default-theme .SignInForm .sign-in-button {
  color: #ffffff !important;
  background-color: #f67a48 !important;
}
.SignInForm .sign-in-button.Mui-disabled {
  opacity: 0.35;
}
.SignInForm .onelogin-sign-in-button.MuiButton-root {
  background-color: #00a9e0 !important;
  color: #ffffff !important;
}
.SignInForm .onelogin-sign-in-button .one-login-logo {
  width: 48px;
  height: 48px;
}
.SignInForm .password-reset-link {
  display: flex;
  justify-content: center;
  width: 100%;
}
.SignInForm .password-reset-link a {
  cursor: pointer;
  text-decoration: underline;
  transition: color 300ms ease;
  font-weight: 500;
  font-size: 14px;
}
.theme-default-theme .SignInForm .password-reset-link a {
  color: #2969a0 !important;
}
.theme-default-theme .SignInForm .password-reset-link a:hover {
  color: #003f76 !important;
}
.SignInForm .sign-in-approach-divider-container {
  display: flex;
  flex-direction: row;
  margin: 30px 0;
}
.SignInForm .sign-in-approach-divider-container .divider-line {
  flex: 1 1 auto;
  height: 1px;
  margin: auto;
}
.theme-default-theme .SignInForm .sign-in-approach-divider-container .divider-line {
  border-bottom: 1px solid #003f7626;
}
.SignInForm .sign-in-approach-divider-container .divider-label {
  flex: 0 0 auto;
  margin: 0 20px;
}
.SignInForm .sign-in-email-entry-error,
.SignInForm .sign-in-password-entry-error,
.SignInForm .one-login-sso-login-error {
  margin-bottom: 20px;
}
.theme-default-theme .SignInForm .sign-in-email-entry-error,
.theme-default-theme .SignInForm .sign-in-password-entry-error,
.theme-default-theme .SignInForm .one-login-sso-login-error {
  color: #ff3333 !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: #ff3333 !important;
}
.password-reset-dialog .MuiDialogActions-root button {
  width: 100%;
}
.theme-default-theme .password-reset-dialog .MuiDialogActions-root button {
  color: #ffffff !important;
  background-color: #f67a48 !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/TermsAndPrivacy/TermsAndPrivacy.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;
  }
}
.TermsAndPrivacy .terms-and-privacy-container {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  margin-bottom: 20px;
}
.TermsAndPrivacy .terms-and-privacy-container .terms-of-use-checkbox {
  margin-right: 5px;
}
.theme-default-theme .TermsAndPrivacy .terms-and-privacy-container .terms-of-use-checkbox {
  color: #003f76 !important;
}
.theme-default-theme .TermsAndPrivacy .terms-and-privacy-container .terms-of-use-checkbox:hover {
  background-color: #003f7630 !important;
}
.TermsAndPrivacy .terms-and-privacy-container .link {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
  transition: color 300ms ease;
  display: inline-block;
}
.theme-default-theme .TermsAndPrivacy .terms-and-privacy-container .link {
  color: #003f76 !important;
}
.theme-default-theme .TermsAndPrivacy .terms-and-privacy-container .link:hover {
  color: #f67a48 !important;
}

.MuiSvgIcon-root.download-icon {
  cursor: pointer;
  padding: 5px 0px 0px 0px;
  width: 24px !important;
  height: 24px !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/TermsOfUse/TermsOfUse.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.TermsOfUse .terms-section {
  margin-bottom: 40px;
}
.TermsOfUse .terms-section > div {
  margin-bottom: 10px;
}
.TermsOfUse .terms-section > div.address-line {
  margin-bottom: 0;
}
.TermsOfUse .terms-section > div .statement {
  text-decoration: underline;
  font-weight: bold;
}
.TermsOfUse .terms-section > div .list {
  list-style-type: circle;
}
.TermsOfUse .terms-section > div .list li {
  margin-bottom: 5px;
}
.TermsOfUse .terms-section > div .list li:last-child {
  margin-bottom: 0;
}
.TermsOfUse .terms-section .definition {
  font-weight: bold;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/PrivacyPolicy/PrivacyPolicy.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.PrivacyPolicy .terms-section {
  margin-bottom: 40px;
}
.PrivacyPolicy .terms-section > div {
  margin-bottom: 10px;
}
.PrivacyPolicy .terms-section > div.address-line {
  margin-bottom: 0;
}
.PrivacyPolicy .terms-section > div .statement {
  text-decoration: underline;
  font-weight: bold;
}
.PrivacyPolicy .terms-section > div .list {
  list-style-type: circle;
}
.PrivacyPolicy .terms-section > div .list li {
  margin-bottom: 5px;
}
.PrivacyPolicy .terms-section > div .list li:last-child {
  margin-bottom: 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/SignUpForm/SignUpForm.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;
  }
}
.SignUpForm {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.SignUpForm .sign-up-first-name-entry,
.SignUpForm .sign-up-last-name-entry,
.SignUpForm .sign-up-email-entry,
.SignUpForm .sign-up-password-container {
  width: 100%;
  margin-bottom: 20px;
}
.SignUpForm .sign-up-password-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.SignUpForm .sign-up-password-container .sign-up-password-entry {
  flex: 1 1 auto;
}
.SignUpForm .sign-up-password-container .sign-up-password-info {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  margin-left: 5px;
}
.theme-default-theme .SignUpForm .sign-up-password-container .sign-up-password-info {
  color: #003f76 !important;
}
.theme-default-theme .SignUpForm .sign-up-password-container .sign-up-password-info:hover {
  background-color: #003f7630 !important;
}
.SignUpForm .sign-up-button {
  width: 100%;
}
.theme-default-theme .SignUpForm .sign-up-button {
  color: #ffffff !important;
  background-color: #f67a48 !important;
}
.SignUpForm .sign-up-button.Mui-disabled {
  opacity: 0.35;
}

@media screen and (max-width: 899px) {
  .SignUpForm .terms-of-use-container .terms-of-use-label {
    font-size: 14px;
  }
  .SignUpForm .terms-of-use-container .terms-of-use-link a {
    font-size: 14px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/LoginTitleContainer/LoginTitleContainer.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;
  }
}
.LoginTitleContainer {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
}
.theme-default-theme .LoginTitleContainer {
  background-color: #172b61;
}
.LoginTitleContainer .site-title-1 {
  display: flex;
  justify-content: center;
  position: absolute;
  height: 50%;
  width: 100%;
  top: 0;
  z-index: 1;
}
.LoginTitleContainer .site-title-1 svg {
  width: 80%;
  position: absolute;
  bottom: -10px;
  animation: fadeInAndUpCompanyTitle 1000ms ease;
  display: block;
}
.LoginTitleContainer .site-title-2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: absolute;
  height: 50%;
  width: 100%;
  bottom: 0;
  z-index: 1;
}
.LoginTitleContainer .site-title-2 .site-title-2-positioned {
  position: absolute;
  top: 15px;
  font-size: 38px;
  animation: fadeInAndUpSiteTitle 1200ms ease;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.theme-default-theme .LoginTitleContainer .site-title-2 .site-title-2-positioned {
  color: #ffffff;
}
.LoginTitleContainer .tile-grid {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.LoginTitleContainer .tile-grid-row {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
}
.LoginTitleContainer .tile {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex: 1 1 auto;
  background-color: transparent;
}
.theme-default-theme .LoginTitleContainer .tile {
  border: 7px solid #172b61;
}
.LoginTitleContainer .tile-content {
  position: absolute;
  width: 0;
  height: 0;
  transition: width 2500ms ease, height 2500ms ease;
  border-radius: 50%;
  opacity: 0;
}
.LoginTitleContainer .tile.active .tile-content.small-dot {
  width: 7px;
  height: 7px;
}
.LoginTitleContainer .tile.active .tile-content.medium-dot {
  width: 11px;
  height: 11px;
}
.LoginTitleContainer .tile.active .tile-content.large-dot {
  width: 15px;
  height: 15px;
}
.theme-default-theme .LoginTitleContainer .aa-medium-blue {
  background-color: #2969a0;
}
.theme-default-theme .LoginTitleContainer .aa-light-blue {
  background-color: #9dd0ec;
}
.theme-default-theme .LoginTitleContainer .aa-medium-green {
  background-color: #0b9790;
}
.theme-default-theme .LoginTitleContainer .aa-light-green {
  background-color: #5cb8b5;
}
.theme-default-theme .LoginTitleContainer .aa-medium-orange {
  background-color: #f67a48;
}
.theme-default-theme .LoginTitleContainer .aa-light-gray {
  background-color: #f5f5f5;
}
@keyframes flicker {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 30%;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInAndUpCompanyTitle {
  0% {
    display: none;
    bottom: -14px;
    opacity: 0;
  }
  10% {
    display: block;
    bottom: -14px;
    opacity: 0;
  }
  100% {
    display: block;
    bottom: -10px;
    opacity: 1;
  }
}
@keyframes fadeInAndUpSiteTitle {
  0% {
    display: none;
    top: 19px;
    opacity: 0;
  }
  30% {
    display: block;
    top: 19px;
    opacity: 0;
  }
  100% {
    display: block;
    bottom: 15px;
    opacity: 1;
  }
}

@media screen and (max-width: 999px) {
  .LoginTitleContainer .site-title-2 .site-title-2-positioned {
    font-size: 26px;
  }
}
@media screen and (max-width: 799px) {
  .theme-default-theme .LoginTitleContainer .tile {
    border: 3px solid #172b61;
  }
  .LoginTitleContainer .tile.active .tile-content.small-dot {
    width: 4px;
    height: 4px;
  }
  .LoginTitleContainer .tile.active .tile-content.medium-dot {
    width: 6px;
    height: 6px;
  }
  .LoginTitleContainer .tile.active .tile-content.large-dot {
    width: 8px;
    height: 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/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: 50px;
  transition: width 300ms ease;
  animation: fadeIn 300ms;
  z-index: 3;
  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 .MainMenu {
  background-color: #ffffff;
}
.MainMenu--expanded {
  width: 260px;
}
.MainMenu--expanded .main-menu-banner-messages {
  height: 120px !important;
}
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-image {
  width: 100px !important;
  height: 100% !important;
}
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message {
  font-size: 12px !important;
}
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message b,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message strong,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message i,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message em,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message mark,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message small,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message del,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message ins,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message sub,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message sup {
  font-size: 12px !important;
}
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message {
  font-size: 10px !important;
}
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message b,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message strong,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message i,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message em,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message mark,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message small,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message del,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message ins,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message sub,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message sup {
  font-size: 10px !important;
}
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message,
.MainMenu--expanded .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message {
  margin: 0 10px 0 0 !important;
  width: calc(100% - 10px) !important;
}
.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: #5cb8b5 !important;
}
.MainMenu .expand-collapse-menu-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  height: 56px;
  align-items: center;
  transition: all ease 300ms;
}
.theme-default-theme .MainMenu .expand-collapse-menu-container {
  background-color: #e6eaef;
}
.MainMenu .expand-collapse-menu-container.expanded {
  justify-content: space-between;
}
.MainMenu .expand-collapse-menu-container.expanded button:nth-child(1) {
  margin-left: 10px;
}
.MainMenu .expand-collapse-menu-container.expanded button:nth-child(2) {
  margin-right: 10px;
}
.MainMenu .expand-collapse-menu-container.collapsed {
  height: 96px;
  flex-direction: column;
  justify-content: space-evenly;
}
.MainMenu .expand-collapse-menu-container .bottom-row-background-circle {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.theme-default-theme .MainMenu .expand-collapse-menu-container .bottom-row-background-circle:hover {
  background-color: #003f7630 !important;
}
.theme-default-theme .MainMenu .expand-collapse-menu-container svg {
  color: #003f76;
}
.MainMenu .expand-collapse-menu-container .MuiIconButton-root:nth-child(1) {
  transform: scale(-1);
}
.MainMenu .expand-collapse-menu-container .logout-menu-button {
  padding-left: 2px;
}
.MainMenu .expand-collapse-menu-container .expand-collapse-menu-button {
  font-size: 28px;
  transition: transform 300ms 300ms ease, color 600ms ease;
}
.MainMenu .expand-collapse-menu-container .expand-collapse-menu-button.main-menu-expanded {
  padding-left: 2px;
  transform: rotate(180deg);
}
.MainMenu .main-menu-header-container {
  display: flex;
  flex-direction: row;
  flex: 0 0 65px;
  padding-left: 9px;
  overflow: hidden;
}
.theme-default-theme .MainMenu .main-menu-header-container {
  color: #ffffff !important;
}
.MainMenu .main-menu-header-container .site-logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 10px;
}
.MainMenu .main-menu-header-container .site-logo svg {
  width: 32px;
  transition: width 300ms ease;
}
.MainMenu .main-menu-header-container .site-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
}
.MainMenu .main-menu-header-container .site-name .site-name-1 {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.MainMenu .main-menu-header-container .site-name .site-name-1 svg {
  width: 140px;
  transition: width 300ms ease;
}
.MainMenu .main-menu-header-container .site-name .site-name-2 {
  font-size: 11px;
  font-weight: 550;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: font-size 300ms ease;
}
.theme-default-theme .MainMenu .main-menu-header-container .site-name .site-name-2 {
  color: #003f76 !important;
}
.MainMenu .main-menu-user-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 65px;
  overflow: hidden;
}
.theme-default-theme .MainMenu .main-menu-user-container {
  color: #003f76 !important;
  background-color: rgba(230, 234, 239, 0.5) !important;
}
.MainMenu .main-menu-user-container .user-menu-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 0 !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 6px 0 5px;
}
.MainMenu .main-menu-user-container .user-menu-icon-container svg {
  width: 30px;
  height: 30px;
}
.MainMenu .main-menu-user-container .user-menu-info-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 5px;
}
.MainMenu .main-menu-user-container .user-menu-info-container .user-name,
.MainMenu .main-menu-user-container .user-menu-info-container .organization-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}
.MainMenu .main-menu-user-container .user-menu-info-container .user-name {
  font-weight: 500;
  font-size: 18px;
}
.MainMenu .main-menu-user-container .user-menu-info-container .organization-name {
  font-size: 15px;
  font-weight: 400;
}
.MainMenu .main-menu-user-container .change-organization-button {
  opacity: 0;
}
.MainMenu .main-menu-user-container:hover .change-organization-button {
  margin-right: 5px;
  border-radius: 50%;
  padding: 10px;
  display: flex;
  opacity: 1;
  transition: opacity 300ms ease;
}
.MainMenu .main-menu-user-container:hover .change-organization-button svg {
  width: 28px;
  height: 28px;
}
.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 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.MainMenu .main-menu-banner-messages {
  display: flex;
  flex-direction: column;
  height: 160px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 300ms;
}
.theme-default-theme .MainMenu .main-menu-banner-messages {
  border-top: 1px solid #003f7626;
}
.MainMenu .main-menu-banner-messages .main-menu-banner-message {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  width: 100%;
  overflow: hidden;
}
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 0px;
  transition: all 300ms;
}
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-image img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: calc(100% - 10px);
  max-height: calc(100% - 10px);
}
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  transition: all 300ms;
}
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message {
  font-size: 8.5px;
}
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message b,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message strong,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message i,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message em,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message mark,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message small,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message del,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message ins,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message sub,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message sup,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message b,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message strong,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message i,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message em,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message mark,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message small,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message del,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message ins,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message sub,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message sup {
  font-size: 8.5px;
}
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-main-message,
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-disclaimer-message {
  flex: 0 0 auto;
  text-align: center;
  margin: 2px;
  font-weight: 500;
  width: calc(100% - 4px);
  transition: all 300ms;
}
.MainMenu .main-menu-banner-messages .main-menu-banner-message .banner-message-text-container .banner-message-spacer {
  flex: 1 1 auto;
}
.MainMenu .main-menu-bottom-aligned-container {
  background-color: rgba(230, 234, 239, 0.5);
  position: relative;
  width: 50px;
  transition: all 300ms;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.MainMenu .main-menu-bottom-aligned-container.MainMenu--expanded {
  width: 260px;
}
.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;
}

body .change-organization-button-tooltip {
  margin-top: 0 !important;
}
body .remove-tooltip-transition {
  transition: opacity 0ms, transform 0ms !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/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: #5cb8b5 !important;
}
.MainMenuPopover .menu-popover-contents {
  display: flex;
  flex-direction: column;
  max-width: 260px;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents {
  background-color: #ffffff;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents.popover-main-item-selected .menu-popover-header {
  color: #5cb8b5 !important;
}
.MainMenuPopover .menu-popover-contents .menu-popover-header {
  display: flex;
  flex: 0 0 48px;
  align-items: center;
  margin: 0 20px;
  font-weight: 500;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents .menu-popover-header {
  color: #172b6180 !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 {
  display: flex;
  flex-direction: row;
  padding: 0;
  height: 48px;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item:hover {
  background-color: #ffffff;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item:hover .main-menu-item-title > div:nth-child(2) span {
  color: #172b61cc;
}
.MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item .main-menu-item-title {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding-left: 11px;
}
.MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item .main-menu-item-title > div:nth-child(1) {
  min-width: 0;
  margin-right: 11px;
}
.MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item .main-menu-item-title > div:nth-child(2) {
  display: flex;
  margin: 0 16px 0 0;
}
.MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item .main-menu-item-title > div:nth-child(2) span {
  font-weight: 500;
  transition: color 300ms ease;
  white-space: nowrap;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item .main-menu-item-title > div:nth-child(2) span {
  color: #172b6180;
}
.MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item .main-menu-item-title .menu-item-group-selected-indicator {
  height: 48px;
}
.MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item .main-menu-item-title .menu-item-group-selected-indicator .group-item-line {
  width: 2px;
  height: 20px;
  margin: 0 13px;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item .main-menu-item-title .menu-item-group-selected-indicator .group-item-line {
  background-color: #172b6133;
}
.MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item .main-menu-item-title .menu-item-group-selected-indicator .group-item-selected-dot {
  width: 8px;
  height: 8px;
  margin: 0 10px;
  border-radius: 4px;
  transition: background-color 300ms ease;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item .main-menu-item-title .menu-item-group-selected-indicator .group-item-selected-dot {
  background-color: #172b6133;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item-selected {
  background-color: #ffffff !important;
}
.MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item-selected .main-menu-item-selected-indicator {
  opacity: 1;
  left: 0;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item-selected .main-menu-item-selected-indicator {
  background-color: #5cb8b5 !important;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item-selected .main-menu-item-title > div:nth-child(2) span {
  color: #5cb8b5 !important;
}
.theme-default-theme .MainMenuPopover .menu-popover-contents .menu-popover-body .main-menu-item-selected .menu-item-group-selected-indicator .group-item-selected-dot {
  background-color: #5cb8b5 !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/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: 260px;
}
.theme-default-theme .MainMenuItem.MuiButton-root {
  background-color: #ffffff !important;
}
.MainMenuItem.MuiButton-root.bottom-aligned-link-item {
  position: absolute;
  width: 50px;
  background-color: transparent !important;
}
.theme-default-theme .MainMenuItem:hover {
  background-color: #ffffff;
}
.theme-default-theme .MainMenuItem:hover .main-menu-item-container .main-menu-item-title > div:nth-child(1) > svg,
.theme-default-theme .MainMenuItem:hover .main-menu-item-container .main-menu-item-title > div:nth-child(2) > span,
.theme-default-theme .MainMenuItem:hover .main-menu-item-container > svg {
  color: #172b61cc;
  fill: #172b61cc;
}
.MainMenuItem.main-menu-item-horizontally-collapsed {
  transition: width 300ms 0ms;
  width: 50px;
}
.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-title .background-circle {
  background-color: rgba(0, 63, 118, 0.5);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.MainMenuItem .main-menu-item-title .background-circle .MuiListItemIcon-root {
  display: flex;
  justify-content: center;
}
.MainMenuItem .main-menu-item-title .background-circle .MuiListItemIcon-root .MuiSvgIcon-root,
.MainMenuItem .main-menu-item-title .background-circle .MuiListItemIcon-root svg {
  fill: white !important;
  width: 22px;
  height: 22px;
}
.theme-default-theme .MainMenuItem.main-menu-item-selected {
  background-color: #ffffff !important;
}
.theme-default-theme .MainMenuItem.main-menu-item-selected .main-menu-item-container .main-menu-item-title > div:nth-child(2) > span {
  color: #5cb8b5 !important;
}
.theme-default-theme .MainMenuItem.main-menu-item-selected .main-menu-item-container .main-menu-item-title .background-circle {
  background-color: #5cb8b5 !important;
}
.MainMenuItem.main-menu-item-selected .main-menu-item-container .menu-item-group-selected-indicator {
  padding-left: 4px;
}
.theme-default-theme .MainMenuItem.main-menu-item-selected .main-menu-item-container .menu-item-group-selected-indicator .group-item-selected-dot {
  background-color: #5cb8b5;
}
.MainMenuItem .main-menu-item-container {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  align-items: center;
}
.MainMenuItem .main-menu-item-container .main-menu-item-selected-indicator {
  position: absolute;
  margin-right: 7px;
  height: 48px;
  width: 4px;
  opacity: 0;
  left: -4px;
  transition: opacity 300ms ease, left 300ms ease;
}
.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: 11px;
}
.MainMenuItem .main-menu-item-container .main-menu-item-title > div:nth-child(1) {
  min-width: 0;
  margin-right: 11px;
}
.MainMenuItem .main-menu-item-container .main-menu-item-title > div:nth-child(1) svg {
  font-size: 28px;
  width: 28px;
  height: 28px;
  transition: color 300ms ease, fill 300ms ease;
}
.theme-default-theme .MainMenuItem .main-menu-item-container .main-menu-item-title > div:nth-child(1) svg {
  fill: #172b6180;
}
.MainMenuItem .main-menu-item-container .main-menu-item-title > div:nth-child(2) {
  text-align: start;
  margin: 0 16px 0 0;
}
.MainMenuItem .main-menu-item-container .main-menu-item-title > div:nth-child(2) span {
  font-weight: 500;
  transition: color 300ms ease;
  white-space: nowrap;
}
.theme-default-theme .MainMenuItem .main-menu-item-container .main-menu-item-title > div:nth-child(2) span {
  color: #172b6180;
}
.MainMenuItem .main-menu-item-container .menu-item-group-selected-indicator {
  height: 48px;
  padding-left: 4px;
}
.MainMenuItem .main-menu-item-container .menu-item-group-selected-indicator .group-item-line {
  width: 2px;
  height: 20px;
  margin: 0 13px;
}
.theme-default-theme .MainMenuItem .main-menu-item-container .menu-item-group-selected-indicator .group-item-line {
  background-color: #172b6133;
}
.MainMenuItem .main-menu-item-container .menu-item-group-selected-indicator .group-item-selected-dot {
  width: 8px;
  height: 8px;
  margin: 0 10px;
  border-radius: 4px;
  transition: background-color 300ms ease;
}
.theme-default-theme .MainMenuItem .main-menu-item-container .menu-item-group-selected-indicator .group-item-selected-dot {
  background-color: #172b6133;
}
.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: #172b6180;
}
.MainMenuItem .main-menu-item-container .expand-collapse-menu-group.menu-group-expanded {
  transform: rotate(270deg);
}

body .main-menu-bottom-aligned-link-tooltip {
  margin-bottom: 0 !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/OrganizationCreationView/OrganizationCreationView.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;
  }
}
.OrganizationCreationView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.theme-default-theme .OrganizationCreationView {
  background-color: #ffffff !important;
}
.OrganizationCreationView .intro-header-title {
  padding: 20px;
  display: flex;
  align-items: center;
}
.OrganizationCreationView .intro-header-title .site-logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 10px;
}
.OrganizationCreationView .intro-header-title .site-logo svg {
  width: 32px;
  transition: width 300ms ease;
}
.OrganizationCreationView .intro-header-title .intro-header-title-1 {
  margin-left: 15px;
  font-size: 20px;
  font-weight: 700;
}
.OrganizationCreationView .intro-header-title .intro-header-title-2 {
  margin-left: 15px;
  font-size: 20px;
  font-weight: 500;
}
.OrganizationCreationView .organization-creation-view-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.theme-default-theme .OrganizationCreationView .organization-creation-view-body {
  background-color: #f5f8fb;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container {
  margin-top: 20px;
}
@media screen and (max-width: 840px) {
  .OrganizationCreationView .organization-creation-view-body .body-input-elements-container {
    width: 100%;
  }
}
@media screen and (min-width: 841px) {
  .OrganizationCreationView .organization-creation-view-body .body-input-elements-container {
    width: 800px;
  }
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .intro-header-text-1 {
  font-size: 48px;
  font-weight: 600;
  margin-top: 20px;
}
.theme-default-theme .OrganizationCreationView .organization-creation-view-body .body-input-elements-container .intro-header-text-1 {
  color: #5cb8b5;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .intro-header-text-2 {
  font-size: 68px;
  font-weight: 700;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .FormSectionHeader {
  border-radius: 4px;
  padding-top: 8px;
  font-weight: 700;
  font-size: 24px;
}
.theme-default-theme .OrganizationCreationView .organization-creation-view-body .body-input-elements-container .FormSectionHeader {
  color: #ffffff;
  background-color: #3a6a9c;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .organization-selection-section,
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .pricing-tier-options-section,
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .PaymentMethodInputForm,
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-deets {
  background-color: white;
  margin-top: -20px;
  border-left: 2px solid #cecccc;
  border-bottom: 2px solid #cecccc;
  border-right: 2px solid #cecccc;
  border-radius: 4px;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .organization-selection-section .organization-name-entry,
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .pricing-tier-options-section .organization-name-entry,
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .PaymentMethodInputForm .organization-name-entry,
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-deets .organization-name-entry {
  margin: 0px 20px 20px 20px;
  display: flex;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-deets {
  margin: 20px 0px 20px 0px;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-deets .FormSectionHeader {
  border-bottom: none;
}
.theme-default-theme .OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-deets .FormSectionHeader {
  color: #ffffff;
  background-color: #5cb8b5;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-details-section {
  border-radius: 4px;
  margin: 20px;
}
.theme-default-theme .OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-details-section {
  border: 1px solid #003f7673;
  background-color: #ffffff;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-details-section > div {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-details-section > div:first-child {
  margin-top: 20px;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-details-section .todays-total-container {
  display: flex;
  flex-direction: row;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-details-section .todays-total-container > div:nth-child(1) {
  flex: 0 0 auto;
  font-weight: 600;
  margin-right: 10px;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-details-section .todays-total-container > div:nth-child(2) {
  flex: 1 1 auto;
  font-weight: 800;
}
.theme-default-theme .OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-details-section .todays-total-container > div:nth-child(2) {
  color: #5cb8b5;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-details-section .additional-billing-info-container div {
  font-size: 12px;
  font-weight: 600;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-details-section .additional-billing-info-container > div:first-child {
  margin-bottom: 10px;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-details-section .additional-details-section div {
  font-size: 12px;
}
.OrganizationCreationView .organization-creation-view-body .body-input-elements-container .order-details-section .additional-details-section > div:first-child {
  margin-bottom: 10px;
}
.OrganizationCreationView .footer-section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: 0 0 auto;
}
.theme-default-theme .OrganizationCreationView .footer-section {
  background-color: #e6eaef !important;
}
.OrganizationCreationView .footer-section .footer-contents {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  position: relative;
  justify-content: center;
}
@media screen and (max-width: 840px) {
  .OrganizationCreationView .footer-section .footer-contents {
    width: 100%;
  }
}
@media screen and (min-width: 841px) {
  .OrganizationCreationView .footer-section .footer-contents {
    width: 800px;
  }
}
.OrganizationCreationView .footer-section .footer-contents .form-validation-messages-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
  justify-content: center;
}
.theme-default-theme .OrganizationCreationView .footer-section .footer-contents .form-validation-messages-icon {
  color: #f67a48;
}
.OrganizationCreationView .footer-section .footer-contents .form-validation-messages-icon.validation-failed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.OrganizationCreationView .footer-section .footer-contents .form-validation-passed-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .OrganizationCreationView .footer-section .footer-contents .form-validation-passed-icon {
  color: #0f884c;
}
.OrganizationCreationView .footer-section .footer-contents .form-validation-passed-icon.validation-passed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.OrganizationCreationView .footer-section .footer-contents .actions-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 0 0 65px;
}
.OrganizationCreationView .footer-section .footer-contents .actions-container .logout-button {
  margin-right: 8px;
}
.theme-default-theme .OrganizationCreationView .footer-section .footer-contents .actions-container .organization-creation-button {
  color: #ffffff !important;
  background-color: #f67a48 !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/PaymentMethodInputForm/PaymentMethodInputForm.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;
  }
}
.PaymentMethodInputForm {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.PaymentMethodInputForm .billing-information-row {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 20px;
}
.PaymentMethodInputForm .billing-information-row .invoice-email-address,
.PaymentMethodInputForm .billing-information-row .billing-company-name,
.PaymentMethodInputForm .billing-information-row .billing-address {
  flex: 1 1 auto;
}
.PaymentMethodInputForm .billing-information-row .billing-first-name,
.PaymentMethodInputForm .billing-information-row .billing-city {
  flex: 1 1 50%;
  margin-right: 10px;
}
.PaymentMethodInputForm .billing-information-row .billing-last-name,
.PaymentMethodInputForm .billing-information-row .billing-state {
  flex: 1 1 50%;
  margin-left: 10px;
}
.PaymentMethodInputForm .billing-information-row .NumericInput {
  flex: 1 1 50%;
}
.PaymentMethodInputForm .billing-information-row .NumericInput .billing-zip-code {
  margin-right: 10px;
}
.PaymentMethodInputForm .billing-information-row .NumericInput .billing-phone-number {
  margin-left: 10px;
}
.PaymentMethodInputForm .readonly-credit-card-display {
  width: 100%;
  cursor: pointer;
}
.PaymentMethodInputForm .readonly-credit-card-display:focus .CreditCardDisplay {
  box-shadow: inset 0 0 20px #ffffff;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/CreditCardDisplay/CreditCardDisplay.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;
  }
}
.CreditCardDisplay {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  border-radius: 10px;
  padding: 20px 20px 0 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: box-shadow 200ms ease;
}
.CreditCardDisplay.brand-visa {
  background-color: #1a1f71;
  color: #ffffff;
}
.CreditCardDisplay.brand-mastercard {
  background-color: #333333;
  color: #ffffff;
}
.CreditCardDisplay.brand-discover {
  background-color: #ff6000;
  color: #ffffff;
}
.CreditCardDisplay.brand-american-express {
  background-color: #2e77bc;
  color: #ffffff;
}
.CreditCardDisplay.brand-other {
  background-color: #2969a0;
  color: #ffffff;
}
.CreditCardDisplay .card-number-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.CreditCardDisplay .card-number-section .standard-card-number-section-hidden,
.CreditCardDisplay .card-number-section .ae-card-number-section-1-hidden,
.CreditCardDisplay .card-number-section .ae-card-number-section-2-hidden,
.CreditCardDisplay .card-number-section .ae-card-number-section-3-hidden {
  font-size: 8px;
}
.CreditCardDisplay .card-number-section .standard-card-number-section-hidden.brand-visa,
.CreditCardDisplay .card-number-section .ae-card-number-section-1-hidden.brand-visa,
.CreditCardDisplay .card-number-section .ae-card-number-section-2-hidden.brand-visa,
.CreditCardDisplay .card-number-section .ae-card-number-section-3-hidden.brand-visa {
  color: #ffffff !important;
}
.CreditCardDisplay .card-number-section .standard-card-number-section-hidden.brand-mastercard,
.CreditCardDisplay .card-number-section .ae-card-number-section-1-hidden.brand-mastercard,
.CreditCardDisplay .card-number-section .ae-card-number-section-2-hidden.brand-mastercard,
.CreditCardDisplay .card-number-section .ae-card-number-section-3-hidden.brand-mastercard {
  color: #949494 !important;
}
.CreditCardDisplay .card-number-section .standard-card-number-section-hidden.brand-discover,
.CreditCardDisplay .card-number-section .ae-card-number-section-1-hidden.brand-discover,
.CreditCardDisplay .card-number-section .ae-card-number-section-2-hidden.brand-discover,
.CreditCardDisplay .card-number-section .ae-card-number-section-3-hidden.brand-discover {
  color: #333333 !important;
}
.CreditCardDisplay .card-number-section .standard-card-number-section-hidden.brand-american-express,
.CreditCardDisplay .card-number-section .ae-card-number-section-1-hidden.brand-american-express,
.CreditCardDisplay .card-number-section .ae-card-number-section-2-hidden.brand-american-express,
.CreditCardDisplay .card-number-section .ae-card-number-section-3-hidden.brand-american-express {
  color: #ffffff !important;
}
.CreditCardDisplay .card-number-section .standard-card-number-section-hidden.brand-other,
.CreditCardDisplay .card-number-section .ae-card-number-section-1-hidden.brand-other,
.CreditCardDisplay .card-number-section .ae-card-number-section-2-hidden.brand-other,
.CreditCardDisplay .card-number-section .ae-card-number-section-3-hidden.brand-other {
  color: #ffffff !important;
}
.CreditCardDisplay .card-number-section .standard-card-number-section-shown {
  font-size: 17px;
  letter-spacing: 2px;
}
.CreditCardDisplay .card-number-section .standard-card-number-section-hidden,
.CreditCardDisplay .card-number-section .ae-card-number-section-1-hidden,
.CreditCardDisplay .card-number-section .ae-card-number-section-2-hidden {
  margin-right: 15px;
  letter-spacing: 5px;
}
.CreditCardDisplay .card-number-section .ae-card-number-section-3-hidden {
  letter-spacing: 4px;
}
.CreditCardDisplay .additional-info-section {
  display: flex;
  flex-direction: row;
}
.CreditCardDisplay .additional-info-section .expirtation-date-section {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
  align-items: flex-start;
}
.CreditCardDisplay .additional-info-section .expirtation-date-section .expriation-date-label {
  font-size: 10px;
}
.CreditCardDisplay .additional-info-section .card-brand-logo {
  flex: 0 0 auto;
}
.CreditCardDisplay .additional-info-section .card-brand-logo svg {
  height: 80px;
}
.CreditCardDisplay .additional-info-section .card-brand-logo svg.visa-logo {
  fill: #ffffff;
}
.CreditCardDisplay .additional-info-section .card-brand-logo svg.mastercard-logo path:nth-child(1) {
  fill: #ff5f00;
}
.CreditCardDisplay .additional-info-section .card-brand-logo svg.mastercard-logo path:nth-child(2) {
  fill: #eb001b;
}
.CreditCardDisplay .additional-info-section .card-brand-logo svg.mastercard-logo path:nth-child(3) {
  fill: #f79e1b;
}
.CreditCardDisplay .additional-info-section .card-brand-logo svg.mastercard-logo path:nth-child(4) {
  fill: #f79e1b;
}
.CreditCardDisplay .additional-info-section .card-brand-logo svg.discover-logo {
  fill: #ffffff;
}
.CreditCardDisplay .additional-info-section .card-brand-logo svg.american-express-logo path:nth-child(1) {
  fill: #2e77bc;
}
.CreditCardDisplay .additional-info-section .card-brand-logo svg.american-express-logo path:nth-child(2) {
  fill: #ffffff;
}
.CreditCardDisplay .additional-info-section .card-brand-logo svg.other-logo {
  fill: #ffffff;
  width: 60px !important;
  height: 60px !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/PricingTierCard/PricingTierCard.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;
  }
}
.PricingTierCard {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  transition: all 300ms ease;
}
.PricingTierCard .pricing-tier-card-body .pricing-tier-perk-entry {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  margin: 20px 20px 0 20px;
  padding-bottom: 20px;
}
.theme-default-theme .PricingTierCard .pricing-tier-card-body .pricing-tier-perk-entry {
  border-bottom: 1px solid #003f7626;
}
.PricingTierCard .pricing-tier-card-body .pricing-tier-perk-entry .perk-label {
  display: flex;
  flex-direction: row;
  font-weight: 600;
  font-size: 22px;
}
.PricingTierCard .pricing-tier-card-body .pricing-tier-perk-entry .perk-value {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  justify-content: flex-end;
  font-weight: 800;
  font-size: 16px !important;
}
.theme-default-theme .PricingTierCard .pricing-tier-card-body .pricing-tier-perk-entry .perk-value {
  color: #5cb8b5;
}
.theme-default-theme .PricingTierCard .pricing-tier-card-body .pricing-tier-perk-entry .perk-value svg {
  fill: #003f76;
  margin-top: 5px;
  margin-left: 10px;
}
.PricingTierCard .pricing-tier-card-body .pricing-tier-card-body-spacer {
  flex: 1 1 auto;
}

.pricing-tier-perk-info-tooltip-message div {
  font-size: 12px !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/OrganizationCreationView/OrganizationTypeCards.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;
  }
}
.OrganizationTypeCards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  margin: 0px 20px 20px 20px;
  padding-top: 20px;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root {
  background-color: transparent;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);
  border: none;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root:hover, .OrganizationTypeCards .MuiPaper-root.MuiCard-root.selected {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px;
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 840px) {
  .OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root {
    flex-direction: column;
  }
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .icon-area {
  border-radius: 50%;
  margin-right: 20px;
}
.theme-default-theme .OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .icon-area {
  border: 2px solid #5cb8b5;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .icon-area svg {
  padding: 5px 6px;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .card-text {
  font-size: 22px;
  font-weight: 500;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root:hover .card-text, .OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root.selected .card-text {
  font-weight: 600;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root:hover .adType-area, .OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root.selected .adType-area {
  font-weight: 500;
  margin-right: 20px;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root:hover .selected-check-mark-container .check-mark-fold {
  border-width: 16px 16px 0 0;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root.selected .icon-area {
  animation: shrink 300ms linear;
}
.theme-default-theme .OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root.selected .icon-area {
  background-color: #5cb8b525;
  border: none;
  padding: 10px;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root.selected .icon-area svg {
  padding: 0px 1px;
  animation: paddingShrink 300ms linear;
}
@keyframes shrink {
  0% {
    border: 2px solid #5cb8b5;
    border-radius: 50%;
    padding: 0px;
  }
  40% {
    background-color: rgba(92, 184, 181, 0.3137254902);
    border: 1px solid rgba(92, 184, 181, 0.3137254902);
    padding: 5px;
  }
  100% {
    background-color: rgba(92, 184, 181, 0.1450980392);
    border: 0px solid rgba(92, 184, 181, 0.1450980392);
    padding: 10px;
  }
}
@keyframes paddingShrink {
  0% {
    padding: 5px 6px;
  }
  40% {
    padding: 3px 4px;
  }
  100% {
    padding: 0px 1px;
  }
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root.selected .selected-check-mark-container .check-mark-fold {
  border-width: 40px 40px 0 0;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .selected-check-mark-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .selected-check-mark-container .check-mark-fold {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0px;
  height: 0px;
  border-width: 0;
  border-style: solid;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
  display: block;
  transform: rotate(90deg);
  transition: border-width 200ms ease-out;
}
.theme-default-theme .OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .selected-check-mark-container .check-mark-fold {
  background-color: #5cb8b5;
  border-color: transparent #ffffff transparent #5cb8b5;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .selected-check-mark-container .selected-check-mark {
  position: absolute;
  top: 1px;
  right: 0.01px;
  opacity: 0;
  transition: opacity 10ms ease, filter 1200ms ease;
}
.theme-default-theme .OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .selected-check-mark-container .selected-check-mark {
  color: #ffffff;
}
.OrganizationTypeCards .MuiPaper-root.MuiCard-root .MuiButtonBase-root .selected-check-mark-container .selected-check-mark.is-displayed {
  opacity: 1;
  transition: opacity 300ms 300ms ease, filter 1200ms ease !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/OrganizationSelectionView/OrganizationSelectionView.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;
  }
}
.OrganizationSelectionView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.theme-default-theme .OrganizationSelectionView {
  background-color: #ffffff !important;
}
.OrganizationSelectionView .header-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: 0 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}
.OrganizationSelectionView .header-container .description-text {
  flex: 1 1 auto;
  max-width: 400px;
  font-size: 18px;
  font-weight: 600;
}
.OrganizationSelectionView .organization-search-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: 0 0 auto;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 20px;
}
.OrganizationSelectionView .organization-search-container .search-organization-text-field {
  flex: 1 1 auto;
  max-width: 400px;
}
.OrganizationSelectionView .organization-selection-container {
  display: flex;
  justify-content: center;
  flex: 1 1 auto;
  overflow-y: scroll;
}
.theme-default-theme .OrganizationSelectionView .organization-selection-container {
  border-top: 1px solid #003f7626;
  border-bottom: 1px solid #003f7626;
}
.OrganizationSelectionView .organization-selection-container .organization-list {
  display: flex;
  flex-direction: column;
  max-width: 400px;
  margin: 0 auto;
  width: 100%;
  padding: 20px;
}
.OrganizationSelectionView .organization-selection-container .organization-list .organization-selection-item {
  flex: 0 0 auto;
  border-radius: 4px;
  border-style: inset;
  padding: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  font-weight: 500;
  transition: all 150ms ease;
}
.theme-default-theme .OrganizationSelectionView .organization-selection-container .organization-list .organization-selection-item {
  border: 1px solid #003f76;
}
.OrganizationSelectionView .organization-selection-container .organization-list .organization-selection-item.selected-organization {
  padding: 18px;
  transform: scale(1.03);
}
.theme-default-theme .OrganizationSelectionView .organization-selection-container .organization-list .organization-selection-item.selected-organization {
  color: #5cb8b5;
  border: 3px solid #5cb8b5;
  box-shadow: 4px 4px 8px #35353566;
}
.OrganizationSelectionView .organization-selection-container .organization-list .organization-selection-item.disabled-organization {
  opacity: 0.5;
  cursor: not-allowed;
}
.OrganizationSelectionView .organization-selection-container .organization-list .bottom-margin-enforcer {
  width: 0;
  height: 0;
  border: 1px solid rgba(0, 0, 0, 0);
}
.OrganizationSelectionView .actions-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 0 0 65px;
}
.theme-default-theme .OrganizationSelectionView .actions-container {
  background-color: #e6eaef !important;
}
.OrganizationSelectionView .actions-container .logout-button {
  margin-right: 8px;
}
.theme-default-theme .OrganizationSelectionView .actions-container .select-organization-button {
  color: #ffffff !important;
  background-color: #f67a48 !important;
}

.organization-under-review-tooltip-message {
  font-size: 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/PasswordReset/PasswordReset.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;
  }
}
.PasswordReset {
  display: flex;
  width: 100%;
  height: 100%;
}
.PasswordReset .logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-default-theme .PasswordReset .logo-container {
  background-color: #f5f5f5 !important;
}
.PasswordReset .logo-container .logo {
  width: 300px;
}
.PasswordReset .password-reset-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.theme-default-theme .PasswordReset .password-reset-container {
  background-color: #ffffff !important;
}
.PasswordReset .password-reset-container .password-reset-header {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  margin: 40px 40px 0 40px;
}
.PasswordReset .password-reset-container .password-reset-header .logo {
  flex: 0 0 auto;
}
.PasswordReset .password-reset-container .password-reset-header .header-spacer {
  flex: 1 1 auto;
}
.PasswordReset .password-reset-container .action-forms,
.PasswordReset .password-reset-container .reset-successful-form {
  display: flex;
  flex: 1 1 auto;
  margin: auto;
  padding: 20px;
  justify-content: center;
  align-items: center;
  min-width: 400px;
  max-width: 400px;
}
.PasswordReset .password-reset-container .action-forms .displayed-message,
.PasswordReset .password-reset-container .reset-successful-form .displayed-message {
  text-align: center;
  margin-bottom: 30px;
  line-height: 24px;
}
.PasswordReset .password-reset-container .action-forms {
  flex-direction: row;
}
.PasswordReset .password-reset-container .reset-successful-form {
  flex-direction: column;
}
.PasswordReset .password-reset-container .go-to-login-button {
  width: 100%;
  margin-bottom: 20px;
}
.theme-default-theme .PasswordReset .password-reset-container .go-to-login-button {
  color: #ffffff !important;
  background-color: #f67a48 !important;
}
.PasswordReset .password-reset-container .go-to-login-button.Mui-disabled {
  opacity: 0.35;
}

@media screen and (max-width: 899px) {
  .PasswordReset .action-forms,
  .PasswordReset .reset-successful-form {
    min-width: calc(100% - 20px * 2) !important;
  }
  .PasswordReset .password-reset-container .password-reset-header {
    margin: 20px 20px 0 20px;
  }
}
@media screen and (min-width: 650px) {
  .PasswordReset {
    flex-direction: row;
  }
  .PasswordReset .logo-container {
    flex: 1 1 50%;
  }
  .PasswordReset .password-reset-container {
    flex: 1 1 50%;
  }
}
@media screen and (max-width: 649px) {
  .PasswordReset {
    flex-direction: column-reverse;
  }
  .PasswordReset .logo-container {
    flex: 1 1 10%;
  }
  .PasswordReset .password-reset-container {
    flex: 1 1 90%;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/PasswordResetForm/PasswordResetForm.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;
  }
}
.PasswordResetForm {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.PasswordResetForm .new-password-entry,
.PasswordResetForm .verify-new-password-entry {
  width: 100%;
  margin-bottom: 20px;
}
.PasswordResetForm .new-password-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.PasswordResetForm .new-password-container .new-password-entry {
  flex: 1 1 auto;
}
.PasswordResetForm .new-password-container .new-password-info {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  margin: 0 0 20px 5px;
}
.theme-default-theme .PasswordResetForm .new-password-container .new-password-info {
  color: #003f76 !important;
}
.theme-default-theme .PasswordResetForm .new-password-container .new-password-info:hover {
  background-color: #003f7630 !important;
}
.PasswordResetForm .reset-password-button {
  width: 100%;
  margin-bottom: 20px;
}
.theme-default-theme .PasswordResetForm .reset-password-button {
  color: #ffffff !important;
  background-color: #f67a48 !important;
}
.PasswordResetForm .reset-password-button.Mui-disabled {
  opacity: 0.35;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/PaymentMethodView/PaymentMethodView.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;
  }
}
.PaymentMethodView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
  position: relative;
}
.PaymentMethodView .form-saving-block {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.theme-default-theme .PaymentMethodView .form-saving-block {
  background-color: #35353580;
}
.PaymentMethodView .sub-org-select-container {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  padding: 20px 20px 0 20px;
}
.PaymentMethodView .sub-org-select-container .sub-org-select {
  width: 100%;
}
.PaymentMethodView .sub-org-select-container .section-divider {
  margin-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.theme-default-theme .PaymentMethodView .sub-org-select-container .section-divider {
  border-bottom: 1px solid #003f7666;
}
.PaymentMethodView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
}
.PaymentMethodView .view-body .LoadingIndicator {
  flex: 1 1 auto;
}
.PaymentMethodView .form-validation-messages-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .PaymentMethodView .form-validation-messages-icon {
  color: #f67a48;
}
.PaymentMethodView .form-validation-messages-icon.validation-failed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.PaymentMethodView .form-validation-passed-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .PaymentMethodView .form-validation-passed-icon {
  color: #0f884c;
}
.PaymentMethodView .form-validation-passed-icon.validation-passed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.PaymentMethodView .MuiButton-root {
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms ease !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/UserManagementView/UserManagementView.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;
  }
}
.UserManagementView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
}
.UserManagementView .sub-org-select-container {
  padding: 20px 20px 0 20px;
}
.UserManagementView .sub-org-select-container .section-divider {
  margin-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.theme-default-theme .UserManagementView .sub-org-select-container .section-divider {
  border-bottom: 1px solid #003f7666;
}
.UserManagementView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.theme-default-theme .UserManagementView .view-body .DataTable tbody svg {
  fill: #003f76;
}

.remove-user-confirmation-dialog .confirmation-question {
  margin-bottom: 20px;
}
.remove-user-confirmation-dialog .InfoRow {
  margin-bottom: 5px;
}
.remove-user-confirmation-dialog .InfoRow .info-row-label {
  flex: 0 0 75px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/UserManagementDataTableFilterView/UserManagementDataTableFilterView.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;
  }
}
.UserManagementDataTableFilterView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
}
.UserManagementDataTableFilterView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.UserManagementDataTableFilterView .view-body > div {
  padding-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/UserManagementInviteView/UserManagementInviteView.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;
  }
}
.UserManagementInviteView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
  overflow: auto;
}
.UserManagementInviteView .form-saving-block {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.theme-default-theme .UserManagementInviteView .form-saving-block {
  background-color: #35353580;
}
.UserManagementInviteView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.theme-default-theme .UserManagementInviteView .view-body .add-user-invite-container .add-user-invite-button {
  color: #003f76 !important;
  background-color: #d5d9dd !important;
}
.UserManagementInviteView .form-validation-messages-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .UserManagementInviteView .form-validation-messages-icon {
  color: #f67a48;
}
.UserManagementInviteView .form-validation-messages-icon.validation-failed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}
.UserManagementInviteView .form-validation-passed-icon {
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 36px;
  height: 36px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.theme-default-theme .UserManagementInviteView .form-validation-passed-icon {
  color: #0f884c;
}
.UserManagementInviteView .form-validation-passed-icon.validation-passed {
  opacity: 1;
  transition: opacity 300ms 300ms ease;
}

.submission-results-container .FormSectionHeader {
  margin-left: -20px;
  margin-right: -20px;
}
.submission-results-container .FormSectionHeader:first-child {
  margin-top: 0px;
}

.user-invite-status-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 550px;
}
.user-invite-status-container .result-entry-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.user-invite-status-container .first-row-elements {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 1 auto;
  margin-bottom: 2px;
}
.user-invite-status-container .first-row-elements .status-icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  margin-right: 5px;
}
.user-invite-status-container .first-row-elements .status-icon svg {
  width: 24px;
  height: 24px;
}
.theme-default-theme .user-invite-status-container .first-row-elements .status-icon svg.success-icon {
  color: #0f884c;
}
.user-invite-status-container .first-row-elements .status-icon svg.complete-success-icon {
  width: 36px;
  height: 36px;
}
.theme-default-theme .user-invite-status-container .first-row-elements .status-icon svg.error-icon {
  color: #ff3333;
}
.user-invite-status-container .first-row-elements .success-message {
  flex: 1 1 auto;
  font-weight: 500;
}
.user-invite-status-container .status-message {
  flex: 1 1 auto;
  font-weight: 300;
  margin-left: 29px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/UserInviteInputRow/UserInviteInputRow.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;
  }
}
.UserInviteInputRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.UserInviteInputRow .user-input-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.UserInviteInputRow .user-input-container .user-email-input {
  flex: 1 1 auto;
}
.UserInviteInputRow .user-input-container .user-role-select {
  margin-left: 8px;
  min-width: 200px;
}
.UserInviteInputRow .remove-user-button {
  flex: 0 0 auto;
  height: 48px;
  margin-left: 8px;
}
.theme-default-theme .UserInviteInputRow .remove-user-button:hover {
  background-color: #003f7630;
}
.theme-default-theme .UserInviteInputRow .remove-user-button:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .UserInviteInputRow .remove-user-button.Mui-disabled {
  color: #003f7630;
}
@media screen and (max-width: 550px) {
  .UserInviteInputRow .user-input-container {
    width: 100%;
    flex-direction: column;
  }
  .UserInviteInputRow .user-input-container .user-email-input {
    width: 100%;
    margin-bottom: 10px;
  }
  .UserInviteInputRow .user-input-container .user-role-select {
    width: 100%;
    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/UserMenu/UserMenu.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;
  }
}
.UserMenu .MuiPopover-paper {
  margin-left: 10px;
  width: 250px;
}
.UserMenu .main-container {
  display: flex;
  flex-direction: column;
}
.UserMenu .main-container .user-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 auto;
  overflow: hidden;
  padding: 0 12px;
  height: 65px;
}
.theme-default-theme .UserMenu .main-container .user-info {
  color: #003f76 !important;
  background-color: rgba(230, 234, 239, 0.5) !important;
}
.UserMenu .main-container .user-info .user-name,
.UserMenu .main-container .user-info .organization-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.UserMenu .main-container .user-info .user-name {
  font-weight: 600;
  font-size: 15px;
}
.UserMenu .main-container .user-info .organization-name {
  font-weight: 300;
  font-size: 11px;
}
.UserMenu .main-container .menu-item {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  flex-direction: row;
  padding: 8px 8px 8px 8px;
  justify-content: flex-start;
  transition: color 300ms ease;
  border-radius: 0;
  height: 48px;
}
.theme-default-theme .UserMenu .main-container .menu-item {
  background-color: #ffffff !important;
  color: #172b6180 !important;
}
.theme-default-theme .UserMenu .main-container .menu-item:hover {
  color: #172b61cc !important;
}
.theme-default-theme .UserMenu .main-container .menu-item:hover .menu-item-icon svg {
  fill: #172b61cc !important;
}
.UserMenu .main-container .menu-item .menu-item-icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.UserMenu .main-container .menu-item .menu-item-icon svg {
  width: 28px;
  height: 28px;
  transition: fill 300ms ease;
}
.theme-default-theme .UserMenu .main-container .menu-item .menu-item-icon svg {
  fill: #172b6180 !important;
}
.UserMenu .main-container .menu-item .menu-item-text {
  display: flex;
  align-items: center;
  font-weight: 500;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/StaticTargetsView/StaticTargetsView.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;
  }
}
.StaticTargetsView {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  position: relative;
  padding-top: 65px;
}
.StaticTargetsView .main-header-container {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: -20px;
  left: -20px;
  width: calc(100% + 20px * 2);
  height: 65px;
  z-index: 1;
  align-items: center;
  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 .StaticTargetsView .main-header-container {
  background-color: #ffffff;
}
.StaticTargetsView .FormSectionHeader {
  padding: 0 0 5px 0;
}
.StaticTargetsView .FormSectionHeader .label-container {
  margin-top: 10px;
  margin-left: 20px;
}
.StaticTargetsView .FormSectionHeader:first-of-type {
  margin-top: 10px;
  flex: 1 1 auto;
}
.theme-default-theme .StaticTargetsView .unarchive-icon {
  fill: #5cb8b5 !important;
}
.theme-default-theme .StaticTargetsView .archive-icon {
  fill: #353535 !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/StaticTargetsDataTableFiltersView/StaticTargetsDataTableFiltersView.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;
  }
}
.StaticTargetsDataTableFiltersView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
}
.StaticTargetsDataTableFiltersView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.StaticTargetsDataTableFiltersView .view-body > div {
  padding-bottom: 15px;
}
.StaticTargetsDataTableFiltersView .view-body .MuiTextField-root {
  width: 100%;
}
.StaticTargetsDataTableFiltersView .view-body > .MuiTextField-root {
  flex: 0 0 auto;
}
.StaticTargetsDataTableFiltersView .view-body .NumericInput {
  flex: 0 0 auto;
}
.StaticTargetsDataTableFiltersView .view-body .ComboSelect {
  flex: 0 0 auto;
}
.StaticTargetsDataTableFiltersView .view-body .StatusFilter {
  flex: 0 0 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/StaticTargetInfoView/StaticTargetInfoView.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;
  }
}
.StaticTargetInfoView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  overflow: auto;
}
.StaticTargetInfoView .form-saving-block {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.theme-default-theme .StaticTargetInfoView .form-saving-block {
  background-color: #35353580;
}
.StaticTargetInfoView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.StaticTargetInfoView .targets-list {
  list-style-type: none;
}
.StaticTargetInfoView .dialog-primary-button {
  transition: all 0.3s;
}
.theme-default-theme .StaticTargetInfoView .dialog-primary-button.unavailable {
  background-color: #353535 !important;
}
.theme-default-theme .StaticTargetInfoView .dialog-primary-button.available {
  background-color: #5cb8b5 !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/CreativeAssetsView/CreativeAssetsView.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;
  }
}
.CreativeAssetsView {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  position: relative;
  padding-top: 65px;
}
.CreativeAssetsView .main-header-container {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: -20px;
  left: -20px;
  width: calc(100% + 20px * 2);
  height: 65px;
  z-index: 1;
  align-items: center;
  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 .CreativeAssetsView .main-header-container {
  background-color: #ffffff;
}
.CreativeAssetsView .FormSectionHeader {
  padding: 0 0 5px 0;
}
.CreativeAssetsView .FormSectionHeader .label-container {
  margin-top: 10px;
  margin-left: 20px;
}
.CreativeAssetsView .FormSectionHeader:first-of-type {
  margin-top: 10px;
  flex: 1 1 auto;
}
.theme-default-theme .CreativeAssetsView .unarchive-icon {
  fill: #5cb8b5 !important;
}
.theme-default-theme .CreativeAssetsView .archive-icon {
  fill: #353535 !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/CreativeAssetsDataTableFiltersView/CreativeAssetsDataTableFiltersView.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;
  }
}
.CreativeAssetsDataTableFiltersView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
}
.CreativeAssetsDataTableFiltersView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.CreativeAssetsDataTableFiltersView .view-body > div {
  padding-bottom: 15px;
}
.CreativeAssetsDataTableFiltersView .view-body .MuiTextField-root {
  width: 100%;
  flex: 0 0 auto;
}
.CreativeAssetsDataTableFiltersView .view-body .ComboSelect {
  flex: 0 0 auto;
}
.CreativeAssetsDataTableFiltersView .view-body .StatusFilter {
  flex: 0 0 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/CreativeAssetInfoView/CreativeAssetInfoView.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;
  }
}
.CreativeAssetInfoView {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
  position: relative;
}
.CreativeAssetInfoView .view-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.CreativeAssetInfoView .view-body .InfoRow {
  flex: 0 0 auto;
  margin-bottom: 20px;
}
.CreativeAssetInfoView .view-body .asset-image-container {
  position: relative;
}
.CreativeAssetInfoView .view-body .asset-image-container img {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.CreativeAssetInfoView .dialog-primary-button {
  transition: all 0.3s;
}
.theme-default-theme .CreativeAssetInfoView .dialog-primary-button.unavailable {
  background-color: #353535 !important;
}
.theme-default-theme .CreativeAssetInfoView .dialog-primary-button.available {
  background-color: #5cb8b5 !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/HomepageView/HomepageView.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;
  }
}
.HomepageView {
  display: flex;
  flex-direction: column;
}
.HomepageView .FormSectionHeader {
  padding: 0 0 5px 0;
}
.HomepageView .FormSectionHeader svg {
  width: 30px;
  height: 30px;
}
.HomepageView .FormSectionHeader .label-container {
  margin-top: 20px;
  margin-left: 20px;
}
.HomepageView .FormSectionHeader .label-container .icon-label-group {
  align-items: center;
}
.HomepageView .FormSectionHeader:first-of-type {
  margin-top: 10px;
  flex: 1 1 auto;
}
.HomepageView .actions-header {
  margin: -20px -20px 20px -20px;
  display: flex;
  flex-direction: row;
  height: 65px;
  z-index: 1;
  align-items: center;
  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 .HomepageView .actions-header {
  background-color: #ffffff;
}
.HomepageView .actions-header .activate-campaigns-button {
  flex: 0 0 auto;
  margin-left: 5px;
  margin-right: 20px;
}
.theme-default-theme .HomepageView .actions-header .activate-campaigns-button {
  color: #ffffff !important;
  background-color: #f67a48 !important;
}
.HomepageView .sub-org-select-container {
  margin-bottom: 20px;
}
.theme-default-theme .HomepageView .sub-org-select-container {
  background-color: #ffffff;
}
.HomepageView .cards-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 1200px) {
  .HomepageView .cards-container.main-menu-collapsed {
    display: grid;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    gap: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .HomepageView .cards-container.main-menu-expanded {
    display: grid;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    gap: 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/SubOrgCampaignPerformance/SubOrgCampaignPerformance.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;
  }
}
.SubOrgCampaignPerformance {
  display: grid;
  grid-template-columns: 1fr;
  height: 100%;
  gap: 20px;
  padding: 20px;
}
.SubOrgCampaignPerformance.loading-indicator {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 700px) {
  .SubOrgCampaignPerformance.main-menu-collapsed {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 850px) {
  .SubOrgCampaignPerformance.main-menu-expanded {
    grid-template-columns: 1fr 1fr;
  }
}
.SubOrgCampaignPerformance .stat-card {
  padding: 10px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
}
.theme-default-theme .SubOrgCampaignPerformance .stat-card {
  box-shadow: 1px 1px 5px #003f7666;
}
.SubOrgCampaignPerformance .stat-card .title-row {
  display: flex;
  font-weight: 600;
  align-items: center;
  justify-content: space-between;
}
.SubOrgCampaignPerformance .stat-card .title-row .title {
  opacity: 0.75;
  font-size: 18px;
}
.SubOrgCampaignPerformance .stat-card .title-row svg {
  border-radius: 50%;
  padding: 10px;
}
.theme-default-theme .SubOrgCampaignPerformance .stat-card .title-row svg {
  color: #5cb8b5;
  background-color: rgba(92, 184, 181, 0.2);
}
.SubOrgCampaignPerformance .stat-card .stats-row {
  display: flex;
  justify-content: center;
  font-weight: 500;
}
.SubOrgCampaignPerformance .stat-card .stats-row span {
  font-size: 24px;
}
.theme-default-theme .SubOrgCampaignPerformance .stat-card .stats-row .weekly-stat {
  color: #5cb8b5;
}
.SubOrgCampaignPerformance .stat-card .legend-row {
  display: flex;
  font-size: 14px;
  justify-content: center;
  opacity: 0.45;
}
.SubOrgCampaignPerformance .stat-card .tooltip {
  display: flex;
  justify-content: flex-end;
}
.SubOrgCampaignPerformance .stat-card .tooltip svg {
  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/HomepageCard/HomepageCard.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;
  }
}
.HomepageCard {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 4px;
}
.theme-default-theme .HomepageCard {
  background-color: #ffffff;
}
@media screen and (min-width: 1200px) {
  .HomepageCard.main-menu-collapsed {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1400px) {
  .HomepageCard.main-menu-expanded {
    margin-bottom: 0;
  }
}
.HomepageCard .title-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px 15px 15px;
  margin: 0 -10px;
}
.theme-default-theme .HomepageCard .title-area {
  border-bottom: 1px solid #003f7666;
}
.HomepageCard .title-area .primaryTitle {
  font-size: 20px;
  font-weight: 600;
}
.theme-default-theme .HomepageCard .title-area .primaryTitle {
  color: #003f76;
}
.theme-default-theme .HomepageCard .title-area a,
.theme-default-theme .HomepageCard .title-area svg {
  color: #5cb8b5;
}
.HomepageCard .title-area a {
  display: flex;
  text-decoration: none;
  align-items: center;
}
.HomepageCard .title-area a svg {
  margin: 0px 10px 0px 10px;
}
.theme-default-theme .HomepageCard {
  box-shadow: 1px 1px 5px #003f7666;
}
.HomepageCard .content-area {
  display: flex;
  flex-direction: column;
  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/SubOrgCampaignOverview/SubOrgCampaignOverview.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;
  }
}
.SubOrgCampaignOverview {
  display: flex;
  flex-direction: column;
  padding: 20px;
  min-height: 400px;
}
.SubOrgCampaignOverview .title-row {
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin-bottom: 20px;
}
.SubOrgCampaignOverview .title-row .title {
  opacity: 0.75;
}
.SubOrgCampaignOverview .title-row svg {
  border-radius: 50%;
  padding: 5px;
}
.theme-default-theme .SubOrgCampaignOverview .title-row svg {
  color: #5cb8b5;
  background-color: rgba(92, 184, 181, 0.2);
}
.SubOrgCampaignOverview .pie-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-wrap: nowrap;
}
@media screen and (max-width: 700px) {
  .SubOrgCampaignOverview .pie-row {
    flex-wrap: wrap;
  }
}
.SubOrgCampaignOverview .pie-row .pie-card {
  width: 50%;
  margin: 0 10px;
  height: 100%;
  border-radius: 4px;
}
.theme-default-theme .SubOrgCampaignOverview .pie-row .pie-card {
  box-shadow: 1px 1px 5px #003f7666;
}
@media screen and (max-width: 700px) {
  .SubOrgCampaignOverview .pie-row .pie-card {
    width: 100%;
    margin: 0;
    max-height: 350px;
  }
  .SubOrgCampaignOverview .pie-row .pie-card:first-of-type {
    margin-bottom: 20px;
  }
}
.SubOrgCampaignOverview .pie-row .pie-card .loading-indicator {
  align-items: center;
  justify-content: center;
}
.SubOrgCampaignOverview .pie-row .pie-card .hover-stat-display text {
  font-weight: bold;
  font-size: 20px !important;
}
.SubOrgCampaignOverview .pie-row .pie-card .recharts-legend-wrapper .recharts-default-legend .recharts-legend-item {
  margin-right: 0 !important;
  display: flex !important;
  flex-direction: row;
  align-items: center;
}
.SubOrgCampaignOverview .pie-row .pie-card .recharts-legend-wrapper .recharts-default-legend .recharts-legend-item:not(:last-of-type) {
  padding-bottom: 5px;
}
.theme-default-theme .SubOrgCampaignOverview .pie-row .pie-card .recharts-legend-wrapper .recharts-default-legend .recharts-legend-item .recharts-legend-item-text {
  color: #003f76 !important;
}
.SubOrgCampaignOverview .legend-row {
  display: flex;
  font-size: 14px;
  justify-content: center;
  opacity: 0.45;
}
.SubOrgCampaignOverview .tooltip {
  display: flex;
  justify-content: flex-end;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/SubOrgSpendingSummary/SubOrgSpendingSummary.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;
  }
}
.SubOrgSpendingSummary {
  display: flex;
  flex-direction: column;
  margin: 10px;
}
@media screen and (min-width: 700px) {
  .SubOrgSpendingSummary.main-menu-collapsed {
    flex-direction: row;
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 850px) {
  .SubOrgSpendingSummary.main-menu-expanded {
    flex-direction: row;
    justify-content: space-evenly;
  }
}
.SubOrgSpendingSummary .stat-card {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin: 10px;
  min-width: 45%;
  border-radius: 4px;
}
.theme-default-theme .SubOrgSpendingSummary .stat-card {
  box-shadow: 1px 1px 5px #003f7666;
}
.SubOrgSpendingSummary .stat-card .title-row {
  display: flex;
  font-weight: 600;
  justify-content: space-between;
}
.SubOrgSpendingSummary .stat-card .title-row .title {
  display: flex;
  align-items: center;
}
.SubOrgSpendingSummary .stat-card .title-row .title .title-name {
  margin-left: 10px;
}
.SubOrgSpendingSummary .stat-card .title-row .title svg {
  border-radius: 50%;
  padding: 5px;
}
.theme-default-theme .SubOrgSpendingSummary .stat-card .title-row .title svg {
  color: #ffffff;
  background-color: #2969a0;
}
.SubOrgSpendingSummary .stat-card .to-date-row,
.SubOrgSpendingSummary .stat-card .projected-row {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px dashed;
  border-color: rgba(41, 105, 160, 0.5);
}
.SubOrgSpendingSummary .stat-card .to-date-row span,
.SubOrgSpendingSummary .stat-card .projected-row span {
  font-size: 18px;
}
.SubOrgSpendingSummary .stat-card .to-date-row span:nth-child(2),
.SubOrgSpendingSummary .stat-card .projected-row span:nth-child(2) {
  margin-left: 10px;
}
.SubOrgSpendingSummary .stat-card .legend-row {
  display: flex;
  font-size: 14px;
  justify-content: center;
  opacity: 0.45;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/SelfService/SelfService.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;
  }
}
.SelfService {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}
.theme-default-theme .SelfService {
  background-color: #f5f8fb !important;
}
.SelfService .form-loading-block {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999999;
}
.theme-default-theme .SelfService .form-loading-block {
  background-color: #35353580;
}
.SelfService .main-body-container {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden;
}
.SelfService .main-body-container .MainMenu {
  flex: 0 0 auto;
}
.SelfService .main-body-container .main-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
.SelfService .main-body-container .main-body.no-body-padding {
  padding: 0 !important;
}
.SelfService .main-body-container .main-body .view-loading-page-body {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
}
.SelfService .main-body-container .main-body .organization-under-review-message,
.SelfService .main-body-container .main-body .no-organization-access-message {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  width: 100%;
}
.SelfService .main-body-container .main-body .organization-under-review-message > div,
.SelfService .main-body-container .main-body .no-organization-access-message > div {
  max-width: 400px;
  line-height: 26px;
  margin: 20px;
  font-size: 18px;
}
.SelfService .main-body-container .main-body .organization-under-review-message > div b,
.SelfService .main-body-container .main-body .no-organization-access-message > div b {
  font-size: 18px;
}
.SelfService .main-body-container .main-body .site-footer-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.SelfService .main-body-container .main-body .site-footer-container .footer-spacer-vertical {
  flex: 1 1 auto;
}
.SelfService .main-body-container .main-body .site-footer-container .footer-section {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  margin-top: 20px;
}
.SelfService .main-body-container .main-body .site-footer-container .footer-section .footer-spacer-horizontal {
  flex: 1 1 auto;
}
.SelfService .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/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: "Montserrat", 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;
}
body.hide-grecaptcha-badge .grecaptcha-badge {
  visibility: hidden;
}

#root {
  height: 100%;
  width: 100%;
  display: flex;
}
.theme-default-theme #root {
  color: #003f76;
}

.theme-default-theme svg.campaign-in-review-icon {
  color: #ffcc33 !important;
}

.theme-default-theme svg.campaign-approved-icon {
  color: #0f884c !important;
}

.theme-default-theme svg.campaign-has-issues-icon {
  color: #ff3333 !important;
}

svg.campaign-in-review-icon,
svg.campaign-approved-icon,
svg.campaign-has-issues-icon {
  width: 27px;
  height: 27px;
  vertical-align: middle;
}

.theme-default-theme .MuiInputBase-root {
  color: #003f76;
}

.theme-default-theme .MuiOutlinedInput-root fieldset {
  border-color: #003f7673;
}
.theme-default-theme .MuiOutlinedInput-root:hover fieldset {
  border-color: #003f76e6;
}
.theme-default-theme .MuiOutlinedInput-root.Mui-disabled fieldset {
  border-color: #003f7630;
}

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

.theme-default-theme .MuiFormControl-root .MuiFormLabel-root {
  color: #003f7673 !important;
}
.theme-default-theme .MuiFormControl-root .MuiFormLabel-root.Mui-focused {
  color: #003f76e6 !important;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root div.MuiAutocomplete-tag {
  color: #003f76;
  background-color: #003f7640;
}
.MuiFormControl-root .MuiInputBase-root div.MuiAutocomplete-tag svg {
  transition: color 300ms ease;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root div.MuiAutocomplete-tag svg {
  color: #003f76cc;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root div.MuiAutocomplete-tag svg:hover {
  color: #003f76;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root:hover {
  background-color: #003f7630;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root.Mui-disabled {
  color: #003f7630;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root:hover {
  background-color: #003f7630;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiAutocomplete-endAdornment .MuiIconButton-root.Mui-disabled {
  color: #003f7630;
}
.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: #003f7630;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiSelect-icon:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root .MuiSelect-icon.Mui-disabled {
  color: #003f7630;
}
.theme-default-theme .MuiFormControl-root .MuiInputBase-root.Mui-focused fieldset {
  border-color: #003f76e6 !important;
}

.MuiDialog-root {
  z-index: 999999 !important;
}
.MuiDialog-root .MuiDialogTitle-root {
  padding: 12px 6px 12px 24px;
  display: flex;
  flex-direction: row;
}
.theme-default-theme .MuiDialog-root .MuiDialogTitle-root {
  color: #ffffff !important;
  background-color: #2969a0 !important;
}
.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;
}
.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: #003f76 !important;
  background-color: #ffffff !important;
}
.MuiDialog-root .MuiDialogActions-root {
  padding: 0 24px 16px 24px;
}
.theme-default-theme .MuiDialog-root .MuiDialogActions-root {
  background-color: #ffffff !important;
}
.MuiDialog-root .MuiDialogActions-root button {
  flex: 0 0 auto;
  box-shadow: none;
  transition: opacity 300ms ease;
  margin-left: 8px;
}
.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: #172b6125 !important;
  border-bottom: #172b6125 !important;
}

.MuiButton-root {
  height: 48px;
  opacity: 1;
  box-shadow: none !important;
  min-width: 100px !important;
  font-size: 15px !important;
}
.theme-default-theme .MuiButton-root {
  color: #003f76 !important;
  background-color: #c4c8cc !important;
}
.MuiButton-root.MuiButton-text {
  padding: 6px 16px;
}
.MuiButton-root.Mui-disabled {
  opacity: 0.35;
}

.theme-default-theme .MuiListItem-root .MuiListItemText-primary {
  color: #003f76 !important;
  font-weight: 600;
  font-size: 15px;
}
.theme-default-theme .MuiListItem-root .MuiListItemText-secondary {
  color: #2969a0 !important;
}

.theme-default-theme .MuiPaper-root {
  color: #003f76;
}

.MuiTooltip-popper .MuiTooltip-tooltip {
  max-width: 400px;
  padding: 8px 12px;
}
.theme-default-theme .MuiTooltip-popper .MuiTooltip-tooltip {
  color: #ffffff !important;
  background-color: #172b61e6 !important;
}
.MuiTooltip-popper .MuiTooltip-tooltip a {
  font-size: 0.6875rem;
  cursor: pointer;
  text-decoration: underline;
  transition: color 300ms ease;
  font-weight: 500;
}
.theme-default-theme .MuiTooltip-popper .MuiTooltip-tooltip a {
  color: #ffffff !important;
}
.theme-default-theme .MuiTooltip-popper .MuiTooltip-tooltip a:hover {
  color: #9dd0ec !important;
}

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

.theme-default-theme .MuiPopover-paper ul.MuiList-root li[aria-selected=true] {
  background-color: #003f7640 !important;
}
.theme-default-theme .MuiPopover-paper ul.MuiList-root li:focus:not([aria-selected]), .theme-default-theme .MuiPopover-paper ul.MuiList-root li:hover:not([aria-selected]) {
  background-color: #003f761a !important;
}

.theme-default-theme .MuiAutocomplete-popper {
  background-color: #ffffff !important;
  color: #003f76 !important;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-noOptions {
  color: #ff3333 !important;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=true] {
  background-color: #003f7640 !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: #003f761a !important;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[data-focus=true] {
  background-color: #003f761a;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option .google-map-place-icon {
  color: #5cb8b5 !important;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option .autocomplete-checkbox {
  color: #003f76 !important;
}
.theme-default-theme .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option .autocomplete-checkbox:hover {
  background-color: #003f7630 !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-switchHeader {
  color: #003f76;
}
.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: #003f76;
}
.theme-default-theme .MuiPickersLayout-root .MuiButtonBase-root:hover {
  background-color: #003f7630;
}
.theme-default-theme .MuiPickersLayout-root .MuiButtonBase-root:not(.Mui-disabled) {
  color: #003f76;
}
.theme-default-theme .MuiPickersLayout-root .MuiButtonBase-root.Mui-disabled {
  color: #003f7630;
}
.MuiPickersLayout-root .MuiButtonBase-root.MuiPickersDay-root {
  font-size: 14px;
}
.theme-default-theme .MuiPickersLayout-root .MuiButtonBase-root.MuiPickersDay-root {
  color: #003f76;
}
.theme-default-theme .MuiPickersLayout-root .MuiButtonBase-root.MuiPickersDay-root.Mui-disabled {
  color: #003f7680;
}
.theme-default-theme .MuiPickersLayout-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected {
  color: #ffffff !important;
  background-color: #5cb8b5;
}