/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *













*/


html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: arial, sans-serif;
}

.center-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-horizontal-apart {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-vert {
    display: flex;
    flex-direction: column;
}

.flex-row-aligned {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.shutdown-notice{
    padding: 10px 0px;
    margin: 0px 0px 10px 0px;
    width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFF6B6;
    border: 1px solid black;
    border-radius: 8px;
}

.shutdown-notice-label {
    font-weight: 600;
    text-align: center;
}

.shutdown-notice-text {
    text-align: center;
}
@charset "UTF-8";
/* line 1, app/assets/stylesheets/dashboard/main.scss */
body.loading {
  cursor: wait !important;
}

/* line 5, app/assets/stylesheets/dashboard/main.scss */
.base-hidden-value {
  position: relative;
  z-index: 5;
}

/* line 9, app/assets/stylesheets/dashboard/main.scss */
.base-hidden-value .hidden_value {
  position: absolute;
  display: none;
  padding: 5px;
  background: #FFFFFF;
  white-space: nowrap;
  box-shadow: 0px 0px 5px grey;
  border-radius: 3px;
}

/* line 21, app/assets/stylesheets/dashboard/main.scss */
.base-hidden-value:hover .hidden_value {
  display: block;
}

/* line 26, app/assets/stylesheets/dashboard/main.scss */
ul, ol {
  margin: 0;
}

/* line 30, app/assets/stylesheets/dashboard/main.scss */
.time-filter-ctn {
  margin-left: 10px;
  border: 1px solid lightgray;
  border-radius: 10px;
  font-size: 14px;
  padding: 5px 15px;
}

/* line 37, app/assets/stylesheets/dashboard/main.scss */
.time-filter-ctn label {
  color: gray;
}

/* line 41, app/assets/stylesheets/dashboard/main.scss */
.time-filter-ctn select {
  margin-left: 5px;
  border: none;
  outline: none;
}

/* line 48, app/assets/stylesheets/dashboard/main.scss */
.errors-container {
  position: fixed;
  right: 20px;
  bottom: 20px;
  background-color: pink;
  color: red;
  padding: 30px;
  border-radius: 10px;
}

/* line 58, app/assets/stylesheets/dashboard/main.scss */
.home-main {
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
  display: flex;
}

/* line 65, app/assets/stylesheets/dashboard/main.scss */
.home-main a {
  text-decoration: none;
  color: black;
}

/* line 70, app/assets/stylesheets/dashboard/main.scss */
.home-main .side-tab {
  position: fixed;
  padding: 75px 10px;
  width: 60px;
  height: calc(100vh - 150px);
  box-shadow: 0px 0px 3px lightgrey;
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* line 80, app/assets/stylesheets/dashboard/main.scss */
.home-main .side-tab button {
  background-color: royalblue;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 10px;
  cursor: pointer;
}

/* line 90, app/assets/stylesheets/dashboard/main.scss */
.home-main .side-tab button:hover {
  opacity: 0.8;
}

/* line 94, app/assets/stylesheets/dashboard/main.scss */
.home-main .side-tab .logo {
  font-weight: bold;
  font-size: 24px;
  color: royalblue;
  padding: 10px;
  border-radius: 50%;
}

/* line 102, app/assets/stylesheets/dashboard/main.scss */
.home-main .side-tab .logo:hover {
  background-color: lightgrey;
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/dashboard/main.scss */
.home-main .side-tab > * {
  margin-bottom: 30px;
}

/* line 112, app/assets/stylesheets/dashboard/main.scss */
.home-main .main-tab-shift {
  margin-left: 80px;
  padding: 75px 30px;
}

/* line 117, app/assets/stylesheets/dashboard/main.scss */
.home-main .stats-tab {
  display: flex;
}

/* line 120, app/assets/stylesheets/dashboard/main.scss */
.home-main .stats-tab .chart-section {
  margin-left: 50px;
  width: calc(100vw - 500px);
}

/* line 127, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab #date-range-redirect {
  display: none;
}

/* line 131, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .rule-information > * {
  margin-bottom: 15px;
  padding: 0px 15px;
}

/* line 135, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .rule-information > * .label {
  font-weight: 600;
}

/* line 140, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .rules-list {
  list-style: none;
  padding: 0px 0px 20px 0px;
}

/* line 144, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .rules-list > li:not(:last-child) {
  margin-bottom: 20px;
}

/* line 148, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .rules-list .rule-tile {
  border-radius: 10px;
  box-shadow: 0px 2px 7px 3px lightgrey;
}

/* line 152, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .rules-list .rule-tile .rule-title {
  border-radius: 10px;
  font-weight: bold;
  font-size: 20px;
  color: white;
  background: royalblue;
  padding: 15px 10px;
  margin-bottom: 0px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 165, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .rules-list .rule-tile .rule-title .rule-expander {
  width: 30px;
  height: 20px;
}

/* line 169, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .rules-list .rule-tile .rule-title .rule-expander > span {
  font-size: 24px;
}

/* line 173, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .rules-list .rule-tile .rule-title .rule-expander .hidden-rule-information {
  display: none;
  position: absolute;
  color: black;
  background: #ffffff;
  z-index: 3;
  width: 300px;
  padding: 20px;
  font-size: 16px;
  font-weight: 500;
  box-shadow: 0px 2px 7px 3px lightgrey;
  top: 0px;
}

/* line 190, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .rules-list .rule-tile:hover {
  box-shadow: 0px 2px 7px 7px lightgrey;
}

/* line 194, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .rules-list .rule-tile:hover .rule-expander .hidden-rule-information {
  display: block;
}

/* line 201, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab h1 {
  margin: 0;
}

/* line 205, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .logo {
  margin-bottom: 30px;
}

/* line 209, app/assets/stylesheets/dashboard/main.scss */
.home-main .home-main-tab .no-rule-msg {
  color: gray;
  font-style: italic;
  margin-bottom: 30px;
}

/* line 216, app/assets/stylesheets/dashboard/main.scss */
.home-main .hidden-rule-creator {
  position: fixed;
  z-index: 10;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  justify-content: center;
  align-items: center;
}

/* line 226, app/assets/stylesheets/dashboard/main.scss */
.home-main .hidden-rule-creator #rule-creator {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 3px lightgrey;
  display: flex;
  flex-direction: column;
  width: 400px;
  background: #ffffff;
}

/* line 235, app/assets/stylesheets/dashboard/main.scss */
.home-main .hidden-rule-creator #rule-creator input {
  margin-bottom: 20px;
}

/* line 239, app/assets/stylesheets/dashboard/main.scss */
.home-main .hidden-rule-creator #rule-creator button {
  background-color: royalblue;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 10px;
  cursor: pointer;
  width: fit-content;
}

/* line 250, app/assets/stylesheets/dashboard/main.scss */
.home-main .hidden-rule-creator #rule-creator .add-input-btn {
  font-size: 12px;
  padding: 5px 5px;
  margin-left: 10px;
}

/* line 257, app/assets/stylesheets/dashboard/main.scss */
.home-main .hidden-rule-creator #rule-creator .multi-input-ctn input {
  margin-bottom: 10px;
}

/* line 262, app/assets/stylesheets/dashboard/main.scss */
.home-main .hidden-rule-creator #rule-creator button:hover {
  opacity: 0.8;
}

/* line 269, app/assets/stylesheets/dashboard/main.scss */
.auth-main {
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
  background: #FFFFFF;
}

/* line 276, app/assets/stylesheets/dashboard/main.scss */
.auth-main .success-message {
  position: fixed;
  top: 20px;
  color: green;
  padding: 10px;
  border-radius: 10px;
  background-color: lightgreen;
}

/* line 287, app/assets/stylesheets/dashboard/main.scss */
.auth-main .errors-container #error_explanation {
  font-size: 12px;
}

/* line 292, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  width: 100%;
  margin: 0px;
}

/* line 301, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-box .new_user {
  width: 100%;
}

/* line 305, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-box .edit_user {
  width: 100%;
}

/* line 310, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-logo {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

/* line 315, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-logo img {
  height: 64px;
}

/* line 320, app/assets/stylesheets/dashboard/main.scss */
.auth-main .welcome-msg {
  font-family: Metropolis;
  align-self: stretch;
  color: #353536;
  text-align: center;
  font-style: normal;
  margin-bottom: 40px;
}

/* line 328, app/assets/stylesheets/dashboard/main.scss */
.auth-main .welcome-msg .header {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0em;
  margin-bottom: 20px;
  border-radius: none;
  border: none;
}

/* line 338, app/assets/stylesheets/dashboard/main.scss */
.auth-main .welcome-msg .sub-header {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}

/* line 346, app/assets/stylesheets/dashboard/main.scss */
.auth-main .longtext {
  font-size: 45px;
}

/* line 350, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-button {
  display: flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  margin-bottom: 20px;
  border-radius: 9999px;
  border: #0073E6;
  background: #0073E6;
}

/* line 362, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-button img {
  width: 24px;
  margin-right: 8px;
}

/* line 367, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-button input {
  background: none;
  border: none;
}

/* line 373, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-google-button-text {
  color: #FFF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

/* line 382, app/assets/stylesheets/dashboard/main.scss */
.auth-main .google {
  padding: 10px 0px;
  border: 1px solid #B5B5B5;
  background: #FFF;
}

/* line 387, app/assets/stylesheets/dashboard/main.scss */
.auth-main .google .auth-google-button-text {
  color: #000000;
}

/* line 392, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-button:hover, .auth-main .auth-google-button-text:hover {
  cursor: pointer;
}

/* line 396, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-separator {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 16px 0px;
}

/* line 410, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-separator .separator-left {
  background: #959595;
  width: 100%;
  height: 1px;
}

/* line 416, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-separator .separator-right {
  background: #959595;
  width: 100%;
  height: 1px;
}

/* line 424, app/assets/stylesheets/dashboard/main.scss */
.auth-main .field-group .field {
  width: 49%;
}

/* line 429, app/assets/stylesheets/dashboard/main.scss */
.auth-main .field {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
}

/* line 434, app/assets/stylesheets/dashboard/main.scss */
.auth-main .field input {
  display: flex;
  padding: 10px 14px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  box-sizing: border-box;
  margin-top: 8px;
  border-radius: 8px;
  border: 1px solid #B5B5B5;
}

/* line 447, app/assets/stylesheets/dashboard/main.scss */
.auth-main .field label, .auth-main .field em {
  font-family: Metropolis;
  color: #353536;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

/* line 456, app/assets/stylesheets/dashboard/main.scss */
.auth-main .field .password-viewer {
  position: relative;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

/* line 462, app/assets/stylesheets/dashboard/main.scss */
.auth-main .field .password-viewer img {
  position: absolute;
  height: 20px;
  width: 20px;
  opacity: 0;
  transition: opacity 0.5s linear;
}

/* line 470, app/assets/stylesheets/dashboard/main.scss */
.auth-main .field .password-viewer .toggled-image {
  opacity: 1;
}

/* line 476, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-confirmation-text {
  margin: 20px 0;
  color: #353536;
  text-align: center;
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 487, app/assets/stylesheets/dashboard/main.scss */
.auth-main .checkbox-inline {
  padding: 0 0px;
  margin-bottom: 20px;
  align-items: flex-start;
}

/* line 492, app/assets/stylesheets/dashboard/main.scss */
.auth-main .checkbox-inline input[type*='checkbox'] {
  margin-right: 10px;
}

/* line 496, app/assets/stylesheets/dashboard/main.scss */
.auth-main .checkbox-inline a {
  color: black;
}

/* line 501, app/assets/stylesheets/dashboard/main.scss */
.auth-main .back-login {
  margin-top: 40px;
}

/* line 504, app/assets/stylesheets/dashboard/main.scss */
.auth-main .back-login .back-login-text {
  text-decoration: none;
  color: #353536;
  text-align: center;
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}

/* line 517, app/assets/stylesheets/dashboard/main.scss */
.auth-main .error-field input {
  background: rgba(255, 0, 0, 0.1);
  border-color: red;
}

/* line 523, app/assets/stylesheets/dashboard/main.scss */
.auth-main .error-field-msg {
  color: red;
  font-size: 12px;
}

/* line 528, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-helper-link {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  color: #353536;
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

/* line 540, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-helper-link a {
  margin-bottom: 5px;
  text-decoration-line: underline;
  color: #0073E6;
}

/* line 546, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-helper-link a:hover {
  text-decoration: underline;
}

/* line 551, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-signup-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 557, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-signup-link a {
  text-decoration: underline;
  color: black;
  font-size: 12px;
  margin-bottom: 5px;
}

/* line 564, app/assets/stylesheets/dashboard/main.scss */
.auth-main .auth-signup-link a:hover {
  text-decoration: underline;
}

/* line 569, app/assets/stylesheets/dashboard/main.scss */
.auth-main .actions {
  margin-top: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 576, app/assets/stylesheets/dashboard/main.scss */
.auth-main .actions .error-msg {
  color: red;
  font-size: 12px;
  margin-bottom: 10px;
}

/* line 582, app/assets/stylesheets/dashboard/main.scss */
.auth-main .actions input {
  background-color: royalblue;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 12px;
  padding: 10px 7px;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

/* line 596, app/assets/stylesheets/dashboard/main.scss */
.auth-main .actions input:hover {
  opacity: 0.8;
}

/* line 602, app/assets/stylesheets/dashboard/main.scss */
.bg-button {
  text-align: center;
  border: 1px solid royalblue;
  background: #ffffff;
  padding: 8px 0px;
  border-radius: 25px;
  color: royalblue;
  text-decoration: none;
  font-size: 14px;
}

/* line 613, app/assets/stylesheets/dashboard/main.scss */
.bg-button:hover {
  opacity: 0.6;
  cursor: pointer;
}

/* line 618, app/assets/stylesheets/dashboard/main.scss */
.bg-disabled {
  opacity: 0.6;
}

/* line 622, app/assets/stylesheets/dashboard/main.scss */
.sm-button {
  text-align: center;
  border: 1px solid royalblue;
  background: #ffffff;
  padding: 1px 6px;
  border-radius: 15px;
  color: royalblue;
  text-decoration: none;
  font-size: 13px;
}

/* line 633, app/assets/stylesheets/dashboard/main.scss */
.sm-button:hover {
  opacity: 0.6;
  cursor: pointer;
}

/* line 638, app/assets/stylesheets/dashboard/main.scss */
.sm-disabled {
  opacity: 0.6;
}

/* line 642, app/assets/stylesheets/dashboard/main.scss */
.slider-container {
  border: 1.5px solid gray;
  display: flex;
  align-items: center;
  position: relative;
  background: #ffffff;
  width: 28px;
  height: 15px;
  border-radius: 15px;
  padding: 0px 2px;
  cursor: pointer;
}

/* line 654, app/assets/stylesheets/dashboard/main.scss */
.slider-container .slider {
  height: 12px;
  width: 12px;
  background: gray;
  border-radius: 50%;
  transition: 0.4s;
  transform: translateX(0px);
}

/* line 663, app/assets/stylesheets/dashboard/main.scss */
.slider-container .slider-active {
  background: royalblue;
  transform: translateX(16px);
}

/* line 669, app/assets/stylesheets/dashboard/main.scss */
.slider-container-active {
  border-color: royalblue;
}

/* line 673, app/assets/stylesheets/dashboard/main.scss */
.generic-message-display {
  border-radius: 10px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  color: crimson;
  padding: 20px 30px;
  opacity: 1;
  transition: opacity 0.4s linear;
}

/* line 684, app/assets/stylesheets/dashboard/main.scss */
.generic-error-message {
  color: crimson;
  background: lightpink;
}

/* line 689, app/assets/stylesheets/dashboard/main.scss */
.generic-success-message {
  color: darkgreen;
  background: lightgreen;
}

/* line 695, app/assets/stylesheets/dashboard/main.scss */
.loader .spinner-label, .large-loader .spinner-label {
  margin: 0 10px;
  color: grey;
  font-size: 14px;
}

/* line 701, app/assets/stylesheets/dashboard/main.scss */
.loader .spinner, .large-loader .spinner {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #5a5a5a;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  animation: spin 1s linear infinite;
}

/* line 710, app/assets/stylesheets/dashboard/main.scss */
.loader .large-spinner, .large-loader .large-spinner {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #5a5a5a;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 727, app/assets/stylesheets/dashboard/main.scss */
.generic-info-tool-tips .info-icon {
  width: 15px;
  height: 15px;
  margin: 0 0 0 5px;
  background-image: url(/assets/dashboard/info-9b4d351498f7093759033a00b449c17818d8ec9fd1a1a17f5fa746c386947406.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  cursor: pointer;
  position: relative;
}

/* line 740, app/assets/stylesheets/dashboard/main.scss */
.generic-info-tool-tips .info-icon:hover .info-tooltip {
  visibility: visible;
}

/* line 745, app/assets/stylesheets/dashboard/main.scss */
.generic-info-tool-tips .tool-tip-ctn {
  position: fixed;
}

/* line 749, app/assets/stylesheets/dashboard/main.scss */
.generic-info-tool-tips .info-tooltip {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -190px;
  font-size: 12px;
  line-height: 17px;
}

/* line 766, app/assets/stylesheets/dashboard/main.scss */
.generic-info-tool-tips .info-tooltip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 90%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

/* line 778, app/assets/stylesheets/dashboard/main.scss */
.sort-arrows-ctn {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-left: 5px;
  width: 15px;
}

/* line 785, app/assets/stylesheets/dashboard/main.scss */
.sort-arrows-ctn [class*='-arrow'] {
  width: 6px;
  height: 6px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/assets/dashboard/arrow-ecb58c39270b965a6448a33899057d59b637f1eec76e03779c41fe42bfdf311a.svg);
}

/* line 794, app/assets/stylesheets/dashboard/main.scss */
.sort-arrows-ctn [class*='-arrow']:hover {
  opacity: 0.6;
}

/* line 798, app/assets/stylesheets/dashboard/main.scss */
.sort-arrows-ctn .up-arrow {
  transform: rotate(180deg);
}

/* line 802, app/assets/stylesheets/dashboard/main.scss */
.sort-arrows-ctn .down-arrow {
  margin-top: 2px;
}

/* line 806, app/assets/stylesheets/dashboard/main.scss */
.sort-arrows-ctn .selected {
  transform: scale(1.2);
  background-image: url(/assets/dashboard/arrow-blue-2491d0458b4bf9e3a67df965e943272a54399913216797c48fba3ccaa206b5bc.svg);
}

/* line 811, app/assets/stylesheets/dashboard/main.scss */
.sort-arrows-ctn .up-arrow.selected {
  transform: rotate(180deg) scale(1.2);
}

/* line 817, app/assets/stylesheets/dashboard/main.scss */
.date-range-set input[type*='date'] {
  border: 1px solid lightgray;
  border-radius: 10px;
  margin-left: 10px;
  padding: 5px 10px;
  font-size: 14px;
  color: grey;
}

/* line 826, app/assets/stylesheets/dashboard/main.scss */
.date-range-set .error-date {
  color: red !important;
  border-color: red !important;
}

/* line 831, app/assets/stylesheets/dashboard/main.scss */
.date-range-set button {
  margin: 0px 10px;
  background: royalblue;
  padding: 5px 10px;
  border: 1px solid royalblue;
  border-radius: 10px;
  cursor: pointer;
  color: white;
}

/* line 841, app/assets/stylesheets/dashboard/main.scss */
.date-range-set button:disabled, .date-range-set button:hover {
  opacity: 0.6;
}

/* line 848, app/assets/stylesheets/dashboard/main.scss */
.flex-end {
  display: flex;
  justify-content: flex-end;
}

/* line 853, app/assets/stylesheets/dashboard/main.scss */
.main-content {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  height: 100vh;
}

/* line 859, app/assets/stylesheets/dashboard/main.scss */
.main-content .left {
  min-width: 18%;
  background: var(--colors-blue-25, #F2F8FF);
  border: 1px solid #E5F2FF;
  display: flex;
  flex-direction: column;
  color: var(--color-primary-theme-mzp-color-theme-primary-inverse, #FFF);
}

/* line 868, app/assets/stylesheets/dashboard/main.scss */
.main-content .right {
  flex-grow: 6;
  flex-shrink: 1;
  background: var(--colors-utility-white, #FFF);
  display: flex;
  flex-direction: column;
  overflow: auto;
}

/* line 876, app/assets/stylesheets/dashboard/main.scss */
.main-content .right .main {
  display: flex;
  flex-grow: 1;
  justify-content: space-evenly;
}

/* line 882, app/assets/stylesheets/dashboard/main.scss */
.main-content .right .base-content-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 8px;
  background: var(--color-primary-theme-mzp-color-theme-primary-inverse, #FFF);
  height: 100%;
}

/* line 893, app/assets/stylesheets/dashboard/main.scss */
.active {
  border-radius: 9999px  0px 0px 9999px;
  background: var(--colors-utility-link, #0073E6);
}

/* line 897, app/assets/stylesheets/dashboard/main.scss */
.active svg, .active div {
  color: white !important;
}

/* line 902, app/assets/stylesheets/dashboard/main.scss */
.navigation-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 28px;
}

/* line 908, app/assets/stylesheets/dashboard/main.scss */
.navigation-container .navigation-item {
  display: flex;
  padding: 1px;
}

/* line 913, app/assets/stylesheets/dashboard/main.scss */
.navigation-container .navigation-text {
  padding: 7px 12px;
  color: var(--colors-utility-black-text, #353536);
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  gap: 12px;
}

/* line 923, app/assets/stylesheets/dashboard/main.scss */
.navigation-container .navigation-text button {
  color: var(--colors-utility-black-text, #353536);
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  gap: 12px;
  background: none;
  border: 0;
}

/* line 936, app/assets/stylesheets/dashboard/main.scss */
.navigation-container .admin {
  margin-top: 2px;
}

/* line 940, app/assets/stylesheets/dashboard/main.scss */
.navigation-container .user-plus {
  margin-top: -2px;
}

/* line 944, app/assets/stylesheets/dashboard/main.scss */
.navigation-container a.navigation-item {
  text-decoration: none;
}

/* line 950, app/assets/stylesheets/dashboard/main.scss */
.navigation-container .navigation-icon img, .navigation-container .navigation-icon svg {
  height: 20px;
  width: 20px;
  padding: 6px 5px 2px 12px;
  color: var(--colors-utility-black-text, #353536);
}

/* line 958, app/assets/stylesheets/dashboard/main.scss */
.navigation-container .navigation-divider {
  width: 224px;
  height: 1px;
  background-color: var(--colors-gray-300, #B5B5B5);
  margin-right: 28px;
}

/* line 966, app/assets/stylesheets/dashboard/main.scss */
.sidebar {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* line 972, app/assets/stylesheets/dashboard/main.scss */
.row {
  display: flex;
  width: 100%;
}

/* line 977, app/assets/stylesheets/dashboard/main.scss */
.column {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* line 983, app/assets/stylesheets/dashboard/main.scss */
.add-space-between {
  justify-content: space-between;
}

/* line 987, app/assets/stylesheets/dashboard/main.scss */
.align-center {
  align-self: center;
}

/* line 991, app/assets/stylesheets/dashboard/main.scss */
.modal-background {
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* line 1003, app/assets/stylesheets/dashboard/main.scss */
.modal-background-with-z {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 999;
  background: #000000;
  opacity: 0.7;
}

/* line 1015, app/assets/stylesheets/dashboard/main.scss */
.add-modal-container {
  top: 0;
  left: 0;
  z-index: 1000;
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  /* Text/SM/Bold */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}

/* line 1035, app/assets/stylesheets/dashboard/main.scss */
.add-modal {
  max-height: 60vh;
  overflow: auto;
  padding: 24px;
  opacity: 1;
  display: flex;
  width: 400px;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 12px 16px -4px rgba(25, 25, 26, 0.08), 0px 4px 8px -2px rgba(25, 25, 26, 0.04);
}

/* line 1049, app/assets/stylesheets/dashboard/main.scss */
.btn-disabled {
  color: #9E9E9E;
  background: var(--colors-gray-50, #F2F2F2);
  border: 1px solid var(--colors-gray-100, #E5E5E6);
}

/* line 1055, app/assets/stylesheets/dashboard/main.scss */
.add-modal-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

/* line 1062, app/assets/stylesheets/dashboard/main.scss */
.add-modal-header-title {
  color: var(--Colors-Utility-Black-Text, #353536);
  font-family: Metropolis;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 155.556% */
  align-self: stretch;
}

/* line 1072, app/assets/stylesheets/dashboard/main.scss */
#add-asin-button img {
  width: 12px;
  height: 12px;
  align-self: center;
}

/* line 1078, app/assets/stylesheets/dashboard/main.scss */
.custom-asin-input {
  position: relative;
  width: 92%;
  margin-bottom: 8px;
}

/* line 1083, app/assets/stylesheets/dashboard/main.scss */
.custom-asin-input input {
  width: 100%;
}

/* line 1087, app/assets/stylesheets/dashboard/main.scss */
.custom-asin-input .icons {
  display: flex;
  gap: 8px;
  right: 0px;
  position: absolute;
  transform: translateX(50%) translateY(-50%);
  top: 50%;
}

/* line 1096, app/assets/stylesheets/dashboard/main.scss */
.custom-asin-input .grayed {
  color: #9E9E9E;
}

/* line 1101, app/assets/stylesheets/dashboard/main.scss */
.custom-asin-input input, .custom-asin-input textarea {
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid var(--colors-gray-300, #B5B5B5);
  width: 100%;
  height: 24px;
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 1115, app/assets/stylesheets/dashboard/main.scss */
.custom-asin-input .icon {
  /* Add additional styling for the icon, e.g., font-size, color, etc. */
}

/* line 1122, app/assets/stylesheets/dashboard/main.scss */
.incorrect-asin {
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  display: none;
  /* MZP/≥Screen 2XL/Forms/Error */
  font-family: Metropolis;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 200% */
  align-self: stretch;
}

/* line 1134, app/assets/stylesheets/dashboard/main.scss */
.add-modal-body {
  width: 100%;
}

/* line 1138, app/assets/stylesheets/dashboard/main.scss */
.icons {
  display: flex;
  gap: 8px;
  right: 0px;
  position: absolute;
  transform: translateX(50%) translateY(-50%);
  top: 50%;
}

/* line 1148, app/assets/stylesheets/dashboard/main.scss */
.add-modal-body {
  display: flex;
  flex-direction: column;
}

/* line 1153, app/assets/stylesheets/dashboard/main.scss */
.add-modal-body-title {
  color: var(--Colors-Utility-Black-Text, #353536);
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}

/* line 1162, app/assets/stylesheets/dashboard/main.scss */
.add-modal-buttons-container {
  width: 100%;
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  text-align: center;
  /* Text/SM/Bold */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}

/* line 1176, app/assets/stylesheets/dashboard/main.scss */
#custom-rule-dropdown {
  border-radius: 8px;
  border: 1px solid #B5B5B5;
  background: #FFFFFF;
  font-size: 16px;
  color: #353536;
  display: flex;
  padding: 10px 14px;
  align-items: center;
  gap: var(--spacing-md, 8px);
  flex: 1 0 0;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 1193, app/assets/stylesheets/dashboard/main.scss */
.add-modal-dropdown-caret {
  position: relative;
  left: 370px;
  bottom: 28px;
}

/* line 1199, app/assets/stylesheets/dashboard/main.scss */
.keywords-editor-3 {
  padding: 8px 11px 8px 8px;
  width: 100%;
  box-sizing: border-box;
  overflow-y: scroll;
  display: flex;
  font-size: 14px;
  margin-bottom: 8px;
  flex-wrap: wrap;
  gap: 5px 10px;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  border-radius: 8px;
  border: 1px solid var(--Colors-Gray-300, #B5B5B5);
  background: var(--Colors-Utility-White, #FFF);
  min-height: 141px;
}

/* line 1217, app/assets/stylesheets/dashboard/main.scss */
.editor-input-2 {
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  padding: 5px 0px;
  height: fit-content;
  border: none;
  outline: none;
}

/* line 1229, app/assets/stylesheets/dashboard/main.scss */
.text-bubble {
  border-radius: 9999px;
  background: var(--Colors-Blue-500, #0073E6);
  padding: 4px 12px;
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  color: var(--Colors-Utility-White, #FFF);
  /* Text/SM/Regular */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

/* line 1246, app/assets/stylesheets/dashboard/main.scss */
.text-bubble .delete-img {
  height: 10px;
  width: 10px;
  margin-left: 8px;
  cursor: pointer;
}

/* line 1255, app/assets/stylesheets/dashboard/main.scss */
.add-modal-button {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 9999px;
}

/* line 1266, app/assets/stylesheets/dashboard/main.scss */
.add-modal-submit-button {
  color: #FFF;
  border: 1px solid #0073E6;
  background: #0073E6;
}

/* line 1272, app/assets/stylesheets/dashboard/main.scss */
.add-modal-cancel-button {
  border: 1px solid var(--Colors-Gray-300, #B5B5B5);
  background: var(--Colors-Utility-White, #FFF);
  color: #353536;
}

/* line 1278, app/assets/stylesheets/dashboard/main.scss */
.upload-csv-container {
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 8px;
  border: 2px solid #0073E6;
  background: #FFF;
  margin-top: 20px;
}

/* line 1290, app/assets/stylesheets/dashboard/main.scss */
.upload-csv-container svg {
  color: #0073E6;
  width: 24px;
  height: 24px;
}

/* line 1296, app/assets/stylesheets/dashboard/main.scss */
.upload-csv-container span {
  color: #0073E6;
  text-align: center;
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}

/* line 1307, app/assets/stylesheets/dashboard/main.scss */
.modal-container {
  padding: 24px;
  max-width: 400px;
  border-radius: 16px;
  box-shadow: 0px 4px 8px -2px rgba(25, 25, 26, 0.04), 0px 12px 16px -4px rgba(25, 25, 26, 0.08);
  background: var(--Colors-Utility-White, #FFF);
  font-family: Metropolis;
  color: var(--Colors-Utility-Black-Text, #353536);
  font-style: normal;
}

/* line 1317, app/assets/stylesheets/dashboard/main.scss */
.modal-container .modal-text {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 155.556% */
}

/* line 1324, app/assets/stylesheets/dashboard/main.scss */
.modal-container .modal-supporting-text {
  /* Text/MD/Regular */
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 1332, app/assets/stylesheets/dashboard/main.scss */
#password-strength {
  height: 8px;
  border-radius: 99px;
  width: 100%;
  display: block;
  background-color: #ccc;
  margin: 5px 0px;
}

/* line 1340, app/assets/stylesheets/dashboard/main.scss */
#password-strength span {
  display: block;
  height: 8px;
  border-radius: 99px;
  transition: all 500ms ease;
}

/* line 1347, app/assets/stylesheets/dashboard/main.scss */
.strength-0 span {
  background-color: red;
  width: 0%;
}

/* line 1351, app/assets/stylesheets/dashboard/main.scss */
.strength-1 span {
  background-color: orangered;
  width: 25%;
}

/* line 1355, app/assets/stylesheets/dashboard/main.scss */
.strength-2 span {
  background-color: orange;
  width: 50%;
}

/* line 1359, app/assets/stylesheets/dashboard/main.scss */
.strength-3 span {
  background-color: yellowgreen;
  width: 75%;
}

/* line 1363, app/assets/stylesheets/dashboard/main.scss */
.strength-4 span {
  background-color: green;
  width: 100%;
}

/* line 1368, app/assets/stylesheets/dashboard/main.scss */
.user_acknowledged_terms, .password-changer {
  color: #353536;
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

/* line 1377, app/assets/stylesheets/dashboard/main.scss */
.view-password-toggle {
  width: 24px !important;
  height: 24px !important;
  margin-right: 8px;
  align-self: center;
}

/* line 1384, app/assets/stylesheets/dashboard/main.scss */
.graph-legend-title {
  color: #353536;
  font-family: Metropolis;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}

/* line 1393, app/assets/stylesheets/dashboard/main.scss */
.graph-legend-text {
  color: #353536;
  font-family: Metropolis;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

/* line 1402, app/assets/stylesheets/dashboard/main.scss */
.graph-legend-deselect {
  color: #0073E6;
  text-align: center;
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

/* line 1432, app/assets/stylesheets/dashboard/main.scss */
.hidden {
  display: none;
}

/* line 1436, app/assets/stylesheets/dashboard/main.scss */
.date-modal-container {
  display: flex;
  position: absolute;
  margin-top: 150px;
  background-color: #fff;
  z-index: 1000;
  gap: 20px;
  border: 1px solid lightgray;
  border-radius: 10px;
  margin-right: 12px;
  padding: 20px;
}

/* line 1448, app/assets/stylesheets/dashboard/main.scss */
.date-modal-container .date-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

/* line 1459, app/assets/stylesheets/dashboard/main.scss */
.date-modal-container .submit-dates-button {
  height: 35px;
  align-self: end;
}

/* line 1465, app/assets/stylesheets/dashboard/main.scss */
.menu-container {
  display: none;
  flex-direction: column;
  position: absolute;
  width: 240px;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #E5E5E6;
  box-shadow: 0px 4px 8px -2px rgba(25, 25, 26, 0.12), 0px 2px 4px -2px rgba(25, 25, 26, 0.08);
  top: 30px;
  right: 0px;
  align-self: stretch;
  color: var(--Colors-Utility-Black-Text, #353536);
  /* Text/SM/Bold */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* 142.857% */
}

/* line 1484, app/assets/stylesheets/dashboard/main.scss */
.menu-container .menu-divider {
  border-bottom: 1px solid var(--Colors-Gray-100, #E5E5E6);
  width: 100%;
}

/* line 1489, app/assets/stylesheets/dashboard/main.scss */
.menu-container .menu-header {
  display: flex;
  flex-direction: column;
  padding: 12px 20px;
}

/* line 1494, app/assets/stylesheets/dashboard/main.scss */
.menu-container .menu-header .name {
  font-weight: 700;
}

/* line 1497, app/assets/stylesheets/dashboard/main.scss */
.menu-container .menu-header .email {
  font-weight: 400;
  font-size: 12px;
  color: var(--Colors-Gray-500, #858586);
}

/* line 1504, app/assets/stylesheets/dashboard/main.scss */
.menu-container .menu-item {
  display: flex;
  gap: 8px;
  padding: 12px 20px;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}

/* line 1512, app/assets/stylesheets/dashboard/main.scss */
.menu-container .menu-item .icon {
  height: 12px;
  width: 12px;
  display: flex;
}

/* line 1518, app/assets/stylesheets/dashboard/main.scss */
.menu-container .menu-item .text {
  font-weight: 400;
}

/* line 1525, app/assets/stylesheets/dashboard/main.scss */
.input-width-80 input, .input-width-80 textarea {
  width: 80% !important;
}

/* line 1530, app/assets/stylesheets/dashboard/main.scss */
.position-relative {
  position: relative;
}

/* line 1534, app/assets/stylesheets/dashboard/main.scss */
.right-28 {
  right: 28px !important;
}

/* line 1539, app/assets/stylesheets/dashboard/main.scss */
.shrink-2 {
  flex-shrink: 2;
}

/* line 1539, app/assets/stylesheets/dashboard/main.scss */
.5.shrink-1 {
  flex-shrink: 1.5;
}

/* line 1545, app/assets/stylesheets/dashboard/main.scss */
.gap-4 {
  gap: 4px;
}

/* line 1545, app/assets/stylesheets/dashboard/main.scss */
.gap-8 {
  gap: 8px;
}

/* line 1545, app/assets/stylesheets/dashboard/main.scss */
.gap-10 {
  gap: 10px;
}

/* line 1545, app/assets/stylesheets/dashboard/main.scss */
.gap-12 {
  gap: 12px;
}

/* line 1545, app/assets/stylesheets/dashboard/main.scss */
.gap-24 {
  gap: 24px;
}

/* line 1545, app/assets/stylesheets/dashboard/main.scss */
.gap-20 {
  gap: 20px;
}

/* line 1545, app/assets/stylesheets/dashboard/main.scss */
.gap-16 {
  gap: 16px;
}

/* line 1551, app/assets/stylesheets/dashboard/main.scss */
.padding-top-20 {
  padding-top: 20px;
}

/* line 1551, app/assets/stylesheets/dashboard/main.scss */
.padding-right-20 {
  padding-right: 20px;
}

/* line 1551, app/assets/stylesheets/dashboard/main.scss */
.padding-bottom-20 {
  padding-bottom: 20px;
}

/* line 1551, app/assets/stylesheets/dashboard/main.scss */
.padding-bottom-8 {
  padding-bottom: 8px;
}

/* line 1551, app/assets/stylesheets/dashboard/main.scss */
.padding-bottom-12 {
  padding-bottom: 12px;
}

/* line 1551, app/assets/stylesheets/dashboard/main.scss */
.padding-bottom-16 {
  padding-bottom: 16px;
}

/* line 1551, app/assets/stylesheets/dashboard/main.scss */
.padding-left-20 {
  padding-left: 20px;
}

/* line 1551, app/assets/stylesheets/dashboard/main.scss */
.padding-bottom-28 {
  padding-bottom: 28px;
}

/* line 1413, app/assets/stylesheets/dashboard/main.scss */
.primary-btn {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 9999px;
  border: 1px solid var(--colors-utility-link, #0073E6);
  background: var(--colors-utility-link, #0073E6);
  color: #FFF;
  text-align: center;
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}

/* line 1413, app/assets/stylesheets/dashboard/main.scss */
.secondary-btn {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 9999px;
  border: 1px solid var(--colors-utility-link, #B5B5B5);
  background: var(--colors-utility-link, #FFF);
  color: #353536;
  text-align: center;
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}
@charset "UTF-8";
/* line 1, app/assets/stylesheets/dashboard/dashboard.scss */
.profile-bubble {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  font-size: 20px;
  color: white;
  cursor: pointer;
}

/* line 10, app/assets/stylesheets/dashboard/dashboard.scss */
.profile-bubble:hover {
  opacity: 0.6;
}

/* line 14, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar-right {
  min-height: 70px;
  box-sizing: border-box;
  z-index: 9999;
  right: 0;
  display: flex;
  padding: 0px 48px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

/* line 26, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar {
  position: fixed;
  width: 100vw;
  padding: 0 35px;
  background-color: #ffffff;
  height: 70px;
  border-bottom: 1px solid lightgray;
  box-sizing: border-box;
  z-index: 9999;
  right: 0;
}

/* line 39, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .icon-image, .top-bar-right .icon-image {
  height: 25px;
}

/* line 43, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .search-bar-container, .top-bar-right .search-bar-container {
  position: relative;
  display: none;
}

/* line 47, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .search-bar-container .search-bar, .top-bar-right .search-bar-container .search-bar {
  border: 1px solid lightgray;
  height: 30px;
  padding: 5px 5px 5px 20px;
  border-radius: 24px;
  font-size: 16px;
  width: 450px;
}

/* line 56, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .search-bar-container .search-img, .top-bar-right .search-bar-container .search-img {
  position: absolute;
  right: 20px;
  cursor: pointer;
}

/* line 63, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .notification-bell, .top-bar-right .notification-bell {
  position: relative;
}

/* line 66, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .notification-bell .notification-count, .top-bar-right .notification-bell .notification-count {
  position: absolute;
  height: 18px;
  width: 18px;
  color: white;
  background: gray;
  border-radius: 10px;
  font-size: 12px;
  right: -15px;
  top: -10px;
}

/* line 79, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .ad-partner-data, .top-bar-right .ad-partner-data {
  width: 600px;
}

/* line 81, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .ad-partner-data a, .top-bar-right .ad-partner-data a {
  font-weight: bold;
  color: black;
}

/* line 86, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .ad-partner-data .red, .top-bar-right .ad-partner-data .red {
  color: red;
}

/* line 91, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button, .top-bar-right .profile-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
}

/* line 98, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button .profile-ctn, .top-bar-right .profile-button .profile-ctn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  height: 70px;
  width: 100%;
}

/* line 107, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button .profile-ctn .section-bar, .top-bar-right .profile-button .profile-ctn .section-bar {
  height: 5px;
  background: royalblue;
  width: 40px;
  position: relative;
  visibility: hidden;
}

/* line 114, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button .profile-ctn .section-bar .options-container, .top-bar-right .profile-button .profile-ctn .section-bar .options-container {
  padding: 20px 15px;
  background: #ffffff;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 5px;
  overflow: hidden;
  width: 250px;
  display: none;
  flex-direction: column;
  box-shadow: 0px 2px 5px lightgrey;
}

/* line 127, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button .profile-ctn .section-bar .options-container .greeting, .top-bar-right .profile-button .profile-ctn .section-bar .options-container .greeting {
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 132, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button .profile-ctn .section-bar .options-container .user-name, .top-bar-right .profile-button .profile-ctn .section-bar .options-container .user-name {
  font-size: 13px;
  color: gray;
}

/* line 137, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button .profile-ctn .section-bar .options-container hr, .top-bar-right .profile-button .profile-ctn .section-bar .options-container hr {
  width: 120%;
  height: 1px;
  background: lightgray;
  position: relative;
  left: -15px;
  border: 0px;
  margin: 15px 0px;
}

/* line 147, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button .profile-ctn .section-bar .options-container a, .top-bar .profile-button .profile-ctn .section-bar .options-container button, .top-bar-right .profile-button .profile-ctn .section-bar .options-container a, .top-bar-right .profile-button .profile-ctn .section-bar .options-container button {
  font-size: 14px;
  color: #323232;
  text-decoration: none;
  margin: 8px 0px;
}

/* line 154, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button .profile-ctn .section-bar .options-container button, .top-bar-right .profile-button .profile-ctn .section-bar .options-container button {
  border: 0px;
  background: transparent;
  margin: 5px 0px;
  padding: 0px;
  cursor: pointer;
  width: 100%;
  text-align: start;
}

/* line 165, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button .profile-ctn .section-bar .options-container a:hover, .top-bar .profile-button .profile-ctn .section-bar .options-container button:hover, .top-bar-right .profile-button .profile-ctn .section-bar .options-container a:hover, .top-bar-right .profile-button .profile-ctn .section-bar .options-container button:hover {
  opacity: 0.6;
}

/* line 171, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button .profile-ctn .section-bar:first-child, .top-bar-right .profile-button .profile-ctn .section-bar:first-child {
  background: transparent;
}

/* line 177, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button .profile-ctn:hover .section-bar, .top-bar-right .profile-button .profile-ctn:hover .section-bar {
  visibility: visible;
}

/* line 180, app/assets/stylesheets/dashboard/dashboard.scss */
.top-bar .profile-button .profile-ctn:hover .section-bar .options-container, .top-bar-right .profile-button .profile-ctn:hover .section-bar .options-container {
  display: flex;
}

/* line 188, app/assets/stylesheets/dashboard/dashboard.scss */
.title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 193, app/assets/stylesheets/dashboard/dashboard.scss */
.title-container .title {
  font-size: 18px;
  letter-spacing: 0.5px;
}

/* line 199, app/assets/stylesheets/dashboard/dashboard.scss */
.budget-section {
  display: flex;
  width: 100%;
}

/* line 204, app/assets/stylesheets/dashboard/dashboard.scss */
.budget-card {
  border-radius: 16px;
  border-top: 1px solid var(--colors-gray-100, #E5E5E6);
  border-right: 1px solid var(--colors-gray-100, #E5E5E6);
  border-bottom: 1px solid var(--colors-gray-100, #E5E5E6);
  border-left: 1px solid var(--colors-gray-100, #E5E5E6);
  background: var(--colors-utility-white, #FFF);
  padding: 24px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

/* line 214, app/assets/stylesheets/dashboard/dashboard.scss */
.budget-card .budget-card-title {
  color: var(--colors-utility-black-text, #353536);
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 223, app/assets/stylesheets/dashboard/dashboard.scss */
.budget-card .budget-card-balance {
  color: var(--colors-utility-black-text, #353536);
  /* Display/MD/Bold */
  font-family: Metropolis;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  /* 122.222% */
}

/* line 233, app/assets/stylesheets/dashboard/dashboard.scss */
.budget-card .time-remaining-container {
  height: 100%;
  align-items: flex-end;
}

/* line 238, app/assets/stylesheets/dashboard/dashboard.scss */
.budget-card .time-remaining {
  display: flex;
  justify-content: center;
  gap: 8px;
  border-radius: 9999px;
  border-top: 1px solid var(--colors-blue-500, #0073E6);
  border-right: 1px solid var(--colors-blue-500, #0073E6);
  border-bottom: 1px solid var(--colors-blue-500, #0073E6);
  border-left: 1px solid var(--colors-blue-500, #0073E6);
  background: rgba(0, 115, 230, 0.1);
  padding: 4px 8px;
  color: var(--colors-utility-black-text, #353536);
  text-align: center;
  /* Text/SM/Regular */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

/* line 260, app/assets/stylesheets/dashboard/dashboard.scss */
.budget-card .time-remaining svg {
  color: #0073E6;
}

/* line 266, app/assets/stylesheets/dashboard/dashboard.scss */
.subheader {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  align-items: center;
}

/* line 272, app/assets/stylesheets/dashboard/dashboard.scss */
.subheader .calendar {
  border-radius: 4px;
  border: 2px solid var(--color-primary-theme-mzp-color-theme-primary, #000);
  background: var(--color-primary-theme-mzp-color-theme-primary-inverse, #FFF);
  padding: 0px 24px;
  width: 100px;
  height: 40px;
  display: flex;
  align-items: center;
}

/* line 283, app/assets/stylesheets/dashboard/dashboard.scss */
.subheader .calendar .start-date, .subheader .calendar .end-date {
  display: flex;
  align-items: center;
}

/* line 289, app/assets/stylesheets/dashboard/dashboard.scss */
.subheader .sort :after {
  content: url(/assets/dashboard/v2/caret-down-472b0677efe030f21e572b7ad897082f04484f78251f08365ea6f371fa730d44.svg);
  right: 40px;
  float: right;
  top: 13px;
  padding: 0 0 2px;
  position: relative;
  display: block;
  pointer-events: none;
}

/* line 300, app/assets/stylesheets/dashboard/dashboard.scss */
.subheader .sort select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 186px;
  height: 40px;
  float: left;
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  border-radius: var(--Border-Radius-SM, 4px);
  border: 2px solid var(--color-primary-theme-mzp-color-theme-primary, #000);
  background: var(--color-primary-theme-mzp-color-theme-primary-inverse, #FFF);
}

/* line 323, app/assets/stylesheets/dashboard/dashboard.scss */
.sort .select-campaigns {
  padding: 8px 24px;
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  /* MZP/≥Screen 2XL/Body/Body MD 700 */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  border: 2px solid var(--color-primary-theme-mzp-color-theme-primary, #000);
}

/* line 335, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 0 48px;
}

/* line 341, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .footer-container {
  bottom: 0;
  position: absolute;
}

/* line 346, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .default-dashboard {
  padding: 20px 0px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* line 354, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .default-dashboard .tutorial-link {
  color: royalblue;
  margin-top: 50px;
}

/* line 358, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .default-dashboard .tutorial-link img {
  height: 20px;
  width: 20px;
  margin-right: 8px;
}

/* line 365, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .default-dashboard .content-box {
  box-sizing: border-box;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: white;
  border-radius: 15px;
  width: 50%;
}

/* line 376, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .default-dashboard .content-box .text {
  font-size: 22px;
  margin-bottom: 15px;
}

/* line 381, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .default-dashboard .content-box .small-text {
  font-size: 18px;
  color: gray;
  margin-bottom: 8px;
}

/* line 388, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .default-dashboard .bg-button {
  margin-top: 15px;
  width: 200px;
  background: royalblue;
  color: white;
  text-decoration: none;
}

/* line 397, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  row-gap: 20px;
}

/* line 404, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid .time-filter-ctn {
  margin: 0;
  background: #FFFFFF;
  width: 150px;
}

/* line 410, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid .date-range-set-ctn {
  display: flex;
}

/* line 414, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid .date-range-set-ctn .date-range-set input[type*="date"]:first-child {
  margin-left: 0px;
}

/* line 420, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid .home-charts-section {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 16px;
  border-top: 1px solid var(--Colors-Gray-100, #E5E5E6);
  border-right: 1px solid var(--Colors-Gray-100, #E5E5E6);
  border-bottom: 1px solid var(--Colors-Gray-100, #E5E5E6);
  border-left: 1px solid var(--Colors-Gray-100, #E5E5E6);
  padding: 20px;
}

/* line 434, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid .home-charts-section .dashboard-chart {
  flex: 0 0 100%;
}

/* line 438, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid .home-charts-section .arrows-container {
  position: absolute;
  right: 40px;
  top: -25px;
}

/* line 444, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid .home-charts-section [class*='-arrow'] {
  cursor: pointer;
}

/* line 447, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid .home-charts-section [class*='-arrow'] img {
  height: 35px;
  width: 35px;
}

/* line 453, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid .home-charts-section [class*='-arrow']:hover {
  opacity: 0.4;
}

/* line 457, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid .home-charts-section .disabled-arrow {
  opacity: 0.4;
}

/* line 461, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid .home-charts-section .left-arrow {
  margin-right: 5px;
}

/* line 465, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-grid .home-charts-section .right-arrow {
  margin-left: 5px;
}

/* line 501, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-chart {
  padding: 0px 30px 30px 30px;
  min-width: 470px;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}

/* line 510, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-chart .no-data-message {
  position: absolute;
  background: #FFFFFF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}

/* line 519, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-chart .bg-button {
  width: 120px;
  padding-left: 35px;
  padding-right: 35px;
}

/* line 525, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-chart .metrics {
  margin: 20px 0px;
  display: flex;
  align-items: flex-end;
}

/* line 530, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-chart .metrics .count {
  font-size: 28px;
  margin-right: 10px;
}

/* line 535, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-chart .metrics .percent-update {
  position: relative;
  bottom: 3px;
  padding: 3px 10px;
  font-size: 10px;
  color: royalblue;
  background: rgba(65, 105, 225, 0.1);
  border-radius: 12px;
  width: fit-content;
  display: flex;
  height: min-content;
  align-items: center;
}

/* line 548, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-chart .metrics .percent-update img {
  margin-right: 5px;
}

/* line 555, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .hide-chart {
  display: none;
}

/* line 560, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .header, .dashboard-main .ad-partners-dashboard .header, .dashboard-main .right-main-container .header {
  border-radius: 16px 16px 0px 0px;
  border: 1px solid var(--colors-gray-100, #E5E5E6);
  background: var(--colors-utility-white, #FFF);
}

/* line 566, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .data-divider, .dashboard-main .ad-partners-dashboard .data-divider, .dashboard-main .right-main-container .data-divider {
  height: 0.5px;
  background: #b9b6b6;
  width: 150%;
  position: relative;
  left: -30px;
}

/* line 574, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .title-container, .dashboard-main .ad-partners-dashboard .title-container, .dashboard-main .right-main-container .title-container {
  padding: 3px 15px;
  box-sizing: border-box;
}

/* line 579, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .bg-button, .dashboard-main .ad-partners-dashboard .bg-button, .dashboard-main .right-main-container .bg-button {
  background: royalblue;
  color: white;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 14px;
  text-decoration: none;
}

/* line 587, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .bg-button.white, .dashboard-main .ad-partners-dashboard .bg-button.white, .dashboard-main .right-main-container .bg-button.white {
  border: 1px solid royalblue;
  background: #ffffff;
  color: royalblue;
}

/* line 595, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .primary-btn svg, .dashboard-main .ad-partners-dashboard .primary-btn svg, .dashboard-main .right-main-container .primary-btn svg {
  color: white;
}

/* line 598, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .primary-btn a, .dashboard-main .ad-partners-dashboard .primary-btn a, .dashboard-main .right-main-container .primary-btn a {
  text-decoration: none;
}

/* line 604, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .create-partner-container, .dashboard-main .ad-partners-dashboard .create-partner-container, .dashboard-main .right-main-container .create-partner-container {
  margin: 100px 50px 50px;
}

/* line 607, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .create-partner-container .create-partner-form, .dashboard-main .ad-partners-dashboard .create-partner-container .create-partner-form, .dashboard-main .right-main-container .create-partner-container .create-partner-form {
  display: block;
  width: 100%;
}

/* line 611, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .create-partner-container .create-partner-form .label, .dashboard-main .ad-partners-dashboard .create-partner-container .create-partner-form .label, .dashboard-main .right-main-container .create-partner-container .create-partner-form .label {
  display: inline-block;
  width: 150px;
}

/* line 616, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .create-partner-container .create-partner-form .input-row, .dashboard-main .ad-partners-dashboard .create-partner-container .create-partner-form .input-row, .dashboard-main .right-main-container .create-partner-container .create-partner-form .input-row {
  width: 455px;
  padding: 0;
  margin: 0 auto 40px auto;
}

/* line 621, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .create-partner-container .create-partner-form .input-row .input, .dashboard-main .ad-partners-dashboard .create-partner-container .create-partner-form .input-row .input, .dashboard-main .right-main-container .create-partner-container .create-partner-form .input-row .input {
  border-radius: 3px;
  border: 1px solid lightgray;
  width: 300px;
  height: 40px;
  font-size: 16px;
  box-sizing: border-box;
}

/* line 630, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .create-partner-container .create-partner-form .input-row .submit-button, .dashboard-main .ad-partners-dashboard .create-partner-container .create-partner-form .input-row .submit-button, .dashboard-main .right-main-container .create-partner-container .create-partner-form .input-row .submit-button {
  display: block;
  margin-left: auto;
  margin-right: 0;
  height: 40px;
}

/* line 640, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .tile-container, .dashboard-main .ad-partners-dashboard .tile-container, .dashboard-main .right-main-container .tile-container {
  width: 100%;
  overflow: scroll;
}

/* line 644, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .tile-container > *, .dashboard-main .ad-partners-dashboard .tile-container > *, .dashboard-main .right-main-container .tile-container > * {
  margin-top: 20px;
}

/* line 648, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .tile-container > *:first-child, .dashboard-main .ad-partners-dashboard .tile-container > *:first-child, .dashboard-main .right-main-container .tile-container > *:first-child {
  margin-top: 25px;
}

/* line 653, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .campaign-tile-header, .dashboard-main .ad-partners-dashboard .campaign-tile-header, .dashboard-main .right-main-container .campaign-tile-header {
  background: var(--colors-gray-25, #F9F8F9);
  border: 1px solid #E5E5E6;
}

/* line 658, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .campaign-tile, .dashboard-main .ad-partners-dashboard .campaign-tile, .dashboard-main .right-main-container .campaign-tile {
  color: #353536;
  padding: 20px 12px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 8% 19% 15% 15% 7% 15% 10% 7%;
  text-align: center;
  column-gap: 10px;
  font-family: Metropolis;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  /* 150% */
}

/* line 674, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .green-bubble, .dashboard-main .ad-partners-dashboard .green-bubble, .dashboard-main .right-main-container .green-bubble {
  padding: 4px 8px;
  gap: 4px;
  border-radius: 9999px;
  border: 1px solid #0FCC66;
  background: rgba(15, 204, 102, 0.1);
}

/* line 682, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile, .dashboard-main .ad-partners-dashboard .ad-partner-tile, .dashboard-main .right-main-container .ad-partner-tile {
  padding: 15px 15px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 8% 20% 12% 15% 15% 10% 5%;
  column-gap: 10px;
  font-size: 14px;
}

/* line 690, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile .campaign-tag, .dashboard-main .ad-partners-dashboard .ad-partner-tile .campaign-tag, .dashboard-main .right-main-container .ad-partner-tile .campaign-tag {
  color: #b9b6b6;
  font-size: 15px;
}

/* line 695, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile .bg-button, .dashboard-main .ad-partners-dashboard .ad-partner-tile .bg-button, .dashboard-main .right-main-container .ad-partner-tile .bg-button {
  color: royalblue;
  background: #ffffff;
}

/* line 699, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile .bg-button.red, .dashboard-main .ad-partners-dashboard .ad-partner-tile .bg-button.red, .dashboard-main .right-main-container .ad-partner-tile .bg-button.red {
  border: 1px solid red;
  color: red;
  margin-left: 10px;
}

/* line 704, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile .bg-button.red:disabled, .dashboard-main .ad-partners-dashboard .ad-partner-tile .bg-button.red:disabled, .dashboard-main .right-main-container .ad-partner-tile .bg-button.red:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 711, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile [class^='tile-cell-'], .dashboard-main .ad-partners-dashboard .ad-partner-tile [class^='tile-cell-'], .dashboard-main .right-main-container .ad-partner-tile [class^='tile-cell-'] {
  display: flex;
  align-items: center;
}

/* line 715, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile [class^='tile-cell-'] .scheduled, .dashboard-main .dashboard-campaigns .ad-partner-tile [class^='tile-cell-'] .expired, .dashboard-main .ad-partners-dashboard .ad-partner-tile [class^='tile-cell-'] .scheduled, .dashboard-main .ad-partners-dashboard .ad-partner-tile [class^='tile-cell-'] .expired, .dashboard-main .right-main-container .ad-partner-tile [class^='tile-cell-'] .scheduled, .dashboard-main .right-main-container .ad-partner-tile [class^='tile-cell-'] .expired {
  color: gray;
}

/* line 719, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile [class^='tile-cell-'] .active, .dashboard-main .ad-partners-dashboard .ad-partner-tile [class^='tile-cell-'] .active, .dashboard-main .right-main-container .ad-partner-tile [class^='tile-cell-'] .active {
  color: #32a242;
}

/* line 723, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile [class^='tile-cell-'] .draft, .dashboard-main .ad-partners-dashboard .ad-partner-tile [class^='tile-cell-'] .draft, .dashboard-main .right-main-container .ad-partner-tile [class^='tile-cell-'] .draft {
  color: royalblue;
}

/* line 727, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile [class^='tile-cell-'] .paused, .dashboard-main .ad-partners-dashboard .ad-partner-tile [class^='tile-cell-'] .paused, .dashboard-main .right-main-container .ad-partner-tile [class^='tile-cell-'] .paused {
  color: #bc3030;
}

/* line 731, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile [class^='tile-cell-'] .percentage-bubble, .dashboard-main .ad-partners-dashboard .ad-partner-tile [class^='tile-cell-'] .percentage-bubble, .dashboard-main .right-main-container .ad-partner-tile [class^='tile-cell-'] .percentage-bubble {
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 8px;
  margin-left: 8px;
  display: flex;
  align-items: center;
}

/* line 741, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile [class^='tile-cell-'] .green-bubble, .dashboard-main .ad-partners-dashboard .ad-partner-tile [class^='tile-cell-'] .green-bubble, .dashboard-main .right-main-container .ad-partner-tile [class^='tile-cell-'] .green-bubble {
  background: rgba(0, 255, 0, 0.2);
  color: green;
}

/* line 746, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile [class^='tile-cell-'] .red-bubble, .dashboard-main .ad-partners-dashboard .ad-partner-tile [class^='tile-cell-'] .red-bubble, .dashboard-main .right-main-container .ad-partner-tile [class^='tile-cell-'] .red-bubble {
  background: rgba(255, 0, 0, 0.2);
  color: red;
}

/* line 751, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile [class^='tile-cell-'] img, .dashboard-main .ad-partners-dashboard .ad-partner-tile [class^='tile-cell-'] img, .dashboard-main .right-main-container .ad-partner-tile [class^='tile-cell-'] img {
  height: 12px;
  width: 12px;
  margin-right: 5px;
}

/* line 759, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .ad-partner-tile, .dashboard-main .ad-partners-dashboard .ad-partner-tile, .dashboard-main .right-main-container .ad-partner-tile {
  grid-template-columns: 15% 15% 15% 10% 8% 8% 8% 17%;
}

/* line 763, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-main .dashboard-campaigns .campaign-tile-bordered, .dashboard-main .ad-partners-dashboard .campaign-tile-bordered, .dashboard-main .right-main-container .campaign-tile-bordered {
  border: 1px solid #b9b6b6;
  padding: 12px 15px;
}

/* line 771, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-flexed {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 777, app/assets/stylesheets/dashboard/dashboard.scss */
.header-title {
  color: var(--colors-utility-black-text, #353536);
  /* Display/SM/Bold */
  font-family: Metropolis;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 125% */
}

/* line 787, app/assets/stylesheets/dashboard/dashboard.scss */
.header-desc {
  color: var(--colors-utility-black-text, #353536);
  /* Text md/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 797, app/assets/stylesheets/dashboard/dashboard.scss */
.chart-title {
  color: var(--colors-utility-black-text, #353536);
  /* Text/LG/Bold */
  font-family: Metropolis;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 155.556% */
}

/* line 807, app/assets/stylesheets/dashboard/dashboard.scss */
.chart-desc {
  overflow: hidden;
  color: var(--colors-utility-black-text, #353536);
  text-overflow: ellipsis;
  /* Text/SM/Regular */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

/* line 820, app/assets/stylesheets/dashboard/dashboard.scss */
.select-pills {
  display: flex;
  flex-wrap: wrap;
  height: 38px;
}

/* line 825, app/assets/stylesheets/dashboard/dashboard.scss */
.select-pills .active {
  background-color: #F2F2F2;
}

/* line 829, app/assets/stylesheets/dashboard/dashboard.scss */
.select-pills .middle-pill {
  border-radius: 0px !important;
}

/* line 833, app/assets/stylesheets/dashboard/dashboard.scss */
.select-pills .left-outer {
  border-radius: 9999px  0px 0px 9999px;
}

/* line 837, app/assets/stylesheets/dashboard/dashboard.scss */
.select-pills .right-outer {
  border-radius: 0px 9999px 9999px 0px;
  border: 1px solid #B5B5B5;
}

/* line 843, app/assets/stylesheets/dashboard/dashboard.scss */
.select-pill {
  display: flex;
  background-color: #FFF;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  color: var(--colors-utility-black-text, #353536);
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
  border: 1px solid #B5B5B5;
  border-right: 0px;
}

/* line 860, app/assets/stylesheets/dashboard/dashboard.scss */
.select-pill:hover {
  background-color: #2980b9;
}

/* line 865, app/assets/stylesheets/dashboard/dashboard.scss */
.announcement-banner {
  display: grid;
  grid-template-columns: 2% 76% 6% 10% 3%;
  padding: 10px 20px;
  gap: 12px;
  border-radius: var(--Full, 9999px);
  background: var(--colors-blue-50, #E5F2FF);
  margin-bottom: 20px;
}

/* line 874, app/assets/stylesheets/dashboard/dashboard.scss */
.announcement-banner .icon {
  width: 20px;
  height: 20px;
}

/* line 879, app/assets/stylesheets/dashboard/dashboard.scss */
.announcement-banner .dismiss-callout {
  color: var(--colors-utility-black-text, #353536);
  text-align: center;
  /* Text/SM/Bold */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
  cursor: pointer;
}

/* line 892, app/assets/stylesheets/dashboard/dashboard.scss */
.announcement-banner .icon-close {
  cursor: pointer;
}

/* line 896, app/assets/stylesheets/dashboard/dashboard.scss */
.announcement-banner .learn-more-callout {
  color: var(--colors-utility-link, #0073E6);
  text-align: center;
  /* Text/SM/Bold */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}

/* line 909, app/assets/stylesheets/dashboard/dashboard.scss */
.announcement-banner .message .primary-text {
  color: var(--colors-utility-black-text, #353536);
  /* Text/SM/Bold */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}

/* line 918, app/assets/stylesheets/dashboard/dashboard.scss */
.announcement-banner .message .secondary-text {
  color: var(--colors-utility-black-text, #353536);
  /* Text/SM/Regular */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

/* line 931, app/assets/stylesheets/dashboard/dashboard.scss */
.no-current-campaign {
  gap: 24px;
  align-items: center;
  color: var(--colors-utility-black-text, #353536);
  text-align: center;
  /* Display/XS/Regular */
  font-family: Metropolis;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  /* 150% */
}

/* line 944, app/assets/stylesheets/dashboard/dashboard.scss */
.secondary-btn:hover, .primary-btn:hover {
  cursor: pointer;
}

/* line 948, app/assets/stylesheets/dashboard/dashboard.scss */
.disable {
  opacity: 0.5;
}

/* line 952, app/assets/stylesheets/dashboard/dashboard.scss */
.filter-input {
  background-image: url(/assets/dashboard/v2/searchicon-8e6e0800db7984029cd5a4373ec57105dc87d676943b3e083138ee58ac324adb.png);
  /* Add a search icon to input */
  background-position: 10px 12px;
  /* Position the search icon */
  background-repeat: no-repeat;
  /* Do not repeat the icon image */
  padding: 10px 14px 10px 40px;
  border-radius: 100px;
  border: 1px solid var(--colors-gray-300, #B5B5B5);
  max-width: 200px;
  height: 24px;
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

/* line 968, app/assets/stylesheets/dashboard/dashboard.scss */
.campaign-status-header {
  display: flex;
  flex-direction: row;
  align-content: center;
  color: var(--Colors-Utility-Black-Text, #353536);
  /* Text/MD/Bold */
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

/* line 983, app/assets/stylesheets/dashboard/dashboard.scss */
.tab-bar {
  margin-top: 20px;
  gap: 20px;
  color: var(--Colors-Gray-500, #858586);
  /* Text/SM/Regular */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

/* line 994, app/assets/stylesheets/dashboard/dashboard.scss */
.tab-bar .tab {
  padding-bottom: 20px;
}

/* line 998, app/assets/stylesheets/dashboard/dashboard.scss */
.tab-bar .tab-active {
  color: #0073E6;
  border-bottom: 2px solid #0073E6;
}

/* line 1003, app/assets/stylesheets/dashboard/dashboard.scss */
.tab-bar a {
  color: #0073E6;
  text-decoration: none;
}

/* line 1010, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-grid-container .bubble {
  padding: 4px 8px;
  gap: 4px;
  border-radius: 9999px;
}

/* line 1016, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-grid-container .green {
  border: 1px solid #0FCC66;
  background: rgba(15, 204, 102, 0.1);
}

/* line 1021, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-grid-container .red {
  border: 1px solid var(--Colors-Grade-F, #FF1C2E);
  background: rgba(255, 28, 46, 0.1);
}

/* line 1026, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-grid-container .gray {
  border: 1px solid var(--Colors-Gray-500, #858586);
  background: rgba(133, 133, 134, 0.1);
}

/* line 1031, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-grid-container .data-divider {
  height: 0.5px;
  background: #b9b6b6;
  width: 150%;
  position: relative;
  left: -30px;
}

/* line 1039, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-grid-container .campaign-tile-header {
  background: var(--colors-gray-25, #F9F8F9);
  border: 1px solid #E5E5E6;
}

/* line 1044, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-grid-container .campaign-tile {
  color: #353536;
  padding: 20px 12px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 8% 8% 25% 10% 10% 10% 10% 5% 5%;
  text-align: center;
  column-gap: 10px;
  font-family: Metropolis;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  /* 150% */
}

/* line 1059, app/assets/stylesheets/dashboard/dashboard.scss */
.dashboard-grid-container .campaign-tile-bordered {
  border: 1px solid #E5E5E6;
  padding: 12px 15px;
}

/* line 1066, app/assets/stylesheets/dashboard/dashboard.scss */
.header-title-two {
  color: var(--colors-utility-black-text, #353536);
  /* Text/LG/Bold */
  font-family: Metropolis;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 155.556% */
}

/* line 1076, app/assets/stylesheets/dashboard/dashboard.scss */
.header-desc-two {
  overflow: hidden;
  color: var(--colors-utility-black-text, #353536);
  text-overflow: ellipsis;
  /* Text/SM/Regular */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
}

/* line 1093, app/assets/stylesheets/dashboard/dashboard.scss */
.header {
  border-radius: 16px 16px 0px 0px;
  border: 1px solid var(--colors-gray-100, #E5E5E6);
  background: var(--colors-utility-white, #FFF);
}

/* line 1099, app/assets/stylesheets/dashboard/dashboard.scss */
a.primary-btn {
  text-decoration: none;
}

/* line 1104, app/assets/stylesheets/dashboard/dashboard.scss */
a div.primary-btn {
  text-decoration: none;
}

/* line 1109, app/assets/stylesheets/dashboard/dashboard.scss */
.empty-btn {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

/* line 1119, app/assets/stylesheets/dashboard/dashboard.scss */
.update-status-container {
  padding: 2px 6px;
  width: auto;
  top: 40px;
  display: none;
  position: absolute;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  background: var(--Colors-Utility-White, #FFF);
  border-radius: 8px;
  border: 1px solid var(--Colors-Gray-200, #CECECF);
  z-index: 1000;
}

/* line 1131, app/assets/stylesheets/dashboard/dashboard.scss */
.update-status-container .gap-4 {
  display: flex;
  padding: 4px 10px;
}

/* line 1136, app/assets/stylesheets/dashboard/dashboard.scss */
.update-status-container .active-pill {
  border-radius: var(--spacing-sm, 6px);
  background: var(--Colors-Blue-50, #E5F2FF);
}

/* line 1143, app/assets/stylesheets/dashboard/dashboard.scss */
.product-img img {
  width: 80px;
  height: 80px;
}

/* line 1149, app/assets/stylesheets/dashboard/dashboard.scss */
.small-card-title {
  color: var(--Colors-Utility-Black-Text, #353536);
  /* Text/LG/Bold */
  font-family: Metropolis;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 155.556% */
}

/* line 1160, app/assets/stylesheets/dashboard/dashboard.scss */
.small-card-desc {
  overflow: hidden;
  color: var(--Colors-Utility-Black-Text, #353536);
  text-overflow: ellipsis;
  /* Text/SM/Regular */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

/* line 1173, app/assets/stylesheets/dashboard/dashboard.scss */
.modal-parent-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  display: none;
}

/* line 1182, app/assets/stylesheets/dashboard/dashboard.scss */
.dropdown-modal {
  position: fixed;
  display: none;
  z-index: 100;
  flex-direction: column;
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px solid #CECECF;
  background: #FFF;
  /* Shadows/shadow-lg */
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  gap: 4px;
}

/* line 1195, app/assets/stylesheets/dashboard/dashboard.scss */
.dropdown-modal .icon {
  width: 16px;
  height: 16px;
}

/* line 1200, app/assets/stylesheets/dashboard/dashboard.scss */
.dropdown-modal .dropdown-item {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}

/* line 1206, app/assets/stylesheets/dashboard/dashboard.scss */
.dropdown-modal .active-dropdown-item {
  border-radius: 6px;
  background: #E5F2FF;
}

/* line 1211, app/assets/stylesheets/dashboard/dashboard.scss */
.dropdown-modal .text {
  color: #353536;
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

/* line 1220, app/assets/stylesheets/dashboard/dashboard.scss */
.dropdown-modal .checkmark {
  width: 12px;
  height: 12px;
}

/* line 1226, app/assets/stylesheets/dashboard/dashboard.scss */
button:hover {
  cursor: pointer;
}
@charset "UTF-8";
/* line 1, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main {
  height: calc(100vh - 70px);
  box-sizing: border-box;
  background-color: #f5f5f7;
  position: relative;
  top: 70px;
}

/* line 8, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display {
  position: relative;
  display: grid;
  grid-template-columns: 50px auto;
  overflow: hidden;
}

/* line 14, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-tab-toggle {
  cursor: pointer;
}

/* line 17, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-tab-toggle img {
  height: 14px;
  width: 14px;
}

/* line 23, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-tab-toggle:hover {
  opacity: 0.6;
}

/* line 27, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-panel {
  display: none;
  background: var(--color-accent-mzp-color-accent-dk-gray-90, #15141A);
  box-sizing: border-box;
  padding: 30px;
  border-right: 1px solid lightgray;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 36, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-panel .name-revealer {
  display: none;
  position: fixed;
  background: white;
  z-index: 99999;
  padding: 3px;
  border-radius: 5px;
  box-shadow: 0 0 4px gray;
  text-align: center;
  font-size: 13px;
}

/* line 48, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-panel .step-list {
  margin-top: 25px;
}

/* line 53, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-panel [class*=step-list-item-] .step-name {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: white;
}

/* line 60, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-panel [class*=step-list-item-] .bottom-line-ctn {
  height: 50px;
  width: 1px;
  background: lightgray;
  position: relative;
  left: 20px;
}

/* line 68, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-panel [class*=step-list-item-] .bottom-line {
  background: #549f23;
  width: 1px;
  height: 0px;
  transition: height 0.4s;
}

/* line 76, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-panel .image-ctn {
  height: 40px;
  width: 40px;
  margin-right: 10px;
  border: 1px solid lightgray;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}

/* line 87, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-panel .image-ctn img {
  width: 0px;
  height: 0px;
  transition: width 0.4s, height 0.4s;
}

/* line 94, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-panel .step-list-item-x {
  font-size: 13px;
}

/* line 97, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-panel .step-list-item-x .image-ctn {
  width: 36px;
  height: 36px;
}

/* line 101, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-panel .step-list-item-x .image-ctn img {
  width: 16px;
  height: 16px;
}

/* line 108, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .side-panel .step-list-item-x:not(:first-child):hover {
  opacity: 0.6;
}

/* line 113, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .mini-side-panel {
  display: flex;
  justify-content: center;
  width: 50px;
  padding: 30px 0px;
  background: #ffffff;
  box-sizing: border-box;
  border-right: 1px solid lightgray;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 126, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .other-campaign-ctn .step-list-item-x:hover {
  opacity: 0.6;
}

/* line 131, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  overflow-y: scroll;
  height: calc(100vh - 70px);
  position: relative;
}

/* line 141, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .top-panel {
  background: #ffffff;
  width: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 25px 35px;
  font-size: 14px;
}

/* line 151, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .top-panel .cpg-image {
  margin-right: 15px;
  background: #e9e9e9;
  border-radius: 50%;
  padding: 10px;
}

/* line 157, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .top-panel .cpg-image img {
  height: 16px;
  width: 16px;
}

/* line 163, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .top-panel .campaign-name {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 100px;
}

/* line 169, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .top-panel .campaign-name span {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 176, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .top-panel .campaign-name input {
  position: absolute;
  width: 100px;
  display: none;
}

/* line 183, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .top-panel .edit-campaign-name {
  color: royalblue;
  text-decoration: underline;
  margin-left: 10px;
  cursor: pointer;
}

/* line 190, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .top-panel .bg-button {
  text-decoration: none;
  padding: 8px 35px;
}

/* line 197, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rules-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* line 204, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box {
  margin-top: 30px;
  background: #ffffff;
  width: 75%;
  border-radius: 10px;
  overflow: hidden;
}

/* line 211, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-name {
  padding: 20px;
}

/* line 215, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-name .bg-buttons .bg-button {
  width: 125px;
}

/* line 219, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-name .bg-buttons .bg-button:last-child {
  color: white;
  background: royalblue;
}

/* line 226, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details {
  border-top: 1px solid lightgray;
  padding: 35px 25px;
}

/* line 231, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .ad-rule-checkbox-ctn .ad-rule-checkbox {
  display: block;
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
}

/* line 243, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .ad-rule-checkbox-ctn .ad-rule-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* line 251, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .ad-rule-checkbox-ctn .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #FFFFFF;
  border: 1px solid lightgray;
  border-radius: 3px;
}

/* line 262, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .ad-rule-checkbox-ctn .ad-rule-checkbox:hover input ~ .checkmark {
  opacity: 0.6;
}

/* line 266, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .ad-rule-checkbox-ctn .ad-rule-checkbox input:checked ~ .checkmark {
  background-color: #FFFFFF;
}

/* line 270, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .ad-rule-checkbox-ctn .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* line 276, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .ad-rule-checkbox-ctn .ad-rule-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* line 280, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .ad-rule-checkbox-ctn .ad-rule-checkbox .checkmark:after {
  left: 5px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid royalblue;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 292, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .ad-rule-checkbox-ctn .info-icon {
  width: 17px;
  height: 17px;
  margin: 0 0 0 5px;
  background-image: url(/assets/dashboard/info-9b4d351498f7093759033a00b449c17818d8ec9fd1a1a17f5fa746c386947406.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position: relative;
  color: grey;
  display: inline-block;
}

/* line 305, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .ad-rule-checkbox-ctn .info-tooltip {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -180px;
  font-size: 12px;
  line-height: 17px;
}

/* line 322, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .ad-rule-checkbox-ctn .info-tooltip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 90%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

/* line 334, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .ad-rule-checkbox-ctn .info-icon:hover .info-tooltip {
  visibility: visible;
}

/* line 340, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .rule-detail:not(:first-child) {
  margin-top: 25px;
}

/* line 344, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .section-name {
  font-size: 18px;
}

/* line 348, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .keywords-editor {
  margin-top: 20px;
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 10px;
  box-sizing: border-box;
  height: 100px;
  overflow-y: scroll;
  display: flex;
  font-size: 14px;
  flex: 1;
  flex-wrap: wrap;
  gap: 5px 10px;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

/* line 365, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .keywords-editor::-webkit-scrollbar {
  display: none;
}

/* line 369, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .editor-input {
  font-size: 14px;
  padding: 5px 0px;
  height: fit-content;
  border: none;
  outline: none;
  width: 350px;
}

/* line 378, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .text-bubble {
  background: #f0f6fe;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 10px;
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
}

/* line 388, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box .rule-details .text-bubble .delete-img {
  height: 12px;
  width: 12px;
  margin-left: 5px;
  cursor: pointer;
}

/* line 398, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .ad-rule-box-sample {
  display: none;
  overflow: hidden;
}

/* line 403, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* line 409, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay > .bg-button {
  background: royalblue;
  width: 200px;
  color: white;
  margin-top: 30px;
  font-size: 16px;
  padding: 15px 0px;
}

/* line 418, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box {
  width: 75%;
  margin-top: 30px;
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}

/* line 425, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .top-section, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .top-section {
  padding: 20px;
  font-size: 18px;
}

/* line 429, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section .row, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .top-section .row, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .top-section .row {
  width: 100%;
  display: flex;
}

/* line 434, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section .info, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .top-section .info, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .top-section .info {
  margin: 5px 55px 0px 5px;
  color: grey;
  font-size: 14px;
}

/* line 440, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section .info-icon, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .top-section .info-icon, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .top-section .info-icon {
  width: 14px;
  height: 14px;
  margin: 0 10px 0 5px;
  background-image: url(/assets/dashboard/info-9b4d351498f7093759033a00b449c17818d8ec9fd1a1a17f5fa746c386947406.svg);
  cursor: pointer;
  position: relative;
}

/* line 449, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section .info-tooltip, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .top-section .info-tooltip, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .top-section .info-tooltip {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -60px;
  font-size: 12px;
  line-height: 17px;
}

/* line 466, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section .info-tooltip.placement, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .top-section .info-tooltip.placement, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .top-section .info-tooltip.placement {
  width: 150px;
  margin-left: -75px;
}

/* line 471, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section .info-tooltip.impression, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .top-section .info-tooltip.impression, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .top-section .info-tooltip.impression {
  width: 300px;
  margin-left: -150px;
}

/* line 476, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section .info-tooltip::after, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .top-section .info-tooltip::after, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .top-section .info-tooltip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

/* line 488, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section .info-icon:hover .info-tooltip, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .top-section .info-icon:hover .info-tooltip, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .top-section .info-icon:hover .info-tooltip {
  visibility: visible;
}

/* line 494, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .bottom-section, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .bottom-section, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .bottom-section {
  border-top: 1px solid lightgray;
  padding: 20px;
}

/* line 498, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .bottom-section .info, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .bottom-section .info, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .bottom-section .info {
  padding: 15px 25px;
  border-radius: 10px;
  border: 1px solid lightgray;
}

/* line 504, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .bottom-section .bg-button, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .bottom-section .bg-button, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .bottom-section .bg-button {
  width: 125px;
}

/* line 512, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section .cpc-cost, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section .cpc-cost-label {
  margin: 0;
}

/* line 515, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section .cpc-cost-label {
  margin-right: 10px;
}

/* line 518, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .review-box .top-section .cpc-cost {
  color: royalblue;
  display: none;
}

/* line 526, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .budget-select, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .budget-display {
  width: 250px;
  border: 1px solid lightgray;
}

/* line 531, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .budget-select {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: 10px solid transparent;
  padding: 8px;
  outline: none;
}

/* line 539, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .budget-display {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;
  left: -4px;
  font-size: 15px;
  padding: 7px;
}

/* line 547, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .budget-display .budget-value {
  font-size: 15px;
  outline: none;
  border: none;
  -moz-appearance: textfield;
}

/* line 554, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .budget-display .budget-value::-webkit-outer-spin-button, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .budget-display .budget-value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 559, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .budget-display span:last-child {
  color: gray;
  font-size: 16px;
}

/* line 565, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .click-count {
  margin-right: 15px;
}

/* line 568, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .click-count .estim-clicks, .campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .click-count .estim-clicks-label {
  margin: 0;
}

/* line 571, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .click-count .estim-clicks-label {
  margin-right: 10px;
}

/* line 574, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .click-count .estim-clicks {
  color: royalblue;
}

/* line 577, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .budget-box .click-count .loader {
  display: none;
}

/* line 585, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .time-set-ctn .time-set {
  position: relative;
  border: 1px solid gray;
  padding: 15px 0px;
  width: 175px;
  cursor: pointer;
}

/* line 592, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .time-set-ctn .time-set span {
  color: royalblue;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* line 598, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .time-set-ctn .time-set input {
  position: absolute;
  height: 0px;
  bottom: 0px;
  visibility: hidden;
}

/* line 606, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .time-set-ctn .time-set-left {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* line 611, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .time-set-ctn .time-set-right {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* line 616, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .budget-overlay .time-box .time-set-ctn .no-right-border {
  border-right: 0px;
}

/* line 623, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .nav-buttons {
  margin-top: 20px;
  margin-bottom: 30px;
}

/* line 627, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .nav-buttons .bg-button {
  width: 175px;
  text-align: center;
  padding: 15px 0px;
}

/* line 633, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .nav-buttons .bg-button:last-child {
  background: royalblue;
  color: white;
  margin-left: 20px;
}

/* line 639, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .bottom-panel .nav-buttons .cancel {
  display: inline-block;
}

/* line 645, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display .campaign-details .footer-container {
  position: relative;
  margin-bottom: 20px;
}

/* line 654, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display-hidden {
  grid-template-columns: 50px auto;
}

/* line 658, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display-untoggleable {
  grid-template-columns: 300px auto !important;
}

/* line 661, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .panels-display-untoggleable .side-panel {
  display: block !important;
}

/* line 666, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .completion-display {
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 70px);
}

/* line 673, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .completion-display .success-box {
  flex-direction: column;
  padding: 35px;
  background: white;
  border-radius: 10px;
  width: 65%;
  box-sizing: border-box;
  position: relative;
  top: -70px;
}

/* line 683, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .completion-display .success-box img {
  height: 70px;
  width: 70px;
  margin-bottom: 35px;
}

/* line 689, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .completion-display .success-box .big-text {
  font-size: 30px;
  margin-top: 10px;
}

/* line 694, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .completion-display .success-box .small-text {
  margin-top: 15px;
  color: grey;
  font-size: 14px;
  letter-spacing: 1px;
}

/* line 701, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .completion-display .success-box .bg-button {
  width: 175px;
  margin-top: 30px;
  text-decoration: none;
}

/* line 707, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .completion-display .success-box .info-icon {
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
  background-image: url(/assets/dashboard/info_red-94170fb97e72f65c61ac5ebfed74d68fe24d9d3d4bca8322b17cea1e8f36ba5e.svg);
  background-repeat: no-repeat;
  background-position: center;
  color: red;
  display: inline-block;
}

/* line 720, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .expanded-mini-side-menu {
  display: none;
  z-index: 99999;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
}

/* line 728, app/assets/stylesheets/dashboard/new_campaign.scss */
.campaign-main .expanded-mini-side-menu .side-panel {
  width: 300px;
  display: block;
  height: 100%;
}

@media (min-width: 1350px) {
  /* line 738, app/assets/stylesheets/dashboard/new_campaign.scss */
  .campaign-main .panels-display {
    grid-template-columns: 300px auto;
  }
  /* line 741, app/assets/stylesheets/dashboard/new_campaign.scss */
  .campaign-main .panels-display .side-panel {
    display: block;
  }
  /* line 745, app/assets/stylesheets/dashboard/new_campaign.scss */
  .campaign-main .panels-display .mini-side-panel {
    display: none;
  }
  /* line 750, app/assets/stylesheets/dashboard/new_campaign.scss */
  .campaign-main .panels-display-hidden {
    grid-template-columns: 50px auto;
  }
}

/* line 757, app/assets/stylesheets/dashboard/new_campaign.scss */
.main-cards .card-divider {
  margin: 0px 0px 0px 0px;
  display: block;
  height: 100%;
  display: flex;
  width: 100%;
}

/* line 765, app/assets/stylesheets/dashboard/new_campaign.scss */
.main-cards .hidden {
  display: none;
}

/* line 772, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .header-block {
  min-height: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 28px;
}

/* line 779, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .header-block .logo-text {
  font-family: Metropolis;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

/* line 789, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block {
  display: flex;
  padding: 48px 0px;
}

/* line 793, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block .panels-display {
  overflow: hidden;
}

/* line 796, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block .panels-display .side-panel {
  box-sizing: border-box;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 802, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block .panels-display .side-panel [class*=step-list-item-] .step-name {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: white;
  padding-bottom: 28px;
}

/* line 811, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block .panels-display .side-panel .image-ctn {
  height: 40px;
  width: 40px;
  margin-right: 20px;
  border: 1px solid lightgray;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}

/* line 822, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block .panels-display .side-panel .image-ctn img {
  width: 0px;
  height: 0px;
  transition: width 0.4s, height 0.4s;
}

/* line 828, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block .panels-display .side-panel .image-ctn .index {
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  /* MZP/≥Screen 2XL/Heading/H6 */
  font-family: Zilla Slab;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 111.111% */
}

/* line 839, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block .panels-display .side-panel .step-list-item-x {
  font-size: 13px;
}

/* line 842, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block .panels-display .side-panel .step-list-item-x .image-ctn {
  width: 36px;
  height: 36px;
}

/* line 846, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block .panels-display .side-panel .step-list-item-x .image-ctn img {
  width: 16px;
  height: 16px;
}

/* line 855, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block .panels-display-hidden {
  grid-template-columns: 50px auto;
}

/* line 859, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block .panels-display-untoggleable {
  grid-template-columns: 300px auto !important;
}

/* line 862, app/assets/stylesheets/dashboard/new_campaign.scss */
.left .content-block .panels-display-untoggleable .side-panel {
  display: block !important;
}

/* line 869, app/assets/stylesheets/dashboard/new_campaign.scss */
.hidden {
  display: none !important;
}

/* line 875, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .attribution-asin-input-container {
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #B5B5B5;
}

/* line 881, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .attribution-input-container {
  color: #9E9E9E;
  font-family: Metropolis;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  /* 150% */
  padding-top: 8px;
}

/* line 891, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .custom-asin-input {
  position: relative;
  width: 92%;
  margin-bottom: 8px;
}

/* line 896, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .custom-asin-input input {
  width: 100%;
}

/* line 900, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .custom-asin-input .icons {
  display: flex;
  gap: 8px;
  right: 5%;
  position: absolute;
  transform: translateX(50%) translateY(-50%);
  top: 50%;
}

/* line 912, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .main-cards {
  width: 70%;
  margin-bottom: 48px;
}

/* line 917, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .main-cards-full {
  width: 100%;
  margin-bottom: 48px;
}

/* line 922, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .flex-column-display {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 928, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .main-info-section {
  width: 25%;
  padding-bottom: 48px;
  min-width: 280px;
  font-family: Metropolis;
}

/* line 934, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .main-info-section .cpm-card {
  margin-bottom: 24px;
}

/* line 938, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .main-info-section .budget-header {
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  gap: 8px;
  flex-direction: column;
}

/* line 948, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .main-info-section .cpm-section {
  display: flex;
  gap: 8px;
  flex-direction: column;
  padding-bottom: 20px;
  padding-bottom: 20px;
}

/* line 955, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .main-info-section .cpm-section .cost-label {
  border-width: 1px;
  border-radius: 4px;
  display: flex;
  width: 148px;
  padding: 8px 16px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

/* line 966, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .main-info-section .disclaimer-section {
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  /* MZP/≥Screen 2XL/Body/Body XS */
  font-family: Metropolis;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 150% */
}

/* line 976, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .main-info-section .blue-label {
  border-radius: 8px;
  border: 1px solid var(--Colors-Gray-300, #B5B5B5);
  width: auto;
  padding: 10px 14px;
  background: var(--Colors-Blue-50, #E5F2FF);
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 988, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .main-info-section .total-label {
  border-radius: 8px;
  border: 1px solid var(--Colors-Gray-300, #B5B5B5);
  width: auto;
  padding: 10px 14px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1000, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--colors-gray-100, #E5E5E6);
  background: var(--color-primary-theme-mzp-color-theme-primary-inverse, #FFF);
  height: 100%;
}

/* line 1009, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-select {
  display: flex;
  width: 100%;
  padding: 10px 14px;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--Colors-Gray-300, #B5B5B5);
  background: var(--Colors-Utility-White, #FFF);
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 1027, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-separator {
  height: 1px;
  background-color: #E5E5E6;
  width: 100%;
}

/* line 1031, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .disabled {
  color: #9E9E9E;
  background: var(--colors-gray-50, #F2F2F2);
  border: 1px solid var(--colors-gray-100, #E5E5E6);
}

/* line 1038, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .incorrect-asin {
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  display: none;
  /* MZP/≥Screen 2XL/Forms/Error */
  font-family: Metropolis;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 200% */
  align-self: stretch;
}

/* line 1050, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .back-button {
  display: flex;
  padding: 10px var(20, 20px);
  justify-content: center;
  align-items: center;
  gap: var(8, 8px);
  border-radius: 1000px;
  border: 1px solid var(--Colors-Blue-400, #1F8FFF);
  background: var(--Colors-Utility-White, #FFF);
  color: var(--Colors-Utility-Link, #0073E6);
  text-align: center;
  /* Text/SM/Bold */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}

/* line 1068, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .back-button svg {
  width: 16px;
  height: 16px;
}

/* line 1074, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .buttons-container {
  display: flex;
  margin: 20px;
  justify-content: space-between;
}

/* line 1080, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-header-subtitle {
  overflow: hidden;
  color: var(--colors-utility-black-text, #353536);
  text-overflow: ellipsis;
  gap: 12px;
  /* Text/SM/Regular */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

/* line 1093, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-header {
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  font-family: Metropolis;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 144.444% */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 20px;
}

/* line 1106, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-header .card-title {
  display: flex;
  align-items: center;
}

/* line 1111, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-header img {
  margin-left: 8px;
  width: var(--widths-object-object-x-2, 16px);
  height: var(--widths-object-object-x-2, 16px);
}

/* line 1118, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-sub-header {
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  /* MZP/≥Screen 2XL/Forms/Label */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 171.429% */
}

/* line 1128, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-sub-sub-header {
  color: var(--Colors-Utility-Black-Text, #353536);
  /* Text/SM/Bold */
  font-family: Metropolis;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
  margin-bottom: 5px;
}

/* line 1139, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-description {
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  /* MZP/≥Screen 2XL/Forms/Field Note */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
  padding-bottom: 8px;
  width: 80%;
}

/* line 1151, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body {
  padding: 20px;
}

/* line 1154, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .confirm-icon {
  height: 80px;
  width: 80px;
  margin-bottom: 8px;
}

/* line 1160, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .add-field {
  align-items: center;
  color: var(--Colors-Utility-Black-Text, #353536);
  text-align: center;
  /* Text/SM/Bold */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}

/* line 1171, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .add-field img {
  width: 12px;
  height: 12px;
}

/* line 1177, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body label {
  padding-left: 4px;
  color: var(--Colors-Utility-Black-Text, #353536);
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}

/* line 1188, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .upload-callout-container label {
  border-radius: 1000px;
  border: 1px solid var(--Colors-Gray-300, #B5B5B5);
  background: var(--Colors-Utility-White, #FFF);
  color: var(--Colors-Utility-Black-Text, #353536);
  text-align: center;
  /* Text/SM/Bold */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
}

/* line 1201, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .upload-callout-container label img {
  width: 16px;
  height: 16px;
  padding-right: 8px;
}

/* line 1206, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .upload-callout-container label span {
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  /* MZP/≥Screen 2XL/Forms/Label */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

/* line 1220, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .calendar {
  display: flex;
  padding: 10px 14px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border: 1px solid var(--Colors-Gray-300, #B5B5B5);
  background: var(--Colors-Utility-White, #FFF);
  width: 100%;
  border-radius: 8px;
  justify-content: space-between;
  height: 44px;
}

/* line 1233, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .calendar .first-column {
  display: flex;
  align-items: center;
}

/* line 1237, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .calendar .first-column span {
  overflow: hidden;
  color: var(--Colors-Gray-400, #9E9E9E);
  text-overflow: ellipsis;
  /* Text/MD/Regular */
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 1250, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .calendar .first-column svg {
  margin-right: 10px;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #0073E6;
}

/* line 1259, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .calendar input {
  visibility: hidden;
  width: 0;
  padding-left: 0px;
  padding-rignt: 0px;
}

/* line 1268, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card input, .right .main .card textarea {
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid var(--colors-gray-300, #B5B5B5);
  width: 100%;
  height: 24px;
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 1282, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .uploaded-file-details {
  margin-bottom: 10px;
}

/* line 1285, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .uploaded-file-details span {
  width: 100%;
  /* Text/SM/Bold */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
}

/* line 1296, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .upload-area {
  width: 100%;
  height: 100px;
  border-radius: 8px;
  border: 2px solid var(--Colors-Utility-Link, #0073E6);
  background: var(--Colors-Utility-White, #FFF);
  background-image: url(/assets/dashboard/v2/upload-9f2f6748a89c3052506660d36dea1a7f151c0f2b197e4db82446d1191bfedaf7.svg);
  background-position: center 25%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  text-align: center;
}

/* line 1317, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .upload-area input {
  opacity: 0;
  padding: 0px;
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer;
}

/* line 1327, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .upload-area input:focus {
  outline: none;
}

/* line 1331, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .upload-area span {
  font-size: 14px;
  font-weight: 500;
  color: #0073E6;
  position: absolute;
  margin-top: 60px;
  width: 100%;
}

/* line 1341, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .upload-area:hover,
.right .main .card .upload-area.dragging,
.right .main .card .upload-area.uploading {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

/* line 1353, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card button {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: end;
  border: 1px solid var(--colors-utility-link, #0073E6);
  background: var(--colors-utility-link, #0073E6);
  border-radius: 1000px;
  padding: 10px 20px;
  color: var(--color-primary-theme-mzp-color-theme-primary-inverse, #FFF);
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 150% */
}

/* line 1373, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .keywords-editor-2 {
  padding: 8px 11px 8px 8px;
  width: 80%;
  box-sizing: border-box;
  overflow-y: scroll;
  display: flex;
  font-size: 14px;
  margin-bottom: 8px;
  flex-wrap: wrap;
  gap: 5px 10px;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  border-radius: 8px;
  border: 1px solid var(--Colors-Gray-300, #B5B5B5);
  background: var(--Colors-Utility-White, #FFF);
  min-height: 141px;
}

/* line 1391, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .editor-input-2 {
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  padding: 5px 0px;
  height: fit-content;
  border: none;
  outline: none;
}

/* line 1403, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .text-bubble {
  border-radius: 9999px;
  background: var(--Colors-Blue-500, #0073E6);
  padding: 4px 12px;
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  color: var(--Colors-Utility-White, #FFF);
  /* Text/SM/Regular */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

/* line 1420, app/assets/stylesheets/dashboard/new_campaign.scss */
.right .main .card .card-body .text-bubble .delete-img {
  height: 10px;
  width: 10px;
  margin-left: 8px;
  cursor: pointer;
}

/* line 1432, app/assets/stylesheets/dashboard/new_campaign.scss */
.new-campaign .navigation-item {
  gap: 3px;
  padding: 5px;
}

/* line 1436, app/assets/stylesheets/dashboard/new_campaign.scss */
.new-campaign .navigation-item .navigation-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  border: 2px solid var(--colors-utility-black-text, #353536);
  width: 28px;
  color: var(--colors-utility-link, #353536) !important;
}

/* line 1445, app/assets/stylesheets/dashboard/new_campaign.scss */
.new-campaign .navigation-item .navigation-icon svg {
  padding: 0px 0px 4px 0px;
}

/* line 1452, app/assets/stylesheets/dashboard/new_campaign.scss */
.new-campaign .active .navigation-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background-color: #FFF;
  border: 0;
  color: var(--colors-utility-link, #0073E6) !important;
  width: 30px;
  height: 30px;
}

/* line 1466, app/assets/stylesheets/dashboard/new_campaign.scss */
.right-main-container {
  width: 100%;
  padding: 0 48px;
}

/* line 1471, app/assets/stylesheets/dashboard/new_campaign.scss */
.billing-details-tab {
  margin-top: 40px;
}

/* line 1475, app/assets/stylesheets/dashboard/new_campaign.scss */
.create-campaign-cards-container {
  width: 100%;
  height: 90%;
  display: flex;
  justify-content: space-evenly;
}

/* line 1482, app/assets/stylesheets/dashboard/new_campaign.scss */
.faq-body {
  padding-right: 28px;
  padding-left: 8px;
}

/* line 1487, app/assets/stylesheets/dashboard/new_campaign.scss */
.faq-body ol li {
  margin-bottom: 16px;
}

/* line 1490, app/assets/stylesheets/dashboard/new_campaign.scss */
.faq-body ol li .list-header {
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  /* MZP/≥Screen 2XL/Body/Body MD 700 */
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

/* line 1499, app/assets/stylesheets/dashboard/new_campaign.scss */
.faq-body ol li .list-body {
  color: var(--color-primary-theme-mzp-color-theme-primary, #000);
  /* MZP/≥Screen 2XL/Body/Body MD */
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 1512, app/assets/stylesheets/dashboard/new_campaign.scss */
.store-container {
  width: 100%;
}

/* line 1515, app/assets/stylesheets/dashboard/new_campaign.scss */
.store-container input {
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid var(--colors-gray-300, #B5B5B5);
  width: 92%;
  height: 24px;
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 1529, app/assets/stylesheets/dashboard/new_campaign.scss */
.store-container .icons {
  display: flex;
  gap: 8px;
  right: 0px;
  position: absolute;
  transform: translateX(50%) translateY(-50%);
  top: 50%;
}

/* line 1538, app/assets/stylesheets/dashboard/new_campaign.scss */
.store-container select {
  font-family: Metropolis;
  width: 100%;
  padding: 15px 40px 15px 20px;
  border: 1px solid #B5B5B5;
  border-radius: 10px;
  background: white;
  box-shadow: 0 1px 3px -2px #9098A9;
  cursor: pointer;
  font-size: 16px;
}

/* line 1551, app/assets/stylesheets/dashboard/new_campaign.scss */
.success {
  color: #0FCC66;
}

/* line 1555, app/assets/stylesheets/dashboard/new_campaign.scss */
.grayed {
  color: #9E9E9E;
}

/* line 1558, app/assets/stylesheets/dashboard/new_campaign.scss */
.error-container {
  display: none;
  margin-top: 8px;
  color: var(--Colors-Utility-Black-Text, #353536);
  /* Text/SM/Regular */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

/* line 1570, app/assets/stylesheets/dashboard/new_campaign.scss */
.error-container .error-special-text {
  color: var(--Colors-Utility-Error, #FF1C2E);
  font-weight: 700;
}

/* line 1576, app/assets/stylesheets/dashboard/new_campaign.scss */
.category-title {
  background: var(--Colors-Blue-25, #F2F8FF);
}
/* line 2, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display {
  height: 100%;
}

/* line 5, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 10, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box {
  width: 80%;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 15px;
  margin-top: 30px;
  flex-direction: column;
  overflow: hidden;
}

/* line 19, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .export-btn {
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 5px;
  background: royalblue;
  color: white;
  font-size: 14px;
  cursor: pointer;
}

/* line 29, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .export-btn:hover {
  opacity: 0.6;
}

/* line 33, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .pagination {
  margin: 15px auto;
  font-size: 14px;
}

/* line 37, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .pagination span {
  margin: 0px 5px;
}

/* line 42, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .pagination .first a, .show-campaign .panels-display .bottom-panel .shulker-box .pagination .prev a, .show-campaign .panels-display .bottom-panel .shulker-box .pagination .last a, .show-campaign .panels-display .bottom-panel .shulker-box .pagination .next a {
  color: royalblue;
  text-underline: royalblue;
  text-underline-offset: 3px;
}

/* line 50, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .pagination .page a {
  text-decoration: none;
  color: gray;
}

/* line 56, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .pagination .current {
  color: royalblue;
}

/* line 61, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .header {
  border-bottom: 2px solid #f5f5f7;
  display: flex;
  align-items: center;
}

/* line 66, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .header .details-button {
  width: 150px;
}

/* line 70, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .header .view-rules {
  display: inline-block;
  width: 150px;
}

/* line 75, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .header .budget-button {
  color: white;
  background: royalblue;
}

/* line 80, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .header .rule-name {
  color: lightgray;
  margin-right: 20px;
  text-decoration: none;
  white-space: nowrap;
}

/* line 87, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .header .rule-selected {
  color: royalblue;
}

/* line 91, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .header .back-button {
  display: inline-block;
  font-size: 13px;
}

/* line 96, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .header .add-rule {
  display: inline-block;
  color: white;
  background: royalblue;
}

/* line 103, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box > div {
  padding: 20px;
  box-sizing: border-box;
}

/* line 108, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table {
  margin-bottom: 10px;
  font-size: 14px;
  width: 100%;
}

/* line 113, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table .stats-link {
  color: royalblue;
}

/* line 118, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table .header-row th {
  color: gray;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  padding: 20px 20px 15px 20px;
}

/* line 128, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table .divider th {
  border-bottom: 2px solid #f5f5f7;
}

/* line 132, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table .divider td {
  border-bottom: 2px solid #f5f5f7;
  padding: 0;
}

/* line 138, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table td {
  padding: 15px 20px;
}

/* line 141, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table td.top-aligned {
  vertical-align: top;
  padding-top: 29px;
}

/* line 147, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table .multi-header-row {
  font-weight: 600;
}

/* line 152, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table .mult-row-data td {
  padding: 10px 20px;
}

/* line 157, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table .img-thumb {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

/* line 163, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table .product-id {
  width: 100px;
  margin-right: 10px;
}

/* line 168, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table .product-name {
  width: 300px;
  margin: 5px 0 5px 10px;
  padding: 0;
}

/* line 174, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display-table .edit-button {
  color: grey;
  background: white;
  border: 1px solid grey;
}

/* line 182, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .data-display-id {
  display: none;
}

/* line 187, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

/* line 193, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display .data-entry {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  font-size: 14px;
}

/* line 199, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display .data-entry .title {
  color: gray;
  margin-bottom: 5px;
  position: relative;
  display: flex;
}

/* line 207, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box .data-display .data-entry:not(:first-child) {
  border-left: 2px solid #f5f5f7;
  padding-left: 15px;
}

/* line 214, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .shulker-box:last-child {
  margin-bottom: 45px;
}

/* line 218, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .loading-box {
  position: relative;
  opacity: 0.6;
}

/* line 222, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .panels-display .bottom-panel .loading-box .loading-cover {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 231, app/assets/stylesheets/dashboard/campaigns.scss */
.show-campaign .hidden-update-budget-form {
  display: none;
}

/* line 236, app/assets/stylesheets/dashboard/campaigns.scss */
.green-pill {
  border: 1px solid var(--Colors-Grade-A, #0FCC66);
  background: rgba(15, 204, 102, 0.1);
}

/* line 241, app/assets/stylesheets/dashboard/campaigns.scss */
.red-pill {
  border: 1px solid var(--Colors-Grade-F, #FF1C2E);
  background: rgba(255, 28, 46, 0.1);
}

/* line 246, app/assets/stylesheets/dashboard/campaigns.scss */
.gray-pill {
  border: 1px solid var(--Colors-Gray-500, #858586);
  background: rgba(133, 133, 134, 0.1);
}

/* line 251, app/assets/stylesheets/dashboard/campaigns.scss */
.yellow-pill {
  border: 1px solid var(--Colors-Grade-C, #F5D900);
  background: rgba(245, 217, 0, 0.1);
}

/* line 256, app/assets/stylesheets/dashboard/campaigns.scss */
.scheduled-pill {
  border: 1px solid #56ddfb;
  background: rgba(87, 182, 223, 0.1);
}

/* line 261, app/assets/stylesheets/dashboard/campaigns.scss */
.header-pill {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 1000px;
}

/* line 269, app/assets/stylesheets/dashboard/campaigns.scss */
.header-pill span {
  color: var(--Colors-Utility-Black-Text, #353536);
  text-align: center;
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 279, app/assets/stylesheets/dashboard/campaigns.scss */
.header-pill img {
  display: flex;
  width: 12px;
  height: 12px;
  justify-content: center;
  align-items: center;
}

/* line 288, app/assets/stylesheets/dashboard/campaigns.scss */
.header-two-title {
  color: var(--colors-utility-black-text, #353536);
  /* Text/LG/Bold */
  font-family: Metropolis;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 155.556% */
}

/* line 298, app/assets/stylesheets/dashboard/campaigns.scss */
.header-two-desc {
  overflow: hidden;
  color: var(--colors-utility-black-text, #353536);
  text-overflow: ellipsis;
  /* Text/SM/Regular */
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
}
/* line 2, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display {
  height: 100%;
}

/* line 5, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .side-panel {
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

/* line 11, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .side-panel > div:first-child {
  margin-bottom: 30px;
}

/* line 15, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .side-panel .step-name {
  font-size: 14px;
  text-decoration: none;
  color: black;
}

/* line 21, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .side-panel .step-name-link {
  text-decoration: none;
  color: black;
}

/* line 26, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .side-panel .image-ctn {
  width: 30px;
  height: 30px;
}

/* line 30, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .side-panel .image-ctn img {
  width: 18px;
  height: 18px;
}

/* line 37, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .side-panel::-webkit-scrollbar {
  display: none;
}

/* line 41, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 46, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn {
  padding: 20px;
  box-sizing: border-box;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 10px;
}

/* line 57, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .change-password-form .actions input {
  width: 30%;
}

/* line 63, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .pagination {
  margin: 15px auto;
  font-size: 14px;
}

/* line 67, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .pagination span {
  margin: 0px 5px;
}

/* line 72, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .pagination .first a, .generic-display .panels-display .bottom-panel .ctn .pagination .prev a, .generic-display .panels-display .bottom-panel .ctn .pagination .last a, .generic-display .panels-display .bottom-panel .ctn .pagination .next a {
  color: royalblue;
  text-underline: royalblue;
  text-underline-offset: 3px;
}

/* line 80, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .pagination .page a {
  text-decoration: none;
  color: gray;
}

/* line 86, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .pagination .current {
  color: royalblue;
}

/* line 91, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c-grid {
  display: grid;
  grid-template-columns: 20% 20% 15% 15% auto;
  font-size: 14px;
}

/* line 96, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c-grid .bg-button {
  color: royalblue;
  background: white;
  padding: 6px 40px;
}

/* line 102, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c-grid .status-draft {
  color: royalblue;
}

/* line 106, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c-grid .status-complete {
  color: green;
}

/* line 110, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c-grid .status-pending {
  color: orange;
}

/* line 115, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c-grid-3 {
  grid-template-columns: 50% 50%;
}

/* line 119, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c-grid-hdr {
  color: gray;
  margin-top: 15px;
}

/* line 124, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .underline-text {
  color: royalblue;
  font-size: 15px;
  text-decoration: underline;
  text-decoration-color: royalblue;
  text-underline-offset: 5px;
  border-style: none;
  background: white;
  cursor: pointer;
}

/* line 135, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn hr {
  width: 120%;
  position: relative;
  left: -30px;
  border: 0px;
  height: 1px;
  background: lightgray;
  margin: 20px 0px;
}

/* line 145, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .card-info {
  font-size: 15px;
}

/* line 148, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .card-info .label {
  color: gray;
  margin-bottom: 20px;
}

/* line 153, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .card-info .card-display {
  margin-right: 100px;
}

/* line 157, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .card-info .underline-text {
  margin: 0px 20px;
}

/* line 162, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .details, .generic-display .panels-display .bottom-panel .ctn .details-2 {
  display: flex;
  align-items: center;
}

/* line 167, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .details-2 {
  flex-direction: column;
}

/* line 171, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .profile-bubble {
  width: 90px;
  height: 90px;
  font-size: 36px;
}

/* line 177, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c1 {
  display: flex;
  flex-direction: column;
  margin-left: 25px;
}

/* line 182, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c1 .c1-1 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 6px;
}

/* line 188, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c1 .c1-2 {
  color: gray;
  font-size: 15px;
  margin-bottom: 6px;
}

/* line 195, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c1 .c1-3 span:first-child {
  margin-right: 20px;
}

/* line 201, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c2 {
  width: 100%;
}

/* line 204, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c2 .c2-1 {
  width: 47%;
  margin-bottom: 30px;
}

/* line 208, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c2 .c2-1 .label {
  font-size: 15px;
  margin-bottom: 10px;
}

/* line 213, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c2 .c2-1 .c2-1-opt {
  padding: 8px 5px;
  width: 100%;
  border-radius: 3px;
  border-color: lightgray;
  border-style: solid;
  border-width: 1px;
}

/* line 222, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c2 .c2-1 select.c2-1-opt {
  border-width: 0px;
  border-right: 10px solid transparent;
}

/* line 228, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c2 .c2-2 {
  width: 100%;
}

/* line 231, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c2 .c2-2 .msg-editor {
  height: 200px;
  width: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  border: 1px solid lightgray;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
}

/* line 244, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c2 .c2-2 .msg-editor:empty:not(:focus):before {
  content: attr(data-ph);
  color: lightgray;
}

/* line 249, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .c2 .c2-2 .msg-editor::-webkit-scrollbar {
  display: none;
}

/* line 255, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .bg-button {
  color: white;
  background: royalblue;
  width: 150px;
  font-size: 14px;
}

/* line 262, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .back-button {
  color: royalblue;
  background: white;
}

/* line 267, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .cancel-button {
  margin-left: 10px;
  color: red;
  background: white;
  border: 1px solid red;
}

/* line 274, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .resend-button {
  color: green;
  background: white;
  border: 1px solid green;
}

/* line 280, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .actions-buttons {
  display: flex;
}

/* line 285, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn .invitation-form .email-input {
  padding: 8px 5px;
  margin: 0 20px;
  width: 200px;
  border-radius: 3px;
  border: 1px solid lightgray;
}

/* line 295, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel .ctn:last-child {
  margin-bottom: 25px;
}

/* line 299, app/assets/stylesheets/dashboard/settings.scss */
.generic-display .panels-display .bottom-panel > .ctn {
  margin-top: 35px;
  width: 65%;
}
/* line 4, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .ad-rule-status div[class*='-status'] {
  margin-left: 5px;
  margin-right: 10px;
  cursor: pointer;
}

/* line 10, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .ad-rule-status .paused-status {
  color: red;
}

/* line 14, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .ad-rule-status .active-status {
  color: green;
}

/* line 20, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 {
  display: grid;
  grid-template-columns: auto;
}

/* line 24, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn {
  width: 85%;
}

/* line 28, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn .header .export-btn {
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 5px;
  background: royalblue;
  color: white;
  font-size: 14px;
  cursor: pointer;
  margin-left: 15px;
}

/* line 39, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn .header .bg-button {
  padding: 5px 0px;
  width: 100px;
  border-width: 0px;
  background: white;
  color: black;
}

/* line 47, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn .header .selected {
  color: white;
  background: royalblue;
}

/* line 52, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn .header .btn-ctn {
  padding: 3px;
  border: 1px solid lightgray;
  border-radius: 25px;
  font-size: 14px;
}

/* line 60, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn .aggregation-table {
  width: 100%;
  font-size: 14px;
  display: grid;
  grid-template-columns: 12% 15% 10% 10% 15% 10% 10% 8% auto;
}

/* line 66, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn .aggregation-table .row-1 {
  display: flex;
  align-items: center;
  color: gray;
  padding: 10px 0px;
  border-bottom: 1px solid lightgray;
  margin-bottom: 15px;
}

/* line 75, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn .aggregation-table .row-nth {
  margin: 10px 0px;
}

/* line 80, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn .charts-ctn {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 20px;
}

/* line 87, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn .charts-ctn .title {
  color: gray;
  padding: 10px;
  font-size: 14px;
}

/* line 92, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn .charts-ctn [id*=chart-] {
  width: 450px;
  padding: 10px;
  border: 1px solid lightgray;
  border-radius: 10px;
}

/* line 99, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn .charts-ctn .dashboard-chart {
  position: relative;
}

/* line 102, app/assets/stylesheets/dashboard/aggregation.scss */
.campaign-main .panels-display-2 .ctn .charts-ctn .dashboard-chart .no-data-message {
  position: absolute;
  background: #FFFFFF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}
/* line 1, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main {
  position: relative;
}

/* line 4, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .top-bar-ob {
  box-sizing: border-box;
  padding: 0px 35px;
  height: 75px;
  position: fixed;
  background: #ffffff;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
}

/* line 15, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .top-bar-ob .icon-image {
  height: 25px;
}

/* line 20, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .body {
  margin-top: 75px;
}

/* line 24, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-1 {
  padding: 40px 21%;
  background-image: linear-gradient(to right, #1d50b9, #0c295e);
  margin-bottom: 60px;
}

/* line 29, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-1 .banner {
  color: white;
}

/* line 32, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-1 .banner > div {
  display: flex;
  flex-direction: column;
}

/* line 37, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-1 .banner div:first-child {
  font-size: 45px;
  margin-bottom: 30px;
}

/* line 41, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-1 .banner div:first-child span:first-child {
  margin-bottom: 8px;
}

/* line 47, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-1 .banner div:last-child span:first-child {
  margin-bottom: 8px;
}

/* line 53, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-1 .sign-up-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 50px;
  background: #fcfcfc;
  box-sizing: border-box;
}

/* line 61, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-1 .sign-up-box .header {
  color: black;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 68, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-1 .sign-up-box .sign-up-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 30px;
  box-sizing: border-box;
}

/* line 75, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-1 .sign-up-box .sign-up-form input {
  width: 100%;
  padding: 10px 8px;
  border: 1px solid lightgray;
  margin-bottom: 15px;
  box-sizing: border-box;
}

/* line 83, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-1 .sign-up-box .sign-up-form .sign-up-btn {
  text-decoration: none;
  color: white;
  background: #2562e1;
  padding: 12px 0px;
  border: 1px solid #2562e1;
  font-size: 16px;
  border-radius: 10px;
  margin-top: 15px;
  cursor: pointer;
  text-align: center;
}

/* line 96, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-1 .sign-up-box .sign-up-form button:hover {
  opacity: 0.6;
}

/* line 103, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 100px;
}

/* line 109, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-2 .header {
  font-size: 26px;
  margin-bottom: 40px;
}

/* line 114, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-2 .benefit-card {
  width: 30%;
  box-sizing: border-box;
  border: 1px solid lightgray;
  padding: 40px;
}

/* line 120, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-2 .benefit-card .header {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 24px;
}

/* line 127, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-2 .benefit-card .description {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}

/* line 133, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-2 .benefit-card .image-icon {
  width: 40px;
  margin-bottom: 20px;
}

/* line 139, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-2 .benefit-card .list > div {
  display: flex;
  align-items: center;
}

/* line 143, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-2 .benefit-card .list > div .bullet {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #2562e1;
  margin-right: 10px;
}

/* line 152, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-2 .benefit-card .list > div:not(:last-child) {
  margin-bottom: 15px;
}

/* line 160, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .hidden-expander-ctn {
  padding-top: 80px;
  padding-bottom: 160px;
}

/* line 164, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .hidden-expander-ctn .hidden-expander {
  color: #2562e1;
  padding: 15px 0px;
  width: 70%;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  margin: auto;
}

/* line 172, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .hidden-expander-ctn .hidden-expander span {
  cursor: pointer;
}

/* line 179, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .hidden-ctn {
  width: 100%;
  display: none;
}

/* line 184, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-3 {
  margin-top: 80px;
}

/* line 187, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-3 .image-ctn {
  padding: 80px 0px;
  border-top: 1px solid lightgray;
  width: 70%;
}

/* line 192, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-3 .image-ctn img {
  width: 100%;
}

/* line 198, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-4 {
  width: 70%;
  margin: auto;
  margin-top: 70px;
}

/* line 203, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-4 .feature-tile {
  margin-bottom: 80px;
}

/* line 206, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-4 .feature-tile .info {
  max-width: 450px;
}

/* line 209, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-4 .feature-tile .info .title {
  font-size: 34px;
  margin-bottom: 35px;
}

/* line 214, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-4 .feature-tile .info .description {
  font-size: 16px;
  margin-bottom: 30px;
}

/* line 220, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-4 .feature-tile .img-ctn {
  border-radius: 10px;
  box-shadow: 0px -1px 18px lightgrey;
}

/* line 224, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-4 .feature-tile .img-ctn img {
  width: 450px;
}

/* line 231, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-5 {
  width: 70%;
  margin: auto;
  font-size: 20px;
  padding-top: 50px;
  padding-bottom: 100px;
}

/* line 239, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-5 .contact-us-form {
  width: 100%;
}

/* line 242, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-5 .contact-us-form .header {
  font-size: 34px;
  margin-bottom: 8px;
}

/* line 250, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-5 .contact-us-form .inputs-ctn {
  width: 100%;
  margin-top: 30px;
}

/* line 254, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-5 .contact-us-form .inputs-ctn input {
  box-sizing: border-box;
  width: 48%;
  padding: 15px;
  border: 1px solid lightgray;
}

/* line 262, app/assets/stylesheets/dashboard/onboarding.scss */
.onboarding-main .ctn-5 .contact-us-form button {
  margin-top: 30px;
  border-radius: 10px;
  width: 200px;
  border: 1px solid #2562e1;
  padding: 12px 0px;
  color: #FFFFFF;
  background: #2562e1;
}
/* line 1, app/assets/stylesheets/dashboard/footer.scss */
.footer-container {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 100%;
  background: transparent;
  font-size: 14px;
}

/* line 10, app/assets/stylesheets/dashboard/footer.scss */
.footer-container p, .footer-container a {
  margin: 0 10px;
  color: grey;
}

/* line 15, app/assets/stylesheets/dashboard/footer.scss */
.footer-container .footer-link {
  text-decoration: none;
}

/* line 18, app/assets/stylesheets/dashboard/footer.scss */
.footer-container .footer-link:active, .footer-container .footer-link:visited {
  color: grey;
}
/* line 1, app/assets/stylesheets/dashboard/policies.scss */
.policies-main {
  font-family: 'Inter', sans-serif;
  overflow: visible !important;
}

/* line 5, app/assets/stylesheets/dashboard/policies.scss */
.policies-main .container {
  box-sizing: border-box;
  padding: 70px 120px 30px 120px;
  height: calc(100% - 70px);
  width: 100%;
}

/* line 12, app/assets/stylesheets/dashboard/policies.scss */
.policies-main .container .a1 {
  text-decoration: none;
  color: royalblue;
}

/* line 17, app/assets/stylesheets/dashboard/policies.scss */
.policies-main .container h1, .policies-main .container h2, .policies-main .container h3, .policies-main .container h4, .policies-main .container h5, .policies-main .container h6, .policies-main .container .h1, .policies-main .container .h2, .policies-main .container .h3, .policies-main .container .h4, .policies-main .container .h5, .policies-main .container .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: #333333;
}

/* line 24, app/assets/stylesheets/dashboard/policies.scss */
.policies-main .container ul, .policies-main .container ol {
  padding: 0 0 0 20px;
}

/* line 28, app/assets/stylesheets/dashboard/policies.scss */
.policies-main .container h1, .policies-main .container .h1, .policies-main .container h2, .policies-main .container .h2, .policies-main .container h3, .policies-main .container .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* line 33, app/assets/stylesheets/dashboard/policies.scss */
.policies-main .container h3 {
  font-size: 24px;
}

/* line 37, app/assets/stylesheets/dashboard/policies.scss */
.policies-main .container .p1 {
  font-size: 36px;
}

/* line 41, app/assets/stylesheets/dashboard/policies.scss */
.policies-main .container .s1 {
  display: flex;
}

/* line 45, app/assets/stylesheets/dashboard/policies.scss */
.policies-main .container p, .policies-main .container .p2 {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
}

/* line 53, app/assets/stylesheets/dashboard/policies.scss */
.policies-main .footer-container {
  position: relative;
  padding-bottom: 30px;
}
/* line 1, app/assets/stylesheets/dashboard/list_tables.scss */
.filter-button {
  margin-right: 30px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

/* line 8, app/assets/stylesheets/dashboard/list_tables.scss */
.filter-button img {
  margin-right: 10px;
}

/* line 13, app/assets/stylesheets/dashboard/list_tables.scss */
.hide-button {
  max-height: 45px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 19, app/assets/stylesheets/dashboard/list_tables.scss */
.hide-button .funnel-icon {
  background-image: url(/assets/dashboard/v2/funnel-2525795a2599753ae32d003342f93edfc5eb618549ae05cee8bb98f0bbbecba5.svg);
  background-position: 15px 12px;
  /* Position the search icon */
  background-repeat: no-repeat;
  /* Do not repeat the icon image */
  background-size: 16px 16px;
}

/* line 26, app/assets/stylesheets/dashboard/list_tables.scss */
.hide-button .sorting-modal {
  position: absolute;
  top: 50px;
  right: 0px;
  display: none;
  padding: 4px 0px;
  flex-direction: column;
  width: auto;
  border-radius: 8px;
  border: 1px solid #CECECF;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  background-color: white;
  z-index: 1000;
}

/* line 41, app/assets/stylesheets/dashboard/list_tables.scss */
.hide-button .sorting-modal-item {
  color: #353536;
  padding: 4px 10px;
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  display: flex;
  justify-content: space-between;
  width: auto;
  white-space: nowrap;
  gap: 16px;
  margin: 0px 4px;
}

/* line 56, app/assets/stylesheets/dashboard/list_tables.scss */
.hide-button .sorting-modal-item .sorting-modal-item-checkmark {
  background-image: url(/assets/dashboard/v2/check-979d0dac2f4a79aa53a1f22b88f81acbffa8aafcfa30383d37a58aff7fef8780.svg);
  width: 12px;
  height: 12px;
  margin-top: 4px;
  visibility: hidden;
}

/* line 65, app/assets/stylesheets/dashboard/list_tables.scss */
.hide-button .sorting-modal-item.active {
  border-radius: 6px;
  background: var(--Colors-Blue-50, #E5F2FF);
  padding: 4px 10px;
}

/* line 70, app/assets/stylesheets/dashboard/list_tables.scss */
.hide-button .sorting-modal-item.active div {
  color: #353536 !important;
}

/* line 74, app/assets/stylesheets/dashboard/list_tables.scss */
.hide-button .sorting-modal-item.active .sorting-modal-item-checkmark {
  visibility: visible;
}

/* line 79, app/assets/stylesheets/dashboard/list_tables.scss */
.hide-button span {
  margin-left: 18px;
}

/* line 84, app/assets/stylesheets/dashboard/list_tables.scss */
.table-div {
  color: var(--Colors-Utility-Black-Text, #353536);
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  border: 1px solid var(--Colors-Gray-100, #E5E5E6);
  margin-bottom: 40px;
  width: 100%;
  border-radius: 16px;
}

/* line 95, app/assets/stylesheets/dashboard/list_tables.scss */
.table-div .table-title {
  margin: 20px;
  font-family: Metropolis;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  width: 100%;
}

/* line 103, app/assets/stylesheets/dashboard/list_tables.scss */
.table-div .table-title .table-subtitle {
  font-family: Metropolis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

/* line 111, app/assets/stylesheets/dashboard/list_tables.scss */
.table-div .table-footer {
  padding-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid var(--Colors-Gray-100, #E5E5E6);
}

/* line 116, app/assets/stylesheets/dashboard/list_tables.scss */
.table-div .table-footer .table-buttons {
  margin-left: 20px;
  margin-right: 20px;
}

/* line 123, app/assets/stylesheets/dashboard/list_tables.scss */
.list-table {
  overflow: hidden;
  border-spacing: 0;
  width: 100%;
}

/* line 128, app/assets/stylesheets/dashboard/list_tables.scss */
.list-table tbody tr td, .list-table thead tr th {
  border-top: 1px solid var(--Colors-Gray-100, #E5E5E6);
}

/* line 132, app/assets/stylesheets/dashboard/list_tables.scss */
.list-table th, .list-table td {
  padding: 15px 3px 15px 3px;
}

/* line 136, app/assets/stylesheets/dashboard/list_tables.scss */
.list-table .table-header {
  font-family: Metropolis;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  text-align: left;
  background: #E5E5E6;
}

/* line 145, app/assets/stylesheets/dashboard/list_tables.scss */
.list-table .items-center {
  text-align: center;
}

/* line 150, app/assets/stylesheets/dashboard/list_tables.scss */
.width5 {
  width: 5%;
}

/* line 154, app/assets/stylesheets/dashboard/list_tables.scss */
.width10 {
  width: 10%;
}

/* line 158, app/assets/stylesheets/dashboard/list_tables.scss */
.width20 {
  width: 20%;
}

/* line 162, app/assets/stylesheets/dashboard/list_tables.scss */
.width15 {
  width: 15%;
}

/* line 166, app/assets/stylesheets/dashboard/list_tables.scss */
.width25 {
  width: 25%;
}

/* line 171, app/assets/stylesheets/dashboard/list_tables.scss */
.secondary-btn img {
  height: 12px;
}

/* line 176, app/assets/stylesheets/dashboard/list_tables.scss */
.status-pill {
  border: 1px solid #B5B5B5;
  box-shadow: 0 1px 3px -2px #9098A9;
  font-size: 16px;
  display: inline-flex;
  padding: 5px 0px 5px 0px;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  gap: 5px;
}

/* line 187, app/assets/stylesheets/dashboard/list_tables.scss */
.status-pill img {
  margin-bottom: 2px;
  opacity: 0.5;
}

/* line 193, app/assets/stylesheets/dashboard/list_tables.scss */
.state-active {
  width: 50%;
  max-width: 90px;
  border: 1px solid #0FCC66;
  background: rgba(15, 204, 102, 0.1);
}

/* line 200, app/assets/stylesheets/dashboard/list_tables.scss */
.state-pending {
  width: 50%;
  max-width: 110px;
  border: 1px solid #F5D900;
  background: rgba(245, 217, 0, 0.1);
}

/* line 207, app/assets/stylesheets/dashboard/list_tables.scss */
.state-paused {
  width: 50%;
  max-width: 110px;
  border: 1px solid #858586;
  background: rgba(133, 133, 134, 0.1);
}

/* line 214, app/assets/stylesheets/dashboard/list_tables.scss */
.state-error {
  width: 40%;
  max-width: 80px;
  border: 1px solid #FF1C2E;
  background: rgba(255, 28, 46, 0.1);
}

/* line 221, app/assets/stylesheets/dashboard/list_tables.scss */
.state-expired {
  width: 50%;
  max-width: 110px;
  border: 1px solid #fbab56;
  background: rgba(223, 152, 87, 0.1);
}

/* line 228, app/assets/stylesheets/dashboard/list_tables.scss */
.state-scheduled {
  width: 70%;
  max-width: 140px;
  border: 1px solid #56ddfb;
  background: rgba(87, 182, 223, 0.1);
}

/* line 235, app/assets/stylesheets/dashboard/list_tables.scss */
.state-deleted {
  width: 50%;
  max-width: 110px;
  color: var(--Colors-Utility-Black-Text, #a1a1a1);
  border: 1px solid #d2d2d2;
  background: rgba(215, 215, 215, 0.21);
}

/* line 243, app/assets/stylesheets/dashboard/list_tables.scss */
.state-category {
  width: 65%;
  max-width: 110px;
  color: var(--Colors-Utility-Black-Text, #353536);
  border: 1px solid #0073E6;
  background: #0073E61A;
}

/* line 251, app/assets/stylesheets/dashboard/list_tables.scss */
.rating-bad {
  border: 1px solid var(--Colors-Grade-D, #FF613B);
  background: rgba(255, 97, 59, 0.1);
}

/* line 256, app/assets/stylesheets/dashboard/list_tables.scss */
.rating-good {
  border: 1px solid var(--Colors-Grade-B, #BCED33);
  background: rgba(188, 237, 51, 0.1);
}

/* line 261, app/assets/stylesheets/dashboard/list_tables.scss */
.rating-best {
  border: 1px solid var(--Colors-Grade-A, #0FCC66);
  background: rgba(15, 204, 102, 0.1);
}

/* line 266, app/assets/stylesheets/dashboard/list_tables.scss */
.rating-none {
  color: var(--Colors-Utility-Black-Text, #a1a1a1);
  border: 1px solid #d2d2d2;
  background: rgba(215, 215, 215, 0.21);
}

/* line 272, app/assets/stylesheets/dashboard/list_tables.scss */
.assigned-name {
  padding: 8px 16px;
  border: 1px solid var(--Colors-Gray-100, #E5E5E6);
  background: var(--Colors-Utility-White, #FFF);
}

/* line 276, app/assets/stylesheets/dashboard/list_tables.scss */
.assigned-name img {
  height: 12px;
}
/* line 2, app/assets/stylesheets/dashboard/company_details.scss */
td .status-select {
  text-align: center;
  padding: 5px 10px 5px 0px;
  border: 1px solid #B5B5B5;
  border-radius: 50px;
  box-shadow: 0 1px 3px -2px #9098A9;
  cursor: pointer;
  font-size: 16px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url(/assets/dashboard/v2/caret-down-472b0677efe030f21e572b7ad897082f04484f78251f08365ea6f371fa730d44.svg);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
}

/* line 20, app/assets/stylesheets/dashboard/company_details.scss */
td .paid {
  width: 40%;
  max-width: 80px;
  border: 1px solid var(--Colors-Grade-A, #0FCC66);
  background-color: rgba(15, 204, 102, 0.1);
}

/* line 27, app/assets/stylesheets/dashboard/company_details.scss */
td .active {
  width: 50%;
  max-width: 90px;
  border: 1px solid var(--Colors-Grade-A, #0FCC66);
  background-color: rgba(15, 204, 102, 0.1);
}

/* line 34, app/assets/stylesheets/dashboard/company_details.scss */
td .open {
  width: 40%;
  max-width: 80px;
  border: 1px solid var(--Colors-Grade-F, #FF1C2E);
  background-color: rgba(255, 28, 46, 0.1);
}

/* line 41, app/assets/stylesheets/dashboard/company_details.scss */
td .draft {
  width: 40%;
  max-width: 80px;
  border: 1px solid #B5B5B5;
  background-color: white;
}

/* line 48, app/assets/stylesheets/dashboard/company_details.scss */
td .void {
  width: 40%;
  max-width: 80px;
  border: 1px solid var(--Colors-Grade-F, #606060);
  background-color: rgba(30, 30, 30, 0.1);
}

/* line 55, app/assets/stylesheets/dashboard/company_details.scss */
td .expired {
  width: 50%;
  max-width: 110px;
  border: 1px solid #fbab56;
  background: rgba(223, 152, 87, 0.1);
}

/* line 62, app/assets/stylesheets/dashboard/company_details.scss */
td .scheduled {
  width: 50%;
  max-width: 110px;
  border: 1px solid #56ddfb;
  background: rgba(87, 182, 223, 0.1);
}

/* line 70, app/assets/stylesheets/dashboard/company_details.scss */
td .uncollectible {
  width: 70%;
  max-width: 140px;
  border: 1px solid var(--Colors-Grade-F, #ffd91c);
  background-color: rgba(255, 210, 28, 0.1);
}

/* line 77, app/assets/stylesheets/dashboard/company_details.scss */
td .pending {
  width: 50%;
  max-width: 110px;
  border: 1px solid #F5D900;
  background-color: rgba(245, 217, 0, 0.1);
}

/* line 84, app/assets/stylesheets/dashboard/company_details.scss */
td .paused {
  width: 50%;
  max-width: 110px;
  border: 1px solid #858586;
  background-color: rgba(133, 133, 134, 0.1);
}

/* line 92, app/assets/stylesheets/dashboard/company_details.scss */
#edit-billing-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* Modal Content */
  /* Add Animation */
  /* The Close Button */
}

/* line 106, app/assets/stylesheets/dashboard/company_details.scss */
#edit-billing-modal .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  border-radius: 8px;
  width: 50%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

/* line 133, app/assets/stylesheets/dashboard/company_details.scss */
#edit-billing-modal .close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

/* line 140, app/assets/stylesheets/dashboard/company_details.scss */
#edit-billing-modal .close:hover,
#edit-billing-modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* line 147, app/assets/stylesheets/dashboard/company_details.scss */
#edit-billing-modal .modal-body {
  padding: 30px 30px;
}

/* line 151, app/assets/stylesheets/dashboard/company_details.scss */
#edit-billing-modal .success-msg {
  margin-top: 15px;
  color: #0FCC66;
}

/* line 156, app/assets/stylesheets/dashboard/company_details.scss */
#edit-billing-modal .error-msg {
  margin-top: 15px;
  color: #FF1C2E;
}