html,
body {
  overflow: initial !important;
}

body {
  margin: 0px;
  padding: 0px;
  padding-right: 0 !important;
  font-size: 16px;
  line-height: 1.6;
  /*color: #3d3a40;*/
  color: var(--config-body-color, #3d3a40);
  font-family: var(--config-font-family);
  font-weight: normal;
  background-color: white;
  position: relative;
  overflow-x: hidden;
}

body > .container {
  border: 0px;
  width: 1300px;
}

p,
input,
input,
select,
textarea {
  line-height: 1.2;
  font-family: var(--config-font-family);
  font-weight: normal;
}

h1,
h2,
h3,
button {
  font-weight: normal;
  font-family: var(--config-font-family);
  font-weight: normal;
  margin: 0 0;
  padding: 0 0;
}

.red {
  color: #e4002b;
}

.blue {
  color: #2b6ed2;
}

a {
  color: var(--config-link-color);
  text-decoration: underline;
}

a:hover {
  color: var(--config-link-hover-color);
}

.btn-primary {
    --bs-btn-bg: var(--config-btn-primary-bg);
    --bs-btn-color: var(--config-btn-primary-color);
    --bs-btn-border-color: var(--config-btn-primary-border-color);
    --bs-btn-hover-bg: var(--config-btn-primary-hover-bg);
    --bs-btn-hover-color: var(--config-btn-primary-hover-color);
    background-color: var(--bs-btn-bg);
    background-image: var(--config-btn-primary-bg-image);
}
.btn-primary:hover {
    background-color: var(--bs-btn-hover-bg);
    background-image: var(--config-btn-primary-hover-bg-image);
}

.btn-outline-primary {
    --bs-btn-color: var(--config-btn-outline-primary-color, var(--config-btn-primary-color));
    --bs-btn-border-color: var(--config-btn-outline-primary-border-color, var(--config-btn-primary-border-color));
    --bs-btn-hover-bg: var(--config-btn-outline-primary-hover-bg, var(--config-btn-primary-hover-bg));
    --bs-btn-hover-color: var(--config-btn-outline-primary-hover-color, var(--config-btn-primary-hover-bg));
    --bs-btn-hover-border-color: var(--config-btn-outline-primary-border-color, var(--config-btn-primary-border-color));
    --bs-btn-active-bg: var(--config-btn-outline-primary-hover-bg, var(--config-btn-primary-hover-bg));
    --bs-btn-active-border-color: var(--config-btn-outline-primary-border-color, var(--config-btn-primary-border-color));
    --bs-btn-disabled-color: var(--config-btn-outline-primary-color, var(--config-btn-primary-color));
    --bs-btn-disabled-border-color: var(--config-btn-outline-primary-border-color, var(--config-btn-primary-border-color));
}

.btn.disabled {
  cursor:not-allowed;
}

.btn-check:checked + .btn {
    --bs-btn-active-color: var(--bs-btn-hover-color);
}

.btn-danger {
  background-color: #e4002b;
  border-color: #e4002b;
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom,
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar {
  padding: 0 0;
  background: #fff;
  height: 64px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.0625rem 0.1875rem 0px;
}

.navbar .hide {
  display: none;
}

.navbar .row {
  width: 100%;
}

.bg-primary {
  background-color: #7cd3f3 !important;
}

.bg-secondary {
  background-color: #bb94d4 !important;
}

.bg-success {
  background-color: #92d7ac !important;
}

.bg-danger {
  background-color: #e4002b !important;
}

.bg-warning {
  background-color: #fcc936 !important;
}

.bg-info {
  background-color: #59e2df !important;
}

.bg-light {
  background-color: #f7f8f9 !important;
}

@media screen and (max-width: 1024px) {
  .navbar {
    padding: 0px 0 0 0;
    height: 61px;
  }
}

@media screen and (max-width: 992px) {
  .navbar .inspect {
    padding: 15px 40px;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    padding: 5px 0;
  }

  .navbar .row {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar .inspect {
    padding: 15px 30px;
  }
}

.navbar a {
  color: #3d3a40 !important;
}

.navbar button {
  color: inherit !important;
  border: 0px;
}

.project-logo-standard {
  width: 300px;
  height: 32px;
  padding: 0 3px;
  margin: 1rem 0;
  /*background: url(/rea/images/rea-logo.svg) no-repeat;*/
  background-image: var(--config-primary-logo);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 3px 0;
  display: block;
}

@media screen and (max-width: 1024px) {
  .project-logo-standard {
    width: 260px;
    height: 28px;
    margin: 1.25rem 0 0.75rem 0;
  }
}

@media screen and (max-width: 767px) {
  .project-logo-standard {
    margin: 5px 0 0;
    height: 30px;
  }
}

.project-logo-compressed {
  width: 300px;
  height: 30px;
  display: inline-block;
  background: #3d3a40 url(/rea/images/rea-logo.svg) no-repeat;
  background-position: left center;
  margin: 25px 0 10px;
  background-size: contain;
}

@media screen and (max-width: 1024px) {
  .project-logo-compressed {
    width: 700px;
    height: 30px;
    margin: 30px 0 0px;
    background-position: left center;
  }
}

@media screen and (max-width: 992px) {
  .project-logo-compressed {
    width: 400px;
    height: 30px;
    margin: 25px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .project-logo-compressed {
    width: 150px;
    height: 35px;
    margin: 25px 0 0px;
  }
}

ul.navbar-nav {
  padding: 0 0;
  float: right;
  height: 64px;
}

ul.navbar-nav li {
  padding: 14px 0 0 16px;
  margin: 0 28px 0 0;
  font-family: var(--config-font-family);
  font-weight: 500;
  font-size: 0.875rem;
  height: 64px;
  display: inline;
  vertical-align: middle;
}

ul.navbar-nav a:hover {
  text-decoration: none;
  border-bottom: 3px solid var(--config-nav-active-color);
}

ul.navbar-nav .active {
  border-bottom: 3px solid var(--config-nav-active-color);
}

ul.navbar-nav .dashboard {
  background: url(/rea/images/icon-dashboard.svg) left center no-repeat;
}

ul.navbar-nav .campaigns {
  background: url(/rea/images/icon-campaigns.svg) left center no-repeat;
}

ul.navbar-nav .banners {
  background: url(/rea/images/icon-banners.svg) left center no-repeat,
    url(/rea/images/border.svg) right center no-repeat;
  background-size: 11px 14px, 1px 32px;
}

ul.navbar-nav .profile {
  background: url(/rea/images/profile-image.svg) left center no-repeat;
  background-size: 32px 32px;
}

@media screen and (max-width: 1024px) {
  ul.navbar-nav li {
    padding: 14px 0 0 16px;
    margin: 0 18px 0 0;
    font-size: 0.875rem;
    height: 64px;
    display: inline;
    vertical-align: middle;
  }
}

@media screen and (max-width: 992px) {
  ul.navbar-nav li.dropdown {
    padding: 0 0 0 40px;
    margin: 0 0px 0 0;
    border-radius: 0px;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    display: inline-block !important;
    flex-basis: auto;
    float: right;
  }

  ul.navbar-nav li:nth-child(4) {
    margin: 0;
    padding: 14px 0 0 16px;
  }

  ul.navbar-nav li:nth-child(5) {
    padding: 14px 0 0 40px;
    margin: 0 0 0 0;
  }
}

.navbar a {
  color: #3d3a40 !important;
}

.navbar .button {
  color: inherit !important;
}

#header-section {
  padding: 40px 0;
  background-color: #f7f8f9;
  width: 100%;
}

#header-section h1 {
  font-family: var(--config-font-family);
  font-weight: normal;
  font-size: 2.25rem;
}

#header-section .date {
  font-family: var(--config-font-family);
  font-weight: 500;
  text-align: right;
  margin-right: 15px;
}

#header-section .button {
  font-size: 1rem;
  text-align: center;
  padding: 12px 24px;
  transition: all 0.6s ease;
  width: auto;
  text-decoration: none;
  border-radius: 3px;
  font-family: var(--config-font-family);
  font-weight: 500;
  display: inline-block;
  height: auto !important;
  float: right;
  white-space: nowrap;

  background-color: var(--config-btn-primary-bg);
  background-image: var(--config-btn-primary-bg-image);
  color: var(--config-btn-primary-color);
  border: 1px solid var(--config-btn-primary-border-color);
}

#header-section .button:hover {
  cursor: pointer;

  background-color: var(--config-btn-primary-hover-bg);
  background-image: var(--config-btn-primary-hover-bg-image);
  color: var(--config-btn-primary-hover-color);
  border: 1px solid var(--config-btn-primary-hover-border-color);
}

@media screen and (max-width: 1024px) {
  #header-section .button {
    font-size: 1rem;
  }
}

@media screen and (max-width: 992px) {
  #header-section .button {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) {
  #header-section .button {
    letter-spacing: 1px;
    padding: 15px 24px;
  }
}

#header-section .col-xl-9 {
  width: 72%;
}

#header-section .col-xl-3 {
  width: 28%;
}

@media screen and (max-width: 1024px) {
  #header-section h1 {
    font-size: 2rem;
  }

  #header-section .col-xl-9 {
    width: 67%;
  }

  #header-section .col-xl-3 {
    width: 33%;
  }
}

@media screen and (max-width: 992px) {
  #header-section h1 {
    font-size: 2rem;
  }

  #header-section .col-xl-9 {
    width: 57%;
  }

  #header-section .col-xl-3 {
    width: 43%;
  }
}

#loading-spinner {
  text-align: center;
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 99;
}

#loading-image {
  margin-top: 20%;
  z-index: 100;
}

#loading-message {
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid #ccc;
  margin: 40px auto;
  width: 90%;
  max-width: 600px;
  z-index: 100;
}

#loading-message p {
  font-weight: bold;
}

.campaigns-overview {
  background: #f7f8f9;
}

@media screen and (max-width: 1024px) {
  .campaigns-overview {
    background: #f7f8f9;
  }
}

.card-footer {
  background: none;
  border-top: none;
}

#create-account,
#company-info,
#user-profile {
  background: #fff;
  padding: 1rem 0 2.5rem 0;
  margin: 3em 0;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.0625rem 0.1875rem 0px;
  color: #3d3a40;
}

#create-account #rea-logo,
#company-info #rea-logo,
#user-profile #rea-logo {
  width: 100%;
  height: 32px;
  background: url(/rea/images/rea-logo.svg) center center no-repeat;
  margin: 0 0 3rem;
}

#create-account h1,
#company-info h1,
#user-profile h1 {
  font-family: var(--config-font-family);
  font-weight: 500;
  font-size: 2.25rem;
  margin: 0 0 1.5rem;
  padding: 0 2.5rem;
}

#create-account p {
  padding: 0 2.5rem;
  margin: 0 0;
}

#company-info p,
#user-profile p {
  padding: 0;
  margin: 0 0;
}

#create-account form,
#company-info form,
#user-profile form {
  padding: 0 2.5rem 2rem;
  border-bottom: 1px solid #dce0e3;
  margin: 2rem 0 0 0;
}

#create-account form .field-wrapper,
#company-info form .field-wrapper,
#user-profile form .field-wrapper {
  width: 100%;
  display: inline-block;
  margin: 0.75rem 0;
}

#create-account form .field-wrapper input,
#company-info form .field-wrapper input,
#user-profile form .field-wrapper input {
  /*breaks the label*/
  /*height: 48px;*/
}

form .email-address {
  background: url(/rea/images/icon-email.svg) 16px center no-repeat;
  background-size: 16px 16px;
}

form .password {
  background: url(/rea/images/icon-password.svg) 16px center no-repeat;
  background-size: 18px 24px;
}

form .showPassword {
  font-size: 10px;
  color: #ccc;
}

form .passwordHelpBlock {
  font-size: 12px;
}

form .icon-arrow {
  background: url(/rea/images/icon-arrow.svg) 16px center no-repeat;
  background-size: 18px 24px;
}

form .padded-left {
  padding-left: 40px;
}

#create-account form .padded-top,
#company-info form .padded-top,
#user-profile form .padded-top {
  padding-top: 1.125rem;
}

#create-account form p,
#company-info form p,
#user-profile form p {
  padding: 0 0;
}

#create-account form p a,
#company-info form p a,
#user-profile form p a {
  color: #2b6ed2;
}

#create-account form .select-label,
#company-info form .select-label,
#user-profile form .select-label {
  margin: 0 0 0.5rem;
}

#create-account form .custom-select,
#company-info form .custom-select,
#user-profile form .custom-select {
  position: relative;
  font-family: var(--config-font-family);
  font-weight: normal;
  height: 48px;
  color: #3d3a40;
}

#create-account form .custom-select select,
#company-info form .custom-select select,
#user-profile form .custom-select select {
  display: none;
}

#create-account form .select-selected,
#company-info form .select-selected,
#user-profile form .select-selected {
  background-color: #fff;
  color: #3d3a40;
  border-radius: 3px;
  height: 48px;
}

#create-account form .select-selected:after,
#company-info form .select-selected:after,
#user-profile form .select-selected:after {
  position: absolute;
  content: "";
  top: 20px;
  right: 20px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #3d3a40 transparent transparent transparent;
  transition: all 0.6s ease;
}

#create-account form .select-selected.select-arrow-active:after,
#company-info form .select-selected.select-arrow-active:after,
#user-profile form .select-selected.select-arrow-active:after {
  border-color: #3d3a40 transparent transparent transparent;
  top: 14px;
  transition: all 0.6s ease;
  transform: rotate(180deg);
}

#create-account form .select-items div,
#company-info form .select-items div,
#user-profile form .select-items div {
  color: #716e75;
  padding: 10px 16px;
  border: 1px solid transparent;
  cursor: pointer;
  user-select: none;
}

#create-account form .select-selected,
#company-info form .select-selected,
#user-profile form .select-selected {
  color: #716e75;
  padding: 10px 16px;
  border: 1px solid transparent;
  cursor: pointer;
  user-select: none;
  border: 1px solid #ced4dc;
}

#create-account form .select-items,
#company-info form .select-items,
#user-profile form .select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: -1px;
  z-index: 99;
  border-left: 1px solid #ced4dc;
  border-right: 1px solid #ced4dc;
  border-bottom: 1px solid #ced4dc;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 150px;
  overflow-y: auto;
}

#create-account form .select-hide,
#company-info form .select-hide,
#user-profile form .select-hide {
  display: none;
}

#create-account form .select-items div:hover,
#create-account form .same-as-selected,
#company-info form .select-items div:hover,
#company-info form .same-as-selected,
#user-profile form .select-items div:hover,
#user-profile form .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

#create-account .button,
#company-info .button,
#user-profile .button {
  font-size: 1rem;
  text-align: center;
  padding: 12px 24px;
  transition: all 0.6s ease;
  width: auto;
  border: none;
  text-decoration: none;
  border-radius: 3px;
  font-family: var(--config-font-family);
  font-weight: 500;

  display: inline-block;
  height: auto !important;
  width: 100%;
  margin: 1rem 0 0.75rem;
  height: 48px !important;

  background-color: var(--config-btn-primary-bg);
  background-image: var(--config-btn-primary-bg-image);
  color: var(--config-btn-primary-color);
  border: 1px solid var(--config-btn-primary-border-color);
}

#create-account .button:hover,
#company-info .button:hover,
#user-profile .button:hover {
  background-color: var(--config-btn-primary-hover-bg);
  background-image: var(--config-btn-primary-hover-bg-image);
  color: var(--config-btn-primary-hover-color);
  border: 1px solid var(--config-btn-primary-hover-border-color);
}

@media screen and (max-width: 1024px) {
  #create-account .button,
  #company-info .button,
  #user-profile .button {
    font-size: 1rem;
  }
}

@media screen and (max-width: 992px) {
  #create-account .button,
  #company-info .button,
  #user-profile .button {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) {
  #create-account .button,
  #company-info .button,
  #user-profile .button {
    letter-spacing: 1px;
    padding: 15px 24px;
    font-size: 1rem;
  }
}

#create-account .collection-statement,
#company-info .collection-statement,
#user-profile .collection-statement {
  font-size: 0.75rem;
  color: #3d3a40;
  margin: 0 0;
  padding-top: 1rem;
}

#create-account .collection-statement a,
#company-info .collection-statement a,
#user-profile .collection-statement a {
  color: #3d3a40;
}

#section-1 {
  padding: 0 0 60px;
  border-bottom: 1px solid #e9ebed;
  background-color: #f7f8f9;
}

#section-1 #dashboard {
  padding: 32px 32px;
  background-size: 100%;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.0625rem 0.1875rem 0px;
}

#section-1 .welcome-screen-dashboard {
  /* background: #fff url(/rea/images/dashboard-background.jpg) right top no-repeat; */
  background-color: #fff;
  background-image: var(--config-welcome-dashboard-bg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
}

#section-1 .single-campaign-dashboard {
  background: #fff;
  background-size: cover !important;
}

#section-1 .section-header {
  font-family: var(--config-font-family);
  font-weight: normal;
  font-size: 1.75rem;
  margin: 0 0 1.5rem;
}

#section-1 .section-intro {
  font-family: var(--config-font-family);
}

#section-1 .section-subheader {
  font-family: var(--config-font-family);
  font-weight: normal;
  font-size: 1.5rem;
  margin: 0 0 1.5rem;
}

#section-1 .campaign-detail {
  font-size: 1rem;
  line-height: 1.5;
  font-family: var(--config-font-family);
  font-weight: normal;
}

#section-1 .campaign-detail span {
  font-family: var(--config-font-family);
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0;
}

#section-1 .border-right {
  padding-right: 1rem;
  border-right: 1px solid #dce0e3;
}

#section-1 .field-wrapper {
  width: 480px;
  display: inline-block;
  margin: 0 20px 24px 0;
}

#section-1 .field-wrapper input {
  height: 48px;
}

#section-1 .progress {
  height: 2rem;
  margin: 0 0 0.5rem;
}

#section-1 .progress .progress-bar {
  padding: 0 0 0.5rem;
  font-size: 1rem;
  line-height: 2rem;
  font-family: var(--config-font-family);
  font-weight: 500;
}

#section-1 .progress-start-date,
#section-1 .progress-end-date {
  display: inline-block;
  font-size: 0.875rem;
  width: 49%;
  color: #716e75;
  margin-bottom: 1.5rem;
}

#section-1 .active-campaigns,
#section-1 .delivered-impressions,
#section-1 .total-clicks,
#section-1 .total-cpc,
#section-1 .total-spend {
  font-family: var(--config-font-family);
  font-weight: 600;
  color: var(--config-blob-color);
  background: var(--config-blob-bg);
  padding: 16px;
  border-radius: 8px;
  margin-right: 28px;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section-1 .active-campaigns:last-child,
#section-1 .delivered-impressions:last-child,
#section-1 .total-clicks:last-child,
#section-1 .total-cpc:last-child,
#section-1 .total-spend:last-child {
  margin-right: 0;
}

#section-1 .active-campaigns .snapshot-title,
#section-1 .delivered-impressions .snapshot-title,
#section-1 .total-clicks .snapshot-title,
#section-1 .total-cpc .snapshot-title,
#section-1 .total-spend .snapshot-title {
  width: 30%;
  display: inline-block;
  margin: 0 0;
}

#section-1 .active-campaigns .snapshot-data-point,
#section-1 .delivered-impressions .snapshot-data-point,
#section-1 .total-clicks .snapshot-data-point,
#section-1 .total-cpc .snapshot-data-point,
#section-1 .total-spend .snapshot-data-point {
  width: 70%;
  display: inline-block;
  text-align: right;
  font-size: 1.5rem;
  margin: 0 0;
}

#section-1 .active-campaigns {
  /*background: #fcc936;*/
  margin-left: calc(var(--bs-gutter-x) * 0.5);
}

#section-1 .delivered-impressions {
  /*background: #92d7ac;*/
}

#section-1 .total-clicks {
  /*background: #59e2df;*/
}

#section-1 .total-cpc {
  /*background: #bb94d4;*/
}

#section-1 .total-spend {
  /*background: #7cd3f3;*/
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  #section-1 #dashboard {
    padding: 32px 26px;
    background-size: cover;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0.0625rem 0.1875rem 0px;
  }

  #section-1 .campaign-detail {
    font-size: 1rem;
    line-height: 1.5;
    padding: 0 1rem 0 0;
  }

  #section-1 .campaign-detail span {
    font-size: 0.75rem;
    line-height: 1.5;
  }

  #section-1 .welcome-screen-dashboard {
    background: #fff url(/rea/images/dashboard-background.jpg) right top
      no-repeat;
  }

  #section-1 .single-campaign-dashboard {
    background: #fff;
  }

  #section-1 .progress {
    height: 1.5rem;
    margin: 0 0 0.375rem;
  }

  #section-1 .progress .progress-bar {
    padding: 0 0 0.375rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-family: var(--config-font-family);
    font-weight: 500;
  }

  #section-1 .progress-start-date,
  #section-1 .progress-end-date {
    font-size: 0.875rem;
    width: 49%;
    color: #716e75;
    margin-bottom: 1.5rem;
  }

  #section-1 .active-campaigns,
  #section-1 .delivered-impressions,
  #section-1 .total-clicks,
  #section-1 .total-cpc,
  #section-1 .total-spend {
    padding: 12px;
    border-radius: 8px;
    margin-right: 18px;
    height: 60px;
    font-size: 0.875rem;
  }

  #section-1 .active-campaigns .snapshot-data-point,
  #section-1 .delivered-impressions .snapshot-data-point,
  #section-1 .total-clicks .snapshot-data-point,
  #section-1 .total-cpc .snapshot-data-point,
  #section-1 .total-spend .snapshot-data-point {
    text-align: right;
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 992px) {
  #section-1 .welcome-screen-dashboard {
    background: #fff url(/rea/images/dashboard-background.jpg) 50% top no-repeat;
  }

  #section-1 .active-campaigns,
  #section-1 .delivered-impressions,
  #section-1 .total-clicks,
  #section-1 .total-cpc,
  #section-1 .total-spend {
    padding: 6px;
    border-radius: 8px;
    margin-right: 18px;
    height: 60px;
    font-size: 0.875rem;
    max-width: 50%;
  }

  #section-1 .active-campaigns .snapshot-data-point,
  #section-1 .delivered-impressions .snapshot-data-point,
  #section-1 .total-clicks .snapshot-data-point,
  #section-1 .total-cpc .snapshot-data-point,
  #section-1 .total-spend .snapshot-data-point {
    text-align: right;
    font-size: 1.3rem;
  }
}

#section-2 {
  padding: 50px 0 4rem;
  background: #fff;
}

#section-2 .section-header {
  font-family: var(--config-font-family);
  font-weight: normal;
  font-size: 1.5rem;
}

#section-2 .button {
  font-size: 1rem;
  text-align: center;
  padding: 12px 24px;
  transition: all 0.6s ease;
  width: auto;
  border-radius: 3px;
  text-decoration: none;
  font-family: var(--config-font-family);
  font-weight: 500;
  display: inline-block;
  height: auto !important;
  float: right;

  background-color: var(--config-btn-primary-bg);
  background-image: var(--config-btn-primary-bg-image);
  color: var(--config-btn-primary-color);
  border: 1px solid var(--config-btn-primary-border-color);
}

#section-2 .button:hover {
  cursor: pointer;

  background-color: var(--config-btn-primary-hover-bg);
  background-image: var(--config-btn-primary-hover-bg-image);
  color: var(--config-btn-primary-hover-color);
  border: 1px solid var(--config-btn-primary-hover-border-color);
}

@media screen and (max-width: 1024px) {
  #section-2 .button {
    font-size: 1rem;
  }
}

@media screen and (max-width: 992px) {
  #section-2 .button {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) {
  #section-2 .button {
    letter-spacing: 1px;
    padding: 15px 24px;
    font-size: 0.75rem;
  }
}

#section-2 table {
  font-family: var(--config-font-family);
  font-weight: normal;
  color: #3d3a40;
  margin-top: 2rem;
}

#section-2 table th {
  text-align: left;
  vertical-align: bottom !important;
  border-bottom: 2px solid #ddd;
  font-family: var(--config-font-family);
  font-weight: bold;
}

#section-2 table .bold {
  font-family: var(--config-font-family);
  font-weight: bold;
}

#section-2 table .days-remaining {
  width: 50px;
}

#section-2 table .delivered-impressions {
  width: 50px;
}

#section-2 table a {
  color: #2b6ed2;
}

.form-select {
  min-width: 70px;
}

.icon-pending {
  background: url(/rea/images/bg-paused.svg) left center no-repeat;
  padding-left: 16px !important;
}

.icon-active {
  background: url(/rea/images/bg-active.svg) left center no-repeat;
  padding-left: 16px !important;
}

.icon-paused {
  background: url(/rea/images/bg-paused.svg) left center no-repeat;
  padding-left: 16px !important;
}

.icon-complete {
  background: url(/rea/images/bg-complete.svg) left center no-repeat;
  padding-left: 16px !important;
}

.icon-flagged {
  background: url(/rea/images/bg-complete.svg) left center no-repeat;
  padding-left: 16px !important;
}

.icon-error {
  background: url(/rea/images/bg-complete.svg) left center no-repeat;
  padding-left: 16px !important;
}

.icon-archived {
  background: url(/rea/images/bg-complete.svg) left center no-repeat;
  padding-left: 16px !important;
}

#section-2 table .reports,
#section-2 table .edit,
#section-2 table .archive {
  display: inline-block;
  transition: all 0.6s ease;
}

#section-2 table .reports {
  width: 20px;
  height: 22px;
  background: url(/rea/images/icon-reports.svg) center center no-repeat;
}

#section-2 table .reports:hover {
  background: url(/rea/images/icon-reports-hover.svg) center center no-repeat;
}

#section-2 table .edit {
  width: 20px;
  height: 20px;
  background: url(/rea/images/icon-edit.svg) center center no-repeat;
}

#section-2 table .edit:hover {
  background: url(/rea/images/icon-edit-hover.svg) center center no-repeat;
}

#section-2 table .archive {
  width: 20px;
  height: 20px;
  background: url(/rea/images/icon-bin.svg) center center no-repeat;
}

#section-2 .table > :not(caption) > * > * {
  padding: 20px 0.5rem;
  font-weight: 400;
}

#section-2 .table > thead {
  font-family: var(--config-font-family);
  font-weight: 600;
  font-weight: bold !important;
}

#section-2 ul.pagination {
  display: inline-block;
  text-align: right;
  margin: 1rem 0;
}

#section-2 ul.pagination li {
  display: inline-block;
  font-size: 1rem;
  text-align: center;
  transition: all 0.6s ease;
}

#section-2 ul.pagination li:hover {
  background: #f7f8f9;
}

#section-2 ul.pagination .active {
  background: #e4002b;
  color: #fff;
  border: 1px solid #e4002b;
}

#section-2 ul.pagination .active:hover {
  background: #b00020;
  border: 1px solid #b00020;
}

#section-2 ul.pagination .next {
  background: #e4002b;
  color: #fff;
  padding: 12px 24px;
  margin-right: 0;
}

#section-2 ul.pagination .next:hover {
  background: #b00020;
  border: 1px solid #b00020;
}

@media screen and (max-width: 992px) {
  #section-2 {
    overflow-x: scroll;
  }
}

#builder {
  background: #fff;
  padding: 2rem 0;
}

#builder .campaign-form-step {
  min-height: 500px;
}

.error {
  color: #ff8888;
}

#builder-result img {
  width: 300px;
}

#builder-result > .konvajs-content {
  border: 1px solid #ddd;
  overflow: hidden;
}

#builder h1 {
  font-family: var(--config-font-family);
  font-weight: normal;
  font-size: 2.25rem;
  margin: 0 0 3rem;
}

#builder .section-subheader {
  font-family: var(--config-font-family);
  font-weight: normal;
  font-size: 1.5rem;
  margin: 0 0 1.5rem;
}

#builder .section-subheader .red-text {
  color: #e4002b;
}

#builder .tool-tip {
  background: url(/rea/images/icon-information.svg) right center no-repeat;
  background-size: 16px 16px;
  padding: 0 20px 0 0;
}

#builder .tool-tip a {
  color: #3d3a40;
}

#builder .tool-tip a:hover {
  text-decoration: none;
}

#builder .bottom-margin {
  margin: 0 0 1.25rem;
}

#builder .campaign-form-step {
  vertical-align: top;
}

#builder .field-wrapper-half {
  vertical-align: top;
  width: 40%;
  display: inline-block;
  margin: 0 20px 3rem 0;
}

#builder .field-wrapper-half input {
  height: 48px;
  color: #716e75;
}

#builder .field-wrapper-wide {
  width: 760px;
  display: inline-block;
  margin: 0 0 3rem 0;
}

#builder .field-wrapper-wide input {
  height: 48px;
}

#builder .field-wrapper-full {
  width: 100%;
  display: inline-block;
  margin: 0 0 2rem 0;
}

#builder .field-wrapper-full input {
  height: 48px;
}

#builder .cc-expiry-date {
  vertical-align: top;
  width: 120px;
  display: inline-block;
  margin: 0 0 2rem 0;
}

#builder .cc-expiry-date input {
  height: 48px;
}

#builder ol.steps-menu {
  border-right: 1px solid #dce0e3;
  list-style: none;
  counter-reset: item;
  padding-left: 0;
  width: 100%;
}

#builder ol.steps-menu li {
  font-size: 1.125rem;
  margin: 0 0 2.5rem;
  line-height: 1.2;
  counter-increment: item;
  color: #3d3a40;

  display: flex;
  gap: 10px;
  line-height: 1.2;
  align-items: center;
}

#builder ol.steps-menu li::before {
  font-family: var(--config-font-family);
  font-weight: 500;
  content: counter(item) "";
  padding: 0 0 0 0px;
  background: var(--config-steps-bg-color);
  color: var(--config-steps-color);
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 1;
  flex-basis: 40px;
  flex-grow: 0;
  flex-shrink: 0;
}

#builder ol.steps-menu .active {
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}

#builder ol.steps-menu .active::before {
  background: var(--config-steps-active-bg-color);
  color: var(--config-steps-active-color);
}

#builder .button-wrapper {
  padding: 0 0;
  margin: 4rem 0 0 0;
}

#builder .button-wrapper button {
  border-radius: 3px;
  display: inline-block;
  font-family: var(--config-font-family);
  font-size: 1rem;
  font-weight: normal !important;
  height: auto !important;
  padding: 12px 24px;
  text-align: center;
  transition: all 0.6s ease;
  width: auto;
  min-width: 160px;

  background-color: var(--config-btn-primary-bg);
  background-image: var(--config-btn-primary-bg-image);
  color: var(--config-btn-primary-color);
  border: 1px solid var(--config-btn-primary-border-color);
}

#builder .button-wrapper button:hover {
  cursor: pointer;

  background-color: var(--config-btn-primary-hover-bg);
  background-image: var(--config-btn-primary-hover-bg-image);
  color: var(--config-btn-primary-hover-color);
  border: 1px solid var(--config-btn-primary-hover-border-color);
}

@media screen and (max-width: 992px) {
  #builder .button-wrapper {
    padding: 0 0;
    margin: 2rem 0 0.5rem 0;
  }

  #builder .button-wrapper button {
    /*font-size: 0.875rem;*/
    min-width: calc(50% - 18px);
  }
}

#builder .button-wrapper button.button-prev {
  background-color: #fff !important;
  color: #3d3a40;
  border: 1px solid #3d3a40;
}

#builder .button-wrapper button.button-prev:hover {
  background: #f7f8f9;
  cursor: pointer;
}

#builder .border-right {
  border-right: 1px solid #dce0e3;
  padding-right: 2.5rem;
}

#builder .right-col {
  padding-left: 2.5rem;
}

#builder .selectAdunit {
  vertical-align: top;
  position: relative;
}

#builder .selectedAdunit {
  position: relative;
}

#builder .selectAdunit .fa-check {
  color: green;
  font-size: 36px;
  position: absolute;
  right: -10px;
  top: -10px;
}

#builder .adunitOption {
  border: white 3px solid;
}

#builder .adunitOption.selected {
  /*border: #45BEB3 3px solid;*/
}

#builder .adunitOption:hover {
  /*border: #45BEB3 3px solid;*/
  cursor: pointer;
}

.targetBudgetError,
.addBannerError {
  padding: 3px;
}

#adbuilder-form #bannerFile {
  display: none;
}

#builder table {
  font-family: var(--config-font-family);
  /*font-weight: normal;*/
  font-weight: normal !important;
  color: #3d3a40;
}

#builder table .bold {
  font-family: var(--config-font-family);
  font-weight: bold;
}

#builder table .days-on-site {
  width: 70px;
  text-align: right;
}

#builder table .delivered-impressions {
  width: 50px;
}

#builder table .pricing {
  font-size: 1.125rem;
}

#builder .table {
  padding: 0 0.5rem 12px 0.5rem;
  font-weight: 400;
}

#builder .table > :not(caption) > * > * {
  padding: 12px 0.5rem;
  font-weight: 400;
  border: none;
}

#builder .table > thead {
  font-family: var(--config-font-family);
  font-weight: 600;
  font-weight: 500 !important;
}

#builder .form-check-label {
  font-size: 0.875rem;
  color: #716e75;
}

#builder .form-check-input:checked {
  background-color: #3d3a40;
  border-color: #3d3a40;
}

.footer-inner{
  position: relative;
  bottom: -200px;
}

.wh-300x250{
  height: 250px !important;
  width: 300px !important;
}

.wh-300x600{
  height: 600px !important;
  width: 300px !important;
}



@media screen and (max-width: 1024px) {
  #builder h1 {
    font-size: 2rem;
    margin: 0 0 2.5rem;
  }

  #builder .section-subheader {
    font-size: 1.375rem;
    margin: 0 0 1.5rem;
  }

  #builder .field-wrapper-half {
    width: 46%;
    display: inline-block;
    margin: 0 20px 3rem 0;
  }

  #builder .field-wrapper-half input {
    height: 48px;
    color: #716e75;
  }

  #builder .field-wrapper-wide {
    width: 100%;
    display: inline-block;
    margin: 0 0 3rem 0;
  }

  #builder .field-wrapper-wide input {
    height: 48px;
  }

  #builder .field-wrapper-full {
    width: 100%;
    display: inline-block;
    margin: 0 0 2rem 0;
  }

  #builder .field-wrapper-full input {
    height: 48px;
  }

  #builder .cc-expiry-date {
    width: 120px;
    display: inline-block;
    margin: 0 0 2rem 0;
  }

  #builder .cc-expiry-date input {
    height: 48px;
  }

  #builder ol.steps-menu {
    border-right: 1px solid #dce0e3;
    list-style: none;
    counter-reset: item;
    width: 100%;
  }

  #builder ol.steps-menu li {
    margin: 0 0 2.5rem;
    font-size: 1rem;
  }

  #builder ol.steps-menu li::before {
    font-family: var(--config-font-family);
    font-weight: 500;
    content: counter(item) "";
    padding: 0 0 0 0px;
  }
}

#user-profile {
  padding: 50px 0 4rem;
  margin: 0 0;
  background: #fff;
}

#user-profile .section-header {
  font-family: var(--config-font-family);
  font-weight: normal;
  font-size: 1.5rem;
}

#user-profile .section-header {
  font-family: var(--config-font-family);
  font-weight: normal;
  font-size: 1.75rem;
  margin: 0 0 1.5rem;
}

#user-profile .section-intro {
  font-family: var(--config-font-family);
  font-weight: 500;
  display: inline-block;
  padding: 0 0;
  line-height: 44px;
}

#user-profile .button {
  font-size: 1rem;
  text-align: center;
  padding: 12px 24px;
  transition: all 0.6s ease;
  width: auto;
  border: none;
  border-radius: 3px;
  font-family: var(--config-font-family);
  font-weight: normal !important;
  background: #e4002b;
  color: #fff;
  display: inline-block;
  height: auto !important;
  float: right;
  margin: 0 0;

  background-color: var(--config-btn-primary-bg);
  background-image: var(--config-btn-primary-bg-image);
  color: var(--config-btn-primary-color);
  border: 1px solid var(--config-btn-primary-border-color);
}

#user-profile .button:hover {
  cursor: pointer;

  background-color: var(--config-btn-primary-hover-bg);
  background-image: var(--config-btn-primary-hover-bg-image);
  color: var(--config-btn-primary-hover-color);
  border: 1px solid var(--config-btn-primary-hover-border-color);
}

@media screen and (max-width: 1024px) {
  #user-profile .button {
    font-size: 1rem;
  }
}

@media screen and (max-width: 992px) {
  #user-profile .button {
    font-size: 0.875rem;
  }
  .upload-banner-detail{
    position: relative;
    left: 50px;
  }
  #builder .selectAdunit {
    height: auto !important;
  }
}

@media screen and (max-width: 991px) {
  .step-1 ~ .col-xl-12.text-end {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px) {
  #user-profile .button {
    letter-spacing: 1px;
    padding: 15px 24px;
    font-size: 0.75rem;
  }
  .upload-banner-detail{    
    left: 0px;
    margin-top: 20px;
  }
  .footer-inner{
    bottom: 0;
  }
}

#user-profile #update-wrapper {
  padding: 1rem 0;
  margin: 1rem 0;
  float: right;
  display: inline-block;
}

#user-profile .update-button {
  font-size: 1rem;
  text-align: center;
  padding: 12px 24px;
  transition: all 0.6s ease;
  width: auto;
  border: none;
  border-radius: 3px;
  font-family: var(--config-font-family);
  font-weight: 500;
  background: #e4002b;
  color: #fff;
  display: inline-block;
  height: auto !important;
  margin: 0 0;

  background-color: var(--config-btn-primary-bg);
  background-image: var(--config-btn-primary-bg-image);
  color: var(--config-btn-primary-color);
  border: 1px solid var(--config-btn-primary-border-color);
}

#user-profile .update-button:hover {
  cursor: pointer;

  background-color: var(--config-btn-primary-hover-bg);
  background-image: var(--config-btn-primary-hover-bg-image);
  color: var(--config-btn-primary-hover-color);
  border: 1px solid var(--config-btn-primary-hover-border-color);
}

@media screen and (max-width: 1024px) {
  #user-profile .update-button {
    font-size: 1rem;
  }
}

@media screen and (max-width: 992px) {
  #user-profile .update-button {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) {
  #user-profile .update-button {
    letter-spacing: 1px;
    padding: 15px 24px;
    font-size: 0.75rem;
  }
}

@media (max-width:575px) {
  .subheader-inner{
    justify-content: center;
  }
  .postcode-box span.select2.select2-container.select2-container--bootstrap-5 {
    min-width: 250px !important;
}
/* .distribution-detail table{
  min-width: 440px;
} */
}


#user-profile .cancel-button {
  font-size: 1rem;
  text-align: center;
  padding: 12px 24px;
  transition: all 0.6s ease;
  width: auto;
  border: none;
  border-radius: 3px;
  font-family: var(--config-font-family);
  font-weight: 500;
  background: #fff;
  color: #3d3a40;
  display: inline-block;
  border: 1px solid #3d3a40;
  margin: 0 1rem 0 0;
}

#user-profile .cancel-button:hover {
  background: #f7f8f9;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  #user-profile .cancel-button {
    font-size: 1rem;
  }
}

@media screen and (max-width: 992px) {
  #user-profile .cancel-button {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) {
  #user-profile .cancel-button {
    letter-spacing: 1px;
    padding: 15px 24px;
    font-size: 0.75rem;
  }
}

#user-profile .hide-button {
  display: none !important;
}

#user-profile form {
  padding: 0 0;
  margin: 0 0;
  border-bottom: 0px;
}

#user-profile .field-wrapper {
  width: 480px;
  display: inline-block;
  margin: 0 20px 24px 0;
}

#user-profile .field-wrapper input {
  height: 48px;
}

#user-profile .faqs-wrapper {
  border-left: 1px solid #dce0e3;
  padding: 0 0 0 30px;
  margin: 56px 0px 0 0;
}

#user-profile .faqs-wrapper .section-intro {
  margin: 0 0;
}

#user-profile .faqs-wrapper ul.faqs {
  list-style-type: none;
  padding: 0 0;
}

#user-profile .faqs-wrapper ul.faqs li {
  margin: 0 0 1rem;
  padding: 0 2rem 0 0;
  background: url(/rea/images/icon-arrow.svg) 95% 5px no-repeat;
  background-size: 16px 16px;
  transition: all 0.6s ease;
}

#user-profile .faqs-wrapper ul.faqs li:hover {
  background: url(/rea/images/icon-arrow.svg) 97% 5px no-repeat;
  background-size: 16px 16px;
}

#user-profile .faqs-wrapper ul.faqs a {
  color: #716e75;
  text-decoration: none;
}

#user-profile .faqs-wrapper ul.faqs a:hover {
  color: #2b6ed2;
}

#user-profile .faqs-wrapper .help-support {
  padding: 0 0;
}

#user-profile .faqs-wrapper .help-support a {
  color: #2b6ed2;
}

#footer {
  padding: 24px 0;
  background: #f7f8f9;
  border-top: 1px solid #e9ebed;
  margin-bottom: 0;
}

#footer .terms,
#footer a {
  font-size: 0.875rem;
  color: #3d3a40;
  margin: 0 0;
  text-align: right;
}

#disclaimer {
  font-size: 0.875rem;
}

#disclaimer p,
#disclaimer a {
  color: #716e75;
}

.datetimepicker.is-primary .datepicker-nav {
  background: #7cd3f3;
}

.datetimepicker-dummy {
  height: 48px;
}

#section-1 .datetimepicker {
  max-width: 480px;
}

#builder .datetimepicker {
  max-width: 340px;
}

.datetimepicker
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date
  .date-item {
  font-family: var(--config-font-family);
  font-weight: normal !important;
  height: 40px;
  width: 40px;
}

.datetimepicker
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date
  .date-item.is-active {
  border-radius: 8px;
}

.datepicker-nav {
  background: #7cd3f3;
  height: 48px;
}

.datepicker-nav .datepicker-nav-month,
.datepicker-nav .datepicker-nav-year {
  font-family: var(--config-font-family);
  font-weight: normal !important;
  color: #fff;
  font-size: 1.125rem;
}

.datetimepicker .datepicker-nav .datepicker-nav-next,
.datetimepicker .datepicker-nav .datepicker-nav-previous {
  color: #fff;
}

.datetimepicker.is-primary
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date
  .date-item.is-active {
  background: #7cd3f3;
  height: 40px;
  width: 40px;
}

.datetimepicker.is-primary
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date
  .date-item.is-active:hover {
  border: none;
}

.datetimepicker.is-primary
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date
  .date-item:hover {
  background: rgba(124, 211, 243, 0.5);
  height: 40px;
  width: 40px;
  border: none;
  border-radius: 8px;
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper {
  box-shadow: none;
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy .datetimepicker-dummy-wrapper:before {
  content: "";
  mask: url(/rea/images/icon-calendar.svg) no-repeat;
  -webkit-mask: url(/rea/images/icon-calendar.svg) no-repeat;
  position: absolute;
  top: 0.85rem;
  left: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
}

.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper:before,
.datetimepicker-dummy.is-primary::before,
.datetimepicker-dummy.is-primary:before {
  background-color: #716e75;
}

.datetimepicker-dummy.is-primary .datetimepicker-clear-button {
  color: #716e75;
}

.datetimepicker-dummy .datetimepicker-clear-button {
  margin: 0.65rem 0.3rem 0 0;
}

.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper.is-active,
.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper:focus {
  border-color: #ced4da;
}

.datetimepicker.is-datetimepicker-default .datetimepicker-container:after,
.datetimepicker.is-datetimepicker-default .datetimepicker-container:before {
  display: none;
}

.button.is-text:hover,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text.is-focused {
  background: #7cd3f3;
  border: none;
}

.button:focus:not(:active),
.button.is-focused:not(:active) {
  box-shadow: none;
}

.datetimepicker.is-primary
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date.datepicker-range,
.datetimepicker.is-primary
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date.datepicker-range::before,
.datetimepicker.is-primary
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date.datepicker-range:before {
  background: rgba(124, 211, 243, 0.5);
}

.datetimepicker.is-primary
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date.datepicker-range
  .date-item {
  background: none;
  color: #716e75;
}

.datetimepicker.is-primary
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date
  .date-item.is-today {
  color: #716e75;
  border-radius: 8px;
  border: 1px solid #7cd3f3;
}

.datetimepicker.is-primary
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date.datepicker-range.datepicker-range-end
  .date-item,
.datetimepicker.is-primary
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date.datepicker-range.datepicker-range-start
  .date-item {
  background: #7cd3f3;
  color: #fff;
  border-radius: 8px;
  border: none;
}

.datetimepicker
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date.datepicker-range.datepicker-range-start {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.datetimepicker
  .datepicker-body
  .datepicker-dates
  .datepicker-days
  .datepicker-date.datepicker-range.datepicker-range-end {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.modal-content,
.modal-card {
  margin: 0;
}

#create-banner-modal .modal-dialog {
  min-width: 800px;
  margin: 1.75rem auto;
}

#create-banner-modal .modal-dialog .modal-content {
  margin: 0 auto;
}

.d-md-none {
  max-width: 90%;
}

.create-banner-modal-content {
  width: 800px;
  /* height: 600px; */
}

#imgEditor .modal-dialog {
  min-width: 800px;
}

#modal-img-editor {
  width: 400px;
  height: 596px;
  overflow: hidden;
  border: none;
}

#cropImage {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.modal-title {
  font-family: var(--config-font-family);
  font-weight: normal !important;
  font-size: 1.5rem;
}

.modal-backdrop {
  z-index: 0;
}

#modal-img-editor .modal-body {
  padding: 0;
  height: 380px;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem 1rem 0;
}

.border-light {
  border: 1px solid #111;
}

.account-settings {
  background: url(/rea/images/icon-settings.svg) 1rem center no-repeat;
}

.account-balance {
  background: url(/rea/images/icon-money.svg) 1rem center no-repeat;
}

.account-help {
  background: url(/rea/images/icon-help.svg) 1rem center no-repeat;
}

.account-faq {
  background: url(/rea/images/icon-info.svg) 1rem center no-repeat;
}

.account-signout {
  background: url(/rea/images/icon-logout.svg) 1rem center no-repeat;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    display: inline-block !important;
    flex-basis: auto;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    padding: 0 0 0 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    height: 50px;
  }
  .navbar-expand-lg .navbar-nav .dropdown-toggle {
    padding-left: 2rem;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    max-width: 400px;
    min-width: 260px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 24px 48px -8px,
      rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    margin: 10px 0 0 -140px;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu p {
    margin: 0 0;
  }

  ul.navbar-nav a:hover {
    text-decoration: none;
    border-bottom: 0px solid #e4002b;
  }

  .dropdown-profile {
    font-family: var(--config-font-family);
    font-weight: normal;
    background: url(/rea/images/person-circle.svg) 1rem center no-repeat;
    background-size: 38px;
    font-size: 1.125rem;
    width: 100%;
    padding: 1rem 0 1rem 4rem;
    border-bottom: 1px solid #dce0e3;
    margin: 0 1rem 1rem;
  }

  .dropdown-profile .email {
    color: #3d3a40;
    font-size: 1rem;
  }

  .account-settings,
  .account-balance .account-help,
  .account-faq .account-signout {
    padding: 14px 0 1rem 3rem;
    display: block;
    background-size: 16px 16px !important;
    margin: 0 0 0 0;
  }

  .account-settings:hover,
  .account-balance:hover .account-help:hover,
  .account-faq:hover .account-signout:hover {
    background-color: #f7f8f9;
  }
}

.logo-link {
  position: relative;
}

.logo-link a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
  z-index: 10;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=1);
}

.horizontal-holder {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: auto;
  padding: 10px 0 0;
}

.horizontal-holder,
.scrolling-wrapper-flexbox {
  height: auto;
  margin-bottom: 20px;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.horizontal-holder::-webkit-scrollbar,
.scrolling-wrapper-flexbox::-webkit-scrollbar {
  display: none;
}

/* Viztrade css */

main > div.container {
  padding: 100px 15px 85px;
}

table th {
  font-weight: initial;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

strong {
  font-weight: initial;
}
.alert strong {
  font-weight: bold;
}

.select2-results__option--highlighted,
.select2-results__option[aria-selected="true"] {
  color: #ffffff !important;
  background: #3c3634 !important;
}

.select2-results__option mark {
  background-color: unset;
}

.select2-selection__choice {
  background: #e9f0fa !important;
}

.select2-selection__choice span {
  color: #2b6ed2;
}

.select2-selection__choice__remove {
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232B6ED2'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center/.75rem auto no-repeat !important;
}

.active .bs-stepper-circle {
  background-color: var(--bs-primary) !important;
}

main > footer {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  color: #869099;
  padding-right: 1rem;
  padding-left: 1rem;
}

.bannerIcon {
  width: 75px;
  border: 1px solid #ccc;
}

.select-banner {
  margin: 15px 0;
}

.adbuilder-modal .banner-name {
  max-width: 200px;
}

.img-2
{
  border:15px solid #f3f4f6 !important
}
#builder .form-check{
  /* padding-left: 0; */
  position: relative;
}
#builder .form-check-input[type=radio]{
    opacity: 0;
    position: absolute;
}
#builder .form-check-input + label span{
   display: none;
}
#builder .form-check-input:checked + label span {
  display: block !important;
}

.campaign-image-8
{
  display: none;
}

@media screen and (max-width: 1199px) {
  #builder .selectAdunit {
    height: auto !important;
  }
}

@media screen and (max-width: 992px) {
  .adbuilder-modal .banner-name {
    max-width: 100px;
  }
}
.adbuilder-modal .banner-icon {
  min-width: 90px;
}

.banner-preview {
  display: inline-block;
  max-width: 100%;
  height: auto;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

#builder-result > .konvajs-content {
  border: 1px solid #ddd;
  overflow: hidden;
}

#builder-result.is-flex {
  display: flex;
  justify-content: center;
}

#main {
  margin-left: 300px;
  padding: 2rem;
}

.files {
  position: relative;
}

.files input {
  outline: 2px dashed #92b0b3;
  outline-offset: -10px;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  padding: 120px 0 85px 35%;
  text-align: center !important;
  width: 100% !important;
  background-color: #ececec;
}

.files input:after {
  pointer-events: none;
  position: absolute;
  top: 40px;
  left: 0;
  width: 50px;
  right: 0;
  height: 56px;
  display: block;
  margin: 0 auto;
  background-size: 100%;
  background-repeat: no-repeat;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f093";
  font-size: 50px;
}

.files input:before {
  position: absolute;
  top: 175px;
  left: 0;
  pointer-events: none;
  width: 100%;
  right: 0;
  height: 57px;
  content: " or drag it here...";
  display: block;
  margin: 0 auto;
  color: #2ea591;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
}

.files input:focus {
  outline: 2px dashed #92b0b3;
  outline-offset: -10px;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  border: 1px solid #92b0b3;
}

.files input.is-dragover {
  outline-offset: -12px;
  outline-color: #c8dadf;
  background-color: #fff;
}

.file-label {
  border: 1px solid #92b0b3;
  padding: 5px;
  width: 100% !important;
  text-align: center;
  background-color: #f8f8f8;
}

.file-label p {
  display: block;
  width: 100%;
  margin: 0;
  padding: 5px;
}

.file-label input:focus,
.file-label:hover {
  outline: 2px dashed #92b0b3;
  outline-offset: -10px;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  border: 1px solid #92b0b3;
}

.file-label.is-dragover {
  outline-offset: -12px;
  outline-color: #c8dadf;
  background-color: #fff;
}

.files-text-overlay input:before {
  position: absolute;
  top: 20px;
  left: 0;
  pointer-events: none;
  width: 100%;
  right: 0;
  height: 57px;
  content: "Drag and drop or click to upload";
  display: block;
  margin: 0 auto;
  color: #2ea591;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
}

.jqvmap-zoomin,
.jqvmap-zoomout {
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 0.25rem !important;
  color: #444 !important;
  height: 15px !important;
  width: 15px !important;
  padding: 0 !important !important;
}

/* Multiselect using select 2 */

.select2-container {
  min-width: 400px;
}

.select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
  display: flex;
}
.select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 2px solid #e9e9e9;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 20px;
  vertical-align: middle;
}
.select2-results__option[aria-selected="true"]:before {
  font-family: fontAwesome;
  content: "\f00c";
  color: #fff;
  background-color: #3c3634;
  border: 0;
  display: inline-block;
  padding-left: 3px;
  font-size: 14px;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected {
  color: #3c3634 !important;
  background-color: #ffffff !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected:before {
  font-family: fontAwesome;
  content: "\f00c";
  color: #fff;
  background-color: #3c3634;
  border: 0;
  display: inline-block;
  padding-left: 3px;
  font-size: 14px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  overflow: inherit !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #fff;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #eaeaeb;
  color: #272727;
}
.select2-container--default .select2-selection--multiple {
  margin-bottom: 10px;
}
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-radius: 4px;
}
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-color: #3c3634;
  border-width: 2px;
}
.select2-container--default .select2-selection--multiple {
  border-width: 2px;
}
.select2-container--open .select2-dropdown--below {
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.select2-selection .select2-selection--multiple:after {
  content: "hhghgh";
}


/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
  display: none;
}
.select-icon .placeholder {
  display: none;
}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected="true"]:before {
  display: none !important;
  /* content: "" !important; */
}
.select-icon .select2-search--dropdown {
  display: none;
}

@font-face {
  font-family: "Helvetica Neue Bold";
  src: url(/font/HelveticaNeue-Bold.ttf) format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue Light";
  src: url(/font/HelveticaNeue-Light.ttf) format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue Medium";
  src: url(/font/HelveticaNeue-Medium.ttf) format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url(/font/HelveticaNeue.ttf) format("truetype");
  font-style: normal;
}

#regions {
  position:relative;
}
#regions g path { stroke:rgba(0,0,0,0.75); stroke-width:1px; stroke-opacity: 0.5; vector-effect: non-scaling-stroke; }
#regions g.supported path { cursor:pointer; fill: rgb(0, 174, 239); }
#regions g.supported path.active { fill-opacity: 0.6; }
#regions g.unsupported path { cursor:not-allowed; fill: rgb(217, 217, 217); }
#regions g.unsupported path.active { fill-opacity: 0.6; }	
#regions g.non-interactive { fill:rgb(0,0,0); fill-opacity: 0.7; }
#regions text.label { font: bold 100px sans-serif; }

#regions-tooltip {
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 5px;
  font-weight: bold;
  position: absolute;
  transform: translateX(-50%) translateY(75%);
  display: none;
  max-width: 250px;
  line-height: 1.3;
}

#builder .suburbBudget input {
  width:150px;
  padding-left:1.375rem;
  border-color:black;
}
#builder .suburbBudget .currencySymbol {
  position:absolute;
  margin-top:.375rem;
  margin-left:.375rem;
}
#builder .suburbBudget .error {
  width:150px;
  font-size:80%;
}