:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map *//*! @author Bilal Cinarli */
/** -------------------------------------------
    Project Styles
    ------------------------------------------- **/
/**
 * First Import Settings
 * These settings are defines simple color and sizes for Melange defaults
 * Also some settings such as `$support-for-ie8` etc. are used in Caffeine mixins
 * You are free to extend the settings for system wide use.
 */
/* @author Bilal Cinarli */
/**
 * System wide settings
 *
 * All the imported values are set to "null" if they have a default value.
 * So if you want to use them as default, do not change to null value.
 */
/** -------------------------------------------
    Settings for default overwrites and
    GUI related variables
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    System supports
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Default class/definition names
    ------------------------------------------- **/
/**
 * Name space prefix
 * Adds a defined namespace prefix to generated class names
 */
/**
 * Class names for grid
 * @default $row-name: 'row'
 * @default $column-name: 'column'
 * @default $column-name-plural: 'columns'
 */
/**
 * Button names for action
 *
 * @default $action-button: '-action'; // only used for similar class selector
 * @default $primary-button: 'primary-action';
 * @default $secondary-button: 'secondary-action';
 * @default $tertiary-button: 'tertiary-action';
 * @default $cancel-button: 'cancel-action';
 */
/**
 * Folders
 * Not actually a namespace but folder names also have different preferences
 * @default $images: '../images/'; relative to styles folder
 * @default $retina-suffix: '@2x'
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Animation Related Variables
    ------------------------------------------- **/
/**
 * Duration
 * 
 * Duration time for transition animations
 * @default .4s
 */
/**
 * Easing
 *
 * Easing style
 * @default ease
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Size Definitions
    ------------------------------------------- **/
/**
 * Spacing in element
 *
 * Sets the padding sizes for an element
 * @default $base-spacing 1em
 * @default $base-input-spacing 5px
 */
/**
 * Grid gutter and columns
 *
 * Defines the grid gutter size and column count in a row
 * Grid columns floated by default. But it is optional whether float or not
 * for percentage widths.
 * @default $base-gutter: 20px
 * @default $base-grid-columns: 18
 * @default $base-float-widths: true
 */
/**
 * Border Widths
 *
 * Applied border with for input fields and table borders
 * @default $base-border-width: 1px;
 */
/**
 * Content Sizes
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Fonts
    ------------------------------------------- **/
/**
 * Global font definitions
 * @default $base-font-size: 16px
 * @default $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
 * @default $base-line-height: 1.5
 * @default $base-font-icon: null
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Colors
    ------------------------------------------- **/
/**
 * Named Colors
 *
 * Some named colors for inheriting colors over different variables
 * @default $color-primary    : #009bdc;
 * @default $color-secondary  : #67af00;
 * @default $color-tertiary   : #ffa900;
 * @default $color-cancel     : #e87352;
 * @default $color-error      : $color-cancel;
 * @default $color-text       : #222;
 * @default $color-light-gray : #e5e5e5;
 * @default $color-gray       : #c6c6c6;
 * @default $color-dark-gray  : #a6a6a6;
 * @default $color-white      : #fff;
 * @default $color-black      : #000;
 */
/**
 * Simple colors for general styling
 * @default $base-color: #222
 */
/**
 * Border Colors
 *
 * Colors applied to border in focus, disabled, readonly and stationary state
 * @default $base-border-color: #c6c6c6;
 * @default $base-border-highlight: #a6a6a6;
 * @default $base-border-disabled: #e9e9e9;
 * @default $base-border-readonly: #c6c6c6;
 */
/**
 * Field Background Colors
 *
 * Color applied to field background in focus, disabled, readonly and stationary state
 * @default $base-field-background: #fff;
 * @default $base-field-highlight: #fff;
 * @default $base-field-disabled: #c6c6c6;
 * @default $base-field-readonly: #e5e5e5;
 */
/**
 * Button colors
 */
/**
 * Default Button
 *
 * Unstyled, normal button
 * @default $base-button-color: #e5e5e5;
 * @default $base-button-text-color: #222;
 */
/**
 * Primary Action Button
 *
 * Maybe used for call-to-action button or/and save/submit buttons in forms
 * @default $base-primary-color: #009bdc;
 * @default $base-primary-text-color: #fff;
 */
/**
 * Secondary Action Button
 *
 * Useful for indication secondary action in a form near the primary action button
 * @default $base-secondary-color: #67af00;
 * @default $base-secondary-text-color: #fff;
 */
/**
 * Tertiary Action Button
 *
 * Useful for actions whether they are not fit for primary or secondary
 * @default $base-tertiary-color: #ffa900;
 * @default $base-tertiary-text-color: #fff;
 */
/**
 * Cancel Action Button
 *
 * Simply used for cancel button for a form or call-to-action, confirmation etc.
 * @default $base-cancel-color: #e87352;
 * @default $base-cancel-text-color: #fff;
 */
/**
 * Second Import Caffeine
 * Caffeine is a Sass based mixin/function library (see: https://github.com/bcinarli/caffeine)
 * Mostly Melange is not depended on Caffeine.
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Caffeine 
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    System Functions for internal usage
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Generic Functions
    ------------------------------------------- **/
/**
  * Remove units
  */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Text Related Functions
    ------------------------------------------- **/
/**
  * Rem to PX
  */
/**
 * REM converter
 * in style's config, we hope to have a base-font-size variable,
 * if not, we define it according to standart html font-size
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    String Manipulation Functions
    ------------------------------------------- **/
/**
  * String Replacement
  * Mimics the PHP's str_replace function
  * @param {string} $search   The value being searched for, otherwise known as the needle
  * @param {string} $replace  The replacement value that replaces found search values
  * @param {string} $subject  The string being searched and replaced on, otherwise known as the haystack.
  */
/**
  * Case insensitive String Replacement
  * Mimics the PHP's str_ireplace function
  * @param {string} $search   The value being searched for, otherwise known as the needle
  * @param {string} $replace  The replacement value that replaces found search values
  * @param {string} $subject  The string being searched and replaced on, otherwise known as the haystack.
  */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Mixins for Internal Melange Usage
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Generic Mixins
    ------------------------------------------- **/
/**
 * Adds prefixed version of a property according to listed vendors
 */
/**
 * Adds prefixed version of values in a property
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Text Related Mixins
    ------------------------------------------- **/
/**
 * Fontface
 *
 * http://caniuse.com/#search=font-face
 * https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
 * For modern approach, woff and ttf format is supported all major browsers. If you need to support
 * Internet Explorer 8, with setting "$support-for-ie8" variable to "true", the eot file format
 * also added to mixin output. You also need to provide related file formats in your fonts folder.
 *
 * @font-face {
              [ font-family: <family-name>; ]?
           || [ src: [ <uri> [format(<string>#)]? | <font-face-name> ]#; ]?
           || [ unicode-range: <urange>#; ]?
           || [ font-variant: <font-variant>; ]?
           || [ font-feature-settings: normal|<feature-tag-value>#; ]?
           || [ font-stretch: <font-stretch>; ]?
           || [ font-weight: <weight>; ]?
           || [ font-style: <style>; ]?
   }
 */
/**
 * fontface
 * This mixin is a callback support for very early versions of Caffeine
 */
/**
  * Font Icon
  *
  * Outputs an icon font definition with supporting class attribute selectors.
  * For preventing font misuse for the element, the class selector applied to :before pseuode element
  * instead of the element itself.
  */
/**
 * Font-Size callback
 *
 * For modern usage, converts and output font-size with rem units.
 */
/**
 * Disable Select
 * It is useful for mobil applications
 * Prevents text selection when swipe or double click
 * http://caniuse.com/#search=user-select
 * https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
 * Formal syntax: none | text | all | element
 * Current spec, all vendors need prefixing
 */
/**
 * Selection
 *
 * The ::selection CSS pseudo-element applies rules to the portion of a document
 * that has been highlighted (e.g., selected with the mouse or another pointing device) by the user.
 * http://caniuse.com/#search=selection
 * https://developer.mozilla.org/en-US/docs/Web/CSS/::selection
 * Formal syntax: content
 * Only a small part of text related properties supports. You can change the following properties in selectionsİ
 * color, background-color, cursor, outline, text-decoration, text-emphasis-color and text-shadow.
 *
 * Notes:
 * text-shadow in ::selection is supported by Chrome, Safari and Firefox 17+.
 *
 * The ::selection CSS pseudo-element was drafted for CSS Selectors Level 3
 * but removed before it reached the Recommendation status. It was readded as part of the Pseudo-Elements Level 4 draft.
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Size Related Mixins
    ------------------------------------------- **/
/**
 * Square or desired width-height for an element
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    CSS3 Related Mixins
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Background Gradient Mixins
    ------------------------------------------- **/
/**
 * Simple Linear gradient
 * Gets the linear gradient content as a parameter and outputs the prefixed version.
 * For old browsers do not forget to add fallback color/image before mixin
 * Uses new linear gradient version. Not supporting Safari 5 or older and IE9 and older versions
 *
 * @param string $content
 */
/**
 * Simple Radial gradient
 * Gets the radial gradient content as a parameter and outputs the prefixed version.
 * For old browsers do not forget to add fallback color/image before mixin
 * Uses new linear gradient version. Not supporting Safari 5 or older and IE9 and older versions
 *
 * @param $content
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Text Gradient
    ------------------------------------------- **/
/**
 * Gradient Text Color
 * Add a gradient color to the text
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Box Shadow
    ------------------------------------------- **/
/**
 * Simple Box shadow
 *
 * @param $content: box-shadow content
 * http://caniuse.com/#search=box-shadow 
 * current spec, only Android browser 2.3 need -webkit prefix
 * You can use standart CSS box shadow definition
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Transition Related Mixins
    ------------------------------------------- **/
/**
 * CSS Transition
 *
 * Outputs CSS3 transition code with defined prefixes
 * http://caniuse.com/#search=transition
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transition
 * Formal syntax: [ none | <single-transition-property> ] || <time> || <timing-function> || <time>
 * current spec, older Android browsers and Safari 5.1 need -webkit
 */
/**
 * CSS Transition Delay
 * Outputs CSS3 transition-delay code with defined pferixes
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transition-delay
 * Formal syntax: <time>#
 */
/**
 * CSS Transition Duration
 * Outputs CSS3 transition-duration code with defined pferixes
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration
 * Formal syntax: <time>#
 */
/**
 * CSS Transition Property
 * Outputs CSS3 transition-property code with defined pferixes
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transition-property
 * Formal syntax: none | <single-transition-property>#  [ ‘,’ <single-transition-property># ]*
 */
/**
 * CSS Transition Timing
 * Outputs CSS3 transition-timing-function code with defined pferixes
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function
 * Formal syntax: <timing-function>#
 */
/**
 * App Transition
 *
 * General transition definition for app
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Transform Related Mixins
    ------------------------------------------- **/
/**
 * CSS Transform
 *
 * Outputs CSS3 tranform code with defined prefixes
 * http://caniuse.com/#search=transform
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transform
 * Formal syntax: none | <transform-function>+
 * For transform functions see: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function
 * current spec, Safari, Android browser and IE9 need vendor prefix
 */
/**
 * CSS Transform Origin
 *
 * Outputs CSS3 tranform-origin code with defined prefixes
 * http://caniuse.com/#search=transform
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin
 * Formal syntax: [ <percentage> | <length> | left | center | right | top | bottom] | [ [ <percentage> | <length> | left | center | right ] && [ <percentage> | <length> | top | center | bottom ] ] <length>?
 * current spec, Safari, Android browser and IE9 need vendor prefix
 */
/**
 * CSS Transform Style
 *
 * Outputs CSS3 tranform-style code with defined prefixes
 * http://caniuse.com/#search=transform
 * https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style
 * Formal syntax: flat | preserve-3d | inherit
 * current spec, IE is not supported, webkit browsers need prefixing
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Animation Related Mixins
    ------------------------------------------- **/
/**
 * CSS Animation
 *
 * Outputs CSS3 animation code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation
 * Formal syntax: <single-animation-name> || <time> || <timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state>
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Delay
 *
 * Outputs CSS3 animation-delay code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay
 * Formal syntax: <time>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Direction
 *
 * Outputs CSS3 animation-direction code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction
 * Formal syntax: <single-animation-direction>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Duration
 *
 * Outputs CSS3 animation-duration code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration
 * Formal syntax: <time>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Fill Mode
 *
 * Outputs CSS3 animation-fill-mode code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-fill-mode
 * Formal syntax: <single-animation-fill-mode>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Iteration Count
 *
 * Outputs CSS3 animation-iteration-count code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
 * Formal syntax: <single-animation-iteration-count>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Name
 *
 * Outputs CSS3 animation-name code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-name
 * Formal syntax: <single-animation-name>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Play State
 *
 * Outputs CSS3 animation-play-state code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-play-state
 * Formal syntax: <single-animation-play-state>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Animation Timing Function
 *
 * Outputs CSS3 animation-timing-function code with defined prefixes
 * http://caniuse.com/#search=css3%20animation
 * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timing-function
 * Formal syntax: <single-animation-timing-function>#
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Keyframes
 *
 * Outputs CSS3 keyframes code with defined prefixes
 * http://caniuse.com/#search=keyframes
 * https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes
 * @keyframes <identifier> {
 * 	[ [ from | to | <percentage> ] [, from | to | <percentage> ]* block ]*
 * }
 * current spec, webkit browsers need prefixing
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Columns Related Mixins
    ------------------------------------------- **/
/**
 * CSS Columns
 *
 * Outputs CSS3 Columns with defined prefixes
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/columns
 * Formal syntax: <'column-width'> || <'column-count'>
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Count
 *
 * Outputs CSS3 Column Count
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-count
 * Formal syntax: <number> | auto
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Width
 *
 * Outputs CSS3 Column Width
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-width
 * Formal syntax: <length> | auto
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Gap
 *
 * Outputs CSS3 Column Gap
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap
 * Formal syntax: <length> | normal
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Rule
 *
 * Outputs CSS3 Column Rule, shorthand definition for column rule styles
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule
 * Formal syntax: <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Rule Color
 *
 * Outputs CSS3 Column Rule Color
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-color
 * Formal syntax: <color>
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Rule Style
 *
 * Outputs CSS3 Column Rule Style
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-style
 * Formal syntax: <style>
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Rule Width
 *
 * Outputs CSS3 Column Rule Width
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-width
 * Formal syntax: <br-width>
 * Available values: thin || medium || thick || number px || number em
 * current spec, except IE, all browsers need vendor prefix either -moz or -webkit
 */
/**
 * CSS Column Span
 *
 * Outputs CSS3 Column Span
 * http://caniuse.com/#search=column
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-span
 * Formal syntax: none | all
 * Currently, except firefox, all vendors supporting this feature. Webkit browsers need prefix
 */
/**
 * CSS Column Fill
 *
 * Outputs CSS3 Column Fill
 * https://developer.mozilla.org/en-US/docs/Web/CSS/column-fill
 * Formal syntax: auto | balance
 * Currently only firefox supports
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Flex Mixins
    ------------------------------------------- **/
/**
 * CSS Flex
 *
 * Outputs Flex code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/flex
 * Formal syntax: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Flex Basis
 *
 * Outputs Flex-Basis code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
 * Formal syntax: content | <'width'>
 * Initial Value: auto
 * current spec, webkit browsers need prefixing, however Safari is not supporting this feature
 *
 * Notes
 * When a non-auto flex-basis is specified, Internet Explorer 10-11 (but not 12+) always 
 * uses a content-box box model to calculate the size of a flex item, even if 
 * box-sizing: border-box is applied to the element.
 *
 */
/**
 * CSS Flex Direction
 *
 * Outputs Flex-Direction code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
 * Formal syntax: content | [row | row-reverse | column | column-reverse]
 * current spec, webkit browsers need prefixing, however Safari is not supporting this feature
 */
/**
 * CSS Flex Grow
 *
 * Outputs Flex-Grow code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
 * Formal syntax: <number>
 * Initial Value: 0
 * Negative values are invalid.
 * current spec, webkit browsers need prefixing, Internet explorer and Safari is 
 * not supporting this feature
 */
/**
 * CSS Flex Shrink
 *
 * Outputs Flex-Shrink code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
 * Formal syntax: <number>
 * Initial Value: 1
 * Negative values are invalid.
 * current spec, webkit browsers need prefixing, Internet explorer and Safari is 
 * not supporting this feature
 *
 * Notes:
 * Internet Explorer 10 uses 0 instead of 1 as the initial value for the flex-shrink property. 
 * A workaround is to always set an explicit value for flex-shrink.
 */
/**
 * CSS Flex Wrap
 *
 * Outputs Flex-Wrap code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
 * Formal syntax: content | [nowrap | wrap | wrap-reverse]
 * Initial Value: nowrap
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Flex Align Content
 *
 * Outputs align-content code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
 * Formal syntax: content | [flex-start | flex-end | center | space-between | space-around | stretch]
 * Initial Value: strecth
 * current spec, webkit browsers need prefixing
 *
 * Notes:
 * Internet Explorer and Safari are not supporting this feature yet even with vendor prefix
 */
/**
 * CSS Flex Align Items
 *
 * Outputs align-items code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
 * Formal syntax: content | [flex-start | flex-end | center | baseline | stretch]
 * Initial Value: strecth
 * current spec, webkit browsers need prefixing
 */
/**
 * CSS Flex Align Self
 *
 * Outputs align-self code with defined prefixes
 * http://caniuse.com/#search=flex
 * https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
 * Formal syntax: content | [auto | flex-start | flex-end | center | baseline | stretch]
 * Initial Value: auto
 * current spec, webkit browsers need prefixing
 *
 * Notes:
 * Safari is not supporting this feature yet even with vendor prefix
 */
/*
 * CSS Justify Content
 *
 */
/**
 * Order
 *
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Media Query Mixins
    ------------------------------------------- **/
/**
 * Retina Image
 */
/**
 * Retina
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Arrow
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Placeholder
    ------------------------------------------- **/
/**
  * Styles input elements' placeholder. 
  * @param $self: true, if it is true, styles applied to class itself
  *			if false, styles applied to the child elements
  */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Positions
    ------------------------------------------- **/
/**
  * Center
  * Applied to absolute positioned elements, and sets position to absolute.
  * Element is centered both vertically and horizontally
  * Dimension declarations (width, height) are not necessary
  * If any other transform methods applied, may not work as expected
  */
/**
  * Vertical Center
  * Centers the element vertically. Do not interfere with its horizontal position
  * If any other transform methods applied, may not work as expected
  */
/**
 * Horizontal Center
 * Centers the element horizontally 
 * Uses margin: 0 auto; when $type defined as "static"
 * By default it uses the transform approach
 * If any other transform methods applied, may not work as expected in transform approach
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Common Break Points
    ------------------------------------------- **/
/**
 * Mobile phones / smaller screens portrait mode
 *
 */
/**
 * Mobile phones / smaller screens landscape mode
 *
 */
/**
 * Tablets / medium sized screens portrait mode
 *
 */
/**
 * Tablets / medium sized screens landscape mode
 *
 */
/**
 * Common desktop/laptops
 */
/**
 * Widescreens
 *
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Appearance Mixin
    ------------------------------------------- **/
/**
 * CSS Appearance
 *
 * Outputs appearance with defined prefixes
 * http://caniuse.com/#search=appearance
 * https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance
 * Formal syntax: value | [ various variable can defined like button, caret, checkbox, progressbar etc. ]
 * All browsers need vendor prefixing
 * 
 * Notes:
 * This is an unofficial feature and not included in the spec. Aside from Internet Explorer, all browsers
 * need their vendor prexing.
 * However for the Internet Explorer, -webkit-appearance with value none is supported on IE11 Mobile 
 * for phones with "Windows Phone 8.1 Update", and in EdgeHTML.dll
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Scrollbar Styles
    ------------------------------------------- **/
/**
  * Scrollbar
  * Styles the scrollbars for supported browsers
  * Both vertical and horizontal scrolls styled together
  * The invisible OSX scrolls will be visible when applied
  */
/**
 * Third Import Melange Core
 * Melange Core is a super set of normalize library.
 * It has general definitions of certain elements such as labels, form fields, buttons, media object without
 * any predefined templates. Main purpose of the Melange is never overwrite any framework definitions
 * during coding. Every definition, class names can change via settings and merges itself with your GUI.
 * Also, Melange has two sets for width definitions.
 * One is a simple grid system with gutter added between columns as paddings. Using a padding gutter and box-sizing: border-box
 * definition, adds more control over responsive designs. These columns floated by default and support up to 18-column grids.
 * This grid system is a fluid grid. You need to add breakpoint definitions for responsive designs.
 * Other width types are fragmented widths such as .one-half, .two-thirds, .three-quarters etc. These are defined by percentages and
 * missing the 100% fragment except in .one-whole definitions. Simply, there are no .two-halves, .three-thirds, .four-quarters classes
 * which are equal to .one-whole :)
 */
/*! melange.css | @author Bilal Cinarli | melange.io */
/**
 * Loads the main containers. Each folder has _*.scss container file with the same name.
 * This container files imports all other files in the same folder.
 */
/** -------------------------------------------
    General Settings
    ------------------------------------------- **/
/** -------------------------------------------
    Internal Variables
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Variables Container
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Internal Variables
    ------------------------------------------- **/
/**
  * Here are some internal variables that are not used in styling
  * but for optimization calculations or controlling certain options
  */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Predefined Classes
    ------------------------------------------- **/
/*
 * In somecases predefined classes can stay only as placeholder
 * If set `false` there will be no output for these placeholder classess unless
 * @extend method used. Otherwise both a placeholder version and @extended version will be
 * availabled.
 *
 * e.g.
 * `false` case;
 * %group {} placeholder is available for extending.
 *
 * `true` case;
 * %group {} placeholder is available for extending. and
 * .group {} class will also available for direct usage
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    System supports
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Default class/definition names
    ------------------------------------------- **/
/**
 * Name space prefix
 * Adds a defined namespace prefix to generated class names
 */
/**
 *  Text field lists
 */
/**
 * Class names for grid
 */
/**
 * Class names for forms
 */
/**
 * Button names for action
 */
/**
 * Folders
 * Not actually a namespace but folder names also have different preferences
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Number to Name Conversions
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Animation Related Variables
    ------------------------------------------- **/
/**
 * Duration
 *
 * Duration time for transition animations
 */
/**
 * Easing
 *
 * Easing style
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Default size definitions
    ------------------------------------------- **/
/**
 * Spacing in element
 * Sets the padding sizes for an element
 */
/**
 * Grid gutter and columns
 * Defines the grid gutter size and column count in a row
 * Non-grid columns are not floated by default. But it is optional whether float or not
 * for percentage widths.
 */
/**
 * Border Widths
 *
 * Applied border with for input fields and table borders
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Breakpoint Variables
    ------------------------------------------- **/
/**
 * Rather then using device specific breakpoints, width breakpoints are more 
 * appropriate for wider range of devices.
 */
/**
 * Wide Screen
 */
/**
 * Desktop / Laptop
 */
/**
 * Tablet
 */
/**
 * Phone
 */
/**
 * Breakpoint Map
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Fonts
    ------------------------------------------- **/
/**
 * Default font definitions
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Colors
    ------------------------------------------- **/
/**
 * Named Colors
 *
 * Some named colors for inheriting colors over different variables
 */
/**
 * Simple colors for general styling
 */
/**
 * Border Colors
 *
 * Colors applied to border in focus, disabled, readonly and stationary state
 * @default $base-border-color: #ccc;
 */
/**
 * Field Background Colors
 *
 * Color applied to field background in focus, disabled, readonly and stationary state
 */
/**
 * Button colors
 */
/**
 * Default Button
 *
 * Unstyled, normal button
 */
/**
 * Disabled Button
 */
/**
 * Primary Action Button
 *
 * Maybe used for call-to-action button or/and save/submit buttons in forms
 */
/**
 * Secondary Action Button
 *
 * Useful for indication secondary action in a form near the primary action button
 */
/**
 * Tertiary Action Button
 *
 * Useful for actions whether they are not fit for primary or secondary
 */
/**
 * Cancel Action Button
 *
 * Simply used for cancel button for a form or call-to-action, confirmation etc.
 */
/**
 * 
 * Segment Card Colors
 * 
 */
/**
 * Color maps
 */
/** -------------------------------------------
    Melange Internal Methods
    ------------------------------------------- **/
/** -------------------------------------------
    Global Styles
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Global Styles Container
    ------------------------------------------- **/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
  /**
   * Remove the outline on focused links when they are also active or hovered
   * in all browsers (opinionated).
   */
}
a:active, a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: 0; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  box-sizing: content-box; /* 1 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  margin: 0; /* 2 */
  font: inherit; /* 1 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button [type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
  box-sizing: border-box; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  padding: 0; /* 2 */
  box-sizing: border-box; /* 1 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 2 */
  -webkit-appearance: textfield; /* 1 */
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
  */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  font: inherit; /* 2 */
  -webkit-appearance: button; /* 1 */
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Generic Styles
    ------------------------------------------- **/
/**
 * More proper width calculation and better grid,
 * all elements' box-sizing set to border-box
 */
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/**
 * Overwrite normalize.css's box-sizing definitions
 */
hr {
  box-sizing: inherit;
}

input[type=search] {
  box-sizing: inherit;
}

/**
 * Set html and body sizes to 100% for better wrapping
 * Remove margins and padding to use all viewport
 */
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/**
 * Remove top margin and padding from certain elements
 * generally we never use top margin anyway
 */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
table,
th,
td {
  margin-top: 0;
  padding: 0;
}

/**
 * And good-ol friend clearfix
 * For a meaningful name our clearfix class named as group
 */
.group::after {
  display: table;
  clear: both;
  content: "";
}

/* @author Bilal Cinarli */
/**
 * Not real functions of mixins but set of definitions for resetting or reformatting an element
 */
/** -------------------------------------------
    Helper Definitions
    ------------------------------------------- **/
/**
 * Hard reset for an element
 */
.stat-card-list, .form-elements, fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  list-style: none;
}

/**
 * Vertical Center
 */
/**
 * Horizontal Center
 */
/**
 * Center Alignment
 */
/**
 * Floats
 */
/* @author Bilal Cinarli */
/**
 * Position related definition
 */
/** -------------------------------------------
    Positions
    ------------------------------------------- **/
/**
 * Floats
 */
#root > * [class*=-column]:not(.element-column-field, .element-column-label, .button.gotest-action.five-column, .tertiary-action, .move-to-end, .field-select), .column, [dir=rtl] .move-to-end, .move-to-start {
  float: left;
}

[class*=column-reverse], [dir=rtl] .move-to-start, .move-to-end {
  float: right;
}

/**
 * Aligns
 * start and end values for text-aligns are direction safe.
 * no need to additional definition for rtl/ltr differences.
 */
.align-start {
  text-align: start;
}

.align-end {
  text-align: end;
}

/** -------------------------------------------
    Layout Definitions
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Layouts Container
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Widths for General Usage
    ------------------------------------------- **/
/**
 * Mixin for width calculations
 *
 * @param $fragment: defines how many fragments in one row and calculates the fragment width
 * @param $namespace prefix for classes in order to use different names for different parts
 *
 * @depends $numbers: number-to-name conversion list for human readable class names
 * @depends $ordinals: defines the human reader total chunks
 */
/**
* Whole
*/
.one-whole {
  width: 100%;
}

/**
 * Half
 */
.six-twelfths, .five-tenths, .four-eighths, .two-quarters, .one-half {
  width: 50%;
}

/**
 * Thirds
 */
.four-twelfths, .one-third, .one-thirds {
  width: 33.3333333333%;
}

.eight-twelfths, .two-thirds {
  width: 66.6666666667%;
}

/**
 * Quarters
 */
.three-twelfths, .two-eighths, .one-quarter, .one-quarters {
  width: 25%;
}

.nine-twelfths, .six-eighths, .three-quarters {
  width: 75%;
}

/**
 * Fifths
 */
.two-tenths, .one-fifth, .one-fifths {
  width: 20%;
}

.four-tenths, .two-fifths {
  width: 40%;
}

.six-tenths, .three-fifths {
  width: 60%;
}

.eight-tenths, .four-fifths {
  width: 80%;
}

/**
 * Eights
 */
.one-eighth, .one-eighths {
  width: 12.5%;
}

.three-eighths {
  width: 37.5%;
}

.five-eighths {
  width: 62.5%;
}

.seven-eighths {
  width: 87.5%;
}

/**
 * Tenths
 */
.one-tenth, .one-tenths {
  width: 10%;
}

.three-tenths {
  width: 30%;
}

.seven-tenths {
  width: 70%;
}

.nine-tenths {
  width: 90%;
}

/**
 * Twelfths
 */
.one-twelfth, .one-twelfths {
  width: 8.3333333333%;
}

.two-twelfths {
  width: 16.6666666667%;
}

.five-twelfths {
  width: 41.6666666667%;
}

.seven-twelfths {
  width: 58.3333333333%;
}

.ten-twelfths {
  width: 83.3333333333%;
}

.eleven-twelfths {
  width: 91.6666666667%;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Grid Columns
    ------------------------------------------- **/
/**
 * Mixin for grid columns
 *
 * Apart from our generic widths, columns have gutter for spacing and they are floated by default.
 */
/**
 * Offset settings for grid columns
 *
 * When you need much larger spacing between grid columns, you can offset a column by one or more column widths
 */
/**
 * Row
 * Row encapsulation for columns
 */
.pull {
  margin-left: -20px;
}

.push {
  margin-right: -20px;
}

.pull-push {
  margin-right: -20px;
  margin-left: -20px;
}

.row::after {
  display: table;
  clear: both;
  content: "";
}

.module-segment {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 16px 22px;
  margin-bottom: 10px;
}
.module-segment li {
  margin: auto -20px;
}
.module-segment .simple-label {
  margin-left: 60px;
  width: 22.5%;
}
.module-segment .item-label {
  margin-right: 10px;
}

/**
 * Columns
 * Better controlling the width, gutter defined as right & left padding
 */
#root > * [class*=-column]:not(.element-column-field, .element-column-label, .button.gotest-action.five-column, .tertiary-action, .move-to-end, .field-select) {
  position: relative;
  padding: 0 20px;
}

.column-parent {
  padding: 0;
}

/**
 * Grid Columns
 * Sets the grid columns according to column number defined in $base-grid-columns
 * @see melange/variables/_sizes.scss
 * @see settings/_sizes.scss
 */
.one-column,
.one-columns {
  width: 8.3333333333%;
}

.two-column,
.two-columns {
  width: 16.6666666667%;
}

.three-column,
.three-columns {
  width: 25%;
}

.four-column,
.four-columns {
  width: 33.3333333333%;
}

.five-column,
.five-columns {
  width: 41.6666666667%;
}

.six-column,
.six-columns {
  width: 50%;
}

.seven-column,
.seven-columns {
  width: 58.3333333333%;
}

.eight-column,
.eight-columns {
  width: 66.6666666667%;
}

.nine-column,
.nine-columns {
  width: 75%;
}

.ten-column,
.ten-columns {
  width: 83.3333333333%;
}

.eleven-column,
.eleven-columns {
  width: 91.6666666667%;
}

.twelve-column,
.twelve-columns {
  width: 100%;
}

/**
 * Offsets
 * Sets the offsets classes according to column number defined in $base-grid-columns
 */
.offset-by-one {
  margin-left: 8.3333333333%;
}

.offset-by-two {
  margin-left: 16.6666666667%;
}

.offset-by-three {
  margin-left: 25%;
}

.offset-by-four {
  margin-left: 33.3333333333%;
}

.offset-by-five {
  margin-left: 41.6666666667%;
}

.offset-by-six {
  margin-left: 50%;
}

.offset-by-seven {
  margin-left: 58.3333333333%;
}

.offset-by-eight {
  margin-left: 66.6666666667%;
}

.offset-by-nine {
  margin-left: 75%;
}

.offset-by-ten {
  margin-left: 83.3333333333%;
}

.offset-by-eleven {
  margin-left: 91.6666666667%;
}

/** -------------------------------------------
    Base Element Styles
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Elements Container
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Text Styles
    ------------------------------------------- **/
/**
 * Body base font and color definitions
 */
html {
  font-size: 16px;
}

body {
  color: #222;
  font: 16px/1.5 montserrat, helvetica, arial, sans-serif;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Form Elements Container
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Field Wrappers
    ------------------------------------------- **/
/**
 * Fieldset for field wrappers
 */
/**
 * Form Elements Holder
 * A list or a div for group form elements
 */
.form-elements {
  /**
   * Forms mostly build with unordered list.

      <ul class="form-elements group">
          <li class="group">
              <label class="item-field">
                  <span class="item-name">Label</span>
                  <input />
              </label>
          </li>
      </ul>
   */
}
.form-elements li {
  position: relative;
  margin-bottom: 1em;
}

/**
 * Legend
 *
 * Make the legend as a block for better styling and control
 */
legend {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Label Styles
    ------------------------------------------- **/
/**
 * Labels
 *
 * Fields should always wrapped with a label.
 * Helper .label class is used for applying label styles for other text elements
 *
    <label class="item-field">
        <span class="item-label"></span>
        <input type="text" />
    </label>
 *
 */
label,
.label {
  display: inline-block;
  position: relative;
}

/**
 * Item positions
 * In most cases, 
 * item-field is for showing label name and field in same line
 * item-stacked is for showing label name and field in rows
 * item-row is however, stacking the label wrappers together
 */
.item-field {
  margin-right: 1em;
}

.item-stacked:not(:only-child) {
  margin-bottom: 1em;
}

.item-row + .item-row {
  margin-top: 1em;
}

.item-error {
  color: #e87352;
}

/**
 * Label texts
 */
.item-label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  /**
   * When item is stacked, label text will be over the label input
   */
  /**
   * Required field has a star at the beginning of label
   */
}
.item-stacked .item-label {
  display: block;
}
.item-label .item-required::before, .is-required .item-label::before {
  position: absolute;
  left: -10px;
  content: "*";
}

/**
 * Field Help
 *
 * Although this is not an actual label, it can be used as helper text for the field
 */
.item-help {
  font-size: 0.8em;
  font-style: italic;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Input Fields
    ------------------------------------------- **/
/**
 * Text based (input[type=text] etc.) field styles
 *
 * .text-field class is added in order to styling other elements like a text field
 */
.react-tags, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color],
textarea,
.text-field {
  padding: 5px;
  border: 1px solid #efeef8;
  outline: 0;
  background: #fff;
  color: inherit;
  font-size: 1rem;
  font-weight: normal;
}
.react-tags:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus,
textarea:focus,
.text-field:focus, .react-tags:active, input[type=text]:active, input[type=password]:active, input[type=datetime]:active, input[type=datetime-local]:active, input[type=date]:active, input[type=month]:active, input[type=time]:active, input[type=week]:active, input[type=number]:active, input[type=email]:active, input[type=url]:active, input[type=search]:active, input[type=tel]:active, input[type=color]:active,
textarea:active,
.text-field:active {
  border-color: #4b4b4f;
  background: #fff;
}
[readonly].react-tags, input[readonly][type=text], input[readonly][type=password], input[readonly][type=datetime], input[readonly][type=datetime-local], input[readonly][type=date], input[readonly][type=month], input[readonly][type=time], input[readonly][type=week], input[readonly][type=number], input[readonly][type=email], input[readonly][type=url], input[readonly][type=search], input[readonly][type=tel], input[readonly][type=color],
textarea[readonly],
[readonly].text-field, .readonly.react-tags, input.readonly[type=text], input.readonly[type=password], input.readonly[type=datetime], input.readonly[type=datetime-local], input.readonly[type=date], input.readonly[type=month], input.readonly[type=time], input.readonly[type=week], input.readonly[type=number], input.readonly[type=email], input.readonly[type=url], input.readonly[type=search], input.readonly[type=tel], input.readonly[type=color],
textarea.readonly,
.readonly.text-field {
  border-color: #7a7a7c;
  background-color: #efeef8;
  cursor: default;
}
[disabled].react-tags, input[disabled][type=text], input[disabled][type=password], input[disabled][type=datetime], input[disabled][type=datetime-local], input[disabled][type=date], input[disabled][type=month], input[disabled][type=time], input[disabled][type=week], input[disabled][type=number], input[disabled][type=email], input[disabled][type=url], input[disabled][type=search], input[disabled][type=tel], input[disabled][type=color],
textarea[disabled],
[disabled].text-field, .disabled.react-tags, input.disabled[type=text], input.disabled[type=password], input.disabled[type=datetime], input.disabled[type=datetime-local], input.disabled[type=date], input.disabled[type=month], input.disabled[type=time], input.disabled[type=week], input.disabled[type=number], input.disabled[type=email], input.disabled[type=url], input.disabled[type=search], input.disabled[type=tel], input.disabled[type=color],
textarea.disabled,
.disabled.text-field {
  border-color: #efeef8;
  background-color: #7a7a7c;
  cursor: default;
}
.item-error.react-tags, input.item-error[type=text], input.item-error[type=password], input.item-error[type=datetime], input.item-error[type=datetime-local], input.item-error[type=date], input.item-error[type=month], input.item-error[type=time], input.item-error[type=week], input.item-error[type=number], input.item-error[type=email], input.item-error[type=url], input.item-error[type=search], input.item-error[type=tel], input.item-error[type=color],
textarea.item-error,
.item-error.text-field {
  border-color: #e87352;
}

input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color],
textarea,
.text-field {
  -webkit-appearance: none;
}

/**
 * Checkable (checkbox, radio) field styles
 */
input[type=checkbox], input[type=radio] {
  vertical-align: middle;
  /**
   * Fields and labels together
   *
      <label class="item-field">
          <input type="checkbox" />
          <span class="item-label">Label</span>
      </label>
   */
}
input[type=checkbox] + .item-label, input[type=radio] + .item-label {
  margin-left: 0.25em;
  font-weight: normal;
  vertical-align: middle;
}

/**
 * Other input types
 */
/**
 * Textarea
 *
 * Textareas are like input text fields in most cases, but they need additional styling
 * since they are resizable and allows multiple lines
 */
textarea {
  min-height: 3em;
  resize: vertical;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Button Styles
    ------------------------------------------- **/
/**
 * Button colors
 */
/**
 * In most cases, using buttons with button tag allows more styling options
 * it is cross browser and meaningful. Also '.button' class is added in order to
 * get button-like elements
 */
.media, [class*=-action]:not([class*=-actions]), .button, input[type=submit], input[type=reset], input.button, button {
  -webkit-apperance: none;
  -moz-apperance: none;
  apperance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: inline-block;
  padding: 5px 15px;
  border: transparent;
  line-height: normal;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  background-color: #c3c3c3;
  color: #4b4b4f;
}
.media:hover, [class*=-action]:hover:not([class*=-actions]), .button:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover {
  background-color: rgb(175.875, 175.875, 175.875);
  color: #4b4b4f;
}
.media:disabled, [class*=-action]:disabled:not([class*=-actions]), .button:disabled, input[type=submit]:disabled, input[type=reset]:disabled, button:disabled, .disabled.media, .disabled[class*=-action]:not([class*=-actions]), .disabled.button, input.disabled[type=submit], input.disabled[type=reset], button.disabled {
  cursor: default;
  background-color: #efeef8;
  color: #4b4b4f;
}
.media:disabled:hover, [class*=-action]:disabled:hover:not([class*=-actions]), .button:disabled:hover, input[type=submit]:disabled:hover, input[type=reset]:disabled:hover, button:disabled:hover, .disabled.media:hover, .disabled[class*=-action]:hover:not([class*=-actions]), .disabled.button:hover, input.disabled[type=submit]:hover, input.disabled[type=reset]:hover, button.disabled:hover {
  background-color: #efeef8;
  color: #4b4b4f;
}

/**
 * Native button elements
 * Input button elements
 */
/**
 * Anchor and other elements
 */
.button {
  text-align: center;
}
.button, .button:hover, .button:focus, .button:active {
  text-decoration: none;
}

/**
 * Action Buttons
 * specificity increased in order to overwrite [class*='-action']:not([class*='-actions'])
 * without using !important rule. By this, it can easily modified `.some-class .primary-action` selector
 */
.primary-action.primary-action {
  background-color: #dc3322;
  color: #fff;
}
.primary-action.primary-action:hover {
  background-color: rgb(186.8700787402, 43.3198818898, 28.8799212598);
  color: #fff;
}

.secondary-action.secondary-action {
  background-color: #547494;
  color: #fff;
}
.secondary-action.secondary-action:hover {
  background-color: rgb(70.150862069, 96.875, 123.599137931);
  color: #fff;
}

.tertiary-action.tertiary-action {
  background-color: #63ca63;
  color: #fff;
}
.tertiary-action.tertiary-action:hover {
  background-color: rgb(70.4497607656, 192.3002392344, 70.4497607656);
  color: #fff;
}

.cancel-action.cancel-action {
  background-color: #e87352;
  color: #fff;
}
.cancel-action.cancel-action:hover {
  background-color: rgb(227.5114795918, 87.6785714286, 48.2385204082);
  color: #fff;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Table Styles
    ------------------------------------------- **/
/**
 * Table
 */
table {
  width: 100%;
}

/**
 * TFoot
 */
tfoot td:only-child {
  text-align: end;
}

/**
 * Cells
 */
th,
td {
  padding: 0.5em;
  text-align: start;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Link & Nav Styles
    ------------------------------------------- **/
/**
 * Links
 *
 * Basic anchor styling
 */
a {
  display: inline-block;
  padding: 2px;
}
nav a {
  text-decoration: none;
}

/**
 * Nav
 *
 * Navigation items
 */
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Heading Styles
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Lists
    ------------------------------------------- **/
ol,
ul {
  padding-left: 20px;
  list-style-position: outside;
}

dl {
  padding-left: 20px;
}
dl dt {
  font-weight: bold;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Inline elements
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Block Styles
    ------------------------------------------- **/
/** -------------------------------------------
    Default Components
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Components Container
    ------------------------------------------- **/
/**
 * Media Component
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Media Component
    ------------------------------------------- **/
/**
 * Media Item
 *
 * A media item indicates a block consists with a media item (image, flash, video etc.) and a text content
 */
.media-visual {
  display: block;
  margin-right: 1em;
  float: left;
}
.media-text + .media-visual {
  margin-right: auto;
  margin-left: 1em;
  float: right;
}

.CalendarDay {
  border: 1px solid rgb(228.1136363636, 231.1863636364, 231.1863636364);
  padding: 0;
  box-sizing: border-box;
  color: #565a5c;
  cursor: pointer;
}

.CalendarDay__button {
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  box-sizing: border-box;
}
.CalendarDay__button:active {
  outline: 0;
}

.CalendarDay--highlighted-calendar {
  background: #ffe8bc;
  color: #565a5c;
  cursor: default;
}
.CalendarDay--highlighted-calendar:active {
  background: #007a87;
}

.CalendarDay--outside {
  border: 0;
  cursor: default;
}
.CalendarDay--outside:active {
  background: #fff;
}

.CalendarDay--hovered {
  background: rgb(228.1136363636, 231.1863636364, 231.1863636364);
  border: 1px double rgb(211.8863636364, 216.8136363636, 216.8136363636);
  color: inherit;
}

.CalendarDay--blocked-minimum-nights {
  color: rgb(202.0224719101, 204.3258426966, 205.4775280899);
  background: #fff;
  border: 1px solid rgb(228.1136363636, 231.1863636364, 231.1863636364);
  cursor: default;
}
.CalendarDay--blocked-minimum-nights:active {
  background: #fff;
}

.CalendarDay--selected-span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff;
}
.CalendarDay--selected-span.CalendarDay--hovered, .CalendarDay--selected-span:active {
  background: #33dacd;
  border: 1px double #00a699;
}
.CalendarDay--selected-span.CalendarDay--last-in-range {
  border-right: #00a699;
}

.CalendarDay--hovered-span,
.CalendarDay--after-hovered-start {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87;
}
.CalendarDay--hovered-span:active,
.CalendarDay--after-hovered-start:active {
  background: #80e8e0;
}

.CalendarDay--selected-start,
.CalendarDay--selected-end,
.CalendarDay--selected {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff;
}
.CalendarDay--selected-start:active,
.CalendarDay--selected-end:active,
.CalendarDay--selected:active {
  background: #00a699;
}

.CalendarDay--blocked-calendar {
  background: rgb(202.0224719101, 204.3258426966, 205.4775280899);
  color: rgb(130.324494382, 135.7451685393, 138.455505618);
  cursor: default;
}
.CalendarDay--blocked-calendar:active {
  background: rgb(202.0224719101, 204.3258426966, 205.4775280899);
}

.CalendarDay--blocked-out-of-range {
  color: rgb(202.0224719101, 204.3258426966, 205.4775280899);
  background: #fff;
  border: 1px solid rgb(228.1136363636, 231.1863636364, 231.1863636364);
  cursor: default;
}
.CalendarDay--blocked-out-of-range:active {
  background: #fff;
}

.CalendarMonth {
  text-align: center;
  padding: 0 13px;
  vertical-align: top;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.CalendarMonth table {
  border-collapse: collapse;
  border-spacing: 0;
  caption-caption-side: initial;
}

.CalendarMonth--horizontal:first-of-type,
.CalendarMonth--vertical:first-of-type {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.CalendarMonth--horizontal {
  display: inline-block;
  min-height: 100%;
}

.CalendarMonth--vertical {
  display: block;
}

.CalendarMonth__caption {
  color: rgb(60.1275280899, 62.9241573034, 64.3224719101);
  margin-top: 7px;
  font-size: 18px;
  text-align: center;
  margin-bottom: 2px;
  caption-side: initial;
}

.CalendarMonth--horizontal .CalendarMonth__caption,
.CalendarMonth--vertical .CalendarMonth__caption {
  padding: 15px 0 35px;
}

.CalendarMonth--vertical-scrollable .CalendarMonth__caption {
  padding: 5px 0;
}

.CalendarMonthGrid {
  background: #fff;
  z-index: 0;
  text-align: left;
}

.CalendarMonthGrid--animating {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  z-index: 1;
}

.CalendarMonthGrid--horizontal {
  position: absolute;
  left: 9px;
}

.CalendarMonthGrid--vertical {
  margin: 0 auto;
}

.CalendarMonthGrid--vertical-scrollable {
  margin: 0 auto;
  overflow-y: scroll;
}

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left;
}

.DayPicker--horizontal {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}
.DayPicker--horizontal.DayPicker--portal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}

.DayPicker--vertical.DayPicker--portal {
  position: initial;
}

.DayPicker__focus-region {
  outline: none;
}

.DayPicker__week-headers {
  position: relative;
}

.DayPicker--horizontal .DayPicker__week-headers {
  margin-left: 9px;
}

.DayPicker__week-header {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  padding: 0 13px;
  text-align: left;
}
.DayPicker__week-header ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
}
.DayPicker__week-header li {
  display: inline-block;
  text-align: center;
}

.DayPicker--vertical .DayPicker__week-header {
  left: 50%;
}

.DayPicker--vertical-scrollable {
  height: 100%;
}
.DayPicker--vertical-scrollable .DayPicker__week-header {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: white;
}
.DayPicker--vertical-scrollable .transition-container--vertical {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}
.DayPicker--vertical-scrollable .DayPicker__week-header {
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.transition-container {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}

.transition-container--horizontal {
  transition: height 0.2s ease-in-out;
}

.transition-container--vertical {
  width: 100%;
}

.DayPickerNavigation__prev,
.DayPickerNavigation__next {
  cursor: pointer;
  line-height: 0.78;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  user-select: none;
}

.DayPickerNavigation__prev--default,
.DayPickerNavigation__next--default {
  border: 1px solid #dce0e0;
  background-color: #fff;
  color: #757575;
}
.DayPickerNavigation__prev--default:focus, .DayPickerNavigation__prev--default:hover,
.DayPickerNavigation__next--default:focus,
.DayPickerNavigation__next--default:hover {
  border: 1px solid #c4c4c4;
}
.DayPickerNavigation__prev--default:active,
.DayPickerNavigation__next--default:active {
  background: rgb(242.25, 242.25, 242.25);
}

.DayPickerNavigation--horizontal {
  position: relative;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__prev,
.DayPickerNavigation--horizontal .DayPickerNavigation__next {
  border-radius: 3px;
  padding: 6px 9px;
  top: 18px;
  z-index: 2;
  position: absolute;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__prev {
  left: 22px;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__prev--rtl {
  left: auto;
  right: 22px;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__next {
  right: 22px;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__next--rtl {
  right: auto;
  left: 22px;
}
.DayPickerNavigation--horizontal .DayPickerNavigation__prev--default svg,
.DayPickerNavigation--horizontal .DayPickerNavigation__next--default svg {
  height: 19px;
  width: 19px;
  fill: rgb(130.324494382, 135.7451685393, 138.455505618);
}

.DayPickerNavigation--vertical {
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 52px;
  width: 100%;
  z-index: 2;
}
.DayPickerNavigation--vertical .DayPickerNavigation__prev,
.DayPickerNavigation--vertical .DayPickerNavigation__next {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 50%;
}
.DayPickerNavigation--vertical .DayPickerNavigation__next--default {
  border-left: 0;
}
.DayPickerNavigation--vertical .DayPickerNavigation__prev--default,
.DayPickerNavigation--vertical .DayPickerNavigation__next--default {
  text-align: center;
  font-size: 2.5em;
  padding: 5px;
}
.DayPickerNavigation--vertical .DayPickerNavigation__prev--default svg,
.DayPickerNavigation--vertical .DayPickerNavigation__next--default svg {
  height: 42px;
  width: 42px;
  fill: #484848;
}

.DayPickerNavigation--vertical-scrollable {
  position: relative;
}
.DayPickerNavigation--vertical-scrollable .DayPickerNavigation__next {
  width: 100%;
}

.DayPickerKeyboardShortcuts__show,
.DayPickerKeyboardShortcuts__close {
  background: none;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
}
.DayPickerKeyboardShortcuts__show:active,
.DayPickerKeyboardShortcuts__close:active {
  outline: none;
}

.DayPickerKeyboardShortcuts__show {
  width: 22px;
  position: absolute;
  z-index: 2;
}

.DayPickerKeyboardShortcuts__show--bottom-right {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0;
}
.DayPickerKeyboardShortcuts__show--bottom-right:hover {
  border-right: 33px solid #008489;
}
.DayPickerKeyboardShortcuts__show--bottom-right .DayPickerKeyboardShortcuts__show_span {
  bottom: 0;
  right: -28px;
}

.DayPickerKeyboardShortcuts__show--top-right {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0;
}
.DayPickerKeyboardShortcuts__show--top-right:hover {
  border-right: 33px solid #008489;
}
.DayPickerKeyboardShortcuts__show--top-right .DayPickerKeyboardShortcuts__show_span {
  top: 1px;
  right: -28px;
}

.DayPickerKeyboardShortcuts__show--top-left {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0;
}
.DayPickerKeyboardShortcuts__show--top-left:hover {
  border-left: 33px solid #008489;
}
.DayPickerKeyboardShortcuts__show--top-left .DayPickerKeyboardShortcuts__show_span {
  top: 1px;
  left: -28px;
}

.DayPickerKeyboardShortcuts__show_span {
  color: #fff;
  position: absolute;
}

.DayPickerKeyboardShortcuts__panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
}

.DayPickerKeyboardShortcuts__title {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}

.DayPickerKeyboardShortcuts__list {
  list-style: none;
  padding: 0;
}

.DayPickerKeyboardShortcuts__close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}
.DayPickerKeyboardShortcuts__close svg {
  height: 15px;
  width: 15px;
  fill: rgb(202.0224719101, 204.3258426966, 205.4775280899);
}
.DayPickerKeyboardShortcuts__close svg:hover, .DayPickerKeyboardShortcuts__close svg:focus {
  fill: rgb(130.324494382, 135.7451685393, 138.455505618);
}
.DayPickerKeyboardShortcuts__close:active {
  outline: none;
}

.KeyboardShortcutRow {
  margin: 6px 0;
}

.KeyboardShortcutRow__key-container {
  display: inline-block;
  white-space: nowrap;
  text-align: right;
  margin-right: 6px;
}

.KeyboardShortcutRow__key {
  font-family: monospace;
  font-size: 12px;
  text-transform: uppercase;
  background: rgb(241.5617977528, 242.1460674157, 242.4382022472);
  padding: 2px 6px;
}

.KeyboardShortcutRow__action {
  display: inline;
  word-break: break-word;
  margin-left: 8px;
}

.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow {
  margin-bottom: 16px;
}
.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__key-container {
  width: auto;
  text-align: left;
  display: inline;
}
.DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__action {
  display: inline;
}

.DateInput {
  font-weight: 200;
  font-size: 18px;
  line-height: 24px;
  color: #757575;
  margin: 0;
  padding: 8px;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle;
}

.DateInput--with-caret::before,
.DateInput--with-caret::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: auto;
  border: 10px solid transparent;
  left: 22px;
  z-index: 2;
}

.DateInput--open-down.DateInput--with-caret::before,
.DateInput--open-down.DateInput--with-caret::after {
  border-top: 0;
}

.DateInput--open-down.DateInput--with-caret::before {
  top: 62px;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.DateInput--open-down.DateInput--with-caret::after {
  top: 63px;
  border-bottom-color: #fff;
}

.DateInput--open-up.DateInput--with-caret::before,
.DateInput--open-up.DateInput--with-caret::after {
  border-bottom: 0;
}

.DateInput--open-up.DateInput--with-caret::before {
  top: -24px;
  border-top-color: rgba(0, 0, 0, 0.1);
}

.DateInput--open-up.DateInput--with-caret::after {
  top: -25px;
  border-top-color: #fff;
}

.DateInput--disabled {
  background: rgb(202.0224719101, 204.3258426966, 205.4775280899);
}

.DateInput__input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  height: 100%;
  width: 100%;
}
.DateInput__input[readonly] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.DateInput__display-text {
  padding: 4px 8px;
  white-space: nowrap;
  overflow: hidden;
}

.DateInput__display-text--has-input {
  color: #484848;
}

.DateInput__display-text--focused {
  background: #99ede6;
  border-color: #99ede6;
  border-radius: 3px;
  color: #007a87;
}

.DateInput__display-text--disabled {
  font-style: italic;
}

.screen-reader-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.DateRangePicker {
  position: relative;
  display: inline-block;
}

.DateRangePicker__picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.DateRangePicker__picker--rtl {
  direction: rtl;
}

.DateRangePicker__picker--direction-left {
  left: 0;
}

.DateRangePicker__picker--direction-right {
  right: 0;
}

.DateRangePicker__picker--open-down {
  top: 72px;
}

.DateRangePicker__picker--open-up {
  bottom: 72px;
}

.DateRangePicker__picker--portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.DateRangePicker__picker--full-screen-portal {
  background-color: #fff;
}

.DateRangePicker__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}
.DateRangePicker__close svg {
  height: 15px;
  width: 15px;
  fill: rgb(202.0224719101, 204.3258426966, 205.4775280899);
}
.DateRangePicker__close:hover, .DateRangePicker__close:focus {
  color: rgb(175.7572815534, 178.7475728155, 180.2427184466);
  text-decoration: none;
}

.DateRangePickerInput {
  background-color: #fff;
  border: 1px solid rgb(202.0224719101, 204.3258426966, 205.4775280899);
  display: inline-block;
}

.DateRangePickerInput--disabled {
  background: rgb(202.0224719101, 204.3258426966, 205.4775280899);
}

.DateRangePickerInput--rtl {
  direction: rtl;
}

.DateRangePickerInput__arrow {
  display: inline-block;
  vertical-align: middle;
}

.DateRangePickerInput__arrow svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px;
}

.DateRangePickerInput__clear-dates {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px;
}

.DateRangePickerInput__clear-dates svg {
  fill: rgb(130.324494382, 135.7451685393, 138.455505618);
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.DateRangePickerInput__clear-dates--hide {
  visibility: hidden;
}

.DateRangePickerInput__clear-dates:focus,
.DateRangePickerInput__clear-dates--hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.DateRangePickerInput__calendar-icon {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}
.DateRangePickerInput__calendar-icon svg {
  fill: rgb(130.324494382, 135.7451685393, 138.455505618);
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.SingleDatePicker {
  position: relative;
  display: inline-block;
}

.SingleDatePicker__picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.SingleDatePicker__picker--rtl {
  direction: rtl;
}

.SingleDatePicker__picker--direction-left {
  left: 0;
}

.SingleDatePicker__picker--direction-right {
  right: 0;
}

.SingleDatePicker__picker--open-down {
  top: 72px;
}

.SingleDatePicker__picker--open-up {
  bottom: 72px;
}

.SingleDatePicker__picker--portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.SingleDatePicker__picker--full-screen-portal {
  background-color: #fff;
}

.SingleDatePicker__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}
.SingleDatePicker__close svg {
  height: 15px;
  width: 15px;
  fill: rgb(202.0224719101, 204.3258426966, 205.4775280899);
}
.SingleDatePicker__close:hover, .SingleDatePicker__close:focus {
  color: rgb(175.7572815534, 178.7475728155, 180.2427184466);
  text-decoration: none;
}

.SingleDatePickerInput {
  background-color: #fff;
  border: 1px solid #dbdbdb;
}

.SingleDatePickerInput--disabled {
  background: rgb(202.0224719101, 204.3258426966, 205.4775280899);
}

.SingleDatePickerInput--rtl {
  direction: rtl;
}

.SingleDatePickerInput__clear-date {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px;
}

.SingleDatePickerInput__clear-date svg {
  fill: rgb(130.324494382, 135.7451685393, 138.455505618);
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.SingleDatePickerInput__clear-date--hide {
  visibility: hidden;
}

.SingleDatePickerInput__clear-date:focus,
.SingleDatePickerInput__clear-date--hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.SingleDatePickerInput__calendar-icon {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}
.SingleDatePickerInput__calendar-icon svg {
  fill: rgb(130.324494382, 135.7451685393, 138.455505618);
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

/**
 * GUI Styles
 * Your gui related definitions.
 * Only add the main GUI file in the styles.scss. Other gui styles will be added in gui/gui.scss
 */
/** -------------------------------------------
    GUI Related Styles
    ------------------------------------------- **/
/**
  * GUI Definitions
  * Only import the directories main files. No need the add other partials. In import order, each categorized partial
  * imported in the main file of the category
  */
/**
 * Globals
 */
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Fonts
    ------------------------------------------- **/
@font-face {
  font-family: "montserrat";
  src: url("/assets/montserrat-light-CrF-JZ7X.woff2?#caffeine") format("woff2"), url("/assets/montserrat-light-B7O4rSGO.woff?caffeine") format("woff"), url("/assets/montserrat-light-BZhh5i5i.ttf?caffeine") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserrat";
  src: url("/assets/montserrat-bold-BQXqc5RZ.woff2?#caffeine") format("woff2"), url("/assets/montserrat-bold-BSqyZ2n7.woff?caffeine") format("woff"), url("/assets/montserrat-bold-BvUc4__f.ttf?caffeine") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "montserrat";
  src: url("/assets/montserrat-medium-SKUC0wou.woff2?#caffeine") format("woff2"), url("/assets/montserrat-medium-C_xXXaI2.woff?caffeine") format("woff"), url("/assets/montserrat-medium-Do81FvFQ.ttf?caffeine") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "raleway";
  src: url("/assets/raleway-regular-BJeZNyLt.woff2?#caffeine") format("woff2"), url("/assets/raleway-regular-C4RtxcGF.woff?caffeine") format("woff"), url("/assets/raleway-regular-BA9-3WeJ.ttf?caffeine") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "raleway";
  src: url("/assets/raleway-600-CTExRrpu.woff2?#caffeine") format("woff2"), url("/assets/raleway-600-ngQRCo5u.woff?caffeine") format("woff"), url("/assets/raleway-600-fcsi2Be6.ttf?caffeine") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "raleway";
  src: url("/assets/raleway-800-BK5MTcO5.woff2?#caffeine") format("woff2"), url("/assets/raleway-800-BU2jHJ5G.woff?caffeine") format("woff"), url("/assets/raleway-800-BVIB9ooq.ttf?caffeine") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "lato";
  src: url("/assets/lato-CNtt3gFW.woff2?#caffeine") format("woff2"), url("/assets/lato-BCXf5A6u.woff?caffeine") format("woff"), url("/assets/lato-DdtLzVXw.ttf?caffeine") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PingFang";
  src: url("/assets/PingFang-Regular-Bm3-mGlv.woff2?#caffeine") format("woff2"), url("/assets/PingFang-Regular-XhGh1qDB.woff?caffeine") format("woff"), url("/assets/PingFang-Regular-BHiaWigb.ttf?caffeine") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PingFang";
  src: url("/assets/PingFang-Bold-DvWWR50w.woff2?#caffeine") format("woff2"), url("/assets/PingFang-Bold-DI-65pq5.woff?caffeine") format("woff"), url("/assets/PingFang-Bold-Bl6A-zU-.ttf?caffeine") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "poppins";
  src: url("/assets/poppins-regular-K5yF52DD.woff2?#caffeine") format("woff2"), url("/assets/poppins-regular-BDFSknrX.woff?caffeine") format("woff"), url("/assets/poppins-regular-B3nzehSi.ttf?caffeine") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "poppins";
  src: url("/assets/poppins-600-DgjvJHoI.woff2?#caffeine") format("woff2"), url("/assets/poppins-600-BuH3wmcA.woff?caffeine") format("woff"), url("/assets/poppins-600-DQa_wxeV.ttf?caffeine") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "segmentify-dashboard";
  src: url("/assets/segmentify-dashboard-ln5k0RX2.woff2?#caffeine") format("woff2"), url("/assets/segmentify-dashboard-D2uGbkjC.woff?caffeine") format("woff"), url("/assets/segmentify-dashboard-ClTkpjm7.ttf?caffeine") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.notification-close::before, .modal-close::before, .wizard .check-group-toggle.checked::before, .widget-list-no-items::before, .package.is-checked::after, .breadcrumb-item::before, .user-nav-list::after, .sub-nav-item.header-symbol::before, .data-table thead .sortable::after,
.data-table .sticky-table-table .sortable::after,
.sticky-table thead .sortable::after,
.sticky-table .sticky-table-table .sortable::after, .is-radio [type=radio] + .item-label::after, .is-checkbox [type=checkbox] + .item-label::after, .react-tags__selected-tag::after, [class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "segmentify-dashboard";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Widths
    ------------------------------------------- **/
.x-small {
  width: 50px;
}

.small {
  width: 100px;
}

.medium {
  width: 150px;
}

.large {
  width: 200px;
}

.x-large {
  width: 300px;
}

.xx-large {
  width: 400px;
}

.xxx-large {
  width: 500px;
}

/**
 * Externals
 */
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.rc-calendar-hidden {
  display: none;
}

.rc-calendar-input-wrap {
  position: relative;
  padding: 6px;
  border-bottom: 1px solid #e9e9e9;
}
.rc-calendar-input-wrap::after {
  clear: both;
  content: "";
}

.rc-calendar-date-input-wrap {
  overflow: hidden;
}

.rc-calendar-time-picker {
  position: absolute;
  top: 34px;
  width: 100%;
  height: 217px;
  background-color: #fff;
}

.rc-calendar-time-picker-panel {
  position: relative;
  width: 100%;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {
  display: none;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {
  border: none;
  box-shadow: none;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-select {
  width: 84px;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-select ul {
  max-height: 217px;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {
  padding: 0;
  text-align: center;
}

.rc-calendar-time-picker-wrap {
  width: 100%;
  float: left;
}
.rc-calendar-time-picker-wrap .rc-time-picker {
  width: 100%;
}
.rc-calendar-time-picker-wrap .rc-time-picker-input {
  height: 22px;
  padding: 0;
  border: 1px solid transparent;
  outline: 0;
}
.rc-calendar-time-picker-wrap .rc-time-picker-icon {
  display: none;
}

.rc-calendar-input {
  width: 100%;
  height: 22px;
  border: 1px solid transparent;
  outline: 0;
  color: #666;
  line-height: 1.5;
  cursor: text;
}

.rc-calendar-input-invalid {
  border-color: #f00;
}

.rc-calendar-clear-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  margin: 0;
  line-height: 20px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  z-index: 9999;
}
.rc-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: #aaa;
  font-size: 12px;
  line-height: 1;
  content: "x";
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.rc-calendar-clear-btn:hover::after {
  color: #666;
}

.rc-calendar-picker {
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1000;
}

.rc-calendar-picker-hidden {
  display: none;
}

.rc-calendar-picker-slide-up-enter {
  display: block !important;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-calendar-picker-slide-up-appear {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-calendar-picker-slide-up-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight {
  -webkit-animation-name: rcDropdownSlideUpIn;
  animation-name: rcDropdownSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight {
  -webkit-animation-name: rcDropdownSlideDownIn;
  animation-name: rcDropdownSlideDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
  -webkit-animation-name: rcDropdownSlideUpOut;
  animation-name: rcDropdownSlideUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
  -webkit-animation-name: rcDropdownSlideDownOut;
  animation-name: rcDropdownSlideDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
.rc-calendar {
  position: relative;
  outline: none;
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
  width: 253px;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
  background-clip: padding-box;
  border: 1px solid #ccc;
  line-height: 1.5;
}

.rc-calendar-date-panel,
.rc-calendar-panel {
  position: relative;
  outline: none;
}

.rc-calendar-week-number {
  width: 286px;
}

.rc-calendar-week-number-cell {
  text-align: center;
}

.rc-calendar-header {
  padding: 0 10px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
}

.rc-calendar-header > a {
  font-weight: bold;
  display: inline-block;
  padding: 0 5px;
  line-height: 34px;
  text-align: center;
  width: 30px;
}

.rc-calendar-header > a:hover {
  cursor: pointer;
  color: #23c0fa;
}

.rc-calendar-header .rc-calendar-prev-month-btn {
  position: absolute;
  left: 25px;
}

.rc-calendar-header .rc-calendar-prev-month-btn:after {
  content: "‹";
}

.rc-calendar-header .rc-calendar-next-month-btn {
  position: absolute;
  right: 25px;
}

.rc-calendar-header .rc-calendar-next-month-btn:after {
  content: "›";
}

.rc-calendar-year-select,
.rc-calendar-month-select,
.rc-calendar-day-select {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  padding: 0 8px;
  line-height: 34px;
}

.rc-calendar-year-select:hover,
.rc-calendar-month-select:hover,
.rc-calendar-day-select:hover {
  cursor: pointer;
  color: #23c0fa;
}

.rc-calendar-prev-month-btn,
.rc-calendar-next-month-btn,
.rc-calendar-prev-year-btn,
.rc-calendar-next-year-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  color: #999;
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 34px;
}

.rc-calendar-prev-month-btn:hover,
.rc-calendar-next-month-btn:hover,
.rc-calendar-prev-year-btn:hover,
.rc-calendar-next-year-btn:hover {
  color: #23c0fa;
}

.rc-calendar-next-year-btn {
  right: 0;
}

.rc-calendar-next-year-btn:after {
  content: "»";
}

.rc-calendar-prev-year-btn {
  left: 0;
}

.rc-calendar-prev-year-btn:after {
  content: "«";
}

.rc-calendar-body {
  padding: 9px 10px 10px;
  height: 217px;
}

.rc-calendar table {
  border-collapse: collapse;
  max-width: 100%;
  background-color: transparent;
  width: 100%;
}

.rc-calendar table,
.rc-calendar td,
.rc-calendar th,
.rc-calendar td {
  border: none;
}

.rc-calendar-table {
  border-spacing: 0;
  margin-bottom: 0;
}

.rc-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  float: none;
  line-height: 18px;
  text-align: center;
}

.rc-calendar-column-header .rc-calendar-column-header-inner {
  display: block;
  padding: 0;
  font-weight: normal;
}

.rc-calendar-week-number-header .rc-calendar-column-header-inner {
  display: none;
}

.rc-calendar-cell {
  padding: 1px 0;
}

.rc-calendar-date {
  display: block;
  margin: 0 auto;
  color: #666;
  border-radius: 4px 4px;
  width: 26px;
  height: 26px;
  padding: 0;
  background: transparent;
  line-height: 26px;
  text-align: center;
}

.rc-calendar-date:hover {
  background: #ebfaff;
  cursor: pointer;
}

.rc-calendar-selected-day .rc-calendar-date {
  background: #3fc7fa;
  color: #fff;
}

.rc-calendar-selected-day .rc-calendar-date:hover {
  background: #3fc7fa;
}

.rc-calendar-today .rc-calendar-date {
  border: 1px solid #3fc7fa;
}

.rc-calendar-disabled-cell .rc-calendar-date {
  cursor: not-allowed;
  color: #bcbcbc;
  background: #f3f3f3;
  border-radius: 0;
  width: auto;
}

.rc-calendar-disabled-cell .rc-calendar-date:hover {
  background: #f3f3f3;
}

.rc-calendar-disabled-cell-first-of-row .rc-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rc-calendar-disabled-cell-last-of-row .rc-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.rc-calendar-last-month-cell .rc-calendar-date,
.rc-calendar-next-month-btn-day .rc-calendar-date {
  color: #bbb;
}

.rc-calendar-footer {
  border-top: 1px solid #ccc;
  padding: 10px 0;
  text-align: center;
  position: relative;
}

.rc-calendar-footer .rc-time-picker {
  width: 90px;
}

.rc-calendar-footer .rc-time-picker-input {
  height: 24px;
}

.rc-calendar-footer-show-ok {
  text-align: right;
}

.rc-calendar-footer-show-ok .rc-calendar-footer-btn {
  padding-right: 12px;
}

.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {
  margin-left: 0;
  padding: 0 12px;
}

.rc-calendar-footer-show-ok .rc-calendar-today-btn {
  float: left;
  padding-left: 12px;
}

.rc-calendar-footer-btn {
  margin-top: 2px;
}

.rc-calendar-footer-btn:after {
  content: "x";
  height: 0;
  font-size: 0;
  overflow: hidden;
  clear: both;
}

.rc-calendar-time-picker-btn {
  margin-left: 10px;
}

.rc-calendar-today-btn,
.rc-calendar-ok-btn,
.rc-calendar-time-picker-btn {
  display: inline-block;
  text-align: center;
  color: #f46830;
}

.rc-calendar-today-btn:hover,
.rc-calendar-ok-btn:hover,
.rc-calendar-time-picker-btn:hover {
  cursor: pointer;
  color: #23c0fa;
}

.rc-calendar-today-btn-disabled,
.rc-calendar-ok-btn-disabled,
.rc-calendar-time-picker-btn-disabled {
  color: #bbb;
}

.rc-calendar-today-btn-disabled:hover,
.rc-calendar-ok-btn-disabled:hover,
.rc-calendar-time-picker-btn-disabled:hover {
  color: #bbb;
}

.rc-calendar-today-btn {
  padding-left: 10px;
}

.rc-calendar-time-input {
  height: 25px;
  position: relative;
  display: inline-block;
  margin: 0 0;
  padding: 4px 10px;
  border-radius: 6px 6px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  color: #666;
  line-height: 1.5;
  -webkit-transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  width: 40px;
}

.rc-calendar-time-input:hover {
  border-color: #23c0fa;
}

.rc-calendar-time-input:focus {
  border-color: #23c0fa;
  box-shadow: 0 0 3px #23c0fa;
}

.rc-calendar-time-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 10;
  position: absolute;
  outline: none;
}

.rc-calendar-time-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  position: relative;
  text-align: center;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
}

.rc-calendar-time-panel-body {
  padding: 9px 10px 10px;
}

.rc-calendar-time-panel-title {
  width: 180px;
  font-weight: bold;
  display: inline-block;
  padding: 4px 5px;
  text-align: center;
  height: 30px;
  line-height: 22px;
  border-radius: 4px;
}

.rc-calendar-time-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 255px;
  border-collapse: separate;
}

.rc-calendar-time-panel-cell {
  text-align: center;
  height: 42px;
  vertical-align: middle;
}

.rc-calendar-time-panel-time {
  line-height: 26px;
  display: block;
  border-radius: 4px;
  width: 26px;
  margin: 0 auto;
}

.rc-calendar-time-panel-time:hover {
  background: #ebfaff;
  cursor: pointer;
}

.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time {
  background: #3fc7fa;
  color: #fff;
}

.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
  background: #3fc7fa;
  color: #fff;
}

.rc-calendar-month-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 10;
  position: absolute;
  outline: none;
}

.rc-calendar-month-panel-hidden {
  display: none;
}

.rc-calendar-month-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 30px;
  position: relative;
  text-align: center;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
}

.rc-calendar-month-panel-header > a {
  font-weight: bold;
  display: inline-block;
  padding: 4px 5px;
  text-align: center;
  width: 30px;
}

.rc-calendar-month-panel-header > a:hover {
  cursor: pointer;
  color: #23c0fa;
}

.rc-calendar-month-panel-prev-year-btn,
.rc-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
}

.rc-calendar-month-panel-next-year-btn:after {
  content: "»";
}

.rc-calendar-month-panel-prev-year-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  left: 0;
}

.rc-calendar-month-panel-prev-year-btn:after {
  content: "«";
}

.rc-calendar-month-panel .rc-calendar-month-panel-year-select {
  width: 180px;
}

.rc-calendar-month-panel-year-select-arrow {
  display: none;
}

.rc-calendar-month-panel-next-year-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  right: 0;
}

.rc-calendar-month-panel-body {
  padding: 9px 10px 10px;
}

.rc-calendar-month-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 255px;
  border-collapse: separate;
}

.rc-calendar-month-panel-cell {
  text-align: center;
}

.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
  display: block;
  width: 46px;
  margin: 0 auto;
  color: #666;
  border-radius: 4px 4px;
  height: 36px;
  padding: 0;
  background: transparent;
  line-height: 36px;
  text-align: center;
}

.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
  background: #ebfaff;
  cursor: pointer;
}

.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
  color: #bfbfbf;
}

.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
  background: white;
  cursor: not-allowed;
}

.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
  background: #3fc7fa;
  color: #fff;
}

.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
  background: #3fc7fa;
  color: #fff;
}

.rc-calendar-year-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 10;
  position: absolute;
  outline: none;
}

.rc-calendar-year-panel-hidden {
  display: none;
}

.rc-calendar-year-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 30px;
  position: relative;
  text-align: center;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
}

.rc-calendar-year-panel-header > a {
  font-weight: bold;
  display: inline-block;
  padding: 4px 5px;
  text-align: center;
  width: 30px;
}

.rc-calendar-year-panel-header > a:hover {
  cursor: pointer;
  color: #23c0fa;
}

.rc-calendar-year-panel-prev-decade-btn,
.rc-calendar-year-panel-next-decade-btn {
  position: absolute;
  top: 0;
}

.rc-calendar-year-panel-next-decade-btn:after {
  content: "»";
}

.rc-calendar-year-panel-prev-decade-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  left: 0;
}

.rc-calendar-year-panel-prev-decade-btn:after {
  content: "«";
}

.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
  width: 180px;
}

.rc-calendar-year-panel-decade-select-arrow {
  display: none;
}

.rc-calendar-year-panel-next-decade-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  right: 0;
}

.rc-calendar-year-panel-body {
  padding: 9px 10px 10px;
}

.rc-calendar-year-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 255px;
  border-collapse: separate;
}

.rc-calendar-year-panel-cell {
  text-align: center;
}

.rc-calendar-year-panel-year {
  display: block;
  width: 46px;
  margin: 0 auto;
  color: #666;
  border-radius: 4px 4px;
  height: 36px;
  padding: 0;
  background: transparent;
  line-height: 36px;
  text-align: center;
}

.rc-calendar-year-panel-year:hover {
  background: #ebfaff;
  cursor: pointer;
}

.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
  background: #3fc7fa;
  color: #fff;
}

.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
  background: #3fc7fa;
  color: #fff;
}

.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,
.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year:before,
.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year:before {
  content: ">";
  font-family: "iconfont" !important;
}

.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rc-calendar-decade-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 10;
  position: absolute;
  outline: none;
}

.rc-calendar-decade-panel-hidden {
  display: none;
}

.rc-calendar-decade-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  position: relative;
  text-align: center;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
}

.rc-calendar-decade-panel-header > a {
  font-weight: bold;
  display: inline-block;
  padding: 1px 5px;
  text-align: center;
  width: 30px;
}

.rc-calendar-decade-panel-header > a:hover {
  cursor: pointer;
  color: #23c0fa;
}

.rc-calendar-decade-panel-prev-century-btn,
.rc-calendar-decade-panel-next-century-btn {
  position: absolute;
  top: 0;
}

.rc-calendar-decade-panel-next-century-btn:after {
  content: "»";
}

.rc-calendar-decade-panel-prev-century-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  left: 0;
}

.rc-calendar-decade-panel-prev-century-btn:after {
  content: "«";
}

.rc-calendar-decade-panel-next-century-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  right: 0;
}

.rc-calendar-decade-panel-body {
  padding: 9px 10px 10px;
}

.rc-calendar-decade-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 255px;
  border-collapse: separate;
}

.rc-calendar-decade-panel-cell {
  text-align: center;
}

.rc-calendar-decade-panel-decade {
  display: block;
  margin: 0 auto;
  color: #666;
  border-radius: 4px 4px;
  height: 36px;
  padding: 0;
  background: transparent;
  line-height: 36px;
  text-align: center;
}

.rc-calendar-decade-panel-decade:hover {
  background: #ebfaff;
  cursor: pointer;
}

.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
  background: #3fc7fa;
  color: #fff;
}

.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
  background: #3fc7fa;
  color: #fff;
}

.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,
.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade:before,
.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade:before {
  content: ">";
  font-family: "iconfont" !important;
}

.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rc-calendar-range {
  width: 502px;
  overflow: hidden;
}

.rc-calendar-range-part {
  width: 250px;
  position: relative;
}

.rc-calendar-range-part .rc-calendar-time-picker {
  top: 69px;
}

.rc-calendar-range-part .rc-calendar-time-picker-panel-select {
  width: 77px;
}

.rc-calendar-range-left {
  float: left;
}

.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
  border-right: 1px solid #e9e9e9;
}

.rc-calendar-range-right {
  float: right;
}

.rc-calendar-range-right .rc-calendar-time-picker-panel {
  left: 21px;
}

.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
  border-left: 1px solid #e9e9e9;
}

.rc-calendar-range-middle {
  position: absolute;
  margin-left: -10px;
  text-align: center;
  height: 35px;
  line-height: 35px;
}

.rc-calendar-range .rc-calendar-date-panel::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.rc-calendar-range .rc-calendar-input-wrap {
  height: 35px;
}

.rc-calendar-range .rc-calendar-input,
.rc-calendar-range .rc-time-picker-input {
  padding: 1px 7px;
  height: 22px;
}

.rc-calendar-range .rc-calendar-body,
.rc-calendar-range .rc-calendar-decade-panel-body,
.rc-calendar-range .rc-calendar-year-panel-body,
.rc-calendar-range .rc-calendar-month-panel-body {
  border-bottom: 1px solid #e9e9e9;
}

.rc-calendar-range.rc-calendar-week-number {
  width: 574px;
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {
  width: 286px;
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {
  top: 69px;
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
  width: 89px;
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {
  left: 36px;
}

.rc-calendar-range .rc-calendar-year-panel,
.rc-calendar-range .rc-calendar-month-panel {
  top: 35px;
}

.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {
  top: 0;
}

.rc-calendar-range .rc-calendar-decade-panel-table,
.rc-calendar-range .rc-calendar-year-panel-table,
.rc-calendar-range .rc-calendar-month-panel-table {
  height: 198px;
}

.rc-calendar-range .rc-calendar-in-range-cell {
  background: #ebf4f8;
  border-radius: 0;
}

.rc-calendar-range-bottom {
  text-align: right;
}

.rc-calendar-range .rc-calendar-footer {
  border-top: none;
}

.rc-calendar-range .rc-calendar-footer-btn {
  padding-right: 12px;
}

.rc-calendar-range .rc-calendar-ok-btn {
  position: static;
}

.rc-calendar-range .rc-calendar-today-btn {
  float: left;
}

.rc-calendar-full {
  width: 275px;
}

.rc-calendar-full-header {
  padding: 5px 10px;
  text-align: center;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}

.rc-calendar-full-header-month-select,
.rc-calendar-full-header-year-select {
  width: 70px;
  float: right;
  margin-right: 5px;
}

.rc-calendar-full-header-switcher {
  float: right;
  display: inline-block;
}

.rc-calendar-full-header-switcher-normal:hover {
  border-color: #23c0fa;
  box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
  cursor: pointer;
}

.rc-calendar-full-header-switcher-focus {
  border-color: #3fc7fa;
  background-color: #3fc7fa;
  color: #fff;
}

.rc-calendar-full-header-switcher > span {
  float: left;
  height: 28px;
  line-height: 24px;
  border: 1px solid #d9d9d9;
  padding: 0 10px;
  color: #666;
}

.rc-calendar-full-header-switcher > span:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
}

.rc-calendar-full-header-switcher > span:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
}

.rc-calendar-fullscreen {
  width: auto;
}

.rc-calendar-fullscreen .rc-calendar-full-header {
  border-bottom: none;
}

.rc-calendar-fullscreen .rc-calendar-column-header {
  text-align: right;
  padding-right: 12px;
}

.rc-calendar-fullscreen .rc-calendar-cell {
  padding: 0;
}

.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,
.rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
  display: block;
  height: 116px;
  width: auto;
  border-radius: 0;
  margin: 0 4px;
  border: none;
  border-top: 2px solid #eee;
  text-align: right;
  padding-right: 8px;
}

.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date,
.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
  background-color: #ebfaff;
  color: #666;
}

.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date,
.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
  border-top-color: #3fc7fa;
  color: #3fc7fa;
}

.rc-color-picker-panel-inner {
  position: relative;
  border-radius: 4px;
  box-shadow: 0 1px 5px #ccc;
  border: 1px solid #ccc;
  padding: 8px;
}

.rc-color-picker-panel-wrap {
  margin: 5px 0 0;
  height: 30px;
  width: 100%;
  position: relative;
  font-size: 12px;
}

.rc-color-picker-panel-wrap-preview {
  position: absolute;
  right: 0px;
}

.rc-color-picker-panel-wrap-ribbon {
  position: absolute;
  left: 0px;
  top: 0;
  right: 35px;
  height: 12.5px;
}

.rc-color-picker-panel-wrap-alpha {
  position: absolute;
  left: 0px;
  right: 35px;
  bottom: 0;
  height: 12.5px;
}

.rc-color-picker-trigger {
  border: 1px solid #999;
  display: inline-block;
  padding: 2px;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  box-shadow: 0 0 0 2px #fff inset;
}

.rc-color-picker-trigger-open {
  box-shadow: 0px 0px 3px #999;
}

.rc-color-picker-panel {
  width: 218px;
  background-color: #fff;
  box-sizing: border-box;
  outline: none;
  z-index: 9;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rc-color-picker-panel * {
  box-sizing: border-box;
}

.rc-color-picker-panel-open {
  display: block;
}

.rc-color-picker-panel-close {
  display: none;
}

.rc-color-picker-panel-preview {
  height: 30px;
  width: 30px;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset;
  background-image: url("data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==");
}

.rc-color-picker-panel-preview span,
.rc-color-picker-panel-preview input[type=color] {
  position: absolute;
  display: block;
  height: 100%;
  width: 30px;
  border-radius: 2px;
}

.rc-color-picker-panel-preview input[type=color] {
  opacity: 0;
}

.rc-color-picker-panel-board {
  position: relative;
  font-size: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rc-color-picker-panel-board span {
  position: absolute;
  border-radius: 10px;
  border: 1px solid #fff;
  width: 9px;
  height: 9px;
  left: -999px;
  top: -999px;
  box-shadow: 0 0 1px rgba(120, 120, 120, 0.7);
  z-index: 2;
}

.rc-color-picker-panel-board-hsv {
  width: 200px;
  height: 150px;
  position: relative;
  z-index: 1;
  border-radius: 2px;
}

.rc-color-picker-panel-board-value {
  border-radius: 2px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, transparent 0%, #000000 100%);
  background-image: -moz-linear-gradient(top, transparent 0%, #000000 100%);
  background-image: -o-linear-gradient(top, transparent 0%, #000000 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);
}

.rc-color-picker-panel-board-saturation {
  border-radius: 2px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left, #ffffff 0%, transparent 100%);
  background-image: -moz-linear-gradient(left, #ffffff 0%, transparent 100%);
  background-image: -o-linear-gradient(left, #ffffff 0%, transparent 100%);
  background-image: linear-gradient(to right, #ffffff 0%, transparent 100%);
}

.rc-color-picker-panel-board-handler {
  box-shadow: 0 0 2px #808080 inset;
  border-radius: 2px;
  cursor: crosshair;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.rc-color-picker-panel-ribbon {
  position: relative;
  height: 100%;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmY5OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2NkZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDBmZjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzIwMGZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NkMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZjAwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);
  background-image: -moz-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);
  background-image: -o-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);
  background-image: linear-gradient(to right, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);
}

.rc-color-picker-panel-ribbon span {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4px;
  border: 1px solid #000000;
  padding: 1px 0;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 3px;
}

.rc-color-picker-panel-ribbon-handler {
  position: absolute;
  width: 104%;
  height: 100%;
  left: -2%;
  cursor: pointer;
}

.rc-color-picker-panel-alpha {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 2px;
  background-image: url("data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==");
  background-repeat: repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rc-color-picker-panel-alpha-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset;
}

.rc-color-picker-panel-alpha span {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4px;
  border: 1px solid #000000;
  padding: 1px 0;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 3px;
}

.rc-color-picker-panel-alpha-handler {
  position: absolute;
  width: 104%;
  height: 100%;
  left: -2%;
  cursor: pointer;
}

.rc-color-picker-panel-params {
  font-size: 12px;
}

.rc-color-picker-panel-params-input {
  overflow: hidden;
  padding: 2px 0;
}

.rc-color-picker-panel-params input {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  text-align: center;
  padding: 1px;
  margin: 0;
  float: left;
  border-radius: 2px;
  border: 1px solid #CACACA;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.rc-color-picker-panel-params-hex {
  width: 52px;
}

.rc-color-picker-panel-params input[type=number] {
  margin-left: 5px;
  width: 32px;
}

.rc-color-picker-panel-params input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.rc-color-picker-panel-params-lable {
  padding: 2px 0;
  height: 22px;
  line-height: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rc-color-picker-panel-params-lable label {
  float: left;
  text-align: center;
}

.rc-color-picker-panel-params-lable-hex {
  width: 52px;
}

.rc-color-picker-panel-params-lable-number,
.rc-color-picker-panel-params-lable-alpha {
  margin-left: 5px;
  width: 32px;
}

.rc-color-picker-panel-params-lable-number:hover {
  border-radius: 2px;
  background-color: #eee;
  box-shadow: 0 0 0 1px #ccc inset;
  cursor: pointer;
}

.rc-color-picker {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1000;
}

.rc-color-picker-wrap {
  display: inline-block;
}

.rc-color-picker-slide-up-enter {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-color-picker-slide-up-appear {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-color-picker-slide-up-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomLeft,
.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomRight,
.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomLeft,
.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomRight {
  -webkit-animation-name: rcColorPickerSlideUpIn;
  animation-name: rcColorPickerSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topLeft,
.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topRight,
.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topLeft,
.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topRight {
  -webkit-animation-name: rcColorPickerSlideDownIn;
  animation-name: rcColorPickerSlideDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomLeft,
.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomRight {
  -webkit-animation-name: rcColorPickerSlideUpOut;
  animation-name: rcColorPickerSlideUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topLeft,
.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topRight {
  -webkit-animation-name: rcColorPickerSlideDownOut;
  animation-name: rcColorPickerSlideDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes rcColorPickerSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes rcColorPickerSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes rcColorPickerSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes rcColorPickerSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes rcColorPickerSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes rcColorPickerSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes rcColorPickerSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes rcColorPickerSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
/*!
 * https://github.com/arqex/react-datetime
 */
.rdt {
  position: relative;
}

.rdtPicker {
  display: none;
  position: absolute;
  width: 250px;
  padding: 0;
  margin-top: 1px;
  border: 1px solid #f9f9f9;
  background: #fff;
  font-size: 0.875rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  z-index: 99999 !important;
}

.rdtOpen .rdtPicker {
  display: block;
}

.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}

.rdtPicker .rdtTimeToggle {
  text-align: center;
}

.rdtPicker table {
  width: 100%;
  margin: 0;
}

.rdtPicker td,
.rdtPicker th {
  height: 28px;
  padding: 5px;
  text-align: center;
}

.rdtPicker td {
  cursor: pointer;
}

.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}

.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}

.rdtPicker td.rdtToday {
  position: relative;
}

.rdtPicker td.rdtToday:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}

.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}

.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}

.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
}

.rdtPicker th.rdtSwitch {
  width: 100px;
}

.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}

.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker thead tr:first-child th {
  cursor: pointer;
}

.rdtPicker thead tr:first-child th:hover {
  background: #eeeeee;
}

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}

.rdtPicker button:hover {
  background-color: #eee;
}

.rdtPicker thead button {
  width: 100%;
  height: 100%;
}

td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}

td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

.rdtCounter .rdtBtn:hover {
  background: #eee;
}

.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}

.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}

/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
}

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}

.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker {
  color: black;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}

@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: -20px;
  overflow: hidden;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3 {
  color: #085;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
  /* Hack to make IE7 behave */
  *zoom: 1;
  *display: inline;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span {
  *vertical-align: text-bottom;
}

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: "";
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}

/****************************************************************/
/*   Based on mbonaci's Brackets mbo theme                      */
/*   https://github.com/mbonaci/global/blob/master/Mbo.tmTheme  */
/*   Create your own: http://tmtheme-editor.herokuapp.com       */
/****************************************************************/
.cm-s-mbo.CodeMirror {
  background: #2c2c2c;
  color: #ffffec;
}

.cm-s-mbo div.CodeMirror-selected {
  background: #716C62;
}

.cm-s-mbo .CodeMirror-line::selection, .cm-s-mbo .CodeMirror-line > span::selection, .cm-s-mbo .CodeMirror-line > span > span::selection {
  background: rgba(113, 108, 98, 0.99);
}

.cm-s-mbo .CodeMirror-line::-moz-selection, .cm-s-mbo .CodeMirror-line > span::-moz-selection, .cm-s-mbo .CodeMirror-line > span > span::-moz-selection {
  background: rgba(113, 108, 98, 0.99);
}

.cm-s-mbo .CodeMirror-gutters {
  background: #4e4e4e;
  border-right: 0px;
}

.cm-s-mbo .CodeMirror-guttermarker {
  color: white;
}

.cm-s-mbo .CodeMirror-guttermarker-subtle {
  color: grey;
}

.cm-s-mbo .CodeMirror-linenumber {
  color: #dadada;
}

.cm-s-mbo .CodeMirror-cursor {
  border-left: 1px solid #ffffec;
}

.cm-s-mbo span.cm-comment {
  color: #95958a;
}

.cm-s-mbo span.cm-atom {
  color: #00a8c6;
}

.cm-s-mbo span.cm-number {
  color: #00a8c6;
}

.cm-s-mbo span.cm-property, .cm-s-mbo span.cm-attribute {
  color: #9ddfe9;
}

.cm-s-mbo span.cm-keyword {
  color: #ffb928;
}

.cm-s-mbo span.cm-string {
  color: #ffcf6c;
}

.cm-s-mbo span.cm-string.cm-property {
  color: #ffffec;
}

.cm-s-mbo span.cm-variable {
  color: #ffffec;
}

.cm-s-mbo span.cm-variable-2 {
  color: #00a8c6;
}

.cm-s-mbo span.cm-def {
  color: #ffffec;
}

.cm-s-mbo span.cm-bracket {
  color: #fffffc;
  font-weight: bold;
}

.cm-s-mbo span.cm-tag {
  color: #9ddfe9;
}

.cm-s-mbo span.cm-link {
  color: #f54b07;
}

.cm-s-mbo span.cm-error {
  border-bottom: #636363;
  color: #ffffec;
}

.cm-s-mbo span.cm-qualifier {
  color: #ffffec;
}

.cm-s-mbo .CodeMirror-activeline-background {
  background: #494b41;
}

.cm-s-mbo .CodeMirror-matchingbracket {
  color: #ffb928 !important;
}

.cm-s-mbo .CodeMirror-matchingtag {
  background: rgba(255, 255, 255, 0.37);
}

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select div, .Select input, .Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 34px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
}

.is-searchable.is-open > .Select-control {
  cursor: text;
}

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.is-open > .Select-control > .Select-arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}

.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}

.Select-placeholder, .Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-value.Select--single > .Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}

.is-focused .Select-input > input {
  cursor: text;
}

.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}

.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}

.Select--multi .Select-clear-zone {
  width: 17px;
}

.Select-arrow-zone {
  cursor: pointer;
  display: none;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}

ol.form-elements li.row .item.is-select .Select-arrow-zone, .pager-size .Select-arrow-zone, .exclusion-list .Select-arrow-zone, .analytics-filters .Select-arrow-zone, .email-settings-capping .Select-arrow-zone {
  display: table-cell;
}

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
}

.is-open .Select-arrow, .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 3;
  -webkit-overflow-scrolling: touch;
}

.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}

.draggable-dragging.Select-value, .Select--multi .Select-value {
  /* Fallback color for IE 8 */
  border: 1px solid rgba(0, 126, 255, 0.24);
  display: inline-block;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  background: rgb(84, 116, 148);
  padding: 5px;
  border-radius: 5px;
  cursor: move;
}

.exclusion-list .Select--multi .Select-value, .draggable-dragging.Select-value {
  cursor: default !important;
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi .Select-input > input {
  padding: 8px 0 0 0;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
  margin-top: 5px;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
  overflow-y: auto;
  width: 100%;
}
.Select--multi .Select-value-icon {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(186, 186, 186, 0.08);
  color: rgb(186, 186, 186);
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
.firefox select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='8px'%20height='53px'%20viewBox='0%200%208%2053'%20style='enable-background:new%200%200%208%2053;'%20xml:space='preserve'%3e%3cpath%20style='fill:%23524A43;'%20d='M4.028,52.994l-4.003-5.368h8.006L4.028,52.994z'/%3e%3cpath%20style='fill:%23524A43;'%20d='M4.028,0l4.003,5.368H0.025L4.028,0z'/%3e%3c/svg%3e") !important;
  background-position: calc(100% - 10px) -34px, 100%, calc(100% - 35px) 0 !important;
  background-size: auto, 35px 100%, 1px 100% !important;
  background-repeat: no-repeat !important;
  padding-right: 15px !important;
}

.draggable-dragging.Select-value .Select-value-icon {
  display: none;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.Select-control {
  border: 0;
  box-shadow: none;
}

.segmentify-analytics .Select-control {
  background-color: transparent;
}
.segmentify-analytics .Select-value {
  color: #fff !important;
}
.segmentify-analytics .Select-value-label {
  color: #fff !important;
}
.segmentify-analytics .Select-arrow {
  border-color: #fff transparent transparent;
}
.segmentify-analytics .Select-arrow-zone {
  padding-right: 0;
  text-align: right;
}
.segmentify-analytics .Select-clear {
  color: #fff;
}
.segmentify-analytics .has-icon-label .Select-value-label {
  padding-left: 10px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.react-tags {
  border: 0;
  border-bottom: 2px solid #efeef8;
}
.react-tags input {
  border: 0;
}
.react-tags__selected-tag {
  margin-bottom: 5px;
  background-color: #547494;
  color: #fff;
  font-size: 0.875rem;
}
.react-tags__selected-tag:hover {
  background-color: rgb(70.150862069, 96.875, 123.599137931);
  color: #fff;
}
.react-tags__selected-tag:hover::after {
  color: #fff;
}
.react-tags__selected-tag::after {
  margin-right: -5px;
  margin-left: 10px;
  color: #7a7a7c;
  font-size: 0.6em;
}
.react-tags__selected-tag + .react-tags__selected-tag {
  margin-left: 5px;
}
.react-tags__search {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding: 7px 2px;
  margin-bottom: 6px;
}
.react-tags__suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  font-size: 0.875rem;
}
.react-tags__suggestions ul {
  margin: 4px -1px;
  padding: 0;
  list-style: none;
  background: white;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.react-tags__suggestions li {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0 !important;
  padding: 6px 8px;
}
.react-tags__suggestions li:hover {
  cursor: pointer;
  background: #eee;
}
.react-tags__suggestions li.is-active {
  background: #b7cfe0;
}
.react-tags__suggestions li.is-disabled {
  opacity: 0.5;
  cursor: auto;
}
.react-tags__suggestions li mark {
  text-decoration: underline;
  background: none;
  font-weight: 600;
}

/* Filepicker CSS */
.filepicker {
  font-family: sans-serif;
}

div.filepicker {
  text-align: center;
  padding: 5px;
  background-color: #e1e1e1;
  border-radius: 5px;
  min-height: 60px;
  border: 2px dashed #c7c7c7;
}

/* Icon */
.filepicker-file-icon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 2.5em 0;
  padding-left: 45px;
  color: black;
}

.filepicker-file-icon::before {
  position: absolute;
  top: -7px;
  left: 0;
  width: 29px;
  height: 34px;
  content: "";
  border: solid 2px #7f7f7f;
  border-radius: 2px;
}

.filepicker-file-icon::after {
  font-size: 11px;
  line-height: 1.3;
  position: absolute;
  top: 9px;
  left: -4px;
  padding: 0 2px;
  content: "file";
  content: attr(data-filetype);
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
}

.filepicker-file-icon .fileCorner {
  position: absolute;
  top: -7px;
  left: 22px;
  width: 0;
  height: 0;
  border-width: 11px 0 0 11px;
  border-style: solid;
  border-color: white transparent transparent #920035;
}

@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone,
.dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  z-index: -1;
  pointer-events: none;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
  text-decoration: none;
  color: #920035;
}

.dropzone .dz-preview .dz-remove:hover {
  cursor: pointer;
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

.dropzone .dz-preview {
  z-index: 1;
}

.dz-progress,
.dz-default.dz-message {
  display: none;
}

.filepicker.dropzone {
  background: transparent;
  line-height: 80px;
  z-index: 1;
  width: -webkit-fill-available;
}

.dz-max-files-reached {
  pointer-events: none;
  cursor: default;
}
.dz-max-files-reached i {
  display: none;
}
.dz-max-files-reached .dz-remove {
  pointer-events: auto;
}

.feedback-container {
  padding-right: 15px;
}

#feedback-button {
  border-radius: 5px;
  display: flex;
  text-align: center;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  border: 1px solid #efeef8;
  padding: 7px 10px;
  font-size: 14px;
  font-weight: bold;
  background-color: #49b4d3;
}
#feedback-button:hover {
  background: rgb(69.7143362832, 178.6460176991, 210.2056637168);
}
#feedback-button svg {
  position: relative;
  top: 3px;
  margin-right: 8px;
}
#feedback-button .header-release-version-info {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 9.5px;
  line-height: 10px;
  color: #fff;
  margin: 0px 0 5px 8px;
}

.feedback-modal form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.feedback-modal .feedback-success {
  text-align: center;
  line-height: 32px;
  font-size: 32px;
  color: #63ca63;
  padding: 5% 0;
}
.feedback-modal .feedback-success p {
  padding: 17% 0;
}
.feedback-modal .feedback-success i {
  color: #63ca63;
  display: block;
  font-size: 64px;
  line-height: 1.5;
}

.icon-with-upload .filepicker.dropzone.dz-clickable,
.image-with-upload .filepicker.dropzone.dz-clickable {
  overflow: hidden;
  padding: 0;
  border: none;
  border-radius: 24px;
  background: #f2f2f2;
  color: #5f7f9e;
  width: 15%;
  text-align: center;
  margin-top: -20px;
  min-height: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  opacity: 0.9;
}
.icon-with-upload .filepicker.dropzone.dz-clickable i,
.image-with-upload .filepicker.dropzone.dz-clickable i {
  position: relative;
  top: -2px;
}
.icon-with-upload-input,
.image-with-upload-input {
  width: 75%;
  float: left;
}
.icon-with-upload img,
.image-with-upload img {
  float: left;
  height: 77px;
  width: 77px;
  margin-right: 15px;
}

.icon-with-upload-push-settings .filepicker.dropzone.dz-clickable {
  overflow: hidden;
  padding: 0;
  border: none;
  border-radius: 24px;
  background: #f2f2f2;
  color: #5f7f9e;
  width: 15%;
  text-align: center;
  margin-top: 0px;
  min-height: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  opacity: 0.9;
}
.icon-with-upload-push-settings .filepicker.dropzone.dz-clickable i {
  position: relative;
  top: -2px;
}
.icon-with-upload-push-settings-input {
  width: 75%;
  float: left;
}
.icon-with-upload-push-settings img {
  float: left;
  height: 77px;
  width: 77px;
  margin-right: 15px;
}

/**
 * Layout
 * In layout component, there lays the general position of the main elements like page-wrap, header, footer, content etc.
 * Keep in mind, the layout components should only contain the position or size of these wrappers
 * the other elements  like logo in the header, menu in the footer should defined in the components or particules or other
 * appropriate folder to their definitions fit in.
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Layout
    ------------------------------------------- **/
/**
 * Page
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Page
    ------------------------------------------- **/
body {
  background-color: #efeef8;
}
body:has(.welcome-screen) {
  background-color: #F9FAFB !important;
}

.app-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.page-wrap {
  width: 100%;
  min-height: 100%;
  background-color: #efeef8;
}
.page-wrap.has-overlay-window {
  overflow: hidden;
}
.page-wrap:has(.welcome-screen) {
  background-color: #F9FAFB !important;
}
.page-wrap.trendify::before, .page-wrap.insights::before, .page-wrap.bannerify::before, .page-wrap.dashboard::before, .page-wrap.email::before, .page-wrap.push::before, .page-wrap.bt::before, .page-wrap.audience::before, .page-wrap.dynamic_bundle::before, .page-wrap.recommendation::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000px;
  background: url("/assets/waves-BH_mDVny.png") bottom center no-repeat;
  background-size: 100%;
  content: "";
  z-index: -1;
}
.page-wrap.recommendation::before {
  background: url("/assets/waves_reco-_WL5dh9o.png") bottom center no-repeat;
  background-size: 100%;
}
.page-wrap.search::before {
  background: url("/assets/wavesearch-DY5qzWO4.png") bottom center no-repeat;
  background-size: 100%;
}
.page-wrap.trendify::before, .page-wrap.insights::before {
  background-color: #1a8492;
}
.page-wrap.bannerify::before {
  background-color: #ebab4f;
}
.page-wrap.search::before {
  background-color: #f6f0ed;
}
.page-wrap.no-integration {
  color: #fff;
}
.page-wrap.no-integration .page-main {
  font-size: 1.875rem;
}
.page-wrap.no-integration::before {
  top: auto;
  bottom: 0;
}
.page-wrap.no-integration.trendify, .page-wrap.no-integration.insights {
  background-color: #1a8492;
}
.page-wrap.no-integration.bannerify {
  background-color: #ebab4f;
}
.page-wrap.no-integration.dashboard {
  background-color: #49b4d3;
}
.page-wrap.no-integration.email {
  background-color: #696aa8;
}
.page-wrap.no-integration.push {
  background-color: #c482ae;
}
.page-wrap.no-integration.whatsapp, .page-wrap.no-integration.recommendation {
  background-color: #f1f0f8;
}
.page-wrap.no-integration.search {
  background-color: #fb826a;
}
.page-wrap.no-integration.dynamic_bundle {
  background-color: #63a353;
}
.page-wrap.no-integration.bt {
  background-color: #16a085;
}
.page-wrap.no-integration.audience {
  background-color: #4557b6;
}
.page-wrap.no-integration .page-title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/**
 * Header
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Header
    ------------------------------------------- **/
.page-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);
  z-index: 100;
}
.page-header.external {
  height: 0;
}
.page-header .header-top-field {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-end;
  align-items: flex-end;
  justify-content: flex-start;
}
.page-header .header-top-field .header-release-version-info {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #737278;
  margin: 0 0 5px 15px;
}

/**
 * Content
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Content
    ------------------------------------------- **/
.page-content.external {
  padding-top: 2px;
}

.page-main {
  position: relative;
  padding: 128px 32px;
}
.page-main:has(.segmentify-analytics) {
  padding: 76px 0 32px;
}
.page-main:has(.welcome-screen), .page-main:has(.catalog-screen) {
  padding: 64px 0;
}
.page-main:has(.admin-pages) {
  padding: 80px 32px;
}
.page-main:has(.account-settings-tabs), .page-main:has(.currency-settings), .page-main:has(.uplift-screen), .page-main:has(.search-settings), .page-main:has(.integrations-screen) {
  padding: 96px 32px;
}
.page-main.external {
  top: 2px;
}
@media screen and (max-width: 48em) {
  .page-sidebar ~ .page-main {
    padding-top: 200px;
  }
}
@media screen and (max-width: 26em) {
  .page-sidebar ~ .page-main {
    margin-left: 0;
    padding: 65px 20px 0;
  }
}
.navigation-sidebar ~ .page-main {
  margin-left: 235px;
}
.sidebar-is-hidden .page-main {
  margin-left: 0;
}

.full-width {
  width: 100%;
}

/**
 * Sidebar
 */
.page-sidebar {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: fixed;
  top: 75px;
  left: 0;
  width: 75px;
  height: calc(100% - 75px);
  background-color: #fff;
  z-index: 9999;
}
.page-sidebar.external {
  height: 100%;
  top: 2px;
}
.sidebar-is-hidden .page-sidebar {
  display: none;
}
@media screen and (max-width: 26em) {
  .page-sidebar {
    display: none;
  }
}

.navigation-sidebar {
  position: fixed;
  top: 0;
  left: 75px;
  width: 175px;
  height: 100%;
  background-color: #4b4b4f;
  text-align: center;
  overflow-y: auto;
  z-index: 300;
}
.trendify .navigation-sidebar, .bannerify .navigation-sidebar {
  display: none;
}

.navigation-sidebar.navigation-sidebar--report {
  overflow-y: hidden;
  width: 190px;
}
.navigation-sidebar.navigation-sidebar--report .sub-nav {
  height: 100%;
  padding-top: 0;
}
.navigation-sidebar.navigation-sidebar--report .sub-nav .sub-nav-title {
  height: 66px;
  margin: 0;
  line-height: 66px;
}
.navigation-sidebar.navigation-sidebar--report .sub-nav .nav-item-header {
  cursor: pointer;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 15px 0 15px 10px;
  background: #656565;
  text-align: left;
  position: relative;
}
.navigation-sidebar.navigation-sidebar--report .sub-nav .nav-item-header svg {
  position: absolute;
  right: 5px;
  top: 15px;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.navigation-sidebar.navigation-sidebar--report .sub-nav .nav-item-header .icon--passive svg {
  -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg); /* FF */
  -o-transform: rotate(180deg); /* Opera */
  -ms-transform: rotate(180deg); /* IE9 */
  transform: rotate(180deg); /* W3C compliant browsers */
}
.navigation-sidebar.navigation-sidebar--report .container-list {
  margin-bottom: 5px;
}
.navigation-sidebar.navigation-sidebar--report .container-list--show {
  padding-top: 10px;
  overflow-y: scroll;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  max-height: 1000px;
}
.navigation-sidebar.navigation-sidebar--report .container-list--hide {
  margin-bottom: 3px;
  overflow: hidden;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.navigation-sidebar::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(0, 0, 0, 0);
}

.navigation-sidebar::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

.navigation-sidebar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.19);
}

.navigation-sidebar.navigation-sidebar--report .container-list {
  overflow-y: scroll;
}

.navigation-sidebar.navigation-sidebar--report *::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(0, 0, 0, 0);
}

.navigation-sidebar.navigation-sidebar--report *::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

.navigation-sidebar.navigation-sidebar--report *::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.19);
}

.navigation-sidebar.navigation-sidebar--report .sub-nav .nav-item-header {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.navigation-sidebar.navigation-sidebar--report .container-list--show {
  padding-top: 20px;
}

.navigation-sidebar.navigation-sidebar--report .sub-nav .nav-item-header {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently */
}

.disabled-nav {
  opacity: 0.35;
  pointer-events: none;
}

.relative-item {
  position: relative;
}

.list-none {
  list-style: none;
}

.absolute-icon {
  position: absolute;
  top: 42%;
  left: 38%;
  cursor: pointer;
}

.absolute-icon-reports {
  position: absolute;
  top: 42%;
  left: 38%;
  cursor: pointer;
}

/**
 * Footer
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Footer
    ------------------------------------------- **/
/**
 * Elements
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Elements
    ------------------------------------------- **/
.icon-trendify::before {
  content: "\ea01";
}

.icon-bundle::before {
  content: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1_1618)'%3e%3cpath%20d='M11.8922%206.63851C11.8922%206.4796%2011.7993%206.3466%2011.6668%206.2806L9.16043%205.12667V2.11621C9.16043%201.9573%209.06753%201.8243%208.93502%201.7583L6.19007%200.485063C6.08396%200.432266%205.96466%200.432266%205.85856%200.485063L3.09983%201.7583C2.95413%201.8248%202.87442%201.9705%202.87442%202.11621V5.11342L0.368078%206.28005C0.222376%206.34655%200.14267%206.49225%200.14267%206.63795V9.91341C0.14267%2010.0723%200.235573%2010.2053%200.368078%2010.2713L3.11303%2011.5446C3.16583%2011.571%203.21913%2011.5842%203.28564%2011.5842C3.33843%2011.5842%203.40494%2011.571%203.45824%2011.5446L6.01735%2010.3647L8.57697%2011.5451C8.62977%2011.5715%208.68307%2011.5847%208.74958%2011.5847C8.80237%2011.5847%208.86888%2011.5715%208.92218%2011.5451L11.6671%2010.2718C11.8128%2010.2053%2011.8925%2010.0596%2011.8925%209.91392L11.8922%206.63851ZM3.68318%208.15037L5.61937%207.27515V9.67544L3.68318%2010.5639V8.15037ZM6.4154%203.62804L8.36485%202.73963V5.13992L6.4154%206.04154V3.62804ZM8.74915%207.4604L6.98555%206.65168L8.78931%205.81605L10.5529%206.63847L8.74915%207.4604ZM6.01732%201.28052L7.80782%202.11614L6.01732%202.93856L4.22682%202.11614L6.01732%201.28052ZM3.24546%205.81597L5.04922%206.6516L3.28562%207.46032L1.49512%206.6379L3.24546%205.81597ZM9.14709%2010.5637V8.15024L11.0965%207.26183V9.66212L9.14709%2010.5637Z'%20fill='%237A7A7C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1_1618'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.icon-push::before {
  content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%20width='15'%20height='15'%20fill='black'%3e%3cpath%20d='M47.1,25.7c-7.1,0-12.8-5.8-12.8-12.9c0-7.1,5.8-12.8,13-12.8C54.3,0,60,5.8,60,12.9C60,20,54.2,25.7,47.1,25.7z'%20/%3e%3cpath%20d='M0,33c0-4.1,0.2-8.4,1.2-12.7c0.8-3.4,2.2-6.5,4.9-8.9c2.4-2.1,5.2-3.2,8.3-3.9c5.4-1.2,10.9-1.2,16.4-1%20c0.8,0,1.2,0.5,1.1,1.1C28.4,20.5,36.7,32,52.4,28.1c0.7,0,1.1,0.4,1.1,1.2c0.2,5.6,0.2,11.2-1.1,16.8c-0.8,3.4-2.2,6.5-4.8,8.9%20c-2.4,2.1-5.2,3.3-8.3,3.9c-5.4,1.2-10.8,1.2-16.3,1c-3.4-0.1-6.9-0.5-10.2-1.4c-3.8-1.1-7-3-9.2-6.4c-1.5-2.4-2.3-5.1-2.8-7.9%20C0.2,40.6,0,36.9,0,33z'%20/%3e%3c/svg%3e");
}

.icon-folder-plus::before {
  content: url("data:image/svg+xml,%3csvg%20width='39'%20height='39'%20viewBox='0%200%2039%2039'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='19.5'%20cy='19.5'%20r='18.5'%20stroke='%23F9C78C'%20stroke-width='2'%20stroke-dasharray='3%203'/%3e%3cpath%20d='M11.6316%2011.6316C10.8756%2011.6316%2010.2632%2012.244%2010.2632%2013V15.0526H17.7895H28.0527V14.3684C28.0527%2013.6124%2027.4403%2013%2026.6842%2013H16.5574L16.1351%2012.2958C15.8881%2011.8839%2015.4428%2011.6316%2014.9618%2011.6316H11.6316ZM10.9474%2016.4211C10.5697%2016.4211%2010.2632%2016.7276%2010.2632%2017.1053V25.3158C10.2632%2026.0719%2010.8756%2026.6842%2011.6316%2026.6842H26.6842C27.4403%2026.6842%2028.0527%2026.0719%2028.0527%2025.3158V17.1053C28.0527%2016.7276%2027.7461%2016.4211%2027.3684%2016.4211H10.9474Z'%20fill='%23F9C78C'/%3e%3cpath%20d='M18.8158%2017.7894C19.0708%2017.7894%2019.2776%2017.9962%2019.2776%2018.2513V20.4065H21.4329C21.6879%2020.4065%2021.8947%2020.6133%2021.8947%2020.8684C21.8947%2021.1234%2021.6879%2021.3302%2021.4329%2021.3302H19.2776V23.4855C19.2776%2023.7405%2019.0708%2023.9473%2018.8158%2023.9473C18.5607%2023.9473%2018.3539%2023.7405%2018.3539%2023.4855V21.3302H16.1987C15.9436%2021.3302%2015.7368%2021.1234%2015.7368%2020.8684C15.7368%2020.6133%2015.9436%2020.4065%2016.1987%2020.4065H18.3539V18.2513C18.3539%2017.9962%2018.5607%2017.7894%2018.8158%2017.7894Z'%20fill='white'/%3e%3c/svg%3e");
}

.icon-folder::before {
  content: url("data:image/svg+xml,%3csvg%20width='26'%20height='22'%20viewBox='0%200%2026%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%200C0.895%200%200%200.895%200%202V5H11H26V4C26%202.895%2025.105%202%2024%202H9.19922L8.58203%200.970703C8.22103%200.368703%207.57019%200%206.86719%200H2ZM1%207C0.448%207%200%207.448%200%208V20C0%2021.105%200.895%2022%202%2022H24C25.105%2022%2026%2021.105%2026%2020V8C26%207.448%2025.552%207%2025%207H1Z'%20fill='%2347607B'/%3e%3c/svg%3e");
}

.icon-bannerify::before {
  content: "\ea02";
}

.icon-pie-chart::before {
  content: "\ea03";
}

.icon-heart::before {
  content: "\ea04";
}

.icon-dashboard::before {
  content: "\ea05";
}

.icon-gear::before {
  content: "\ea06";
}

.icon-credit-card::before {
  content: "\ea07";
}

.icon-account::before {
  content: "\ea08";
}

.icon-envelope::before {
  content: "\ea09";
}

.icon-bell::before {
  content: "\ea0a";
}

.icon-segmentify::before {
  content: "\ea0b";
}

.icon-logout::before {
  content: "\ea0c";
}

.package.is-checked::after, .icon-success::before, .icon-check-circle::before {
  content: "\ea0d";
}

.sub-nav-item.header-symbol::before, .icon-dots::before {
  content: "\ea0e";
}

.icon-calendar::before {
  content: "\ea0f";
}

.icon-edit::before {
  content: "\ea10";
}

.icon-left-arrow::before {
  content: "←";
}

.icon-right-arrow::before {
  content: "→";
}

.icon-view::before {
  content: "\ea11";
}

.icon-preferences::before {
  content: "\ea12";
}

.icon-magnify::before {
  content: "\ea13";
}

.icon-like::before {
  content: "\ea14";
}

.icon-growth::before {
  content: "\ea15";
}

.icon-duplicate::before {
  content: "\ea16";
}

.icon-mobile::before {
  content: "\ea17";
}

.icon-cart::before {
  content: "\ea18";
}

.icon-dollar::before {
  content: "\ea19";
}

.wizard .check-group-toggle.checked::before, .is-radio [type=radio] + .item-label::after, .is-checkbox [type=checkbox] + .item-label::after, .icon-box::before, .icon-check::before {
  content: "\ea1a";
}

.icon-click::before {
  content: "\ea1b";
}

.icon-user::before {
  content: "\ea1c";
}

.icon-wallet::before {
  content: "\ea1d";
}

.icon-shirt::before {
  content: "\ea1e";
}

.icon-wand::before {
  content: "\ea1f";
}

.icon-flag::before {
  content: "\ea20";
}

.icon-cursor::before {
  content: "\ea21";
}

.notification-close::before, .modal-close::before, .icon-cross::before, .react-tags__selected-tag::after {
  content: "\ea22";
}

.icon-pc::before {
  content: "\ea23";
}

.icon-tablet::before {
  content: "\ea24";
}

.icon-globe::before {
  content: "\ea25";
}

.icon-try::before {
  content: "\ea26";
}

.icon-hand::before {
  content: "\ea27";
}

.icon-plus::before {
  content: "\ea28";
}

.icon-mail::before {
  content: "\ea29";
}

.icon-pdf::before {
  content: "\ea2a";
}

.icon-upload::before {
  content: "\ea2b";
}

.icon-product::before {
  content: "\ea2c";
}

.breadcrumb-item::before, .icon-caret-right::before {
  content: "\ea2d";
}

.icon-bulp::before {
  content: "\ea2e";
}

.icon-exclude::before {
  content: "\ea2f";
}

.icon-tag::before {
  content: "\ea30";
}

.icon-shuffle::before {
  content: "\ea31";
}

.widget-list-no-items::before, .icon-info::before {
  content: "\ea32";
}

.icon-stock::before {
  content: "\ea33";
}

.icon-facebook::before {
  content: "\ea34";
}

.icon-google-plus::before {
  content: "\ea35";
}

.icon-twitter::before {
  content: "\ea36";
}

.icon-refresh::before {
  content: "\ea37";
}

.icon-help::before {
  content: "\ea38";
}

.icon-chevron-right::before {
  content: "\ea39";
}

.icon-chevron-left::before {
  content: "\ea3a";
}

.icon-archive::before {
  content: "\ea3b";
}

.icon-star::before {
  content: "\ea3c";
}

.icon-newsletter::before {
  content: "\ea3d";
}

.icon-paid::before {
  content: "\ea3e";
}

.icon-share::before {
  content: "\ea3f";
}

.icon-other-sources::before {
  content: "\ea40";
}

.icon-bullet-list::before {
  content: "\ea41";
}

.data-table thead .sort-down .sortable::after,
.data-table .sticky-table-table .sort-down .sortable::after,
.sticky-table thead .sort-down .sortable::after,
.sticky-table .sticky-table-table .sort-down .sortable::after, .icon-caret-up::before {
  content: "\ea42";
}

.data-table thead .sort-up .sortable::after,
.data-table .sticky-table-table .sort-up .sortable::after,
.sticky-table thead .sort-up .sortable::after,
.sticky-table .sticky-table-table .sort-up .sortable::after, .icon-caret-down::before {
  content: "\ea43";
}

.icon-yuan::before {
  content: "\ea44";
}

.icon-euro::before {
  content: "\ea45";
}

.icon-puzzle::before {
  content: "\ea46";
}

.icon-ios::before {
  content: "\ea47";
}

.icon-android::before {
  content: "\ea48";
}

.icon-help-center::before {
  content: "\ea49";
}

.icon-code::before {
  content: "\ea4a";
}

.icon-chat::before {
  content: "\ea4b";
}

.icon-time::before {
  content: "\ea4c";
}

.icon-fail::before, .icon-cross-circle::before {
  content: "\ea4d";
}

.icon-add-user::before {
  content: "\ea4e";
}

.icon-crown::before {
  content: "\ea4f";
}

.icon-flag-alt::before {
  content: "\ea50";
}

.user-nav-list::after, .icon-chevron-down::before {
  content: "\ea51";
}

.icon-menu::before {
  content: "\ea52";
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Icons Extend
    ------------------------------------------- **/
[class*=icon-] {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  vertical-align: middle;
}

.icon-05x {
  font-size: 0.5rem;
}

.icon-075x {
  font-size: 0.75rem;
}

.icon-1--5x {
  font-size: 1.5rem;
}

.icon-2x {
  font-size: 2rem;
}

.icon-3x {
  font-size: 3rem;
}

.icon-4x {
  font-size: 4rem;
}

.icon-5x {
  font-size: 5rem;
}

.icon-6x {
  font-size: 6rem;
}

.icon-7x {
  font-size: 7rem;
}

.icon-box {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background-color: #dbdbdb;
  font-size: 0.8rem;
  text-align: center;
}
.out-of-stock {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #dc3322;
  line-height: 15px;
  text-align: center;
}
.out-of-stock::before {
  color: #fff;
  content: "–";
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
p:last-child {
  margin-bottom: 0;
}

.align-center {
  text-align: center;
}

.info-text {
  color: #dc3322;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Form
    ------------------------------------------- **/
.form-create-account {
  width: 600px;
  margin-left: 14px;
  padding: 20px;
  border-radius: 15px;
  background: #fff;
}
.form-create-account .form-elements li {
  margin-bottom: 10px;
}
.form-create-account .buttons {
  margin-top: 50px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.form-elements li {
  margin-bottom: 2em;
}
.form-elements li:last-child {
  margin-bottom: 1rem;
}

.form-info {
  background-color: #fbfbfb;
  color: #7a7a7c;
  font-size: 0.875rem;
}
.page-content-block .form-info {
  margin: -20px -20px 20px;
  padding: 20px;
  border-radius: 10px 10px 0 0;
}
.form-info .emphasise {
  color: #4b4b4f;
}

/* Reset for Firefox */
:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

.item {
  margin-bottom: 10px;
}
.item.has-error input {
  border-color: #e87352;
}
.item.has-error textarea {
  border-color: #e87352;
}
.item.has-error.is-select {
  border-color: #e87352;
}
.item.item-inline.is-select {
  border-bottom: none;
}
.item.item-inline .item-field {
  margin: auto 1rem;
}
.item.item-inline .rdtPicker {
  width: auto;
}

button.item {
  background-color: #fff;
  padding: 5px;
  padding-right: 20px;
  width: 100%;
  text-align: left;
}
button.item:hover {
  background-color: #f9f9f9;
}
button.item svg {
  position: absolute;
  right: 15px;
}

.item-label {
  color: #7a7a7c;
  font-size: 0.875rem;
}
.item.trendify .item-label {
  color: #6aafb8;
}
.item.bannerify .item-label {
  color: #e9b071;
}
.item.ga .item-label {
  color: #000000;
}

.item-help {
  font-style: normal;
  font-size: 0.625rem;
}
.item-title-field .item-help {
  position: absolute;
  top: 0;
  right: 0;
}

.item-title-field.item-grouped {
  display: inline-block;
}

.item-title-field.item-grouped:nth-child(2n) {
  padding-left: 20px;
}

.item-title-field.item-grouped:nth-child(2n+1) {
  padding-right: 20px;
}

.item-error {
  font-size: 0.75rem;
}
.item-error > span {
  display: inline-block;
  width: 100%;
}

.item.is-stacked.is-search {
  margin-bottom: 0px !important;
}

.item.item-field.is-radio {
  margin-bottom: 0px !important;
}

.item.item-field.is-checkbox {
  margin-bottom: 0px !important;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color],
.text-field {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 5px 0;
  border-width: 0 0 2px;
}
input[type=text].is-readonly, input[type=text][readonly], input[type=password].is-readonly, input[type=password][readonly], input[type=datetime].is-readonly, input[type=datetime][readonly], input[type=datetime-local].is-readonly, input[type=datetime-local][readonly], input[type=date].is-readonly, input[type=date][readonly], input[type=month].is-readonly, input[type=month][readonly], input[type=time].is-readonly, input[type=time][readonly], input[type=week].is-readonly, input[type=week][readonly], input[type=number].is-readonly, input[type=number][readonly], input[type=email].is-readonly, input[type=email][readonly], input[type=url].is-readonly, input[type=url][readonly], input[type=search].is-readonly, input[type=search][readonly], input[type=tel].is-readonly, input[type=tel][readonly], input[type=color].is-readonly, input[type=color][readonly],
.text-field.is-readonly,
.text-field[readonly] {
  border-color: #efeef8;
  background-color: #fff;
}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=color]::-webkit-input-placeholder,
.text-field::-webkit-input-placeholder {
  color: #7a7a7c;
}
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=color]::-moz-placeholder,
.text-field::-moz-placeholder {
  color: #7a7a7c;
}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=color]:-ms-input-placeholder,
.text-field:-ms-input-placeholder {
  color: #7a7a7c;
}

.item-stacked .text-field {
  width: 100%;
}

.item.item-stacked.one-whole.disabled-tag {
  opacity: 0.4;
  pointer-events: none;
}

.is-calendar i {
  position: absolute;
  bottom: 10px;
  left: 0;
  color: #efeef8;
  z-index: 1;
}
.is-calendar i + .rdt input {
  padding-left: 20px;
}
.is-calendar input {
  width: 100%;
}

[class*=-column].is-calendar i {
  left: 20px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Checkable Fields
    ------------------------------------------- **/
.is-checkbox input[type=checkbox], .is-radio input[type=checkbox], .is-checkbox input[type=radio], .is-radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
input[type=checkbox] + .item-label, input[type=radio] + .item-label {
  margin-left: 0;
  padding-right: 21px;
}
input[type=checkbox] + .item-label::before, input[type=checkbox] + .item-label::after, input[type=radio] + .item-label::before, input[type=radio] + .item-label::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  content: "";
}
input[type=checkbox] + .item-label::before, input[type=radio] + .item-label::before {
  width: 16px;
  height: 16px;
  background-color: #dbdbdb;
}
input[type=checkbox] + .item-label::after, input[type=radio] + .item-label::after {
  margin-left: 10px;
}
input[type=checkbox]:checked + .item-label::before, input[type=radio]:checked + .item-label::before {
  border-color: #547494;
}

.is-checkbox [type=checkbox] + .item-label::before {
  border-radius: 3px;
}
.is-checkbox [type=checkbox] + .item-label::after {
  position: absolute;
  top: calc(50% - 1px);
  right: 2px;
  font-size: 0;
}
.is-checkbox [type=checkbox]:checked + .item-label::before {
  background-color: #5bcc76;
}
.is-checkbox [type=checkbox]:checked + .item-label::after {
  color: #fff;
  font-size: 0.75rem;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Radio Buttons
    ------------------------------------------- **/
.is-radio [type=radio] + .item-label::before {
  border-radius: 50%;
}
.is-radio [type=radio] + .item-label::after {
  position: absolute;
  top: 9px;
  right: 2px;
  font-size: 0;
}
.is-radio [type=radio]:checked + .item-label::before {
  background-color: #5bcc76;
}
.is-radio [type=radio]:checked + .item-label::after {
  color: #fff;
  font-size: 0.75rem;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Checkbox Toggle
    ------------------------------------------- **/
.is-toggle {
  position: relative;
  width: 34px;
  height: 21px;
  border: 2px solid #efeef8;
  border-radius: 10px;
  cursor: pointer;
}
.is-toggle [type=checkbox] {
  position: absolute;
  opacity: 0;
}
.is-toggle [type=checkbox] + .item-label {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.is-toggle [type=checkbox] + .item-label::before {
  left: calc(100% - 26px);
  width: 13px;
  height: 13px;
  border: 0;
  border-radius: 13px;
  background-color: #7a7a7c;
  z-index: 1;
}
.is-toggle [type=checkbox]:checked + .item-label::before {
  left: 14px;
  background-color: #72c472;
}

/* @author Bilal Cinarli */
/** -------------------------------------------
    Checkbox Toggle
    ------------------------------------------- **/
.color-picker-form {
  display: flex;
}

.is-color-picker {
  display: inline-block;
  position: relative;
}
.is-color-picker .item-trigger {
  display: inline-block;
}
.is-color-picker .item-label {
  display: block;
  margin-bottom: 5px;
}
.is-color-picker .text-field {
  border: 0;
  background-color: transparent;
  vertical-align: middle;
}
.is-color-picker .item-color-preview {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  vertical-align: middle;
}
.is-color-picker .rc-color-picker-trigger {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  box-shadow: none;
}
.is-color-picker .item-color-picker {
  position: absolute;
  z-index: 99;
}

.color-picker-preview {
  background: #f5f5fb;
  padding: 15px;
  margin: -15px;
  flex: 1;
}
.color-picker-preview .button-text {
  display: block;
  margin-top: 7px;
  padding: 5px 10px;
  text-align: center;
  width: 40%;
  min-width: 250px;
  border: 1px solid #efeef9;
  border-radius: 2px;
  margin-left: 5px;
}

.rc-color-picker-panel-params-input input {
  padding: 0;
  border: 1px solid #cacaca;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.75rem;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.is-select {
  border-bottom: 2px solid #efeef8;
}
.is-select select {
  position: relative;
  height: 33px;
  padding: 0 16px 0 8px;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  color: #7a7a7c;
  -webkit-appearance: none;
  -moz-appearance: menuitem;
}
.is-select select:disabled {
  color: #efeef8;
}
.is-select.has-icon-label {
  margin-bottom: -3px;
}
.is-select.has-icon-label .item-label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

[class*=-column].is-select {
  border-bottom: 0;
}
[class*=-column].is-select::after {
  display: block;
  height: 2px;
  background-color: #efeef8;
  content: "";
}

.edit-account-label {
  padding-bottom: 0.2em;
  position: absolute;
  bottom: 0;
}

.module-account-label, .owner-account-label, .features-account-label {
  display: flex;
  justify-content: space-between;
}
.module-account-label > div:nth-child(2) .is-select, .owner-account-label > div:nth-child(2) .is-select, .features-account-label > div:nth-child(2) .is-select {
  border: none;
}
.module-account-label .Select-arrow-zone, .owner-account-label .Select-arrow-zone, .features-account-label .Select-arrow-zone {
  position: absolute;
}
.module-account-label .item-label, .owner-account-label .item-label, .features-account-label .item-label {
  padding-top: 7px;
}
.module-account-label .Select-value, .owner-account-label .Select-value, .features-account-label .Select-value {
  text-align: right;
}

.module-account-label > div:nth-child(2) {
  width: 150px;
}

.owner-account-label > div:nth-child(2) {
  min-width: 295px;
}

.features-account-label > div:nth-child(2) {
  min-width: 75px;
}

.form-control {
  background-color: #eee;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.buttons {
  text-align: end;
}

.button:not([class*=-actions]),
[class*=-action]:not([class*=-actions]) {
  margin: 0 5px;
  padding: 10px 20px;
  font-size: 0.875rem;
}
.button:not([class*=-actions]):first-child,
[class*=-action]:not([class*=-actions]):first-child {
  margin-left: 0;
}
.button:not([class*=-actions]):last-child,
[class*=-action]:not([class*=-actions]):last-child {
  margin-right: 0;
}
.button:not([class*=-actions]):only-child,
[class*=-action]:not([class*=-actions]):only-child {
  margin: 0;
}
.button:not([class*=-actions]).page-progress,
[class*=-action]:not([class*=-actions]).page-progress {
  color: transparent;
  text-shadow: none;
  opacity: 0.8;
}
.button:not([class*=-actions]).page-progress:hover, .button:not([class*=-actions]).page-progress:active, .button:not([class*=-actions]).page-progress:focus,
[class*=-action]:not([class*=-actions]).page-progress:hover,
[class*=-action]:not([class*=-actions]).page-progress:active,
[class*=-action]:not([class*=-actions]).page-progress:focus {
  outline: none;
  color: transparent;
  box-shadow: none;
  cursor: default;
}
.button:not([class*=-actions]).page-progress::before,
[class*=-action]:not([class*=-actions]).page-progress::before {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
  border: 1px solid #fff;
  border-top-color: transparent;
  border-bottom-color: transparent;
  background: transparent;
}
.button:not([class*=-actions]).helper-action,
[class*=-action]:not([class*=-actions]).helper-action {
  padding: 5px 10px;
  font-size: 0.75rem;
}
td .button:not([class*=-actions]).helper-action,
td [class*=-action]:not([class*=-actions]).helper-action {
  margin: 0 5px;
  padding: 5px;
}
.button:not([class*=-actions]).helper-action svg,
[class*=-action]:not([class*=-actions]).helper-action svg {
  margin-right: 0;
}
.button:not([class*=-actions]) svg,
[class*=-action]:not([class*=-actions]) svg {
  margin-right: 5px;
  vertical-align: middle;
}
.button:not([class*=-actions]) .svg-path,
[class*=-action]:not([class*=-actions]) .svg-path {
  fill: #fff;
}

.login-disable-buttons .primary-action.primary-action {
  pointer-events: none;
  background-color: #d8d8d8;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
th,
td {
  padding: 0.5em 0.2em;
}

table .is-scrollable thead,
table .is-scrollable tbody {
  display: block;
  width: 100%;
}
table .is-scrollable tbody {
  max-height: 300px;
  overflow-y: scroll;
}
table tbody tr:hover:not(#heatmapContainer tr),
table tbody tr:hover:not(#heatmapContainer tr) table {
  background: #f9f9ff;
}
table tbody tr {
  z-index: 1;
}

.data-table,
.sticky-table {
  background-color: #fff;
  text-align: center;
  border-collapse: collapse;
}
.data-table th,
.sticky-table th {
  padding: 10px;
}
.data-table th,
.data-table td,
.sticky-table th,
.sticky-table td {
  font-size: 0.6875rem;
}
.data-table.colspan-fifty tbody tr td,
.sticky-table.colspan-fifty tbody tr td {
  display: inline-block;
  width: 50%;
  word-wrap: break-word;
}
.data-table th.center,
.data-table td.center,
.sticky-table th.center,
.sticky-table td.center {
  text-align: center !important;
}
.data-table th.right,
.data-table td.right,
.sticky-table th.right,
.sticky-table td.right {
  text-align: right !important;
}
.data-table th.left,
.data-table td.left,
.sticky-table th.left,
.sticky-table td.left {
  text-align: left !important;
}
.data-table thead tr:nth-child(2), .data-table thead tr:only-child,
.data-table .sticky-table-table tr:nth-child(2),
.data-table .sticky-table-table tr:only-child,
.sticky-table thead tr:nth-child(2),
.sticky-table thead tr:only-child,
.sticky-table .sticky-table-table tr:nth-child(2),
.sticky-table .sticky-table-table tr:only-child {
  background-color: #fcfbfe;
}
.data-table thead th,
.data-table .sticky-table-table th,
.sticky-table thead th,
.sticky-table .sticky-table-table th {
  width: auto;
  text-align: center;
}
.data-table thead th.productDTO-id,
.data-table .sticky-table-table th.productDTO-id,
.sticky-table thead th.productDTO-id,
.sticky-table .sticky-table-table th.productDTO-id {
  width: 30px;
}
.data-table thead .sortable,
.data-table .sticky-table-table .sortable,
.sticky-table thead .sortable,
.sticky-table .sticky-table-table .sortable {
  position: relative;
  cursor: pointer;
}
.data-table thead .sortable::after,
.data-table .sticky-table-table .sortable::after,
.sticky-table thead .sortable::after,
.sticky-table .sticky-table-table .sortable::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -10px;
  color: #222;
  font-size: 0.625rem;
}
.data-table thead .check-in,
.data-table .sticky-table-table .check-in,
.sticky-table thead .check-in,
.sticky-table .sticky-table-table .check-in {
  width: 75px;
}
.data-table tbody.page-progress,
.sticky-table tbody.page-progress {
  height: 250px;
  overflow: hidden;
}
.data-table tbody td,
.sticky-table tbody td {
  border-bottom: 1px solid #efeef8;
  text-align: center;
}
.data-table .cell-group,
.sticky-table .cell-group {
  border-left: 1px solid #efeef8;
}
.data-table .user-currency i,
.sticky-table .user-currency i {
  margin: 0 2px;
  font-size: 0.75rem;
}
.data-table .groups,
.sticky-table .groups {
  color: #222222;
}
.data-table .groups-active,
.sticky-table .groups-active {
  color: #222222;
  font-weight: 700;
}
.data-table .groups-control,
.sticky-table .groups-control {
  color: #a0a0a0;
  font-weight: 600;
}

.table-total {
  box-shadow: 10px 0 20px rgba(150, 150, 150, 0.25);
}
.table-total .data-table {
  border-radius: 0 0 5px 5px;
}
.table-total .data-table tr:hover {
  background: #f9f9f9;
}
.table-total .data-table td {
  font-family: Montserrat, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 16px;
  color: #000000;
  padding: 1.25rem 0;
}
.table-total .data-table td span {
  font-family: Montserrat, serif;
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 15px;
  color: #9d9d9d;
  margin-right: 0.313rem;
}
.table-total .data-table td span.user-currency,
.table-total .data-table td span .user-currency-amount {
  font-family: Montserrat, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 16px;
  color: #000000;
}
.table-total .data-table td.title-cell span {
  font-family: Montserrat, serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 16px;
  color: #525252;
  padding-right: 20px;
  margin-left: 20px;
}
.table-total .data-table .total-line-back-scroll {
  background: #ffffff;
  border: 2px solid #aaaaaa;
  padding: 5px;
  margin-left: 15px;
}
.table-total .data-table .total-line-back-scroll svg {
  transform: rotatez(-90deg);
  fill: #aaaaaa;
}
.table-total .data-table .total-line-fore-scroll {
  background: #ffffff;
  border: 2px solid #aaaaaa;
  padding: 5px;
  margin-right: 15px;
}
.table-total .data-table .total-line-fore-scroll svg {
  transform: rotatez(90deg);
  fill: #aaaaaa;
}

.react-table {
  border-spacing: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  color: #4b4b4f;
}
.react-table tr:hover td {
  background: #f4f9ff;
}
.react-table th {
  margin: 0;
  padding: 0.2rem;
  background: #fcfbfe;
  text-align: center;
  border: 1px solid #d8d8d8;
}
.react-table th:first-child {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.react-table th:last-child {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.react-table td {
  margin: 0;
  padding: 0.4rem;
  text-align: center;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
}

.modal-content-text .data-table tbody tr.instance-campaign-list {
  border-bottom: 1px solid #efeef8;
}
.modal-content-text .data-table tbody tr.instance-campaign-list td {
  border-bottom: 0;
}
.modal-content-text .data-table tbody tr.instance-campaign-list:last-child {
  border-bottom: 0;
}

.segmentify-analytics .data-table thead tr:nth-child(1) {
  font-size: 0.875rem;
}
.segmentify-analytics .data-table tr:nth-child(1) th {
  padding: 30px 20px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
a {
  cursor: pointer;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.page-title {
  margin-bottom: 60px;
  color: #dc3322;
  text-transform: capitalize;
}
.page-title.low-space {
  margin-bottom: 20px;
}
.page-title .emphasise {
  font-weight: 300;
}

.page-subtitle, .is-toggled .page-subtitle {
  color: #3fc14e;
}
.page-subtitle.passive {
  color: #7a7a7c;
  cursor: pointer;
}
.will-toggle .page-subtitle {
  color: #7a7a7c;
  cursor: pointer;
}

.section-title {
  color: #dc3322;
  font-size: 1.125rem;
  text-transform: capitalize;
}

.section-subtitle {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 17px;
  color: #757575;
}

.heading-with-flex-between {
  display: flex;
  justify-content: space-between;
}

.heading-with-flex-between-btn {
  color: #fff;
  cursor: pointer;
  padding: 5px 20px;
  margin-left: 10px;
  border-radius: 5px;
  border: transparent;
  background-color: #63ca63;
  margin-bottom: 54px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.heading-with-flex-between-btn:hover {
  background-color: #46c046;
  color: #fff;
}

.heading-group {
  display: flex;
  gap: 1rem;
}

.heading-export-btn {
  margin-bottom: 54px;
  background-color: #547494;
  color: #fff;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 0.875rem;
  cursor: pointer;
  margin-right: 5px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.help-steps {
  padding: 0;
  list-style: none;
  counter-reset: item;
}
.help-steps > li {
  position: relative;
  margin-bottom: 40px;
  padding-left: 70px;
  counter-increment: item;
}
.help-steps > li::before {
  position: absolute;
  top: -10px;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  font-size: 1.875rem;
  line-height: 50px;
  text-align: center;
  content: counter(item);
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.code-wrapper {
  position: relative;
}
.code-wrapper button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
}

.code-sample {
  padding: 20px;
  border-radius: 10px;
  background-color: #e3e2eb;
  font-size: 0.875rem;
  font-family: Consolas, "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  font-weight: normal;
  overflow-x: scroll;
}

/**
 * Particules
 */
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.page-progress {
  position: relative;
  color: transparent;
  text-shadow: none;
  opacity: 0.8;
}
.page-progress:hover, .page-progress:active, .page-progress:focus {
  outline: none;
  color: transparent;
  box-shadow: none;
  cursor: default;
}
.page-progress::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  margin-left: -24px;
  border: 1px solid #547494;
  border-radius: 50%;
  border-top-color: transparent;
  border-bottom-color: transparent;
  background: transparent;
  content: "";
  z-index: 100;
  -webkit-animation: progress 0.75s ease-in-out infinite;
  animation: progress 0.75s ease-in-out infinite;
}
.page-progress::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  content: "";
  z-index: 99;
}

@-webkit-keyframes progress {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes progress {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
.page-progress--button {
  position: absolute;
  right: 7%;
  margin-top: 3px;
}
.page-progress--button::before {
  display: inline-block;
  position: absolute;
  top: 65%;
  right: 5%;
  width: 18px;
  height: 18px;
  margin-top: -2px;
  /* margin-left: -24px; */
  border: 1px solid #fff;
  border-radius: 50%;
  border-top-color: transparent;
  border-bottom-color: transparent;
  background: transparent;
  content: "";
  z-index: 100;
  -webkit-animation: progress 0.75s ease-in-out infinite;
  animation: progress 0.75s ease-in-out infinite;
}

/**
 * Components
 */
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.page-logo {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 75px;
  height: 75px;
  background-color: #dc3322;
  color: #fff;
  text-decoration: none;
}
.page-logo svg {
  display: none;
}
.page-logo i {
  display: inline;
}

.external-page-wrap .page-logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 65px;
  width: 132px;
  height: 33px;
  background: #fff center no-repeat;
  background-size: 100% auto;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAAAhCAYAAAD6SRiDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDBEMzI2MDNBRUY4MTFFNkI5NUZGRkNGNzU3NkNEMDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDBEMzI2MDRBRUY4MTFFNkI5NUZGRkNGNzU3NkNEMDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMEQzMjYwMUFFRjgxMUU2Qjk1RkZGQ0Y3NTc2Q0QwNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMEQzMjYwMkFFRjgxMUU2Qjk1RkZGQ0Y3NTc2Q0QwNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjj/tpEAAAqDSURBVHja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");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .external-page-wrap .page-logo {
    background-image: url("/assets/logo-ext@2x-CEdXPiz3.png");
  }
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.page-sidebar .tooltip {
  margin: 0;
}
.page-sidebar .tooltip-content {
  width: 115px;
  min-width: 125px;
}
.page-sidebar .nav-item {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: block;
  width: 45px;
  height: 45px;
  padding: 13px;
  border-radius: 10px;
  color: #7a7a7c;
  text-align: center;
}
.page-sidebar .nav-item .svg-stroke {
  fill: none;
  stroke-width: 31.3333;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page-sidebar .nav-item:hover, .page-sidebar .nav-item.current {
  color: #dc3322;
}
.page-sidebar .nav-item:hover svg, .page-sidebar .nav-item.current svg {
  fill: #dc3322;
}
.page-sidebar .nav-item.current {
  background-color: #efeef8;
  pointer-events: none;
  cursor: default;
}
.page-sidebar .nav-item.current:after {
  display: none !important;
}
.page-sidebar .nav-item i {
  margin-top: -9px;
}
.page-sidebar .nav-item-separator {
  display: block;
}
.page-sidebar .nav-item-separator::before, .page-sidebar .nav-item-separator::after {
  display: block;
  width: 60%;
  height: 1px;
  margin: 0 auto;
  content: "";
}
.page-sidebar .nav-item-separator::before {
  background-color: #dad9e4;
}
.page-sidebar .nav-item-separator::after {
  background-color: #e6e5f0;
}

.primary-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  padding-top: 30px;
  width: 75px;
  overflow-y: auto;
  scrollbar-width: none;
  overscroll-behavior: contain;
}
.primary-nav.external {
  padding-top: 100px;
}
.primary-nav svg {
  fill: #7a7a7c;
  width: auto;
  height: 15px;
}
.primary-nav .trendify svg {
  height: 28px;
}
.primary-nav .bannerify {
  color: #e9b071;
}
.primary-nav .nav-item {
  display: flex;
  flex-direction: column;
  flex-basis: 44px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.primary-nav .nav-item-header {
  margin: 0 0 5px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #7a7a7c;
  text-align: center;
}
.primary-nav .nav-item-separator {
  margin: 0 0 5px;
  width: 100%;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.secondary-nav {
  padding-bottom: 65px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.sub-nav {
  padding-top: 30px;
}
.sub-nav-title {
  margin-bottom: 30px;
  color: #fff;
  font-size: 1.1em;
}
.sub-nav .nav-item-header {
  margin: 0 20px 5px;
  margin-bottom: 10px;
  margin-left: 14px;
  color: #efeef8;
  font-size: 14px;
  text-align: left;
}
.sub-nav-item {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 130px;
  height: 130px;
  margin: 0 auto 20px;
  padding: 40px 15px 25px;
  border-radius: 10px;
  background-color: #656565;
  color: #fff;
  font-size: 0.9em;
  letter-spacing: -0.8px;
  line-height: 1.25;
}
.sub-nav-item span {
  margin-bottom: 5px;
}
.sub-nav-item .svg-stroke {
  stroke-width: 31.3333;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.sub-nav-item.current, .sub-nav-item:hover {
  background-color: #3c3c40;
}
.has-no-campaign .sub-nav-title + .sub-nav-item {
  display: none;
}
.sub-nav-item i {
  font-size: 1.5em;
}
.sub-nav-item span {
  display: block;
  font-size: 0.875rem;
}
.sub-nav-item.header-symbol::before {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  padding: 5px 10px;
  border-bottom: 2px solid #4b4b4f;
  border-radius: 10px 10px 0 0;
  background-color: #5d5d62;
  color: #dc3322;
  line-height: 0;
  text-align: left;
}
.sub-nav-item.header-symbol.current::before, .sub-nav-item.header-symbol:hover::before {
  background-color: #3c3c40;
}
.sub-nav-item.feed-trigger svg {
  width: 16px;
  height: 16px;
}
.sub-nav-item .new-badge-icon {
  position: absolute;
  top: -5px;
  right: 10px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.user-nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  height: 100%;
  color: #7a7a7c;
  z-index: 1;
}
.user-nav-item {
  position: relative;
  padding: 0 20px;
  float: left;
  color: #7a7a7c;
}
.user-nav-item::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: 25px;
  background-color: #efeef8;
  content: "";
}
.user-nav-notifications {
  position: relative;
}
.user-nav .notification-count {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 13px;
  height: 13px;
  border-radius: 6px;
  background-color: #dc3322;
  color: #fff;
  font-size: 0.5rem;
  line-height: 13px;
  text-align: center;
}
.user-nav .user-icon {
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-right: 10px;
  overflow: hidden;
}
.user-nav .user-icon i {
  float: left;
  color: #7a7a7c;
  font-size: 16px;
}
.user-nav-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  height: 100%;
  margin-right: 20px;
}
.user-nav-list::after {
  color: #7a7a7c;
}
.user-nav-list:hover .user-nav-drop {
  display: block;
}
.user-nav-list.border-left::before {
  position: absolute;
  top: 21px;
  left: 0;
  width: 1px;
  height: 25px;
  background-color: #e0dfe8;
  content: "";
}
.user-nav-list .user-nav-item::before {
  display: none;
}
.user-nav-drop {
  display: none;
  position: absolute;
  top: 100%;
  right: -20px;
  min-width: 200px;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 10px 0 rgba(174, 173, 189, 0.45);
  -moz-box-shadow: 0 6px 10px 0 rgba(174, 173, 189, 0.45);
  box-shadow: 0 6px 10px 0 rgba(174, 173, 189, 0.45);
  z-index: 100;
}
.user-nav-drop .user-nav-item {
  display: block;
  width: 100%;
  height: 46px;
  padding: 15px 20px;
  border-top: 1px solid #efeef8;
  font-size: 14px;
  line-height: 16px;
}
.user-nav-drop .user-nav-item svg {
  fill: #7a7a7c;
  margin-right: 10px;
  float: left;
}
.user-nav-drop .user-nav-item i {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  float: left;
}
.user-nav-drop.user-top-nav .user-nav-item svg path, .user-nav-drop.user-top-nav .user-nav-item svg polygon {
  fill: #7a7a7c;
}
.user-nav-drop.user-top-nav .user-nav-item.current {
  color: #dc3322;
}
.user-nav-drop.user-top-nav .user-nav-item.current svg path, .user-nav-drop.user-top-nav .user-nav-item.current svg polygon {
  fill: #dc3322;
}
.user-nav .user-switch-drop {
  min-width: 340px;
}
.user-nav .acting {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
}

.admin-notification-bell {
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid #e0dfe8;
  border-radius: 5px;
  background: #fff;
  text-align: center;
  margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.admin-notification-bell svg {
  fill: #7a7a7c;
}

.admin-notification-bell--unseen,
.admin-notification-bell:hover {
  background: #7a7a7c;
}
.admin-notification-bell--unseen svg,
.admin-notification-bell:hover svg {
  fill: #ffffff;
}

.admin-notification-count {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 19px;
  border-radius: 100%;
  background: #d31116;
  color: #fff;
  font-size: 10px;
  line-height: 21px;
  text-align: center;
}

.admin-notifications-list {
  position: absolute;
  left: 0;
  min-width: 200px;
  max-height: 370px;
  border-top: 1px solid #efeef8;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 10px 0 rgba(174, 173, 189, 0.45);
  -moz-box-shadow: 0 6px 10px 0 rgba(174, 173, 189, 0.45);
  box-shadow: 0 6px 10px 0 rgba(174, 173, 189, 0.45);
  overflow-y: scroll;
  z-index: 100;
}
.admin-notifications-list .admin-notification-item {
  position: relative;
  padding: 10px 20px;
  clear: both;
  border-top: 1px solid #efeef8;
  cursor: pointer;
  overflow: hidden;
}
.admin-notifications-list .admin-notification-item:hover {
  background: #f7f7f8;
}
.admin-notifications-list .admin-notification-item.admin-notification-read {
  opacity: 0.6;
}
.admin-notifications-list .admin-notification-icon {
  position: absolute;
  top: 50%;
  bottom: 50%;
  width: 20px;
  height: 20px;
  float: left;
  transform: translate(-50%, -50%);
  text-align: center;
  overflow: hidden;
}
.admin-notifications-list .admin-notification-detail {
  width: calc(100% - 25px);
  float: right;
}
.admin-notifications-list .admin-notification-message {
  display: inline-block;
  position: absolute;
  right: 25px;
}
.admin-notifications-list .admin-notifications-domain {
  font-size: 12px;
  font-weight: bold;
}
.admin-notifications-list .admin-notifications-domain .admin-notification-date {
  position: absolute;
  right: 40px;
}
.admin-notifications-list .admin-notification-title {
  font-size: 14px;
}

.admin-notification-bell,
.admin-notifications-list {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.language-icon {
  margin-left: 5px;
  width: 35px;
  height: 32px;
  background: #ffffff url("/assets/icon-language-BoGW5zXl.svg") center bottom no-repeat;
  background-size: 100% auto;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.page-nav {
  margin-bottom: 40px;
}
.page-nav-item {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-right: 10px;
  color: #7a7a7c;
}
.page-nav-item:hover, .page-nav-item.current {
  color: #4b4b4f;
}
.page-nav-item.current {
  border-bottom: 2px solid;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.breadcrumb {
  display: inline-block;
  margin-bottom: 40px;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #e3e2eb;
  font-size: 0.75rem;
}
.breadcrumb i {
  margin-top: 2px;
  margin-right: 5px;
  float: left;
  color: #7a7a7c;
  font-size: 1em;
}
.breadcrumb svg {
  fill: #7a7a7c;
}
.breadcrumb-item {
  display: inline-block;
  position: relative;
  margin-left: 20px;
  padding: 2px;
  color: #7a7a7c;
}
.breadcrumb-item:first-child {
  margin-left: 0;
}
.breadcrumb-item:first-child::before {
  display: none;
}
.breadcrumb-item::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -10px;
  font-size: 1em;
}
.breadcrumb svg {
  position: relative;
  top: 2px;
  right: 4px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.external-nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
}
.external-nav .nav-item {
  padding: 5px 20px;
  color: #616161;
}
.external-nav .trendify {
  color: #6aafb8;
}
.external-nav .bannerify {
  color: #e9b071;
}
.external-nav .current {
  color: #dc3322;
  font-weight: bold;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.action-nav {
  position: relative;
}
.action-nav:hover .action-nav-popup {
  display: block;
}
.action-nav:hover .action-bottom {
  top: 20px;
  left: -90px;
}
.action-nav-popup {
  display: none;
  position: absolute;
  top: 0;
  border-radius: 5px;
  background-color: #547494;
  text-align: left;
  white-space: nowrap;
  z-index: 99;
}
.action-nav-popup li .action-nav-popup-item i,
.action-nav-popup li .action-nav-popup-item svg {
  margin-right: 5px;
}
.action-nav-popup li:first-child .action-nav-popup-item {
  border-radius: 5px 5px 0 0;
}
.action-nav-popup li:last-child .action-nav-popup-item {
  border-radius: 0 0 5px 5px;
}
.action-nav-popup li:only-child .action-nav-popup-item {
  border-radius: 5px;
}
.action-nav-popup.drop-up {
  top: initial;
  bottom: calc(100% - 42px);
}
.action-nav-popup-item {
  display: block;
  min-width: 110px;
  padding: 10px;
  color: #fff;
  font-size: 0.75rem;
}
.action-nav-popup-item:hover {
  background-color: #42607e;
}
.action-nav-popup-item .svg-icon {
  vertical-align: middle;
}

.action-nav-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px !important;
}

.action-nav.report-nav {
  position: absolute;
  top: 20px;
  right: 10px;
}

.account-last-child tbody tr .action-nav-popup {
  right: 100%;
}
.account-last-child tbody tr:nth-last-child(-n+5) .action-nav-popup {
  top: initial;
  bottom: 0;
}
.account-last-child tbody tr:nth-child(-n+5) .action-nav-popup {
  top: 0;
  bottom: initial;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.page-content-wrapper {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.page-content-wrapper.content-placeholder-container {
  width: 100%;
}
.page-content-wrapper.prevent-add .available-type {
  opacity: 0.7;
  pointer-events: none;
}

.page-content-block {
  position: relative;
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
}
.page-content-wrapper .page-content-block {
  width: calc(50% - 20px / 2);
  margin: 0 20px 20px 0;
  padding: 0;
}
@media screen and (max-width: 48em) {
  .page-content-wrapper .page-content-block {
    width: 100%;
    margin-right: 0;
  }
}
.page-content-wrapper .page-content-block:nth-child(2n) {
  margin-right: 0;
}

.page-content-block-no-padding .wizard-comp:first-child {
  margin-top: 0;
}

.sg-hidden {
  display: none;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.non-editable {
  pointer-events: none;
}
.non-editable .whitelist-radio {
  pointer-events: none !important;
}
.non-editable .tooltip {
  pointer-events: all;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.package-selection {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.package {
  position: relative;
  width: 30%;
}
.package input {
  position: absolute;
  top: 20px;
  left: 20px;
}
.package .item-label {
  position: relative;
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  background-color: #fbfbfb;
  text-align: center;
  z-index: 1;
}
.package-name {
  display: block;
  font-size: 0.875rem;
}
.package-price {
  display: block;
  font-size: 1.875rem;
}
.package-currency, .package-duration {
  margin: 0 -5px;
  color: #999;
  font-size: 1rem;
}
.package-currency {
  vertical-align: top;
}
.package.is-checked::after {
  position: absolute;
  top: -5px;
  right: -5px;
  color: #57c449;
  z-index: 1;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.payment-history .package {
  width: 150px;
  margin-bottom: 20px;
}
.payment-history .package-name {
  font-weight: bold;
}

.payment-history-data {
  width: calc(100% + 40px);
  margin: -20px -20px 0;
  font-size: 0.875rem;
}
.payment-history-data th {
  color: #7a7a7c;
}
.payment-history-data th,
.payment-history-data td {
  padding: 20px;
  border-bottom: 1px solid #efeef8;
  text-align: center;
}
.payment-history-data th:first-child,
.payment-history-data td:first-child {
  text-align: left;
}
.payment-history-data th:last-child,
.payment-history-data td:last-child {
  text-align: right;
}
.payment-history-data .payment-date {
  display: block;
  font-weight: bold;
}
.payment-history-data .payment-time {
  color: #ccc;
}
.payment-history-data .payment-time i {
  margin-right: 5px;
  font-size: 0.8em;
}
.payment-history-data .package-price {
  font-size: 1.125rem;
}
.payment-history-data .package-currency {
  font-size: 0.875rem;
}
.payment-history-data .icon-success {
  color: #57c449;
}
.payment-history-data .icon-fail {
  color: #e87352;
}

.shopify-box::after {
  display: block;
  clear: both;
  content: "";
}
.shopify-box-image {
  width: 20%;
  float: left;
}
.shopify-box-text {
  width: 80%;
  float: right;
}

.settings-current-cost {
  margin-top: 25px;
}
.settings-current-cost span {
  margin-left: 10px;
  color: #dc3322;
  font-size: 24px;
  font-weight: bold;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.plugin {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
}
.plugin-logo {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px;
  border-right: 1px solid #efeef8;
}
.plugin-info {
  padding: 20px;
}
.plugin-info p {
  color: #7a7a7c;
  font-size: 0.875rem;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.widget {
  margin-bottom: 20px;
}
.widget .meta-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 20px;
  gap: 5px;
}
.widget .meta-flex-border {
  padding-right: 10px;
  border-right: 1px solid #bababa;
}
.widget.page-content-block {
  padding: 20px;
}
.widget-list-wrapper {
  width: 100%;
  margin-bottom: 20px;
}
.widget-list {
  margin-bottom: 20px;
  padding: 0;
  border-radius: 5px;
  background-color: #fff;
  list-style: none;
  position: relative;
}
.will-toggle .widget-list {
  display: none;
}
.is-toggled .widget-list {
  display: block;
}
.widget-list .list-load-more {
  display: block;
  background: #fff;
  position: absolute;
  bottom: -65px;
  text-align: center;
  color: #c3c3c3;
  margin: 0 auto;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  border-radius: 20px;
  text-decoration: none;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
}
.widget-list .list-load-more:hover {
  background: #f8f6f6;
}
.widget-list-item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #efeef8;
}
.widget-list-item.new-design {
  padding: 15px 20px;
}
.widget-list-item.new-design .widget-list-item-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 87%;
}
.widget-list-item.new-design .widget-list-item-content .widget-title {
  max-width: unset;
  font-weight: 600;
  margin-bottom: 10px;
  color: #5d5d62;
}
.widget-list-item.new-design .widget-list-item-content .widget-meta {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  min-height: unset;
  color: #979797;
}
.widget-list-item.new-design .widget-list-item-content .widget-row-flexed,
.widget-list-item.new-design .widget-list-item-content .widget-meta-device,
.widget-list-item.new-design .widget-list-item-content .campaign-devices {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  top: unset;
}
.widget-list-item.new-design .widget-list-item-content .widget-row-flexed .date-separator,
.widget-list-item.new-design .widget-list-item-content .widget-meta-device .date-separator,
.widget-list-item.new-design .widget-list-item-content .campaign-devices .date-separator {
  display: block;
  position: relative;
  width: 5px;
  margin: 0 6px;
  border: 1px solid #ccc;
  top: 1px;
}
.widget-list-item.new-design .widget-list-item-content .campaign-devices {
  margin-right: 10px;
  border-right: 1px solid #bababa;
}
.widget-list-item.new-design .widget-list-item-content .widget-column-flexed {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.widget-list-item:hover {
  background-color: #f1f1f1;
}
.widget-list-no-items {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  min-height: 85px;
  font-weight: 600;
  color: #5d5d62;
  margin-bottom: 40px;
  padding: 20px 20px 20px 80px;
  border-radius: 5px;
  background-color: #fff;
}
.widget-list-no-items::before {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #dc3322;
  font-size: 3em;
}
.widget-options {
  position: absolute;
  top: 20px;
  right: 20px;
}
.widget-options .item-help {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 100%;
  white-space: nowrap;
}
.widget-options .live {
  color: #63ca63;
}
.widget-popup-image, .widget-popup-text {
  display: inline-block;
}
.widget-popup-image {
  width: 45px;
  text-align: center;
}
.widget-popup-image .tooltip-trigger {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #efeef8;
  position: relative;
  top: 3px;
}
.widget-popup-image .tooltip-trigger img {
  height: 40px;
  max-width: none;
  border-radius: 4px;
  vertical-align: bottom;
}
.widget-popup-image__full {
  position: relative;
  top: 5px;
}
.widget-popup-text {
  margin-right: -10px;
  margin-left: 10px;
}
.widget-page {
  margin-bottom: 0;
  color: #7a7a7c;
  font-size: 0.875rem;
}
.widget-title {
  color: #4b4b4f;
  font-size: 1.125rem;
  max-width: 87%;
  line-height: 24px;
  word-break: break-word;
}
.widget-list-item .widget-title {
  -webkit-flex-grow: 2;
  flex-grow: 2;
  margin-bottom: 0;
}
.widget-options ~ .widget-title {
  padding-right: 50px;
}
.widget-title .widget-title-desc {
  font-size: 12px;
  color: #bababa;
  line-height: 16px;
  font-weight: 400;
  max-width: 87%;
  word-break: break-word;
  margin-bottom: 0px;
}
.widget-title .widget-title-desc strong {
  color: #999999;
  font-weight: 400;
}
.widget-title-details-text {
  flex-grow: 1;
}
.widget-title-head {
  color: #4b4b4f;
  font-size: 1.125rem;
  max-width: 87%;
  word-break: break-word;
  margin-bottom: 0;
}
.widget-title-desc {
  color: #5f5f65;
  font-size: 0.875rem;
  max-width: 87%;
  word-break: break-word;
  margin-bottom: 35px;
}
.widget-meta {
  color: #bababa;
  min-height: 30px;
  font-size: 0.625rem;
}
.widget-meta .svg-icon {
  margin-right: 5px;
  vertical-align: middle;
}
.widget-meta .svg-icon .svg-path {
  fill: #bababa;
}
.widget-meta i {
  margin-right: 5px;
}
.widget-meta-mobile {
  padding-left: 0 !important;
  margin-right: 0 !important;
  border: 0 !important;
}
.widget-meta-pages {
  padding-right: 0 !important;
  border-right: 0 !important;
}
.widget-meta-best {
  color: #72c472;
}
.widget-separator {
  height: 2px;
  margin: 20px -20px;
  border: 0;
  background-color: #efeef8;
}
.widget-stat-list p {
  color: #8f8b8b;
  font-size: 0.75rem;
}
.widget-preview-placeholder {
  width: 120px;
  background: center no-repeat;
  background-size: 100% auto;
}
.widget-preview-placeholder.preview-404 {
  background-image: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRFRkUyQUYzN0QwNDExRTZCQzJFRUZFMzg0Q0YwNTg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRFRkUyQUY0N0QwNDExRTZCQzJFRUZFMzg0Q0YwNTg1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEVGRTJBRjE3RDA0MTFFNkJDMkVFRkUzODRDRjA1ODUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEVGRTJBRjI3RDA0MTFFNkJDMkVFRkUzODRDRjA1ODUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYF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");
}
.widget-preview-placeholder.preview-home {
  background-image: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRFRkUyQUVGN0QwNDExRTZCQzJFRUZFMzg0Q0YwNTg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRFRkUyQUYwN0QwNDExRTZCQzJFRUZFMzg0Q0YwNTg1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEVGRTJBRUQ3RDA0MTFFNkJDMkVFRkUzODRDRjA1ODUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEVGRTJBRUU3RDA0MTFFNkJDMkVFRkUzODRDRjA1ODUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYF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");
}
.widget-preview-placeholder.preview-product {
  background-image: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFCQzE5RjBDN0QwNDExRTZCQzJFRUZFMzg0Q0YwNTg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFCQzE5RjBEN0QwNDExRTZCQzJFRUZFMzg0Q0YwNTg1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEVGRTJBRjU3RDA0MTFFNkJDMkVFRkUzODRDRjA1ODUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEVGRTJBRjY3RDA0MTFFNkJDMkVFRkUzODRDRjA1ODUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYF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");
}
.widget-preview-placeholder.preview-category {
  background-image: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFCQzE5RjEwN0QwNDExRTZCQzJFRUZFMzg0Q0YwNTg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFCQzE5RjExN0QwNDExRTZCQzJFRUZFMzg0Q0YwNTg1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUJDMTlGMEU3RDA0MTFFNkJDMkVFRkUzODRDRjA1ODUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUJDMTlGMEY3RDA0MTFFNkJDMkVFRkUzODRDRjA1ODUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYF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");
}
.widget-buttons {
  min-height: 36px;
}
.widget-nav {
  display: inline-block;
}
.widget-amount {
  position: absolute;
  right: 20px;
  bottom: 25px;
  color: #7a7a7c;
}
.widget-note {
  width: calc(100% - 150px);
  color: #8c8c8c;
}
.widget-note i {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  color: inherit;
}
.widget-note input {
  padding-left: 30px;
}
.widget-note input:focus + i {
  color: #4b4b4f;
}
.widget-note-container {
  margin: -20px;
  padding: 20px;
  background: #fafafb;
}
.widget-note-container .widget-note-save {
  position: absolute;
}
.widget-note-input {
  width: 100%;
}
.widget-note-input input {
  width: 100%;
  background: #fafafb !important;
}

[class*=widget-meta-] {
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #bababa;
  border-right: 1px solid #bababa;
}
[class*=widget-meta-]:first-child {
  padding-left: 0;
  border-left: 0;
}
[class*=widget-meta-] .tooltip-content {
  word-break: normal;
}

.widget-meta-pages svg {
  position: relative;
  top: 4px;
}

.DayPicker.DayPicker--horizontal {
  box-shadow: none;
}

.wizard-target .Select-option {
  font-size: 13px;
}

.segment-select + .cancel-action {
  position: absolute;
  top: 3px;
}

.viewall-sorting.viewall-sorting {
  position: relative;
  top: -3px;
  margin-left: 5px;
  margin-right: 4px;
  color: #000;
  font-size: 9px;
}

.emailIcon {
  display: inline-block;
  margin-right: 5px;
}

.widget-meta .action-nav-popup .svg-icon .svg-path {
  fill: #fff;
}

.widget-options ~ .widget-title {
  max-height: 50px;
  overflow: hidden;
  word-wrap: break-word;
}

.widget-stat-list,
.widget-stats-segment {
  padding-top: 10px;
  min-height: 190px;
}

.widget-stat-list > p {
  text-align: center;
  font-size: 15px;
  color: #7a7a7c;
  font-weight: bold;
  border-bottom: 2px solid #efeef8;
  padding-bottom: 10px;
  margin-top: -11px;
}

.widget-stat-type > .icon-view {
  vertical-align: text-top;
}

.personalization .widget-stat-list,
.personalization .widget-stats-segment {
  min-height: 165px;
}

.personalization .widget-stats {
  min-height: 132px;
}

.stat-segmentvisitor {
  top: 20%;
}

.stat-widget p.widget-stat-conversion .widget-stat-conversion-amount {
  display: block;
}

.stat-segmentation {
  min-width: 150px;
}
.stat-segmentation p.segmentation-title {
  color: #7a7a7c;
  text-align: left;
  font-size: 22px;
  font-weight: bold;
  margin-block-end: 0px;
}
.stat-segmentation p.segmentation-title-ratio {
  color: #4f7398;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  margin-block-end: 0px;
}
.stat-segmentation p.segmentation-title-revenue {
  color: #7a7a7c;
  text-align: left;
  font-size: 22px;
  font-weight: bold;
  margin-block-end: 0px;
  width: 150px;
  margin-top: 34px;
}

.segmentation-span {
  width: 14px;
  height: 14px;
  margin: 0px 5px 4px 0px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
  background: #4f7398;
}

.widget-title-segmentation i.icon-info {
  margin: 0px 0px 5px 5px;
}

.widget-title-segmentation {
  max-height: 50px;
  overflow: hidden;
  color: #4b4b4f;
  font-size: 1.125rem;
  max-width: 87%;
  line-height: 24px;
  word-break: break-word;
  margin-bottom: 5px;
}

.stat-segmentation p.widget-stat-conversion {
  text-align: left;
}
.stat-segmentation p.widget-stat-conversion-features {
  color: #dc3322;
  text-align: right;
  padding-right: 50px;
}
.stat-segmentation p.widget-stat-conversion-modules {
  color: #dc3322;
  text-align: left;
  padding-left: 30px;
}
.stat-segmentation p.widget-stat-conversion-account {
  text-align: left;
  color: #dc3322;
}

.stat-interaction p.widget-stat-conversion {
  bottom: 0;
  width: 100%;
  text-align: center;
}
.stat-interaction p.widget-stat-conversion .widget-stat-conversion-amount {
  display: block;
}

.stat-basket p.widget-stat-conversion .widget-stat-conversion-amount {
  display: block;
}

p.widget-stat-conversion-bottom {
  width: 100%;
  text-align: center;
}

.stat-revenue p.widget-stat-conversion .widget-stat-conversion-amount {
  display: block;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.content-placeholder, .content-placeholder-container .widget .widget-title,
.content-placeholder-container .widget .widget-page,
.content-placeholder-container .widget .widget-stat-title,
.content-placeholder-container .widget .widget-stat-count,
.content-placeholder-container .widget .widget-stat-conversion,
.content-placeholder-container .widget .widget-meta,
.content-placeholder-container .widget .widget-amount {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  position: relative;
  color: transparent;
  height: 15px !important;
  max-height: 15px !important;
  min-height: 15px !important;
}

.content-placeholder-container .widget .widget-page {
  width: 120px;
}
.content-placeholder-container .widget .widget-title {
  margin-top: 8px;
  width: 300px;
}
.content-placeholder-container .widget .widget-meta {
  width: 160px;
}
.content-placeholder-container .widget [class*=widget-meta-]:first-child {
  border-right: 0 !important;
}
.content-placeholder-container .widget .widget-stat-title {
  width: 45px;
  margin: 0 auto;
}
.content-placeholder-container .widget .widget-stat-count {
  width: 25px;
  margin: 15px auto 0;
}
.content-placeholder-container .widget .widget-stat-conversion {
  width: 45px;
  margin: 45px auto 0;
}
.content-placeholder-container .widget .widget-stat-conversion + .widget-stat-conversion {
  width: 25px;
  margin-top: 15px;
}
.content-placeholder-container .widget .widget-stat-type {
  display: none;
}
.content-placeholder-container .widget .widget-amount {
  position: absolute !important;
  width: 25px;
}
.content-placeholder-container .widget .widget-options,
.content-placeholder-container .widget .widget-nav.action-nav {
  pointer-events: none;
}

.configuration-error {
  background: #fff;
  padding: 20px;
  border-radius: 15px;
  border-top: 10px solid #f1c900;
  margin-bottom: 35px;
}
.configuration-error .configuration-error-icon {
  float: left;
  width: 5%;
}
.configuration-error .configuration-error-text {
  float: right;
  width: 95%;
}
.configuration-error h3 {
  margin: -10px 0 5px 0;
}
.configuration-error p {
  font-size: 14px;
}
.configuration-error:after {
  content: "";
  clear: both;
  display: table;
}
.configuration-error .config-cta {
  border: 1px solid #cecbbd;
  width: 140px;
  text-align: center;
  padding: 5px 0;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  color: #000000;
  text-decoration: none;
}
.configuration-error .config-cta:hover {
  background: #fffbfc;
}

.recommendation-device-selection > div {
  display: inline-block;
}
.recommendation-device-selection > div:first-child {
  border-radius: 5px 0 0 5px;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #bababa !important;
}
.recommendation-device-selection > div:last-child {
  border-radius: 0 5px 5px 0;
}
.recommendation-device-selection div + div {
  border-width: 1px 1px 1px 0 !important;
  border-style: solid !important;
  border-color: #bababa !important;
}
.recommendation-device-selection span.widget-meta-mobile {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  width: 30px;
  padding: 5px 0;
  height: 30px;
  top: 0 !important;
}
.recommendation-device-selection span.widget-meta-mobile.all-device-report {
  width: 70px;
  height: 30px;
}
.recommendation-device-selection span.widget-meta-mobile i {
  position: relative;
  top: -2px;
  margin: 0 !important;
}
.recommendation-device-selection span.widget-meta-mobile svg {
  position: relative;
  left: 0;
  top: -2px;
}
.recommendation-device-selection span.widget-meta-mobile.is-selected {
  background: #84c17b;
  color: #ffffff;
}
.recommendation-device-selection span.widget-meta-mobile.is-selected svg path:last-child {
  fill: #ffffff;
}

.d-flex {
  display: flex;
}

.search-insight-time-select {
  display: flex;
  margin-right: 15px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  align-items: center;
  text-transform: capitalize;
  flex-grow: 1;
  border: 0.5px solid #bababa;
  border-radius: 4px;
  cursor: pointer;
}
.search-insight-time-select__daily, .search-insight-time-select__hourly {
  color: #bababa;
  background: white;
  width: max-content;
  padding: 10px 20px;
}
.search-insight-time-select__isSelected {
  background: #7b9fc0;
  color: white;
}

.bounceBack {
  cursor: pointer;
}
.bounceBack:hover {
  text-shadow: #fc0 1px 0 10px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.widget-stats {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
}
.widget-stats .section-subtitle {
  margin-bottom: 18px;
}

.widget-stat {
  position: relative;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 0 5px;
  border-left: 2px solid #efeef8;
  font-size: 0.75rem;
  text-align: center;
}
.widget-stat .modal-trigger {
  position: absolute;
  right: 20px;
}
.widget-stat:first-child {
  border-left: 0;
}
.widget-stat-segmentation {
  position: relative;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 0 5px;
  font-size: 0.75rem;
  text-align: center;
}
.widget-stat-title {
  color: #7a7a7c;
}
.widget-report .widget-stat-title {
  font-size: 1.375rem;
}
.widget-stat-count i, .widget-stat-type i {
  margin-right: 5px;
}
.stat-widget .widget-stat-count, .stat-widget .widget-stat-type {
  color: #4bb3d2;
}
.stat-interaction .widget-stat-count, .stat-interaction .widget-stat-type {
  color: #56bc94;
}
.stat-basket .widget-stat-count, .stat-basket .widget-stat-type {
  color: #4b4b4f;
}
.stat-revenue .widget-stat-count, .stat-revenue .widget-stat-type {
  color: #dc3322;
}
.widget-stat-count {
  font-size: 1rem;
}
.widget-report .widget-stat-count {
  font-size: 2.25rem;
}
.widget-report .widget-stat-type,
.widget-report .widget-stat-type i {
  position: relative;
  top: -2px;
  font-size: 1.375rem;
  text-transform: lowercase;
}
.widget-stat-data, .widget-stat-conversion-amount {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 5px;
  font-weight: bold;
  vertical-align: middle;
}
.widget-report .widget-stat-data, .widget-report .widget-stat-conversion-amount {
  font-size: 1.25rem;
}

.widget .modal-trigger {
  display: none;
}
.widget:first-child .modal-trigger {
  display: block;
}

.stat-grantedpermission i {
  color: #63ca63;
}

.stat-deniedpermission i {
  color: #dc3322;
}

.collected-emails {
  min-width: 700px;
  overflow-y: auto;
  height: 65vh;
  /*
  Table header should be stick, but it give so much problems with the current style's architecture
  thead {
      position: fixed;
      width: calc(100% - 40px);
      z-index: 10;
      border: 1px solid #efeef8;
      display: table;
    }
    */
}
.collected-emails th {
  border: 1px solid #efeef8;
}
.collected-emails td, .collected-emails th {
  min-width: 100px;
  padding: 15px;
  text-align: center;
}
.collected-emails-warning {
  padding-top: 20px;
  font-weight: bold;
  text-align: center;
}
.collected-emails-warning i {
  margin-right: 5px;
  color: #58779a;
  font-size: 20px;
}
.collected-emails-date-range {
  display: flex;
  justify-content: space-between;
}
.collected-emails-date-range svg {
  margin-left: 5px;
  vertical-align: middle;
}

.widget-stats-segment {
  color: #4bb3d2;
  text-align: center;
}
.widget-stats-segment .widget-stat-data {
  font-size: 2.25rem;
}
.widget-stats-segment .widget-stats-segment--icon {
  font-size: 1.375rem;
}

.form-responses {
  min-width: 850px;
}

.form-response {
  width: 95%;
  margin-bottom: 10px;
  border: 1px solid #f4f2fb;
}
.form-response--title {
  position: relative;
  padding: 10px;
  background: #fcfcfe;
  font-weight: bold;
}
.form-response--title .userResponses {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: normal;
}
.form-response--stats {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.form-response--stats li {
  position: relative;
  padding: 20px 10px;
}
.form-response--stats li + li {
  border-top: 1px solid #f4f2fb;
}
.form-response--stats__count {
  position: absolute;
  right: 43%;
}
.form-response--stats__percentage {
  display: inline-block;
  position: absolute;
  right: 11%;
  width: 30%;
  text-align: right;
}
.form-response--stats__percentage .percentage__progress {
  height: 40px;
  margin-top: -10px;
  border-radius: 5px;
  background: #7694b9;
}
.form-response--stats .percentage__count {
  position: absolute;
  top: 15px;
  right: 0;
  width: 12%;
  height: 40px;
  color: #636363;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.form-response-unsub {
  width: 100%;
}
.form-response-unsub .form-response--stats__percentage {
  margin-right: 10px;
}

.dashboard-graph {
  padding: 15px;
  border-radius: 10px;
  background: #fff;
}
.dashboard-graph .dashboard-graph--title {
  margin-bottom: 25px;
  color: #9c9798;
}
.dashboard-graph:first-child {
  margin-top: 80px;
}
.dashboard-graph + .dashboard-graph {
  margin-top: 25px;
}

.metric-graph-header {
  text-align: center;
}
.metric-graph-header div {
  display: inline-block;
  color: #cecece;
  font-weight: bold;
  cursor: pointer;
}
.metric-graph-header div.active-graph {
  color: #7a7a7c;
}
.metric-graph-header div + div {
  margin-left: 30px;
}

.dashboard--funnel__halfbox.metric-box {
  height: 500px;
  margin-bottom: 25px;
  padding: 0;
  float: left;
  overflow: hidden;
}
.dashboard--funnel__halfbox.metric-box .metrics-text-header,
.dashboard--funnel__halfbox.metric-box .metric-graph-header {
  margin-right: -10px;
  margin-left: -10px;
  padding: 20px 25px;
  color: #7a7a7c;
  font-weight: bold;
}
.dashboard--funnel__halfbox.metric-box .metrics-text-header {
  border-bottom: 1px solid #efeef8;
}
.dashboard--funnel__halfbox.metric-box .metric-text-footer {
  text-align: center;
}
.dashboard--funnel__halfbox.metric-box .metric-text-main,
.dashboard--funnel__halfbox.metric-box .metric-graph-graph {
  padding: 20px 0;
  text-align: center;
}

.metric-text-item {
  margin-top: 20px;
}
.metric-text-item h3 {
  color: #cececf;
  font-size: 16px;
}
.metric-text-item span {
  color: #7cb4ec;
  font-weight: bold;
}
.metric-text-item span + span {
  margin-left: 15px;
  color: #a9ea89;
}

.metric-text-footer {
  margin-top: 50px;
}
.metric-text-footer p {
  color: #7cb4ec;
}
.metric-text-footer p + p {
  color: #a6ea8a;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.campaign-list {
  border-radius: 5px;
  background: #fff;
}

.single-campaign {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 20px;
  border-top: 1px solid #efeef8;
}
.single-campaign:first-child {
  border-top: 0;
}
.single-campaign-name {
  margin: 0;
}
.single-campaign-details {
  position: relative;
  padding-right: 50px;
}
.single-campaign-page {
  display: inline-block;
  margin-right: 20px;
}
.single-campaign .widget-meta-mobile {
  margin-right: 20px;
}
.single-campaign .widget-meta-mobile i {
  margin: -5px 5px 0 0;
}
.single-campaign .widget-meta-mobile .icon-ios {
  transform: translateY(-1px);
}
.single-campaign .widget-meta-mobile .icon-pc {
  transform: translateY(-2px);
}
.single-campaign .widget-options {
  top: 0;
  right: 0;
}

.widget-timelimit-badge {
  position: absolute;
  top: -34px;
  right: -40px;
  width: 50px;
  height: 50px;
  border: 1px solid #f0efff;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 70px;
  background: #fff;
  color: white;
  line-height: 56px;
  text-align: center;
  /* stylelint-disable */
  box-shadow: 1px 4px 25px rgba(0, 0, 0, 0.13);
  /* stylelint-enable */
}

.widget-timelimit-tooltip .tooltip-content {
  top: 10px;
  left: -20px;
}

.widget-perso-report .widget-title {
  width: 53%;
  float: left;
}

.widget-perso-report .widget-newsletter-export {
  float: right;
}

.widget-perso-report .widget-meta {
  clear: both;
}

.widget-perso-report .export {
  border: 1px solid #d9d8e2;
  background: transparent;
  color: #547494;
}

span.tooltip.widget-timelimit-tooltip.widget-push-timelimit-tooltip {
  display: inline-block;
  position: relative;
  margin-right: 15px;
  float: left;
}

.widget-timelimit-tooltip.widget-push-timelimit-tooltip .tooltip-content {
  left: 15px;
}

.widget-push-timelimit-tooltip .widget-timelimit-badge {
  position: initial;
  box-shadow: none;
}
.widget-push-timelimit-tooltip .widget-timelimit-badge-sent, .widget-push-timelimit-tooltip .widget-timelimit-badge-personalized {
  border-color: #66d281;
}
.widget-push-timelimit-tooltip .widget-timelimit-badge-scheduled {
  border-color: #547494;
}
.widget-push-timelimit-tooltip .widget-timelimit-badge-periodic {
  border-color: #56bbd8;
}

.widget-metabadge span.widget-meta-mobile:first-child {
  margin-left: 65px;
}

.widget-metabadge span.widget-meta-date:first-child {
  margin-left: 65px;
}

.widget-metabadge span.widget-meta-date:first-child + .widget-meta-mobile {
  margin-left: 10px;
}

.widget-meta-mobile {
  position: relative;
  top: -1px;
}
.widget-meta-mobile .icon-ios {
  transform: translateY(-1px);
}
.widget-meta-mobile .icon-pc {
  transform: translateY(-2px);
}

.widget-meta-date-noborder {
  border: 0;
}
.widget-meta-date .icon-calendar {
  transform: translateY(-2px);
}

.widget-meta-instance-id {
  color: #bababa;
  font-size: 0.875rem;
  border: none !important;
  padding: 0 !important;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  cursor: pointer;
  max-width: max-content;
  font-weight: 400;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.page-options {
  position: absolute;
  top: 128px;
  right: 64px;
  z-index: 1;
}
.account-filters ~ .page-options {
  top: 210px;
}
@media screen and (max-width: 48em) {
  .page-options {
    top: 200px;
  }
}
.page-options .icon-magnify,
.page-options .icon-cross,
.page-options .data-preferences {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 45%;
  color: #7a7a7c;
  z-index: 999999;
}
.page-options .icon-magnify,
.page-options .icon-cross {
  left: 0;
}
.page-options .data-preferences {
  right: 0;
}
.page-options .text-field {
  padding-right: 30px;
  padding-left: 30px;
  border-color: #7a7a7c;
  background-color: transparent;
}
.page-options .text-field:focus {
  border-color: #4b4b4f;
  background-color: transparent;
}

.page-options.page-options-sort-search .is-search {
  right: 60px;
  width: 195px;
  overflow: hidden;
}
.page-options.page-options-sort-search .data-preferences {
  width: 60px;
  height: 36px;
  border-bottom: 2px solid #7a7a7c;
}
.page-options.page-options-sort-search .data-preferences a {
  text-decoration: none;
}
.page-options.page-options-sort-search .data-preferences a span {
  margin-left: 7px;
  text-decoration: none;
}
.page-options.page-options-sort-search.page-options-with-date {
  top: 200px;
}

.page-options .icon-cross {
  position: initial;
  top: initial;
  left: initial;
  transform: initial;
}

.page-options.page-options-admin-stats .icon-cross {
  position: absolute;
  top: 10px;
  left: initial;
  transform: initial;
}

.data-preferences .toggler {
  color: #7a7a7c;
}
.data-preferences .toggler-selected {
  padding: 2px 5px;
  padding-top: 0;
  border-radius: 4px;
  background: #d5d5e0;
}
.data-preferences-options {
  position: absolute;
  top: 30px;
  right: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 2px 2px;
  list-style: none;
  white-space: nowrap;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.data-preferences-option-item {
  display: block;
  padding: 10px;
  background: #fff;
  color: #acacac;
  font-size: 0.75rem;
  text-decoration: none;
}
.data-preferences-option-item i {
  margin-right: 10px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.page-filters {
  position: relative;
  margin: -65px -65px 40px;
  padding: 30px 65px;
  background-color: #e6e5f0;
  z-index: 98;
}
.page-filters.high-priority {
  z-index: 99;
}
.page-filters.low-priority {
  z-index: 97;
}
@media screen and (max-width: 26em) {
  .page-filters {
    margin: -65px -20px 40px;
    padding: 30px 20px 90px;
  }
}
.page-filters .is-select {
  vertical-align: middle;
}
.page-filters.external {
  top: 2px;
}
.account-filters .page-filters {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
}
.segmentify-analytics .page-filters {
  margin: 0 0 40px;
  padding: 0;
  background-color: transparent;
}
.segmentify-analytics .page-filters input::-webkit-input-placeholder {
  color: #fff;
}
.segmentify-analytics .page-filters input::-moz-placeholder {
  color: #fff;
}
.segmentify-analytics .page-filters input:-ms-input-placeholder {
  color: #fff;
}
.page-filters.has-filter-form {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 128px;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.page-filters ~ div .page-filters.has-filter-form {
  top: 200px;
}
.page-filters input:checked + .item-label {
  color: #5bcc76;
}
.page-filters .filter-details {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: calc(100% + 10px);
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #fff;
  font-size: 0.75rem;
  white-space: nowrap;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.page-filters-buttons {
  position: absolute;
  right: 65px;
  bottom: 30px;
  font-size: 0.875rem;
  z-index: 99;
}
.segmentify-analytics .page-filters-buttons {
  right: 0;
  bottom: 1em;
  margin-top: 1.5em;
}
.page-filters-buttons i {
  margin-left: 5px;
  font-size: 0.8em;
}
.page-filters .export {
  position: absolute;
  right: 0;
  margin: 0;
}

.parent-filters .item {
  padding: 5px 10px;
  border-radius: 3px;
}
.parent-filters .item:last-child {
  margin-right: 0;
}
.parent-filters .is-checked {
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.segmentify-analytics .date-filters {
  margin-bottom: 40px;
}

.date-filter {
  margin-right: 5px;
  color: #737278;
}
.date-filter, .date-filter-reset {
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 0.875rem;
  cursor: pointer;
}
.trendify .date-filter, .bannerify .date-filter, .sales .date-filter, .trendify-insights .date-filter {
  color: #fff;
  font-size: 12px;
}
.date-filter:last-child {
  margin-right: 0;
}
.date-filter.current {
  background-color: #547494;
  color: #fff;
}
.trendify .date-filter.current, .sales .date-filter.current, .trendify-insights .date-filter.current {
  background-color: #28a6b5;
}
.date-filter-reset {
  background-color: #dc3322;
  color: #fff;
}
.date-filter-reset i {
  margin-left: 5px;
  font-size: 0.8em;
}

.analytics-filters .item-error {
  position: absolute;
  top: 100%;
  left: 0;
  color: #fff;
  white-space: nowrap;
}

.segmentify-analytics--trendify .analytics-filters .item-error {
  color: red;
}

.date-update {
  margin-bottom: 10px;
  padding-right: 10%;
  padding-left: 10%;
  text-align: right;
}

.date-update-button.date-update-button {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

.account-statistics-filters.page-filters .filter-details {
  top: calc(100% + 55px);
}

.page-filters.page-filters__insights {
  margin: -40px -20px 10px -20px;
  padding-right: 20px;
  padding-left: 20px;
  background: #fff;
  margin-bottom: -10px;
}
.page-filters.page-filters__insights .date-filters {
  margin-bottom: 10px;
}
.page-filters.page-filters__insights .date-filter {
  color: #808082;
}
.page-filters.page-filters__insights .date-filter.current {
  color: #fff;
}

.analytics-filters.analytics-filters__insights {
  padding: 15px;
  border-top: 1px solid #f6f2f2;
  border-bottom: 1px solid #f6f2f2;
  background: #f8fcfd;
}
.analytics-filters.analytics-filters__insights .Select-control {
  background: transparent;
}
.analytics-filters.analytics-filters__insights input[type=text],
.analytics-filters.analytics-filters__insights input[type=password],
.analytics-filters.analytics-filters__insights input[type=datetime],
.analytics-filters.analytics-filters__insights input[type=datetime-local],
.analytics-filters.analytics-filters__insights input[type=date],
.analytics-filters.analytics-filters__insights input[type=month],
.analytics-filters.analytics-filters__insights input[type=time],
.analytics-filters.analytics-filters__insights input[type=week],
.analytics-filters.analytics-filters__insights input[type=number],
.analytics-filters.analytics-filters__insights input[type=email],
.analytics-filters.analytics-filters__insights input[type=url],
.analytics-filters.analytics-filters__insights input[type=search],
.analytics-filters.analytics-filters__insights input[type=tel],
.analytics-filters.analytics-filters__insights input[type=color],
.analytics-filters.analytics-filters__insights textarea,
.analytics-filters.analytics-filters__insights .text-field,
.analytics-filters.analytics-filters__insights .react-tags {
  background: transparent;
  color: #000;
}
.analytics-filters.analytics-filters__insights .has-icon-label {
  padding-left: 10px;
}

.filter-inside .page-filters .page-filters-buttons {
  top: 115px;
}

.stats-filters.page-filters.has-filter-form {
  top: 200px;
}

.filter-select-option svg:hover path {
  fill: #dc3322;
}

.schedule-filter-container {
  position: absolute;
  right: 0;
}
.schedule-filter-container ul.schedule-filter-list {
  list-style: none;
  position: relative;
  right: 0;
  background: #ffffff;
  padding: 0;
  z-index: 2176448;
  top: 50px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}
.schedule-filter-container ul.schedule-filter-list li {
  padding: 15px;
  cursor: pointer;
}
.schedule-filter-container ul.schedule-filter-list li:hover {
  background: #fbfbfb;
}
.schedule-filter-container ul.schedule-filter-list li.active-schedule {
  background: #547493;
}
.schedule-filter-container ul.schedule-filter-list li.active-schedule:hover {
  background: #547493;
}
.schedule-filter-container ul.schedule-filter-list li.active-schedule svg path {
  fill: #ffffff;
}
.schedule-filter-container ul.schedule-filter-list li.active-schedule i {
  color: #ffffff;
}
.schedule-filter-container ul.schedule-filter-list div {
  border-top: 1px solid #eaeaea;
}
.schedule-filter-container .schedule-filter-toggler {
  position: absolute;
  right: 0;
  background: #ffffff;
  padding: 15px;
  z-index: 2176448;
  border-top-left-radius: 10px;
}
.schedule-filter-container .schedule-filter-toggler svg path {
  fill: #547494;
}

.trendify-insights .pager-analytics {
  display: none;
}
.trendify-insights .page-filters {
  margin: 0;
}
.trendify-insights input[name=productName] {
  padding: 0;
}
.trendify-insights label[for=productCategory] .Select-placeholder,
.trendify-insights label[for=productCategory] .Select--single > .Select-control .Select-value,
.trendify-insights label[for=productBrand] .Select-placeholder,
.trendify-insights label[for=productBrand] .Select--single > .Select-control .Select-value {
  line-height: 44px;
  padding-left: 0;
}
.trendify-insights label[for=productCategory] span,
.trendify-insights label[for=productBrand] span {
  margin: 0 0px -10px 0;
}
.trendify-insights label[for=productCategory] .Select-arrow-zone,
.trendify-insights label[for=productBrand] .Select-arrow-zone {
  bottom: 8px;
}
.trendify-insights label[for=productCategory] .Select-input,
.trendify-insights label[for=productBrand] .Select-input {
  padding-left: 0;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.date-range-preview {
  margin: 0 0 20px;
  padding: 6px 15px;
  border-radius: 5px;
  background-color: #dad9e4;
  color: #737278;
  font-size: 0.75rem;
}
@media screen and (min-width: 48.063em) {
  .date-range-preview {
    display: inline-block;
    margin: 0 5px 0 0;
  }
}
.date-range-preview > span {
  display: inline-block;
  position: relative;
}
.date-range-preview i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #aeaeb6;
}
.trendify .date-range-preview i {
  color: #115159;
}
.bannerify .date-range-preview i {
  color: #907d49;
}
.date-range-preview .item {
  margin: 0;
  vertical-align: middle;
}
.date-range-preview .item .form-control {
  width: 100px;
  padding-left: 25px;
  border: 0;
  background-color: transparent;
  font-size: 0.75rem;
}
.trendify .date-range-preview {
  background-color: #0f6874;
}
.trendify .date-range-preview .form-control,
.trendify .date-range-preview .date-range-separator {
  color: #fff;
}
.bannerify .date-range-preview {
  background-color: #d39a46;
}
.bannerify .date-range-preview .form-control,
.bannerify .date-range-preview .date-range-separator {
  color: #fff;
}
.date-range-end {
  margin-left: 5px;
}

.datepicker--container {
  cursor: pointer;
  position: relative;
  display: inline-block;
}

.DateRangePicker {
  margin-right: 10px;
}

.DateRangePickerInput, .SingleDatePickerInput {
  pointer-events: none;
  cursor: pointer;
  background: #dad9e4;
  padding-right: 10px;
  border: none;
  border-radius: 5px;
}

.SingleDatePickerInput {
  pointer-events: auto;
  padding: 5px;
}

.DateInput {
  background: #dad9e4;
  font-size: 0.75rem;
  width: 85px;
  padding: 0;
}

.DateInput__display-text--has-input {
  color: #737282;
}

.DateRangePickerInput__calendar-icon, .SingleDatePickerInput__calendar-icon {
  color: #aeaeb6;
  outline: none;
  margin: -1px 5px 3px 10px;
}

.DateRangePickerInput__calendar-icon:hover, .CalendarDay__button:hover, SingleDatePickerInput__calendar-icon:hover {
  background: transparent;
  outline: none;
}

.DateRangePicker__picker, .SingleDatePicker__picker {
  top: 55px;
  z-index: 99;
}

.DateInput--with-caret::before, .DateInput--with-caret::after {
  top: 40px;
}

.DateRangePicker * {
  outline: none;
}

.DateRangePicker button {
  border-radius: 0;
}

.CalendarDay--selected-span.CalendarDay--hovered, .CalendarDay--selected-span:active {
  border: 1px double transparent;
}

.CalendarDay__button:hover {
  background-color: #496786;
  color: #ffffff;
}

.CalendarDay--hovered-span,
.CalendarDay--after-hovered-start {
  border: 1px double transparent;
}

.CalendarDay__button:hover {
  background-color: #496786;
  color: #ffffff;
}

.DateInput {
  background: transparent;
}

.DateInput__display-text--focused {
  background: #fff;
  border-color: #fff;
}

.DayPickerNavigation__prev.DayPickerNavigation__prev--default:hover,
.DayPickerNavigation__next.DayPickerNavigation__next--default:hover {
  background: transparent;
  border-color: #bebebe;
}

.CalendarDay--selected-start,
.CalendarDay--selected-end {
  background: #527293 !important;
  color: #fff !important;
}

.CalendarDay--selected-span {
  background: #c3daf2;
  color: #527293;
}

.CalendarDay--hovered-span,
.CalendarDay--after-hovered-start {
  background: #c3daf2;
  color: #527293;
}

.react-dates-weekpicker tr:hover {
  background: #c3daf2;
}

.react-dates-weekpicker tr:hover td:first-child {
  background: #4a6785;
  color: #fff;
}

.react-dates-weekpicker tr:hover td:last-child {
  background: #4a6785;
  color: #fff;
}

.react-dates-weekpicker .CalendarDay__button:hover {
  background-color: #c3daf2;
  color: inherit;
}

.react-dates-weekpicker .CalendarDay--hovered {
  background: #c3daf2;
}

.react-dates-weekpicker .SingleDatePickerInput {
  width: 180px;
}

.react-dates-weekpicker .DateInput__display-text {
  width: 100%;
}

.react-dates-weekpicker .DateInput {
  width: 100%;
}

.SingleDatePicker td.CalendarDay.CalendarDay--valid.CalendarDay--selected {
  background: inherit;
  color: inherit;
  border: 1px solid #e4e7e7;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.promo {
  margin-top: 65px;
  padding: 40px;
}
.promo .secondary-action {
  background-color: #004852;
}
.promo--centered {
  text-align: center;
}

.email-discover-dashboard svg {
  fill: #fff;
}
.email-discover-dashboard .secondary-action {
  background-color: #373c4d;
}

.dynamic-bundle-discover-dashboard svg {
  fill: #fff;
}
.dynamic-bundle-discover-dashboard .secondary-action {
  background-color: #373c4d;
}

.segmentation-discover-dashboard svg {
  fill: #fff;
}
.segmentation-discover-dashboard .secondary-action {
  background-color: #373c4d;
}

.bt-discover-dashboard svg {
  fill: #fff;
}
.bt-discover-dashboard .secondary-action {
  background-color: #373c4d;
}

.reco-discover-dashboard .icon-heart {
  margin-bottom: 15px;
  color: #dd3322;
  font-size: 64px;
}
.reco-discover-dashboard .secondary-action {
  background-color: #dd3322;
}
.reco-discover-dashboard .promo-text {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.login-wrap {
  font-family: "montserrat";
  color: #3a3a3a;
  height: 100%;
  margin: auto;
  background-size: cover;
  border: 1px solid #f1f4f7;
  background-color: #fff;
  margin-bottom: 50px;
}
.login-wrap::after {
  position: absolute;
  bottom: 0;
  left: 0;
  background: top center no-repeat url("/assets/login-bg-BxUkQkRl.png");
  content: "";
}

.lgn-container {
  position: relative;
  width: 100%;
}
.lgn-container .page-loading-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
}
.lgn-container .page-loading-container .page-progress {
  position: fixed !important;
  top: 50% !important;
}
.lgn-container .page-loading-container .page-progress::after {
  position: initial !important;
}
.lgn-container .page-loading-container .page-progress::before {
  position: initial !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
}
.lgn-container .page-loading-container .please-wait-text {
  color: #7a797c;
}

.login-container {
  width: 425px;
  z-index: 1;
  margin: 0 auto;
}
.login-container .form-elements {
  padding: 20px;
  border-radius: 10px;
  background: #fff;
}
.login-container .form-elements .buttons {
  text-align: center;
}

.container-header {
  margin: 10px 200px;
}

.login-container {
  margin-top: 50px;
}
.login-container h1 {
  text-align: center;
  font-family: "montserrat";
  font-weight: 600;
  font-size: 35px;
  clear: both;
}

.input-field {
  margin-bottom: 20px;
}
.input-field .labelClass .item-label {
  display: block;
  margin-bottom: 10px;
}
.input-field label {
  display: block;
  margin: 30px 0 10px;
}
.input-field .inputClassName {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #ccc;
  color: #666;
  background-color: #ffffff !important;
  padding: 0.75em;
}
.input-field .inputClassName:focus {
  border: 1px solid #000000;
}
.input-field input[type=checkbox] {
  position: relative;
  top: -0.3em;
  width: 1.14em;
  height: 1.14em;
}
.input-field .password-toggle {
  cursor: pointer;
  display: flex;
  position: absolute;
  bottom: 0.3em;
  right: 0;
  align-items: center;
  padding: 0.5em 8px;
  margin: 0 15px;
  font-size: 0.7rem;
  font-weight: 700;
  opacity: 0.6;
}
.input-field .password-toggle .pass-show:before {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpiYBiMwAGI1wPxfzQ8HyqHF/Rj0YiO+3Fpno+k6D4QF0BtdICy76O5BqdmEFsAiwUCWNSBQQEOkxuQxBtwWAbSy/AeytmPZiO635HBfqjYeyZqRBvFXqA4EAlFowEx0UiVhISclOeTm5TpDwACDACo4VcJibLfUQAAAABJRU5ErkJggg==");
}
.input-field .password-toggle .pass-hide:before {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKRJREFUeNpiYCAPGADxeygmW/N/XAY4APF6qAJkPB+IE9A0G6Br7seiERvGqnk+koL7QFwAdY0DmhxBzSC2AB4/wzQnwBQUoGmGgQY8zoZZCNILN30/kmYBAn7eDxNnwhNVMPABiB2B+AKueEX3ggGBqEIOrwJsgricLYAlsFHAehyaHaA23cenGZezsbmsn1jN/ViSsgO2QMSbtokB7ynRDBBgALKKbLjDIrRPAAAAAElFTkSuQmCC");
}
.input-field .password-toggle .pass-icon:before, .input-field .password-toggle .pass-icon::after {
  background-size: 10px 10px;
  width: 0.8em;
  display: inline-block;
  height: 1.9em;
  vertical-align: middle;
  margin-right: 0.8em;
  opacity: 0.6;
}
.input-field a:any-link {
  text-decoration: none;
  color: inherit;
}
.input-field .seg-checkbox {
  display: inline;
}
.input-field.checkbox-field {
  font-size: 0.875em;
}
.input-field button {
  display: block;
  margin: 30px auto;
  padding: 15px 90px;
  border: none;
  color: #fff;
  background-color: #d61f27;
}

.loginV2 .password-toggle {
  right: 12px;
  bottom: 12px;
  padding: 0;
  margin: 0;
}
.loginV2 .input-field label {
  margin: 30px 0 0 0;
}

.login-logo {
  width: 4.8em;
  height: 1.2em;
  margin: 0 auto;
  background: center no-repeat;
  background-size: cover;
  background-image: url("/assets/logo-new-C6NMyz42.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .login-logo {
    background-image: url("/assets/logo-new-C6NMyz42.png");
  }
}

.login-wrap header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 1.25em 0 10px;
  border: 1px solid #f1f4f7;
}

.login-logo {
  cursor: pointer;
  margin-right: auto;
}

.nav__links li {
  font-size: 0.75em;
  font-weight: 600;
  display: inline-block;
}
.nav__links li .language-select {
  width: 4em;
  top: 1em;
  font-size: 0.825rem;
  line-height: 2em;
}
.nav__links li .Select-arrow-zone {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 4px;
}
.nav__links a {
  padding: 0.8em 0.9em;
  margin: 0 10px;
}
.nav__links .book-demo a {
  background-color: #d61f27;
  color: #ffffff;
  border-radius: 4px;
}
.nav__links .login a {
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid #3a3a3a;
  color: #3a3a3a;
}

.nav__links .user-nav-list::after {
  position: relative;
  left: 50px;
  z-index: 999;
}
.nav__links .user-nav-list .inner-nav {
  top: 0;
  left: 0;
}

.loginV2-header {
  justify-content: start !important;
  padding: 1.25em 20px !important;
}

.mail-send .mail-sended-background {
  width: 450px;
  height: 270px;
  margin: 60px auto;
  background: #ffffff url("/assets/welcome-illustration-Cq5ya0Vb.png") center bottom no-repeat;
  background-size: 100% auto;
}
.mail-send .expired-sended-background {
  width: 270px;
  height: 300px;
  margin: 80px auto 60px;
  background: #ffffff url("/assets/oops-cats-D1L39p2a.png") center bottom no-repeat;
  background-size: 100% auto;
}
.mail-send .green-title {
  color: #51B04F;
  font-size: 2em;
  font-weight: 600;
}
.mail-send .red-title {
  color: #dc3322;
  font-size: 3em;
  font-weight: 450;
}
.mail-send .confirm-text {
  color: #5d5d5d;
  font-size: 1em;
}

/** -------------------------------------------

    ------------------------------------------- **/
.account-trends,
.stat-trends {
  width: 100%;
  margin-bottom: 40px;
}

.account-trends .section-title {
  color: #49b4d3;
}
.stat-trends .section-title {
  color: #5acab6;
}

.stat-cards {
  width: 100%;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0px 20px;
}
@media screen and (max-width: 48em) {
  .stat-cards {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.stat-trends.stats-your-website .section-title {
  color: #2c3e50;
}
.stat-trends.stats-your-website .icon-info {
  color: #fff;
}
.stat-trends.stats-your-website .stat-card {
  background-color: #2c3e50;
}
.stat-trends.stats-your-website .stat-card .stat-item-name,
.stat-trends.stats-your-website .stat-card .stat-card-subtitle,
.stat-trends.stats-your-website .stat-card .stat-card-holder,
.stat-trends.stats-your-website .stat-card .stat-card-small-holder {
  color: #d0cccc;
}

.stat-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 13px;
  justify-content: space-between;
  font-size: 11pt;
  margin-top: 15px;
}

.stat-card-page-grid {
  grid-row-gap: 20px;
}

.stat-card-subgrid {
  grid-column-start: 1;
  grid-column-end: 4;
  display: grid;
  grid-template-columns: 1.5fr 0.75fr 0.75fr;
  grid-row-gap: 10px;
  justify-content: space-between;
  font-size: 11pt;
  padding: 0 20px;
}

.stat-card-title--thin {
  font-weight: normal;
  display: inline-block;
  font-size: 1.625rem;
}

.stat-card-title--small {
  font-size: 0.875rem;
  display: inline-block;
  text-transform: lowercase !important;
  font-weight: normal;
}

.stat-card-text--bold {
  font-weight: 600;
}

.stat-card-text--white {
  color: #fff;
}

.stat-card-text--center {
  text-align: center;
}

.stat-card-line {
  grid-column-start: 1;
  grid-column-end: 4;
  display: flex;
  align-items: center;
}

.stat-card-draw-line {
  height: 1px;
  width: 100%;
  border-top: 1px solid #5cc1af;
}

.stat-card-holder {
  font-size: 10pt;
}
.stat-card-holder i {
  width: 24px;
  margin-right: 10px;
  font-size: 1.5rem;
  text-align: center;
  margin-top: -2px;
}

.stat-card-small-holder {
  font-size: 9pt;
}
.stat-card-small-holder i {
  width: 16px;
  margin-right: 5px;
  font-size: 1.2rem;
  text-align: center;
  margin-top: -2px;
}

.export-content-wrapper--print .secondary-action {
  display: none;
}

.export-content-wrapper .header {
  color: #4b4b4f;
  font: bold 1.25rem/1.5 montserrat, helvetica, arial, sans-serif;
  text-align: center;
  position: relative;
}

.page-content-wrapper--print * {
  font-size: 12px !important;
}
.page-content-wrapper--print .stat-card {
  min-height: 200px;
}

.page-content-wrapper--print,
.page-content-block--print {
  max-width: 1366px !important;
}
.page-content-wrapper--print p.widget-stat-conversion,
.page-content-block--print p.widget-stat-conversion {
  position: relative !important;
}

.page-content-block--print i.icon-info {
  display: none;
}
.page-content-block--print nav.account-nav.action-nav.report-nav {
  display: none;
}

.page-content-block--print {
  overflow: hidden;
}
.page-content-block--print * {
  font-size: 12px !important;
}
.page-content-block--print .widget-meta {
  margin-bottom: 15px;
  margin-top: 15px;
}
.page-content-block--print .widget-stats {
  display: block;
}
.page-content-block--print .widget-stat {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  font-size: 12px;
  float: left;
}
.page-content-block--print .widget-stat * {
  font-size: 12px !important;
}
.page-content-block--print .widget-separator {
  display: none;
}

.stat-card {
  position: relative;
  min-height: 470px;
  padding: 20px;
  border-radius: 10px;
  background: url("/assets/waves-BH_mDVny.png") no-repeat;
  color: #459587;
}
@media screen and (max-width: 48em) {
  .stat-card {
    width: 48%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 26em) {
  .stat-card {
    width: 100%;
  }
}
.stat-card .modal-trigger {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #459587;
}
.stat-card:first-child {
  background-position: 0 bottom;
}
.stat-card:last-child {
  margin-right: 0;
}
.stat-card:nth-child(2) {
  background-position: 20% bottom;
}
.stat-card:nth-child(3) {
  background-position: 40% bottom;
}
.stat-card:nth-child(4) {
  background-position: 60% bottom;
}
.stat-card:nth-child(5) {
  background-position: 80% bottom;
}
.stat-trends .stat-card {
  background-color: #67dfca;
}
.account-trends .stat-card {
  padding-bottom: 60px;
  background-color: #49b4d3;
}
.stat-card-title {
  margin-bottom: 5px;
  color: #fff;
  text-transform: uppercase;
}
.stat-card.stat-revenue {
  box-shadow: 0 5px 0 rgb(52, 158, 189);
}
.stat-card.stat-widget .stat-item .stat-item-percentage {
  position: relative;
}
@media screen and (min-width: 1280px) {
  .stat-card.stat-widget .stat-item .stat-item-percentage {
    position: absolute;
  }
}
.stat-card.stat-basket .stat-item .stat-item-percentage {
  position: relative;
}
@media screen and (min-width: 1280px) {
  .stat-card.stat-basket .stat-item .stat-item-percentage {
    position: absolute;
  }
}
.stat-card.stat-search .stat-item .stat-item-percentage {
  position: relative;
}
@media screen and (min-width: 1280px) {
  .stat-card.stat-search .stat-item .stat-item-percentage {
    position: absolute;
  }
}

.stat-conversion {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 40px);
  margin-bottom: 0;
}

.stat-item {
  position: relative;
  margin-bottom: 20px;
  color: #bafff3;
}
.stat-item:last-child {
  margin-bottom: 0;
}

.stat-total {
  margin-bottom: 20px;
  color: #fff;
}

.stat-item-name {
  display: block;
  color: #459587;
  font-size: 0.875rem;
}
.stat-item-name i {
  width: 24px;
  margin-right: 10px;
  font-size: 1.5rem;
  text-align: center;
}
.account-trends .stat-item-name {
  color: #245a69;
}
.stat-conversion .stat-item-name {
  display: inline-block;
}

.stat-item-count {
  display: inline-block;
  margin-right: 5px;
  color: #fff;
  font-size: 1.125rem;
}
.stat-total .stat-item-count {
  font-size: 1.625rem;
}
.stat-item-count i {
  margin-right: 5px;
}

.stat-item-unit {
  font-size: 0.875rem;
}

.stat-item-percentage {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  color: #fff;
  font-size: 0.875rem;
}
.stat-revenue .stat-item-percentage {
  position: relative !important;
}

.stat-percentages {
  margin-bottom: 40px;
}

.stat-counts {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.stat-counts .stat-item {
  width: 50%;
  text-align: center;
}

.stat-device .stat-card-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.stat-device .stat-card-list .stat-item:nth-child(n+5) {
  width: 50%;
}
.stat-device .stat-item {
  width: 100%;
}
.stat-device .stat-item .stat-item-unit {
  display: none;
}
.stat-device .stat-item:nth-child(-n+4) .stat-item-percentage {
  font-size: 1.5rem;
}
.stat-device .stat-item:nth-child(n+5) .stat-item-unit {
  display: inline-block;
}

.account-trends .stat-item:last-child, .stat-purchase .stat-item:last-child {
  position: absolute;
  bottom: 20px;
  width: calc(100% - 40px);
}
.account-trends .stat-item:last-child .stat-item-percentage, .stat-purchase .stat-item:last-child .stat-item-percentage {
  font-size: 1.5rem;
}

.account-trends .stat-item:nth-child(n+1) .stat-item-unit {
  display: none;
}
.account-trends .stat-item.contribution-ratio .stat-item-percentage {
  font-size: 1.875rem;
  line-height: 1;
}
@media screen and (min-width: 1520px) {
  .account-trends .stat-item.contribution-ratio .stat-item-percentage {
    position: absolute;
  }
}
.account-trends .stat-item.contribution-ratio .stat-item-name {
  width: 60%;
}
.account-trends .stat-item.contribution-ratio span {
  color: #fff;
  font-weight: bold;
}
.account-trends .tooltip-trigger,
.account-trends .modal-trigger {
  color: rgba(0, 0, 0, 0.6);
}

/*li.conversion {
    &.stat-item-revenue-overall, &.stat-item-revenue, &.stat-item-assisted-revenue-overall, &.stat-item-assisted-revenue {
        display: none;
    }
}*/
.dashboard-type {
  position: relative;
  top: 140px;
  right: -18px;
  margin-bottom: 20px;
  float: right;
}
.dashboard-type-dropbtn {
  border: none;
  outline: 0;
  background: transparent;
  cursor: pointer;
}
.dashboard-type-dropbtn i {
  color: #68686a;
}
.dashboard-type-dropbtn:hover {
  background: transparent;
}
.dashboard-type-dropdown {
  display: inline-block;
  position: relative;
}
.dashboard-type-dropdown-content {
  display: none;
  position: absolute;
  top: 12px;
  min-width: 196px;
  background-color: #f9f9f9;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 999999;
}
.dashboard-type-dropdown-content a {
  display: inline-block;
}
.dashboard-type-dropdown-content a {
  display: block;
  padding: 10px;
  color: black;
  font-size: 14px;
  text-decoration: none;
}
.dashboard-type-dropdown-content a + a {
  border-top: 1px solid #cdcccc;
}
.dashboard-type-dropdown-content a:hover {
  background-color: #f1f1f1;
}
.dashboard-type-dropdown:hover .dashboard-type-dropdown-content {
  display: block;
}

.compare-stat p span {
  font-weight: bold;
}

.dashboard-compare--title {
  margin-bottom: 16px;
  color: #69b1ce;
  font-size: 18px;
  font-weight: bold;
}

.dashboard-select {
  width: 100%;
  margin-bottom: 30px;
}
.dashboard-select .dashboard-type-module {
  float: left;
  height: 44px;
}
.dashboard-select .dashboard-type-view {
  float: right;
}

.dashboard-select:after {
  content: "";
  display: table;
  clear: both;
}

a.dashboard-type-module-item {
  padding: 10px 20px;
  margin-right: 15px;
  text-decoration: none;
  border-radius: 5px;
  background: #dad9e4;
  color: #aeabc0;
}

a.dashboard-type-module-item.active {
  background: #fff;
  color: #d31116;
}

.account-trends .stat-card-email {
  background-color: #7c7dac;
}

.account-trends .stat-card-push {
  background-color: #c482ae;
}

.account-trends .stat-item-name {
  color: rgba(0, 0, 0, 0.7);
}

.account-trends .section-title.section-title-email {
  color: #7c7dac;
}

.account-trends .section-title.section-title-push {
  color: #c482ae;
}

.account-trends .section-title.section-title-search {
  color: #fb846a;
}

.stat-card.stat-card-email.stat-revenue {
  box-shadow: 0 5px 0 #585979;
}

.stat-card.stat-card-push.stat-revenue {
  box-shadow: 0 5px 0 #ad809f;
}

.stat-card.stat-search:last-child {
  box-shadow: 0 5px 0 #ff6640;
}

.dashboard-type-view {
  border-left: 1px solid #dad9e4;
  height: 44px;
  overflow: hidden;
  padding: 0 20px;
}
.dashboard-type-view a {
  margin-top: 7px;
  margin-left: 2px;
  padding: 7px;
  border-radius: 4px;
  box-sizing: content-box;
}
.dashboard-type-view a div {
  float: initial;
}
.dashboard-type-view svg {
  width: 16px;
  height: 16px;
  float: left;
  fill: #68686a;
  cursor: pointer;
}
.dashboard-type-view i {
  cursor: pointer;
}

.primary-nav svg.emailIcon {
  width: 27px;
  height: 17px;
  margin-left: -5px;
}

.view-selected {
  background: #fff;
}
.view-selected svg,
.view-selected rect,
.view-selected path {
  fill: #d31116 !important;
}
.view-selected i {
  color: #d31116;
}

.email.no-integration #secondary-sidebar,
.push.no-integration #secondary-sidebar,
.dynamic_bundle.no-integration #secondary-sidebar,
.recommendation.no-integration #secondary-sidebar,
.search.no-integration #secondary-sidebar,
.bt.no-integration #secondary-sidebar,
.audience.no-integration #secondary-sidebar {
  display: none;
}

.stat-tooltip {
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: -2px;
}
.stat-tooltip .icon-info {
  font-size: 16px;
}

.stat-tooltip-ga {
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: -2px;
}
.stat-tooltip-ga .icon-info {
  font-size: 16px;
}

.upload-layer-img {
  background: url("/assets/layer-CYfkjEEq.png") no-repeat;
}

.upload-layer-notfound-img {
  background: url("/assets/loading-CUl5AVtV.gif") no-repeat;
}

.summary-blocks {
  display: grid;
  grid-template-columns: 1fr 5fr;
  width: 100%;
  height: 130px;
  background-color: white;
  margin-right: 0.5%;
  border-radius: 10px;
  border: 1px solid lightgrey;
}

.text-container {
  width: calc(100% - 30px);
  position: relative;
  display: inline-block;
  top: 20%;
  padding-left: 30px;
  font-size: 14px;
}

.icon-container {
  position: relative;
  display: inline-block;
  padding: 30px;
}

.value-container {
  font-size: xx-large;
  font-weight: bold;
  color: #4c7497;
  display: flex;
  white-space: pre;
}
.value-container .user-currency {
  padding-left: 10px;
  padding-right: 20px;
}

.show-loading-animation.rect-shape, .show-loading-animation.round-shape, .show-loading-animation.text-row,
.show-loading-animation .rect-shape,
.show-loading-animation .round-shape,
.show-loading-animation .text-row {
  animation: react-placeholder-pulse 1.5s infinite;
}

@keyframes react-placeholder-pulse {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
.icon-container:after {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 100%;
  content: "";
  border-left: 1px dashed black;
}

.section-title-email {
  float: left;
}

.section-email-count {
  float: right;
  background-color: #7c7ea9;
  padding: 10px;
  margin: 0 0 10px 10px;
  color: #fff;
  font-size: 0.9rem;
  border-radius: 10px;
}
.section-email-count span {
  margin-right: 5px;
}
.section-email-count i {
  color: rgba(0, 0, 0, 0.6);
}

.section-title-push {
  float: left;
}

.section-push-count {
  float: right;
  background-color: #c482ae;
  padding: 10px;
  margin: 0 0 10px 10px;
  color: #fff;
  font-size: 0.9rem;
  border-radius: 10px;
}
.section-push-count span {
  margin-right: 5px;
}
.section-push-count i {
  color: rgba(0, 0, 0, 0.6);
}

.data-grid .cell-content:empty + .cell-fallback {
  display: inline-block;
}
.data-grid .cell-fallback {
  display: none;
  width: 100%;
  text-align: left;
}

.aawp {
  box-sizing: border-box;
}
.aawp * {
  box-sizing: border-box;
}
.aawp *:before, .aawp *:after {
  box-sizing: border-box;
}
.aawp div,
.aawp span,
.aawp div *,
.aawp span *,
.aawp div *:before,
.aawp span *:before,
.aawp div *:after,
.aawp span *:after {
  box-sizing: border-box;
}
.aawp.aawp-table {
  box-sizing: border-box;
  margin: 0 0 30px;
  table-layout: auto;
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  line-height: 1.4;
}
.aawp.aawp-table tr {
  border: none;
}
.aawp.aawp-table th,
.aawp.aawp-table td {
  padding: 5px;
  vertical-align: top;
}
.aawp.aawp-table th {
  border: none;
  border-bottom: 2px solid #ccc;
  font-size: 16px;
  text-align: center;
  white-space: nowrap;
}
.aawp.aawp-table td {
  border: none;
  border-bottom: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}
.aawp.aawp-table a {
  text-decoration: none;
}
.aawp.aawp-table .position {
  max-width: 30px;
  font-weight: bold;
}
.aawp.aawp-table .title {
  min-width: 150px;
  text-align: left;
}
.aawp.aawp-table .description ul {
  margin: 0;
  padding: 0;
}
.aawp.aawp-table .links {
  white-space: nowrap;
}
.aawp table.aawp-table {
  display: block;
  margin: 10px 0 30px;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 16px;
  display: block;
  border: none;
}
.aawp table.aawp-table thead,
.aawp table.aawp-table tbody,
.aawp table.aawp-table th,
.aawp table.aawp-table td,
.aawp table.aawp-table tr {
  display: block;
  border: none;
}
.aawp table.aawp-table thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.aawp table.aawp-table tr {
  margin-bottom: 20px;
}
.aawp table.aawp-table tr:nth-child(odd) {
  background-color: #fafafa;
}
.aawp table.aawp-table th {
  border: none;
}
.aawp table.aawp-table td {
  padding: 10px;
  border: none;
  border-top: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-left: 1px solid #ededed;
}
.aawp table.aawp-table td:last-child {
  border-bottom: 1px solid #ededed;
}
.aawp table.aawp-table td:before {
  content: attr(data-label) ": ";
  display: inline-block;
  font-weight: bold;
  width: 125px;
}
.aawp table.aawp-table td img {
  display: inline-block;
  width: 100% \9 ;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  max-height: 200px;
}
.aawp table.aawp-table .aawp table.aawp-table td.aawp-table__td-title {
  text-align: center;
}
.aawp table.aawp-table .aawp table.aawp-table td.aawp-table__td-title:before {
  display: none;
}

@media (min-width: 800px) {
  .aawp table.aawp-table {
    display: table;
    table-layout: auto;
    width: 100%;
    border: 1px solid #ededed;
    font-size: 14px;
    line-height: 1.4;
  }
  .aawp table.aawp-table thead {
    display: table-header-group;
  }
  .aawp table.aawp-table thead tr {
    position: static;
    top: auto;
    left: auto;
  }
  .aawp table.aawp-table tbody {
    display: table-row-group;
  }
  .aawp table.aawp-table tr {
    display: table-row;
  }
  .aawp table.aawp-table th {
    display: table-cell;
    padding: 10px 12px;
    text-align: left;
  }
  .aawp table.aawp-table td {
    display: table-cell;
    padding: 10px 12px;
    text-align: left;
  }
  .aawp table.aawp-table td:before {
    display: none;
    content: "";
    width: auto;
  }
  .aawp table.aawp-table thead {
    background: #fafafa;
  }
  .aawp table.aawp-table tr:nth-child(odd) {
    background: none;
  }
  .aawp table.aawp-table th,
  .aawp table.aawp-table td {
    vertical-align: middle;
  }
  .aawp table.aawp-table th.aawp-table__th-position,
  .aawp table.aawp-table td.aawp-table__th-position,
  .aawp table.aawp-table th.aawp-table__td-position,
  .aawp table.aawp-table td.aawp-table__td-position {
    max-width: 50px;
    font-weight: bold;
    white-space: nowrap;
  }
  .aawp table.aawp-table th.aawp-table__th-title,
  .aawp table.aawp-table td.aawp-table__th-title,
  .aawp table.aawp-table th.aawp-table__td-title,
  .aawp table.aawp-table td.aawp-table__td-title {
    min-width: 150px;
    text-align: left;
  }
  .aawp table.aawp-table tr th {
    font-weight: bold;
    text-align: left;
  }
  .aawp table.aawp-table tr td {
    border-left: none;
    border-right: none;
  }
  .aawp table.aawp-table a {
    border: none;
    box-shadow: none;
    outline: none;
    text-decoration: none;
  }
}
.aawp-tb {
  margin: 20px 0 0 0;
  border-collapse: collapse;
  border-spacing: 1px;
  color: #444;
  font-size: 13px;
  line-height: 20px;
  table-layout: fixed;
}

.aawp-tb__head,
.aawp-tb__data {
  position: relative;
  padding: 10px 9px;
  background-clip: padding-box;
  border: 1px solid #d7d7d7;
  text-align: center;
}

.aawp-tb__head {
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}

.aawp-tb__head__center {
  text-align: center;
}

.aawp-tb__data {
  vertical-align: middle;
}

.aawp-tb--desktop {
  display: table;
  margin-bottom: 1.75em;
  width: 100%;
}
.aawp-tb--desktop .aawp-tb__row {
  display: table-row;
}
.aawp-tb--desktop .aawp-tb__row:not(.aawp-tb__row--highlight):nth-child(2n+2) .aawp-tb__head,
.aawp-tb--desktop .aawp-tb__row:not(.aawp-tb__row--highlight):nth-child(2n+2) .aawp-tb__data:not(.aawp-tb__data--highlight) {
  background-color: #f5f5f5;
}
.aawp-tb--desktop .aawp-tb__head {
  display: table-cell;
}
.aawp-tb--desktop .aawp-tb__data {
  display: table-cell;
  position: relative;
}
.aawp-tb--desktop .aawp-tb__data--highlight {
  position: relative;
}
.aawp-tb--desktop .aawp-tb__data--highlight:after {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: 0;
  display: block;
  width: 0;
  border-left: 1px solid transparent;
  content: "";
}
.aawp-tb--desktop .aawp-tb-ribbon {
  position: absolute;
  top: -1px;
  left: -1px;
  right: 0;
}
.aawp-tb--desktop.aawp-tb--hide-labels .aawp-tb__head, .aawp-tb--desktop.aawp-tb--hide-desktop-labels .aawp-tb__head {
  display: none;
}
.aawp-tb--desktop.aawp-tb--ribbon .aawp-tb__row:first-child .aawp-tb__head,
.aawp-tb--desktop.aawp-tb--ribbon .aawp-tb__row:first-child .aawp-tb__data {
  padding-top: 52px;
}
.aawp-tb--desktop.aawp-tb--ribbon .aawp-tb-ribbon {
  display: block;
}
.aawp-tb--desktop.aawp-tb--cols-1 .aawp-tb__head,
.aawp-tb--desktop.aawp-tb--cols-1 .aawp-tb__data {
  width: 100%;
}
.aawp-tb--desktop.aawp-tb--cols-2 .aawp-tb__head,
.aawp-tb--desktop.aawp-tb--cols-2 .aawp-tb__data {
  width: 50%;
}
.aawp-tb--desktop.aawp-tb--cols-3 .aawp-tb__head,
.aawp-tb--desktop.aawp-tb--cols-3 .aawp-tb__data {
  width: 33.33333333%;
}
.aawp-tb--desktop.aawp-tb--cols-4 .aawp-tb__head,
.aawp-tb--desktop.aawp-tb--cols-4 .aawp-tb__data {
  width: 25%;
}
.aawp-tb--desktop.aawp-tb--cols-5 .aawp-tb__head,
.aawp-tb--desktop.aawp-tb--cols-5 .aawp-tb__data {
  width: 20%;
}
.aawp-tb--desktop.aawp-tb--cols-6 .aawp-tb__head,
.aawp-tb--desktop.aawp-tb--cols-6 .aawp-tb__data {
  width: 16.66666667%;
}
.aawp-tb--desktop.aawp-tb--cols-7 .aawp-tb__head,
.aawp-tb--desktop.aawp-tb--cols-7 .aawp-tb__data {
  width: 14.28571429%;
}

@media (max-width: 767px) {
  .aawp-tb--desktop {
    display: none;
  }
}
@media (max-width: 1200px) {
  .aawp-tb--desktop .aawp-tb__data:nth-child(7) {
    display: none;
  }
}
@media (max-width: 1100px) {
  .aawp-tb--desktop .aawp-tb__data:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1000px) {
  .aawp-tb--desktop .aawp-tb__data:nth-child(5) {
    display: none;
  }
}
.preloader {
  position: fixed;
  top: 64px;
  left: 0;
  width: 100%;
  height: 5px;
}
.preloader.external {
  top: 0;
}
.preloader.external-page-wrap {
  left: 0;
  width: 100%;
}
.item ~ .preloader {
  position: absolute;
  top: 34px;
  left: 0;
  width: 100%;
  height: 2px;
}
.preloader::before {
  display: block;
  width: 0;
  height: 100%;
  background-color: #dc3322;
  content: "";
}
.preloader-start::before {
  animation: start-loading 2s ease-out forwards;
}
.preloader-end::before {
  animation: end-loading 0.75s ease-in forwards;
}

@-webkit-keyframes start-loading {
  100% {
    width: 95%;
  }
}
@keyframes start-loading {
  100% {
    width: 95%;
  }
}
@-webkit-keyframes end-loading {
  0% {
    width: 100%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes end-loading {
  0% {
    width: 100%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.available-types {
  margin-bottom: 80px;
}

.available-type {
  position: relative;
  width: 285px;
  height: 320px;
  margin: 0 20px 20px 0;
  padding-bottom: 260px;
  color: #b7b7b7;
  text-decoration: none;
  vertical-align: top;
}
.available-type.available-type-segment-group {
  width: 277px;
  height: 89px;
  background: #fff9f2;
  border: 1px dashed #cecece;
  padding-bottom: 0;
  border-radius: 8px;
  margin-left: 18px;
  color: #f9c78c;
  box-shadow: 12px 12px 48px rgba(201, 185, 208, 0.2);
}
.available-type.available-type-segment-group span {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  transform: translate(-6px, 13px);
}
.available-type.available-type-segment-group span p {
  font-weight: 500;
  width: 167px;
  text-align: center;
  font-size: 18px;
}
.available-type.available-type-personalization {
  height: 250px;
}
.available-type.available-type-personalization .available-type-wireframe {
  top: 65px;
}
.available-type.available-type-personalization-persona-quiz {
  height: 250px;
}
.available-type.available-type-personalization-persona-quiz .available-type-wireframe {
  top: 0;
}
.available-type.available-type-filled {
  width: 250px;
  height: 220px;
  padding-bottom: 220px;
  background-color: #f1edfe;
  margin-bottom: 50px;
}
.available-type.available-type-audience {
  width: 250px;
  height: 220px;
  padding-bottom: 220px;
  background-color: #f1edfe;
  margin-bottom: 50px;
}
.available-type.available-type-social-proof {
  flex-basis: auto;
  height: 275px;
  background-color: #ffffff;
  margin: 0;
  border-radius: 10px;
}
.available-type.available-type-social-proof:nth-child(4n) {
  margin-right: 0;
}
.available-type.available-type-home-newArrivals .available-type-wireframe, .available-type.available-type-home-priceDrop .available-type-wireframe, .available-type.available-type-home-backInStock .available-type-wireframe, .available-type.available-type-home-personalisedTopSellers .available-type-wireframe, .available-type.available-type-product-brandProducts .available-type-wireframe, .available-type.available-type-product-bundleProducts .available-type-wireframe, .available-type.available-type-basket-lastPurchasedProducts .available-type-wireframe, .available-type.available-type-basket-mostlyPurchasedTogether .available-type-wireframe, .available-type.available-type-checkout-success-mostlyPurchasedTogether .available-type-wireframe, .available-type.available-type-custom-brandProducts .available-type-wireframe, .available-type.available-type-custom-recentlyViewed .available-type-wireframe, .available-type.available-type-custom-topSellers .available-type-wireframe {
  background-image: url("/assets/home-mostPopular-Cy1IBs58.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type.available-type-home-newArrivals .available-type-wireframe, .available-type.available-type-home-priceDrop .available-type-wireframe, .available-type.available-type-home-backInStock .available-type-wireframe, .available-type.available-type-home-personalisedTopSellers .available-type-wireframe, .available-type.available-type-product-brandProducts .available-type-wireframe, .available-type.available-type-product-bundleProducts .available-type-wireframe, .available-type.available-type-basket-lastPurchasedProducts .available-type-wireframe, .available-type.available-type-basket-mostlyPurchasedTogether .available-type-wireframe, .available-type.available-type-checkout-success-mostlyPurchasedTogether .available-type-wireframe, .available-type.available-type-custom-brandProducts .available-type-wireframe, .available-type.available-type-custom-recentlyViewed .available-type-wireframe, .available-type.available-type-custom-topSellers .available-type-wireframe {
    background-image: url("/assets/home-mostPopular@2x-CcF8YlII.png");
  }
}
.available-type.available-type-category-personalisedTopSellers .available-type-wireframe {
  background-image: url("/assets/category-mostPopular-B-2KZ8q3.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type.available-type-category-personalisedTopSellers .available-type-wireframe {
    background-image: url("/assets/category-mostPopular@2x-CHneGEWz.png");
  }
}
.available-type.available-type-notfound-personalisedTopSellers .available-type-wireframe {
  background-image: url("/assets/notfound-topSellers-BdK93ogZ.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type.available-type-notfound-personalisedTopSellers .available-type-wireframe {
    background-image: url("/assets/notfound-topSellers@2x-DRIFxhcr.png");
  }
}
.available-type.available-type-topBanners .available-type-wireframe {
  background-image: url("/assets/search-topBanners-C8F3eJ7m.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type.available-type-topBanners .available-type-wireframe {
    background-image: url("/assets/search-topBanners@2x-DqL-Bi1T.png");
  }
}
.available-type.available-type-topSearched .available-type-wireframe {
  background-image: url("/assets/search-topSearched-CsAA80wg.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type.available-type-topSearched .available-type-wireframe {
    background-image: url("/assets/search-topSearched@2x-Bx7jlX7v.png");
  }
}
.available-type .available-type-personalization-popup {
  background-image: url("/assets/popup-banner-CItYGvEQ.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type .available-type-personalization-popup {
    background-image: url("/assets/popup-banner@2x-BwOU13uf.png");
  }
}
.available-type .available-type-personalization-popup-recommendation {
  background-image: url("/assets/popup-recommendation-DfNFVbYw.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type .available-type-personalization-popup-recommendation {
    background-image: url("/assets/popup-recommendation@2x-BKPqbvyJ.png");
  }
}
.available-type .available-type-personalization-notification-bar {
  background-image: url("/assets/notification-bar-CijrviKQ.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type .available-type-personalization-notification-bar {
    background-image: url("/assets/notification-bar@2x-D1oFSt2x.png");
  }
}
.available-type .available-type-personalization-hero-banner {
  background-image: url("/assets/hero-banner-2dm7wZZE.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type .available-type-personalization-hero-banner {
    background-image: url("/assets/hero-banner-2dm7wZZE.png");
  }
}
.available-type .available-type-personalization-push-notification {
  background-image: url("/assets/push-notification-mH7W1gss.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type .available-type-personalization-push-notification {
    background-image: url("/assets/push-notification@2x-Cs2X8MpW.png");
  }
}
.available-type .available-type-personalization-push-notification-recommendation {
  background-image: url("/assets/push-notification-mH7W1gss.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type .available-type-personalization-push-notification-recommendation {
    background-image: url("/assets/push-notification@2x-Cs2X8MpW.png");
  }
}
.available-type .available-type-personalization-push-permission {
  background-image: url("/assets/push-permission-DLisU8Hj.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type .available-type-personalization-push-permission {
    background-image: url("/assets/push-permission@2x-CewbE3aD.png");
  }
}
.available-type .available-type-personalization-email-collection {
  background-image: url("/assets/email-collection-D2o5RtP7.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type .available-type-personalization-email-collection {
    background-image: url("/assets/email-collection@2x-DUqFTWh3.png");
  }
}
.available-type .available-type-personalization-form-survey {
  background-image: url("/assets/form-survey-BLx9mPLp.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type .available-type-personalization-form-survey {
    background-image: url("/assets/form-survey@2x-EG3CSADX.png");
  }
}
.available-type-name {
  margin-bottom: 0;
  color: #d26969;
  font-size: 1.125rem;
}
.available-type-left-side .available-type-name {
  color: #40b095;
}
.available-type-right-side .available-type-name {
  color: #c28a61;
}
.available-type-wireframe {
  display: block;
  position: absolute;
  bottom: 0;
  width: 285px;
  height: 250px;
  border-radius: 5px;
  background: center no-repeat;
  background-size: 100% auto;
  box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.11);
}
.available-type-home-main .available-type-wireframe {
  background-image: url("/assets/home-main-CofbUmYn.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-home-main .available-type-wireframe {
    background-image: url("/assets/home-main@2x-DlJZj-0t.png");
  }
}
.available-type-home-sidebar .available-type-wireframe {
  background-image: url("/assets/home-sidebar-Ccn4HLC0.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-home-sidebar .available-type-wireframe {
    background-image: url("/assets/home-sidebar@2x-CcGLUN8S.png");
  }
}
.available-type-category-main .available-type-wireframe {
  background-image: url("/assets/category-main-DJ72RmO2.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-category-main .available-type-wireframe {
    background-image: url("/assets/category-main@2x-_JmVMCNH.png");
  }
}
.available-type-product-main .available-type-wireframe {
  background-image: url("/assets/product-main-Cs85lVgV.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-product-main .available-type-wireframe {
    background-image: url("/assets/product-main@2x-DSKqtrbg.png");
  }
}
.available-type-product-sidebar .available-type-wireframe {
  background-image: url("/assets/product-sidebar-BwEBFYqe.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-product-sidebar .available-type-wireframe {
    background-image: url("/assets/product-sidebar@2x-DjXIvrXe.png");
  }
}
.available-type-basket-main .available-type-wireframe {
  background-image: url("/assets/basket-main-CQlKfZ-k.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-basket-main .available-type-wireframe {
    background-image: url("/assets/basket-main@2x-Ye0OyFQs.png");
  }
}
.available-type-checkout-success-main .available-type-wireframe {
  background-image: url("/assets/checkout-success-main-CHQvApRN.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-checkout-success-main .available-type-wireframe {
    background-image: url("/assets/checkout-success-main@2x-BFeSnISJ.png");
  }
}
.available-type-checkout-success-sidebar .available-type-wireframe {
  background-image: url("/assets/checkout-success-sidebar-BG_vBaey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-checkout-success-sidebar .available-type-wireframe {
    background-image: url("/assets/checkout-success-sidebar@2x-Cj8yFo9J.png");
  }
}
.available-type-notfound-main .available-type-wireframe {
  background-image: url("/assets/notfound-main-De9ljZQO.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-notfound-main .available-type-wireframe {
    background-image: url("/assets/notfound-main@2x-4JGzH9f7.png");
  }
}
.available-type-search-main .available-type-wireframe {
  background-image: url("/assets/search-main-JfGLWxZu.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-search-main .available-type-wireframe {
    background-image: url("/assets/search-main@2x-BxNgpcIs.png");
  }
}
.available-type-home-recommended .available-type-wireframe {
  background-image: url("/assets/home-topSellers-BIWjxoiS.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-home-recommended .available-type-wireframe {
    background-image: url("/assets/home-topSellers@2x-CdoC2xMH.png");
  }
}
.available-type-home-mostPopular .available-type-wireframe {
  background-image: url("/assets/home-mostPopular-Cy1IBs58.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-home-mostPopular .available-type-wireframe {
    background-image: url("/assets/home-mostPopular@2x-CcF8YlII.png");
  }
}
.available-type-home-recentlyViewed .available-type-wireframe {
  background-image: url("/assets/home-recentlyViewed-CVr2uOFT.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-home-recentlyViewed .available-type-wireframe {
    background-image: url("/assets/home-recentlyViewed@2x-CJ8gexn4.png");
  }
}
.available-type-home-topSellers .available-type-wireframe {
  background-image: url("/assets/home-topSellers-BIWjxoiS.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-home-topSellers .available-type-wireframe {
    background-image: url("/assets/home-topSellers@2x-CdoC2xMH.png");
  }
}
.available-type-category-mostPopular .available-type-wireframe {
  background-image: url("/assets/category-mostPopular-B-2KZ8q3.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-category-mostPopular .available-type-wireframe {
    background-image: url("/assets/category-mostPopular@2x-CHneGEWz.png");
  }
}
.available-type-category-recentlyViewed .available-type-wireframe {
  background-image: url("/assets/category-topSellers-lvx9YDb6.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-category-recentlyViewed .available-type-wireframe {
    background-image: url("/assets/category-topSellers@2x-Dqp6FWO2.png");
  }
}
.available-type-category-topSellers .available-type-wireframe {
  background-image: url("/assets/category-topSellers-lvx9YDb6.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-category-topSellers .available-type-wireframe {
    background-image: url("/assets/category-topSellers@2x-Dqp6FWO2.png");
  }
}
.available-type-product-recentlyViewed .available-type-wireframe {
  background-image: url("/assets/product-boughtTogether-DUwrI3RV.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-product-recentlyViewed .available-type-wireframe {
    background-image: url("/assets/product-boughtTogether@2x-jy7DWmU6.png");
  }
}
.available-type-product-youMayAlsoLike .available-type-wireframe {
  background-image: url("/assets/product-youMayAlsoLike-DcIls0ZG.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-product-youMayAlsoLike .available-type-wireframe {
    background-image: url("/assets/product-youMayAlsoLike@2x-Dw-WVBiR.png");
  }
}
.available-type-product-boughtTogether .available-type-wireframe {
  background-image: url("/assets/product-boughtTogether-DUwrI3RV.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-product-boughtTogether .available-type-wireframe {
    background-image: url("/assets/product-boughtTogether@2x-jy7DWmU6.png");
  }
}
.available-type-product-alternativeProducts .available-type-wireframe {
  background-image: url("/assets/product-youMayAlsoLike-DcIls0ZG.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-product-alternativeProducts .available-type-wireframe {
    background-image: url("/assets/product-youMayAlsoLike@2x-Dw-WVBiR.png");
  }
}
.available-type-basket-alternativeProducts .available-type-wireframe {
  background-image: url("/assets/product-youMayAlsoLike-DcIls0ZG.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-basket-alternativeProducts .available-type-wireframe {
    background-image: url("/assets/product-youMayAlsoLike@2x-Dw-WVBiR.png");
  }
}
.available-type-basket-recentlyViewed .available-type-wireframe {
  background-image: url("/assets/basket-recentlyViewed-DOAl45fh.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-basket-recentlyViewed .available-type-wireframe {
    background-image: url("/assets/basket-recentlyViewed@2x-BkGhXJbo.png");
  }
}
.available-type-basket-boughtTogether .available-type-wireframe {
  background-image: url("/assets/basket-boughtTogether-BZ3Pu17c.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-basket-boughtTogether .available-type-wireframe {
    background-image: url("/assets/basket-boughtTogether@2x-DkAIpbvn.png");
  }
}
.available-type-basket-lastMinuteOffers .available-type-wireframe {
  background-image: url("/assets/basket-lastMinuteOffers-C5fsuY4T.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-basket-lastMinuteOffers .available-type-wireframe {
    background-image: url("/assets/basket-lastMinuteOffers@2x-B5z0qqlN.png");
  }
}
.available-type-basket-previouslyAddedToBasket .available-type-wireframe {
  background-image: url("/assets/basket-lastMinuteOffers-C5fsuY4T.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-basket-previouslyAddedToBasket .available-type-wireframe {
    background-image: url("/assets/basket-lastMinuteOffers@2x-B5z0qqlN.png");
  }
}
.available-type-checkout-success-mostPopular .available-type-wireframe {
  background-image: url("/assets/checkout-success-mostPopular-DWU5OEyB.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-checkout-success-mostPopular .available-type-wireframe {
    background-image: url("/assets/checkout-success-mostPopular@2x-BmC6-r9-.png");
  }
}
.available-type-checkout-success-boughtTogether .available-type-wireframe {
  background-image: url("/assets/checkout-success-boughtTogether-CNlsvl_G.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-checkout-success-boughtTogether .available-type-wireframe {
    background-image: url("/assets/checkout-success-boughtTogether@2x-Cx2RZYXX.png");
  }
}
.available-type-notfound-recentlyViewed .available-type-wireframe {
  background-image: url("/assets/notfound-recommended-CVUnWolY.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-notfound-recentlyViewed .available-type-wireframe {
    background-image: url("/assets/notfound-recommended@2x--07nlA7H.png");
  }
}
.available-type-notfound-topSellers .available-type-wireframe {
  background-image: url("/assets/notfound-topSellers-BdK93ogZ.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-notfound-topSellers .available-type-wireframe {
    background-image: url("/assets/notfound-topSellers@2x-DRIFxhcr.png");
  }
}
.available-type-notfound-recommended .available-type-wireframe {
  background-image: url("/assets/notfound-recommended-CVUnWolY.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-notfound-recommended .available-type-wireframe {
    background-image: url("/assets/notfound-recommended@2x--07nlA7H.png");
  }
}
.available-type-notfound-mostPopular .available-type-wireframe {
  background-image: url("/assets/notfound-topSellers-BdK93ogZ.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-notfound-mostPopular .available-type-wireframe {
    background-image: url("/assets/notfound-topSellers@2x-DRIFxhcr.png");
  }
}
.available-type-search-recommended .available-type-wireframe {
  background-image: url("/assets/search-topSellers-c7yXNhyA.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-search-recommended .available-type-wireframe {
    background-image: url("/assets/search-topSellers@2x-DIOdGftV.png");
  }
}
.available-type-search-recentlyViewed .available-type-wireframe {
  background-image: url("/assets/search-recentlyViewed-U_6I7tJI.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-search-recentlyViewed .available-type-wireframe {
    background-image: url("/assets/search-recentlyViewed@2x-Be912HiD.png");
  }
}
.available-type-search-mostPopular .available-type-wireframe {
  background-image: url("/assets/search-topSellers-c7yXNhyA.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-search-mostPopular .available-type-wireframe {
    background-image: url("/assets/search-topSellers@2x-DIOdGftV.png");
  }
}
.available-type-search-topSellers .available-type-wireframe {
  background-image: url("/assets/search-topSellers-c7yXNhyA.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-search-topSellers .available-type-wireframe {
    background-image: url("/assets/search-topSellers@2x-DIOdGftV.png");
  }
}
.available-type-popup_recommendation-bg .available-type-wireframe {
  background-image: url("/assets/popup-recommendation-DfNFVbYw.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-popup_recommendation-bg .available-type-wireframe {
    background-image: url("/assets/popup-recommendation@2x-BKPqbvyJ.png");
  }
}
.available-type-fly .available-type-wireframe {
  background-image: url("/assets/fly-qLU-1k-n.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-fly .available-type-wireframe {
    background-image: url("/assets/fly@2x-DzGleOat.png");
  }
}
.available-type-email_tumb_01 .available-type-wireframe {
  background-image: url("/assets/email_tumb_01-DdfJOf8x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-email_tumb_01 .available-type-wireframe {
    background-image: url("/assets/email_tumb_01@2x-DRlMTR6i.png");
  }
}
.available-type-email_tumb_02 .available-type-wireframe {
  background-image: url("/assets/email_tumb_02-CFC6k_nv.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-email_tumb_02 .available-type-wireframe {
    background-image: url("/assets/email_tumb_02@2x-vl1m8_WL.png");
  }
}
.available-type-email_tumb_03 .available-type-wireframe {
  background-image: url("/assets/email_tumb_03-ukYSYlkK.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-email_tumb_03 .available-type-wireframe {
    background-image: url("/assets/email_tumb_03@2x-CkBv5jtZ.png");
  }
}
.available-type-email_tumb_04 .available-type-wireframe {
  background-image: url("/assets/email_tumb_04-D2lQclfo.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-email_tumb_04 .available-type-wireframe {
    background-image: url("/assets/email_tumb_04@2x-DEf85Hys.png");
  }
}
.available-type-active-loyals .available-type-wireframe {
  background-image: url("/assets/active-loyals-DWOS2vmx.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-active-loyals .available-type-wireframe {
    background-image: url("/assets/active-loyals-DWOS2vmx.png");
  }
}
.available-type-bulk-shoppers .available-type-wireframe {
  background-image: url("/assets/bulk-shoppers-Cmr7OUl1.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-bulk-shoppers .available-type-wireframe {
    background-image: url("/assets/bulk-shoppers-Cmr7OUl1.png");
  }
}
.available-type-big-spenders .available-type-wireframe {
  background-image: url("/assets/big-spenders-CQE8XDi1.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-big-spenders .available-type-wireframe {
    background-image: url("/assets/big-spenders-CQE8XDi1.png");
  }
}
.available-type-churn-candidates .available-type-wireframe {
  background-image: url("/assets/churn-candidates-tO4Ky3Ev.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-churn-candidates .available-type-wireframe {
    background-image: url("/assets/churn-candidates-tO4Ky3Ev.png");
  }
}
.available-type-loyals-at-risk .available-type-wireframe {
  background-image: url("/assets/loyals-at-risk-B1yZgnCN.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-loyals-at-risk .available-type-wireframe {
    background-image: url("/assets/loyals-at-risk-B1yZgnCN.png");
  }
}
.available-type-one-time-shoppers .available-type-wireframe {
  background-image: url("/assets/one-time-shoppers-CVC38gjA.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-one-time-shoppers .available-type-wireframe {
    background-image: url("/assets/one-time-shoppers-CVC38gjA.png");
  }
}
.available-type-richie-riches .available-type-wireframe {
  background-image: url("/assets/richie-riches-t7OEhcRt.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-richie-riches .available-type-wireframe {
    background-image: url("/assets/richie-riches-t7OEhcRt.png");
  }
}
.available-type-sleeping-opportunists .available-type-wireframe {
  background-image: url("/assets/sleeping-opportunists-Mik6gn5L.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-sleeping-opportunists .available-type-wireframe {
    background-image: url("/assets/sleeping-opportunists-Mik6gn5L.png");
  }
}
.available-type-waiting-first-order .available-type-wireframe {
  background-image: url("/assets/waiting-first-order-CD8MmUxI.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-waiting-first-order .available-type-wireframe {
    background-image: url("/assets/waiting-first-order-CD8MmUxI.png");
  }
}
.available-type-lost-customers .available-type-wireframe {
  background-image: url("/assets/lost-customers-C6u5KTq7.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-lost-customers .available-type-wireframe {
    background-image: url("/assets/lost-customers-C6u5KTq7.png");
  }
}
.available-type-stickLeftSided .available-type-wireframe {
  background-image: url("/assets/stickLeftSided-CGMSNIQD.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-stickLeftSided .available-type-wireframe {
    background-image: url("/assets/stickLeftSided-CGMSNIQD.png");
  }
}
.available-type-stickRightSided .available-type-wireframe {
  background-image: url("/assets/stickRightSided-GpudbG27.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-stickRightSided .available-type-wireframe {
    background-image: url("/assets/stickRightSided-GpudbG27.png");
  }
}
.available-type-custom-main .available-type-wireframe {
  background-image: url("/assets/home-main-CofbUmYn.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-custom-main .available-type-wireframe {
    background-image: url("/assets/home-main@2x-DlJZj-0t.png");
  }
}
.available-type-custom-sidebar .available-type-wireframe {
  background-image: url("/assets/home-sidebar-Ccn4HLC0.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-custom-sidebar .available-type-wireframe {
    background-image: url("/assets/home-sidebar@2x-CcGLUN8S.png");
  }
}
.available-type-custom-stickLeftSided .available-type-wireframe {
  background-image: url("/assets/stickLeftSided-CGMSNIQD.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-custom-stickLeftSided .available-type-wireframe {
    background-image: url("/assets/stickLeftSided-CGMSNIQD.png");
  }
}
.available-type-custom-stickRightSided .available-type-wireframe {
  background-image: url("/assets/stickRightSided-GpudbG27.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-custom-stickRightSided .available-type-wireframe {
    background-image: url("/assets/stickRightSided-GpudbG27.png");
  }
}
.available-type-recommendation .available-type-wireframe {
  background-image: url("/assets/popup-recommendation-DfNFVbYw.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-recommendation .available-type-wireframe {
    background-image: url("/assets/popup-recommendation@2x-BKPqbvyJ.png");
  }
}
.available-type-banner .available-type-wireframe {
  background-image: url("/assets/popup-banner-CItYGvEQ.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-banner .available-type-wireframe {
    background-image: url("/assets/popup-banner@2x-BwOU13uf.png");
  }
}
.available-type-push .available-type-wireframe {
  background-image: url("/assets/push-notification-mH7W1gss.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-push .available-type-wireframe {
    background-image: url("/assets/push-notification@2x-Cs2X8MpW.png");
  }
}
.available-type-lastminute .available-type-wireframe {
  background-image: url("/assets/wireframe-lastminute-CT4Nbx6G.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-lastminute .available-type-wireframe {
    background-image: url("/assets/wireframe-lastminute@2x-BEcCrgBe.png");
  }
}
.available-type-audience .available-type-wireframe {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAACcCAYAAABWQbZ6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASbSURBVHgB7d3NbhNXGMfhsUMTJ8EqSHxICNENu0iw6A3ATXBv3AJXwQax6QqJG4BVpS5aJUSOE+MyVV21MKT5GHtmzv95VpGyypz8/E7mzFGqCgAYtvfvl9ujCijOcrkcvX5d7eztHe5vbW0JHUry8uUvPxwc/DTZ3t7dH49H//QtdChAfXt+dHQ4rad30/eFDgNV356/efPbza+ndxOhw8D83/RuInQYgMtM7yZChx67yvRuInTomdX0Ho0muzs7462qBUKHnqin92Lxx/5sdmPnKrfn5xE6dKie3u/e/bo3m+1Nrnt7fh6hQwfq6X14WE3G4097bU/vJkKHDdnU9G4idFizTU/vJkKHNehyejcROrToe4dKuiZ0aEFbL7asi9Dhiq77WuomCR0uqe/Tu4nQ4QKGNL2bCB3OMcTp3UTo8JWhT+8mQoe/rfNQSdeETrTViy2np/d3q+r4h6pQQidSH15L3SShE6Nvr6VuktApXtr0blLsD716cnrjxp3RdFrNDg5G84oYydO7SXGhf29r5PPn5fLTp9PZ48e3Tt6+reYvXowWFcXp66GSrhVzIS6797lYLOaTyfHsyZP7J6PR6KxisL7+P2MV3xh86K9eLbcePar2r/P318nJ58V8fvbl1v7W7Nmzqg5/WdF7Jb7Ysi6DvTh14Hfv/j6dTrd3q5bV0/7Bg+mxW/x+KuW11E0aXOibXuTVtL9379axB3rdMb2vZzAXrA+f4vUDvcnk7OT27R9npv1mmN7t6H3o/V7ovdOzs2pu+65dpnf7ensRh/ZJvrrFr7fvHj6sZh7oXV7Jh0q61ruLWcqtmu27i1lN78nkzk7Jh0q61pvQS/5bzPbdt7yWulmdX+CPH5e7Hz4cTdv6r5FDkLp957XU7nQS+mrBj47295MCb1b+Az3Tu3sbveiepp6vpO0707tfNhKbwK9qeNO+PlTy9OnPu6Z3v6x1IQTenj4/0HOopP/WEp/A168P23fWeThaXRwL341/T/vnz0ezas28ljo8rcTYxlFR2rOO7Tsf4sN2rQVb51FR2nK9B3qmdxmuFLrFH6aLbt+Z3uW51CIKvCz1Lf7Nm9OTL1/O62lvfct1odD9ApSvnvamd7nOXViBQxkaQxc4lOU/oQscyvRX6IlHRSHJl22Uw3sCh7KNRQ7lG1dA8YQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAf4EmzSC46FpLAAAAAAASUVORK5CYII=");
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 250px;
  height: 220px;
  background-position: bottom;
  border: 1px dashed #cecece;
  border-radius: 8px;
  top: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-audience .available-type-wireframe {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAE4CAYAAACt/AFFAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAmKSURBVHgB7d3NbiNVGsfhctJJHCfWBGnoSFnApldEgsXcANwE99a3wE00CxAbVkgsegurYViAkomcr/bgkazptGoSOy5X1fnX82yAre3Dr9/qOudUFQAAAAAA0IBRBQAU6/XrH/fOzz8dCzoAFOjnn+f7l5cX093d3f3Ffws6ABRiPp+Pvv/+9+P9/cOjnZ3Rg4YLOgD03IfTeB1BB4AeemwaryPoANAjq0zjdQQdADq2nMZHo/HhwcHObvUMgg4AHVlM4/f3fx7NZi8OVnms/hhBB4AWLabxn37652Q2m4zXfaz+GEEHgBYspvGLi2q8s/PvyabTeB1BB4At2dY0XkfQAaBh257G6wg6ADSgzWm8jqADwAaWl6OsegDMtgg6ADzDcw+A2RZBB4AVrXsca5sEHQCe0LdpvI6gA0CNPk/jdQQdAN5TwjReR9ABGLzSpvE6gg7AYDV5OUrXBB2AQVkeAHN7e3pYVVd7VQhBB2AQujiOtU2CDkCsro9jbZOgAxAnfRqvI+gARBjSNF5H0AEoWl8uR+maoANQnMU0/u231cFkcnE0xGm8jqADUIyEA2C2xYcBQO+VehxrmwQdgF4yja/HBwRAr5jGn0fQAeicaXxzPjQAOpN0OUrXfHgAtGo5jY/Hfz9Iuhyla4IOQCuGeBxrm3ygAGzN0I9jbZOgA9A403j7fMgANMI03i1BB2Aji8tRvvjiH4em8W754AFYm8tR+kfQAViZA2D6y5cBwJMcx9p/gg5ALdN4WXxBADxgGi+ToANgGg/gSwMYMNN4DkEHGBiXo2QSdICBcBxrNl8oQDDHsQ6HoAMEMo0Pjy8ZIIRpfNgEHaBwpnEWfPEFWyzizz6r3o1Go7sKGBSXo/AhQS/Qh/tGr6/f3d/c3N1U1cnsyy+r678CP6+ASN98M989O/t94gAYPuTHUJBVD4C4v7+/GY+vZp9/fnpteocMDoDhKYJegDdv5uPnPlZbTu8vX55cnZ+PbiqgGI5jZR1+ID3266/zw19+uZweHOzsVg14924+H4/vrj/66G+zH36obr7+enRfAb1jGuc5BL1nlttOLi+PjpoK+f83ub27q26m02pmeodumcbZlB9NT3S9mE3v0A3TOE0R9I719U/lXqyD7XE5Ctsg6B0p6fGabXHQjMU0/ttvf0yOjvbGHqvTND+oliX8Pdlyen/79nTm0Tw8znGstEXQW5L6wottcVDPcay0zY9syxanOn3ySXU0hEXtxTqGzjROlwR9SxYh//jjP6bT6f5hNVi2xTEMpnH6wA+vYbag1Fs+mn/16uTa9E4Cl6PQN4LeECFfj21xlOr16x/3zs8/HTsAhr7xY9yQkG/OtjhKYK3Td4L+TBb39iym97Oz6ZVH83TNcayUxA90TULersX0vrt7PPNiHW2yzimRoK/IAu+ebXFsk2mc0vnRPqHpK0xpkm1xbM4f1kkh6DXavcKUJnixjnUsp/HRaHxojZNC0N/jkVsO2+Kos5jG7+//PJrNXhxY46Txg66EPN370/tXX41mFYPiOFaGYtDxEvJhsi1uGBzHytAM8kcu5PyPF+uSmMYZskHFTMh5jG1x5TKNw0CCPqQrTGnO4tH88fH0+q9/vTG9949pHB6KjpsrTGmKbXH94XIUqBe5GBwUwbbZFtc+6xoeFxV0C54uLKf3ly9Prjyab5b3XmB1EQtEyOmT/f3bmRfrNmNNw/qKDrpFT//ZFrcq0zhspshFI+SUyLa4etYzNKOooFv4JBnyi3WmcWheEQvJFaakG8q2OJejwPb0dkG5wpQhW07vb9+ezkp/NL9cy7e3p4dVdbVXAVvRu6B7FAcPlbotznGs0K7eLDIhh6f1/cU6x7FCdzoPp5DDJvqxLc40Dt3rbOEJOTRr+Wj+1auT6zamd9M49EvrIRVyaMe2tsW5HAX6qbXF6ApT6E4T2+LevJmPJ5OLI9M49NPWw+oKU+ifxfR+dja9eurRvCdqUI6tLVCnukEZFtP77u7x7P0X66xfKE/jQfc/AijXYlvc4p+mcShPY4tWyAGgOxsHXcgBoHvPDrqQA0B/rB10IQeA/lk56K4wBYD+ejTorjAFgDLUBt1hEgBQlgexFnIAKNN/oy3kAFC20Xff/Wsq5ABQthfj8eS4AgCKtlMBAMUTdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAvwHKR4OVEA6yA4AAAAASUVORK5CYII=");
  }
}
.available-type-audience .available-type-wireframe i {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  padding: 10px 17px;
  border: 2px dashed #d7d6df;
  border-radius: 50%;
}
.available-type-audience .available-type-wireframe i::before {
  font-size: 23px;
}
.available-type-audience .available-type-wireframe span {
  width: 70%;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #5d5d62;
}
.available-type-social-proof .available-type-wireframe {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAACcCAYAAABWQbZ6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASbSURBVHgB7d3NbhNXGMfhsUMTJ8EqSHxICNENu0iw6A3ATXBv3AJXwQax6QqJG4BVpS5aJUSOE+MyVV21MKT5GHtmzv95VpGyypz8/E7mzFGqCgAYtvfvl9ujCijOcrkcvX5d7eztHe5vbW0JHUry8uUvPxwc/DTZ3t7dH49H//QtdChAfXt+dHQ4rad30/eFDgNV356/efPbza+ndxOhw8D83/RuInQYgMtM7yZChx67yvRuInTomdX0Ho0muzs7462qBUKHnqin92Lxx/5sdmPnKrfn5xE6dKie3u/e/bo3m+1Nrnt7fh6hQwfq6X14WE3G4097bU/vJkKHDdnU9G4idFizTU/vJkKHNehyejcROrToe4dKuiZ0aEFbL7asi9Dhiq77WuomCR0uqe/Tu4nQ4QKGNL2bCB3OMcTp3UTo8JWhT+8mQoe/rfNQSdeETrTViy2np/d3q+r4h6pQQidSH15L3SShE6Nvr6VuktApXtr0blLsD716cnrjxp3RdFrNDg5G84oYydO7SXGhf29r5PPn5fLTp9PZ48e3Tt6+reYvXowWFcXp66GSrhVzIS6797lYLOaTyfHsyZP7J6PR6KxisL7+P2MV3xh86K9eLbcePar2r/P318nJ58V8fvbl1v7W7Nmzqg5/WdF7Jb7Ysi6DvTh14Hfv/j6dTrd3q5bV0/7Bg+mxW/x+KuW11E0aXOibXuTVtL9379axB3rdMb2vZzAXrA+f4vUDvcnk7OT27R9npv1mmN7t6H3o/V7ovdOzs2pu+65dpnf7ensRh/ZJvrrFr7fvHj6sZh7oXV7Jh0q61ruLWcqtmu27i1lN78nkzk7Jh0q61pvQS/5bzPbdt7yWulmdX+CPH5e7Hz4cTdv6r5FDkLp957XU7nQS+mrBj47295MCb1b+Az3Tu3sbveiepp6vpO0707tfNhKbwK9qeNO+PlTy9OnPu6Z3v6x1IQTenj4/0HOopP/WEp/A168P23fWeThaXRwL341/T/vnz0ezas28ljo8rcTYxlFR2rOO7Tsf4sN2rQVb51FR2nK9B3qmdxmuFLrFH6aLbt+Z3uW51CIKvCz1Lf7Nm9OTL1/O62lvfct1odD9ApSvnvamd7nOXViBQxkaQxc4lOU/oQscyvRX6IlHRSHJl22Uw3sCh7KNRQ7lG1dA8YQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAf4EmzSC46FpLAAAAAAASUVORK5CYII=");
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 250px;
  height: 220px;
  background-position: bottom;
  border-radius: 8px;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 15px;
  justify-content: space-around;
  box-shadow: unset;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-social-proof .available-type-wireframe {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAE4CAYAAACt/AFFAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAmKSURBVHgB7d3NbiNVGsfhctJJHCfWBGnoSFnApldEgsXcANwE99a3wE00CxAbVkgsegurYViAkomcr/bgkazptGoSOy5X1fnX82yAre3Dr9/qOudUFQAAAAAA0IBRBQAU6/XrH/fOzz8dCzoAFOjnn+f7l5cX093d3f3Ffws6ABRiPp+Pvv/+9+P9/cOjnZ3Rg4YLOgD03IfTeB1BB4AeemwaryPoANAjq0zjdQQdADq2nMZHo/HhwcHObvUMgg4AHVlM4/f3fx7NZi8OVnms/hhBB4AWLabxn37652Q2m4zXfaz+GEEHgBYspvGLi2q8s/PvyabTeB1BB4At2dY0XkfQAaBh257G6wg6ADSgzWm8jqADwAaWl6OsegDMtgg6ADzDcw+A2RZBB4AVrXsca5sEHQCe0LdpvI6gA0CNPk/jdQQdAN5TwjReR9ABGLzSpvE6gg7AYDV5OUrXBB2AQVkeAHN7e3pYVVd7VQhBB2AQujiOtU2CDkCsro9jbZOgAxAnfRqvI+gARBjSNF5H0AEoWl8uR+maoANQnMU0/u231cFkcnE0xGm8jqADUIyEA2C2xYcBQO+VehxrmwQdgF4yja/HBwRAr5jGn0fQAeicaXxzPjQAOpN0OUrXfHgAtGo5jY/Hfz9Iuhyla4IOQCuGeBxrm3ygAGzN0I9jbZOgA9A403j7fMgANMI03i1BB2Aji8tRvvjiH4em8W754AFYm8tR+kfQAViZA2D6y5cBwJMcx9p/gg5ALdN4WXxBADxgGi+ToANgGg/gSwMYMNN4DkEHGBiXo2QSdICBcBxrNl8oQDDHsQ6HoAMEMo0Pjy8ZIIRpfNgEHaBwpnEWfPEFWyzizz6r3o1Go7sKGBSXo/AhQS/Qh/tGr6/f3d/c3N1U1cnsyy+r678CP6+ASN98M989O/t94gAYPuTHUJBVD4C4v7+/GY+vZp9/fnpteocMDoDhKYJegDdv5uPnPlZbTu8vX55cnZ+PbiqgGI5jZR1+ID3266/zw19+uZweHOzsVg14924+H4/vrj/66G+zH36obr7+enRfAb1jGuc5BL1nlttOLi+PjpoK+f83ub27q26m02pmeodumcbZlB9NT3S9mE3v0A3TOE0R9I719U/lXqyD7XE5Ctsg6B0p6fGabXHQjMU0/ttvf0yOjvbGHqvTND+oliX8Pdlyen/79nTm0Tw8znGstEXQW5L6wottcVDPcay0zY9syxanOn3ySXU0hEXtxTqGzjROlwR9SxYh//jjP6bT6f5hNVi2xTEMpnH6wA+vYbag1Fs+mn/16uTa9E4Cl6PQN4LeECFfj21xlOr16x/3zs8/HTsAhr7xY9yQkG/OtjhKYK3Td4L+TBb39iym97Oz6ZVH83TNcayUxA90TULersX0vrt7PPNiHW2yzimRoK/IAu+ebXFsk2mc0vnRPqHpK0xpkm1xbM4f1kkh6DXavcKUJnixjnUsp/HRaHxojZNC0N/jkVsO2+Kos5jG7+//PJrNXhxY46Txg66EPN370/tXX41mFYPiOFaGYtDxEvJhsi1uGBzHytAM8kcu5PyPF+uSmMYZskHFTMh5jG1x5TKNw0CCPqQrTGnO4tH88fH0+q9/vTG9949pHB6KjpsrTGmKbXH94XIUqBe5GBwUwbbZFtc+6xoeFxV0C54uLKf3ly9Prjyab5b3XmB1EQtEyOmT/f3bmRfrNmNNw/qKDrpFT//ZFrcq0zhspshFI+SUyLa4etYzNKOooFv4JBnyi3WmcWheEQvJFaakG8q2OJejwPb0dkG5wpQhW07vb9+ezkp/NL9cy7e3p4dVdbVXAVvRu6B7FAcPlbotznGs0K7eLDIhh6f1/cU6x7FCdzoPp5DDJvqxLc40Dt3rbOEJOTRr+Wj+1auT6zamd9M49EvrIRVyaMe2tsW5HAX6qbXF6ApT6E4T2+LevJmPJ5OLI9M49NPWw+oKU+ifxfR+dja9eurRvCdqUI6tLVCnukEZFtP77u7x7P0X66xfKE/jQfc/AijXYlvc4p+mcShPY4tWyAGgOxsHXcgBoHvPDrqQA0B/rB10IQeA/lk56K4wBYD+ejTorjAFgDLUBt1hEgBQlgexFnIAKNN/oy3kAFC20Xff/Wsq5ABQthfj8eS4AgCKtlMBAMUTdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAvwHKR4OVEA6yA4AAAAASUVORK5CYII=");
  }
}
.available-type-social-proof .available-type-wireframe .campaign-title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: flex-start;
  width: 100%;
  font-weight: 500;
  color: #5d5d61;
  text-align: left;
  margin-bottom: 20px;
}
.available-type-social-proof .available-type-wireframe .campaign-title svg {
  margin-right: 10px;
}
.available-type-social-proof .available-type-wireframe .campaign-description {
  display: block;
  width: 100%;
  padding: 8px;
  background-color: rgba(133, 133, 133, 0.0666666667);
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #7a7a7c;
  margin-bottom: 20px;
}
.available-type-social-proof .available-type-wireframe .campaign-create-icon-field {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.available-type-social-proof .available-type-wireframe .campaign-create-icon-field i.plus-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 5px;
  padding: 10px 17px;
  border: 2px dashed #948cf3;
  border-radius: 50%;
}
.available-type-social-proof .available-type-wireframe .campaign-create-icon-field i.plus-icon::before {
  font-size: 23px;
  color: #948cf3;
}
.available-type-social-proof .available-type-wireframe .campaign-create-icon-field span.create-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #948cf3;
}
.available-type-custom .available-type-wireframe {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 2px dashed #d7d6df;
}
.available-type-custom .available-type-wireframe i {
  width: 75px;
  height: 75px;
  margin-bottom: 20px;
  padding: 20px;
  border: 2px dashed #d7d6df;
  border-radius: 50%;
}
.available-type-filled .available-type-wireframe {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAACcCAYAAABWQbZ6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASbSURBVHgB7d3NbhNXGMfhsUMTJ8EqSHxICNENu0iw6A3ATXBv3AJXwQax6QqJG4BVpS5aJUSOE+MyVV21MKT5GHtmzv95VpGyypz8/E7mzFGqCgAYtvfvl9ujCijOcrkcvX5d7eztHe5vbW0JHUry8uUvPxwc/DTZ3t7dH49H//QtdChAfXt+dHQ4rad30/eFDgNV356/efPbza+ndxOhw8D83/RuInQYgMtM7yZChx67yvRuInTomdX0Ho0muzs7462qBUKHnqin92Lxx/5sdmPnKrfn5xE6dKie3u/e/bo3m+1Nrnt7fh6hQwfq6X14WE3G4097bU/vJkKHDdnU9G4idFizTU/vJkKHNehyejcROrToe4dKuiZ0aEFbL7asi9Dhiq77WuomCR0uqe/Tu4nQ4QKGNL2bCB3OMcTp3UTo8JWhT+8mQoe/rfNQSdeETrTViy2np/d3q+r4h6pQQidSH15L3SShE6Nvr6VuktApXtr0blLsD716cnrjxp3RdFrNDg5G84oYydO7SXGhf29r5PPn5fLTp9PZ48e3Tt6+reYvXowWFcXp66GSrhVzIS6797lYLOaTyfHsyZP7J6PR6KxisL7+P2MV3xh86K9eLbcePar2r/P318nJ58V8fvbl1v7W7Nmzqg5/WdF7Jb7Ysi6DvTh14Hfv/j6dTrd3q5bV0/7Bg+mxW/x+KuW11E0aXOibXuTVtL9379axB3rdMb2vZzAXrA+f4vUDvcnk7OT27R9npv1mmN7t6H3o/V7ovdOzs2pu+65dpnf7ensRh/ZJvrrFr7fvHj6sZh7oXV7Jh0q61ruLWcqtmu27i1lN78nkzk7Jh0q61pvQS/5bzPbdt7yWulmdX+CPH5e7Hz4cTdv6r5FDkLp957XU7nQS+mrBj47295MCb1b+Az3Tu3sbveiepp6vpO0707tfNhKbwK9qeNO+PlTy9OnPu6Z3v6x1IQTenj4/0HOopP/WEp/A168P23fWeThaXRwL341/T/vnz0ezas28ljo8rcTYxlFR2rOO7Tsf4sN2rQVb51FR2nK9B3qmdxmuFLrFH6aLbt+Z3uW51CIKvCz1Lf7Nm9OTL1/O62lvfct1odD9ApSvnvamd7nOXViBQxkaQxc4lOU/oQscyvRX6IlHRSHJl22Uw3sCh7KNRQ7lG1dA8YQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAYQOAf4EmzSC46FpLAAAAAAASUVORK5CYII=");
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 250px;
  height: 220px;
  background-position: bottom;
  border: 1px dashed #cecece;
  border-radius: 8px;
  top: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-filled .available-type-wireframe {
    background-image: url("data:image/png;base64,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Agg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAgg6AAQQdAAIIOgAEEDQASCAoANAAEEHgACCDgABBB0AAvwHKR4OVEA6yA4AAAAASUVORK5CYII=");
  }
}
.available-type-filled .available-type-wireframe i {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  padding: 10px 17px;
  border: 2px dashed #d7d6df;
  border-radius: 50%;
}
.available-type-filled .available-type-wireframe i::before {
  font-size: 23px;
}
.available-type-filled .available-type-wireframe span {
  width: 70%;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #5d5d62;
}

.available-type-text {
  position: absolute;
  width: 100%;
  color: #212020;
  font-family: Helvetica;
  font-size: 11px;
  text-align: center;
}
.available-type-text-home {
  top: 54%;
}
.available-type-text-category {
  top: 20%;
  left: 12%;
}
.available-type-text-product {
  top: 54%;
}
.available-type-text-basket {
  top: 54%;
}
.available-type-text-search {
  top: 54%;
}
.available-type-text-notfound {
  top: 54%;
}
.available-type-text-checkout-success {
  top: 52%;
}

.available-type-push-push-permission .available-type-wireframe {
  background-image: url("/assets/push-permission-DLisU8Hj.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-push-push-permission .available-type-wireframe {
    background-image: url("/assets/push-permission@2x-CewbE3aD.png");
  }
}

.available-type-push-push-notification .available-type-wireframe {
  background-image: url("/assets/push-notification-mH7W1gss.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .available-type-push-push-notification .available-type-wireframe {
    background-image: url("/assets/push-notification@2x-Cs2X8MpW.png");
  }
}

.available-type-wireframe.search {
  background: url("/assets/search-thumbnail-CwPDcCk9.png");
  background-position: center;
  background-size: 100%;
}
.available-type-wireframe.customization {
  background: url("/assets/customization-BgT34UAT.png");
  background-position: center;
  background-size: 100%;
}

.personalization-social-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 2rem;
}

.pointer-no-event {
  pointer-events: none;
  opacity: 0.35;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.inner-nav {
  top: 24px;
  left: 235px;
  border-left: 1px solid #efecec;
  border-radius: 0;
  margin-left: 2px;
  height: 25px;
  padding: 0 0 0 10px;
  overflow: hidden;
  height: auto;
  border: none;
  padding-left: 2px;
  border-radius: 4px;
  margin-top: -10px;
  z-index: 756;
}
.inner-nav .nav-item,
.inner-nav .nav-item.current {
  color: #ffffff;
  padding: 0;
  transition: all 0.3s;
}
.inner-nav .nav-item:hover,
.inner-nav .nav-item.current {
  background: rgba(255, 255, 255, 0.1333333333) !important;
}
.inner-nav .nav-item.current:after {
  display: none !important;
}
.inner-nav .nav-item {
  padding: 6px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  margin-right: 8px;
}

.segmentify-analytics {
  position: relative;
  padding: 65px 20px;
}
.external-sidebar-is-hidden .segmentify-analytics {
  margin: 0 0 0;
}
.segmentify-analytics .page-title {
  position: relative;
  margin-bottom: 20px;
  background: center no-repeat;
  background-size: 100% auto;
}
.segmentify-analytics .page-filters .item-label,
.segmentify-analytics .page-filters input[type=text].multiselect--placeholder,
.segmentify-analytics .page-filters .Select-value-label {
  color: #827e7c !important;
}
.segmentify-analytics .page-filters .is-select,
.segmentify-analytics .page-filters .item-stacked .text-field,
.segmentify-analytics .page-filters .price-range input {
  border-color: #ebe6e6;
  color: #827e7c;
}
.segmentify-analytics .page-filters input.text-field::placeholder {
  color: #aba7a5 !important;
}
.segmentify-analytics .analytics-filters .item {
  margin-right: 25px;
  margin-top: 15px;
  vertical-align: middle;
}
.segmentify-analytics input, .segmentify-analytics input:focus {
  background-color: transparent;
  color: #333;
}
.segmentify-analytics .price-range-min {
  margin-right: 0;
}
.segmentify-analytics .price-range .item-label-alt {
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 0 2px;
  border-radius: 3px;
  background-color: #23b7c1;
  color: #fff;
  font-size: 0.625rem;
}
.segmentify-analytics .price-range input {
  width: 80px;
  padding-left: 30px;
}
.segmentify-analytics .Select-arrow {
  border-color: #827e7b transparent transparent;
}

.no-integration .segmentify-analytics {
  margin: -65px -65px 0;
  padding: 65px 20px;
}

.insights .segmentify-analytics.segmentify-analytics--trendify:before {
  content: "";
  height: 120px;
  background: #1a8391;
  position: absolute;
  display: block;
  width: 100%;
  margin-left: -20px;
  margin-right: -20px;
  top: -10px;
}
.insights nav a.nav-item.current:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url(/assets/downarrow-CDRAHjiA.png) no-repeat;
  vertical-align: middle;
  background-size: contain;
  margin-left: 5px;
  margin-top: 4px;
}

.trendify .tfy-table-header {
  margin-left: 3.125rem;
}

.trendify .page-title,
.sales .page-title,
.trendify-insights .page-title {
  width: 157px;
  height: 33px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ8AAAAhCAYAAADH23nlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQjdDRDZGRTgwRDYxMUU2OENDRjhGNDZGMEQzMjJBRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQjdDRDZGRjgwRDYxMUU2OENDRjhGNDZGMEQzMjJBRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZCN0NENkZDODBENjExRTY4Q0NGOEY0NkYwRDMyMkFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZCN0NENkZEODBENjExRTY4Q0NGOEY0NkYwRDMyMkFGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7hmT8AAACmtJREFU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");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .trendify .page-title,
  .sales .page-title,
  .trendify-insights .page-title {
    background-image: url("/assets/trendify-logo@2x-CgfIyjE-.png");
  }
}
.trendify .DateRangePickerInput__calendar-icon,
.trendify .SingleDatePickerInput__calendar-icon,
.trendify .DateInput__display-text--has-input,
.trendify .DateRangePickerInput__arrow div,
.sales .DateRangePickerInput__calendar-icon,
.sales .SingleDatePickerInput__calendar-icon,
.sales .DateInput__display-text--has-input,
.sales .DateRangePickerInput__arrow div,
.trendify-insights .DateRangePickerInput__calendar-icon,
.trendify-insights .SingleDatePickerInput__calendar-icon,
.trendify-insights .DateInput__display-text--has-input,
.trendify-insights .DateRangePickerInput__arrow div {
  color: #fff;
  padding: 5px !important;
}
.trendify .DateRangePickerInput,
.trendify .SingleDatePickerInput,
.sales .DateRangePickerInput,
.sales .SingleDatePickerInput,
.trendify-insights .DateRangePickerInput,
.trendify-insights .SingleDatePickerInput {
  background: #156d79;
}
.trendify .DateInput__display-text--focused,
.sales .DateInput__display-text--focused,
.trendify-insights .DateInput__display-text--focused {
  color: #000;
}

.page-title--analytics,
.submenu--analytics {
  display: none;
}

.trendify .submenu--analytics,
.insights .submenu--analytics,
.sales .submenu--analytics {
  display: block;
}

.trendify:not(.no-integration) nav a.nav-item.current:after,
.bannerify.sidebar-is-hidden nav a.nav-item.current:after,
.insights:not(.no-integration) nav a.nav-item.current:after,
.sales:not(.no-integration) nav a.nav-item.current:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url(/assets/downarrow-CDRAHjiA.png) no-repeat;
  vertical-align: middle;
  background-size: contain;
  margin-left: 5px;
  margin-top: 4px;
}
.trendify:not(.no-integration) nav:hover a.nav-item.current:after,
.bannerify.sidebar-is-hidden nav:hover a.nav-item.current:after,
.insights:not(.no-integration) nav:hover a.nav-item.current:after,
.sales:not(.no-integration) nav:hover a.nav-item.current:after {
  display: none;
}
.trendify:not(.no-integration) .analytics-filters,
.bannerify.sidebar-is-hidden .analytics-filters,
.insights:not(.no-integration) .analytics-filters,
.sales:not(.no-integration) .analytics-filters {
  position: absolute;
  top: -36px;
  background: #ffffff;
  width: calc(100% + 40px);
  margin-left: -20px;
  padding: 15px 8px 30px 20px;
  z-index: 9999999;
  color: black;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.trendify:not(.no-integration) .analytics-filters-close,
.bannerify.sidebar-is-hidden .analytics-filters-close,
.insights:not(.no-integration) .analytics-filters-close,
.sales:not(.no-integration) .analytics-filters-close {
  position: absolute;
  right: 38px;
  top: 30px;
  cursor: pointer;
}
.trendify:not(.no-integration) .analytics-filters-actions,
.bannerify.sidebar-is-hidden .analytics-filters-actions,
.insights:not(.no-integration) .analytics-filters-actions,
.sales:not(.no-integration) .analytics-filters-actions {
  text-align: right;
  margin-right: 30px;
  margin-top: 30px;
}
.trendify:not(.no-integration) .analytics-filters--reset,
.bannerify.sidebar-is-hidden .analytics-filters--reset,
.insights:not(.no-integration) .analytics-filters--reset,
.sales:not(.no-integration) .analytics-filters--reset {
  background: #ffffff;
  border: 1px solid #ece6e6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #827e7c;
}
.trendify:not(.no-integration) .analytics-filters--reset:hover,
.bannerify.sidebar-is-hidden .analytics-filters--reset:hover,
.insights:not(.no-integration) .analytics-filters--reset:hover,
.sales:not(.no-integration) .analytics-filters--reset:hover {
  background: rgb(235.875, 235.875, 235.875);
}
.trendify:not(.no-integration) .analytics-filters.hide-filters,
.bannerify.sidebar-is-hidden .analytics-filters.hide-filters,
.insights:not(.no-integration) .analytics-filters.hide-filters,
.sales:not(.no-integration) .analytics-filters.hide-filters {
  overflow: hidden;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.trendify:not(.no-integration) .analytics-filters.show-filters,
.bannerify.sidebar-is-hidden .analytics-filters.show-filters,
.insights:not(.no-integration) .analytics-filters.show-filters,
.sales:not(.no-integration) .analytics-filters.show-filters {
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  max-height: 1000px;
}
.trendify:not(.no-integration) .segmentify-analytics.segmentify-analytics--trendify:before,
.bannerify.sidebar-is-hidden .segmentify-analytics.segmentify-analytics--trendify:before,
.insights:not(.no-integration) .segmentify-analytics.segmentify-analytics--trendify:before,
.sales:not(.no-integration) .segmentify-analytics.segmentify-analytics--trendify:before {
  content: "";
  height: 120px;
  background: #1a8391;
  position: absolute;
  display: block;
  width: 100%;
  margin-left: -20px;
  margin-right: -20px;
  top: -10px;
}
.trendify:not(.no-integration) .page-filters,
.bannerify.sidebar-is-hidden .page-filters,
.insights:not(.no-integration) .page-filters,
.sales:not(.no-integration) .page-filters {
  margin-bottom: 0;
}
.trendify:not(.no-integration):before,
.bannerify.sidebar-is-hidden:before,
.insights:not(.no-integration):before,
.sales:not(.no-integration):before {
  background: none !important;
}
.trendify:not(.no-integration) .page-title--analytics,
.bannerify.sidebar-is-hidden .page-title--analytics,
.insights:not(.no-integration) .page-title--analytics,
.sales:not(.no-integration) .page-title--analytics {
  position: absolute;
  left: 85px;
  top: 25px;
  background-repeat: no-repeat;
  display: block;
  width: 145px;
  height: 33px;
}

.trendify:not(.no-integration) .page-title--analytics,
.insights:not(.no-integration) .page-title--analytics {
  display: flex;
  align-items: center;
  width: auto;
  gap: 5px;
  background-image: none;
  color: #16808e;
  top: 18px;
}
.trendify:not(.no-integration) .page-title--analytics svg,
.insights:not(.no-integration) .page-title--analytics svg {
  width: 35px;
  height: 35px;
}

.insights .analytics-filters {
  position: inherit;
  top: 0;
  background: #f8fcfd;
  z-index: auto;
  box-shadow: none;
}
.insights nav a.nav-item.current:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url(/assets/downarrow-CDRAHjiA.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: contain;
  margin-left: 5px;
  margin-top: 4px;
}
.insights nav:hover a.nav-item.current:after {
  display: none;
}
.insights .ti-analytics-filters {
  position: absolute;
  top: -36px;
  background: #ffffff;
  width: calc(100% + 40px);
  margin-left: -20px;
  padding: 15px 8px 30px 20px;
  z-index: 9999999;
  color: black;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.insights .ti-analytics-filters-close {
  cursor: pointer;
  margin-bottom: 1rem;
}
.insights .ti-analytics-filters-actions {
  text-align: right;
  margin-right: 30px;
  margin-top: 30px;
}
.insights .ti-analytics-filters--reset {
  background: #ffffff;
  border: 1px solid #ece6e6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #827e7c;
}
.insights .ti-analytics-filters--reset:hover {
  background: rgb(235.875, 235.875, 235.875);
}
.insights .ti-analytics-filters.hide-filters {
  overflow: hidden;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.insights .ti-analytics-filters.show-filters {
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  max-height: 1000px;
}
.insights .segmentify-analytics.segmentify-analytics--trendify:before {
  content: "";
  height: 120px;
  background: #1a8391;
  position: absolute;
  display: block;
  width: 100%;
  margin-left: -20px;
  margin-right: -20px;
  top: -10px;
}
.insights .page-filters {
  margin-bottom: 0;
}

.trendify:not(.no-integration) .DateRangePickerInput__calendar-icon,
.trendify:not(.no-integration) .SingleDatePickerInput__calendar-icon,
.bannerify.sidebar-is-hidden .DateRangePickerInput__calendar-icon,
.bannerify.sidebar-is-hidden .SingleDatePickerInput__calendar-icon,
.sales:not(.no-integration) .DateRangePickerInput__calendar-icon,
.sales:not(.no-integration) .SingleDatePickerInput__calendar-icon,
.insights:not(.no-integration) .DateRangePickerInput__calendar-icon,
.insights:not(.no-integration) .SingleDatePickerInput__calendar-icon {
  margin: -1px -2px 3px 2px;
}
.trendify:not(.no-integration) .Select-control:hover,
.bannerify.sidebar-is-hidden .Select-control:hover,
.sales:not(.no-integration) .Select-control:hover,
.insights:not(.no-integration) .Select-control:hover {
  box-shadow: none !important;
}
.trendify:not(.no-integration) .pager-analytics,
.bannerify.sidebar-is-hidden .pager-analytics,
.sales:not(.no-integration) .pager-analytics,
.insights:not(.no-integration) .pager-analytics {
  float: right;
}
.trendify:not(.no-integration) .date-filters,
.bannerify.sidebar-is-hidden .date-filters,
.sales:not(.no-integration) .date-filters,
.insights:not(.no-integration) .date-filters {
  margin-bottom: 15px;
}
.trendify:not(.no-integration) .select--pagenumber .Select-value-label,
.bannerify.sidebar-is-hidden .select--pagenumber .Select-value-label,
.sales:not(.no-integration) .select--pagenumber .Select-value-label,
.insights:not(.no-integration) .select--pagenumber .Select-value-label {
  color: #949494 !important;
}
.trendify:not(.no-integration) .select--pagenumber .Select-arrow,
.bannerify.sidebar-is-hidden .select--pagenumber .Select-arrow,
.sales:not(.no-integration) .select--pagenumber .Select-arrow,
.insights:not(.no-integration) .select--pagenumber .Select-arrow {
  border-color: #949494 transparent transparent !important;
}
.trendify:not(.no-integration) .pager-size,
.trendify:not(.no-integration) .pager-pagination,
.bannerify.sidebar-is-hidden .pager-size,
.bannerify.sidebar-is-hidden .pager-pagination,
.sales:not(.no-integration) .pager-size,
.sales:not(.no-integration) .pager-pagination,
.insights:not(.no-integration) .pager-size,
.insights:not(.no-integration) .pager-pagination {
  background: #fff;
}
.trendify:not(.no-integration) .pager-size,
.bannerify.sidebar-is-hidden .pager-size,
.sales:not(.no-integration) .pager-size,
.insights:not(.no-integration) .pager-size {
  margin-right: 10px;
  border-radius: 4px;
  height: 42px;
  position: relative;
  top: 1px;
}
.trendify:not(.no-integration) .pager-size .select--pagenumber,
.bannerify.sidebar-is-hidden .pager-size .select--pagenumber,
.sales:not(.no-integration) .pager-size .select--pagenumber,
.insights:not(.no-integration) .pager-size .select--pagenumber {
  min-width: 125px;
  font-size: 12px;
  padding-right: 8px;
  padding-top: 5px;
}
.trendify:not(.no-integration) .pager-pagination,
.bannerify.sidebar-is-hidden .pager-pagination,
.sales:not(.no-integration) .pager-pagination,
.insights:not(.no-integration) .pager-pagination {
  min-width: 150px;
  height: 42px;
  border-radius: 4px;
  position: relative;
  top: 1px;
}
.trendify:not(.no-integration) .pager-pagination .pager-pagination-item,
.bannerify.sidebar-is-hidden .pager-pagination .pager-pagination-item,
.sales:not(.no-integration) .pager-pagination .pager-pagination-item,
.insights:not(.no-integration) .pager-pagination .pager-pagination-item {
  font-size: 10px;
  position: relative;
  top: -10px;
  padding: 12px;
}
.trendify:not(.no-integration) .pager-pagination .pager-pagination-item i,
.bannerify.sidebar-is-hidden .pager-pagination .pager-pagination-item i,
.sales:not(.no-integration) .pager-pagination .pager-pagination-item i,
.insights:not(.no-integration) .pager-pagination .pager-pagination-item i {
  font-size: 12px;
  color: #7a7a7c;
}
.trendify:not(.no-integration) .pager-pagination .isDisabled,
.bannerify.sidebar-is-hidden .pager-pagination .isDisabled,
.sales:not(.no-integration) .pager-pagination .isDisabled,
.insights:not(.no-integration) .pager-pagination .isDisabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.trendify:not(.no-integration) .pager-pagination .pager-pagination-prev,
.bannerify.sidebar-is-hidden .pager-pagination .pager-pagination-prev,
.sales:not(.no-integration) .pager-pagination .pager-pagination-prev,
.insights:not(.no-integration) .pager-pagination .pager-pagination-prev {
  border-right: 1px solid #efecec;
}
.trendify:not(.no-integration) .pager-pagination .pager-pagination-next,
.bannerify.sidebar-is-hidden .pager-pagination .pager-pagination-next,
.sales:not(.no-integration) .pager-pagination .pager-pagination-next,
.insights:not(.no-integration) .pager-pagination .pager-pagination-next {
  border-left: 1px solid #efecec;
  border-right: 1px solid #efecec;
}
.trendify:not(.no-integration) .pager-pagination .select--pagesize,
.bannerify.sidebar-is-hidden .pager-pagination .select--pagesize,
.sales:not(.no-integration) .pager-pagination .select--pagesize,
.insights:not(.no-integration) .pager-pagination .select--pagesize {
  display: inline-block;
  width: 55px;
  position: relative;
  top: 7px;
  height: 39px;
  margin-top: -5px;
  padding-top: 2px;
  padding-right: 8px;
  font-size: 12px;
}
.trendify:not(.no-integration) .pager-pagination .select--pagesize .Select-input,
.bannerify.sidebar-is-hidden .pager-pagination .select--pagesize .Select-input,
.sales:not(.no-integration) .pager-pagination .select--pagesize .Select-input,
.insights:not(.no-integration) .pager-pagination .select--pagesize .Select-input {
  max-width: 50px;
  overflow: hidden;
}
.trendify:not(.no-integration) .pager-pagination .select--pagesize .Select-input > input,
.bannerify.sidebar-is-hidden .pager-pagination .select--pagesize .Select-input > input,
.sales:not(.no-integration) .pager-pagination .select--pagesize .Select-input > input,
.insights:not(.no-integration) .pager-pagination .select--pagesize .Select-input > input {
  color: #000 !important;
}
.trendify:not(.no-integration) .pager-pagination .select--pagesize .Select-value-label,
.bannerify.sidebar-is-hidden .pager-pagination .select--pagesize .Select-value-label,
.sales:not(.no-integration) .pager-pagination .select--pagesize .Select-value-label,
.insights:not(.no-integration) .pager-pagination .select--pagesize .Select-value-label {
  color: #949494 !important;
}
.trendify:not(.no-integration) .pager-pagination .select--pagesize .Select-arrow,
.bannerify.sidebar-is-hidden .pager-pagination .select--pagesize .Select-arrow,
.sales:not(.no-integration) .pager-pagination .select--pagesize .Select-arrow,
.insights:not(.no-integration) .pager-pagination .select--pagesize .Select-arrow {
  border-color: #949494 transparent transparent !important;
}
.trendify:not(.no-integration) .pager-pagination .item-label,
.bannerify.sidebar-is-hidden .pager-pagination .item-label,
.sales:not(.no-integration) .pager-pagination .item-label,
.insights:not(.no-integration) .pager-pagination .item-label {
  color: #7a7a7c !important;
  height: 40px;
  display: inline-block;
  position: relative;
  top: -7px;
  padding: 0 10px;
  font-size: 12px;
}
.trendify:not(.no-integration) .page-filters-buttons-container,
.bannerify.sidebar-is-hidden .page-filters-buttons-container,
.sales:not(.no-integration) .page-filters-buttons-container,
.insights:not(.no-integration) .page-filters-buttons-container {
  position: absolute;
  right: 0;
  top: 0;
}
.trendify:not(.no-integration) .page-filters-buttons-container .page-filters-buttons,
.bannerify.sidebar-is-hidden .page-filters-buttons-container .page-filters-buttons,
.sales:not(.no-integration) .page-filters-buttons-container .page-filters-buttons,
.insights:not(.no-integration) .page-filters-buttons-container .page-filters-buttons {
  position: relative;
  top: 0;
  right: 0;
  float: left;
}
.trendify:not(.no-integration) .page-filters-buttons-container .page-filters-buttons i,
.bannerify.sidebar-is-hidden .page-filters-buttons-container .page-filters-buttons i,
.sales:not(.no-integration) .page-filters-buttons-container .page-filters-buttons i,
.insights:not(.no-integration) .page-filters-buttons-container .page-filters-buttons i {
  font-size: 16px !important;
}
.trendify:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button,
.bannerify.sidebar-is-hidden .page-filters-buttons-container .page-filters-buttons .page-filter-button,
.sales:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button,
.insights:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button {
  background: #fff;
  padding: 12px;
  border-radius: 4px;
  color: #949494;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
}
.trendify:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button--export,
.bannerify.sidebar-is-hidden .page-filters-buttons-container .page-filters-buttons .page-filter-button--export,
.sales:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button--export,
.insights:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button--export {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  height: 44px;
  top: -1px;
}
.trendify:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button--export:hover,
.bannerify.sidebar-is-hidden .page-filters-buttons-container .page-filters-buttons .page-filter-button--export:hover,
.sales:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button--export:hover,
.insights:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button--export:hover {
  background: rgb(20.1842105263, 101.6973684211, 112.5657894737);
}
.trendify:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button svg,
.bannerify.sidebar-is-hidden .page-filters-buttons-container .page-filters-buttons .page-filter-button svg,
.sales:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button svg,
.insights:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button svg {
  margin-left: 4px;
  top: 3px;
  position: relative;
}
.trendify:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button .filter-sign,
.bannerify.sidebar-is-hidden .page-filters-buttons-container .page-filters-buttons .page-filter-button .filter-sign,
.sales:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button .filter-sign,
.insights:not(.no-integration) .page-filters-buttons-container .page-filters-buttons .page-filter-button .filter-sign {
  position: absolute;
  border-radius: 7px;
  background: #e3200c;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  right: 8px;
  top: 10px;
}

.bannerify.sidebar-is-hidden .page-filters-buttons-container .page-filters-buttons,
.sales:not(.no-integration) .page-filters-buttons-container .page-filters-buttons {
  margin-top: 0;
}

.trendify .page-filters-buttons-container,
.insights .page-filters-buttons-container {
  position: absolute;
  right: 0;
  top: 35px;
}
.trendify .page-filters-buttons-container .page-filters-buttons,
.insights .page-filters-buttons-container .page-filters-buttons {
  margin-top: 1.5em;
}

.page-title--sales {
  display: none !important;
}

.sales:not(.no-integration) .page-title--analytics {
  display: none !important;
  background: none !important;
}
.sales:not(.no-integration) .page-title--sales {
  display: block !important;
  top: 18px;
}
.sales:not(.no-integration) .submenu--analytics {
  display: none;
}

.bannerify.sidebar-is-hidden .page-logo {
  background: #fff;
  border-right: 1px solid #efecec;
}
.bannerify.sidebar-is-hidden .page-logo i {
  display: none;
}
.bannerify.sidebar-is-hidden .page-logo svg {
  display: block;
}
.bannerify.sidebar-is-hidden .page-logo--loading {
  border-bottom: 3px solid #dc3322;
}

.insights .page-filters-buttons-container {
  height: 42px;
  position: absolute;
}
.insights .page-filter-button--export {
  border: 1px solid #fff;
  height: 44px;
  top: 8px;
  padding: 12px;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
  background: transparent;
  color: #fff;
}

.trendify .page-title,
.insights .page-title {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-751.7%20320.3%201080.7%20227.1'%20style='enable-background:new%20-751.7%20320.3%201080.7%20227.1;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23168290;}%20.st1{fill:%23FFFFFF;}%20%3c/style%3e%3cg%20id='Layer_1_1_'%3e%3c/g%3e%3cg%20id='Layer_2'%3e%3c/g%3e%3cg%3e%3cpath%20class='st0'%20d='M-505.1,476.6v-54.3h-13.7v-27.8h13.7v-29.3h32.5v29.3h26.9v27.8h-26.9v48.9c0,7.5,3.2,11.1,10.5,11.1%20c6,0,11.3-1.5,16-4.1v26.1c-6.8,4.1-14.7,6.6-25.6,6.6C-491.7,511-505.1,503.1-505.1,476.6z'/%3e%3cpath%20class='st0'%20d='M-421.8,394.5h32.5v23.1c6.6-15.8,17.3-26.1,36.5-25.2v34h-1.7c-21.6,0-34.8,13-34.8,40.4v42.3h-32.5V394.5z'%20/%3e%3cpath%20class='st0'%20d='M-341.2,452.4V452c0-32.7,23.3-59.6,56.6-59.6c38.2,0,55.8,29.7,55.8,62.2c0,2.6-0.2,5.6-0.4,8.5H-309%20c3.2,14.7,13.5,22.4,28,22.4c10.9,0,18.8-3.4,27.8-11.8l18.6,16.5c-10.7,13.2-26.1,21.4-46.8,21.4%20C-315.8,511.6-341.2,487.5-341.2,452.4z%20M-260.5,442.8c-1.9-14.5-10.5-24.4-24.1-24.4c-13.5,0-22.2,9.6-24.8,24.4H-260.5z'/%3e%3cpath%20class='st0'%20d='M-204.7,394.5h32.5v16.2c7.5-9.6,17.1-18.4,33.5-18.4c24.6,0,38.9,16.2,38.9,42.5v74.1h-32.5v-63.9%20c0-15.4-7.3-23.3-19.7-23.3s-20.3,7.9-20.3,23.3v63.9h-32.5V394.5z'/%3e%3cpath%20class='st0'%20d='M-76.7,452v-0.4c0-38.2,25-59.2,52.1-59.2c17.3,0,28,7.9,35.7,17.1v-56.4h32.5v156H11.1v-16.5%20c-7.9,10.7-18.8,18.6-35.7,18.6C-51.3,511.2-76.7,490.3-76.7,452z%20M11.5,452v-0.4c0-19-12.6-31.6-27.8-31.6%20c-15.2,0-28,12.4-28,31.6v0.4c0,19,12.8,31.6,28,31.6C-1.1,483.6,11.5,471,11.5,452z'/%3e%3cpath%20class='st0'%20d='M73.3,353.1h34.2v28.8H73.3V353.1z%20M74.1,394.5h32.5v114.5H74.1V394.5z'/%3e%3cpath%20class='st0'%20d='M142.7,422.3h-13.5v-26.7h13.5v-7.3c0-12.6,3.2-21.8,9.2-27.8c6-6,14.7-9,26.3-9c10.3,0,17.1,1.3,23.1,3.2%20v26.9c-4.7-1.7-9.2-2.8-14.7-2.8c-7.5,0-11.8,3.8-11.8,12.4v4.5H201v26.5h-25.9v86.8h-32.5V422.3z'/%3e%3cpath%20class='st0'%20d='M217.3,536l10.9-23.5c4.3,2.6,9.6,4.5,13.9,4.5c5.6,0,8.5-1.7,11.3-7.5l-44.9-115h34.4l26.1,78l25-78h33.8%20l-44,117.3c-8.8,23.3-18.2,32.1-37.6,32.1C234.4,543.9,225.6,540.9,217.3,536z'/%3e%3c/g%3e%3cg%20id='Layer_3'%3e%3cg%3e%3cpath%20class='st0'%20d='M-549.7,534.2h-190c-6.6,0-11.9-5.3-11.9-11.9v-190c0-6.6,5.3-11.9,11.9-11.9h190.1c6.6,0,11.9,5.3,11.9,11.9%20v190.1C-537.8,528.9-543.2,534.2-549.7,534.2z'/%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20class='st1'%20d='M-687,468.7v-29h-7.3v-14.8h7.3v-15.6h17.4v15.6h14.4v14.8h-14.4v26.2c0,4,1.7,5.9,5.6,5.9%20c3.2,0,6.1-0.8,8.6-2.1v13.9c-3.6,2.1-7.8,3.6-13.7,3.6C-679.9,487.1-687,482.9-687,468.7z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st1'%20d='M-637.5,404h-4.9v-9.7h4.9v-2.6c0-4.6,1.1-7.9,3.4-10.1c2.1-2.1,5.3-3.3,9.6-3.3c3.7,0,6.2,0.5,8.3,1.1v9.8%20c-1.7-0.6-3.4-1-5.3-1c-2.7,0-4.3,1.4-4.3,4.5v1.6h9.6v9.6h-9.4v31.5h-11.8L-637.5,404L-637.5,404z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st1'%20d='M-611.7,445.3l3.9-8.6c1.6,0.9,3.5,1.6,5.1,1.6c2,0,3.1-0.6,4.1-2.7l-16.3-41.7h12.5l9.5,28.3l9.1-28.3h12.3%20l-16,42.6c-3.2,8.5-6.6,11.6-13.6,11.6C-605.5,448.1-608.7,447.1-611.7,445.3z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .trendify .page-title,
  .insights .page-title {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2019.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='-751.7%20320.3%201080.7%20227.1'%20style='enable-background:new%20-751.7%20320.3%201080.7%20227.1;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23168290;}%20.st1{fill:%23FFFFFF;}%20%3c/style%3e%3cg%20id='Layer_1_1_'%3e%3c/g%3e%3cg%20id='Layer_2'%3e%3c/g%3e%3cg%3e%3cpath%20class='st0'%20d='M-505.1,476.6v-54.3h-13.7v-27.8h13.7v-29.3h32.5v29.3h26.9v27.8h-26.9v48.9c0,7.5,3.2,11.1,10.5,11.1%20c6,0,11.3-1.5,16-4.1v26.1c-6.8,4.1-14.7,6.6-25.6,6.6C-491.7,511-505.1,503.1-505.1,476.6z'/%3e%3cpath%20class='st0'%20d='M-421.8,394.5h32.5v23.1c6.6-15.8,17.3-26.1,36.5-25.2v34h-1.7c-21.6,0-34.8,13-34.8,40.4v42.3h-32.5V394.5z'%20/%3e%3cpath%20class='st0'%20d='M-341.2,452.4V452c0-32.7,23.3-59.6,56.6-59.6c38.2,0,55.8,29.7,55.8,62.2c0,2.6-0.2,5.6-0.4,8.5H-309%20c3.2,14.7,13.5,22.4,28,22.4c10.9,0,18.8-3.4,27.8-11.8l18.6,16.5c-10.7,13.2-26.1,21.4-46.8,21.4%20C-315.8,511.6-341.2,487.5-341.2,452.4z%20M-260.5,442.8c-1.9-14.5-10.5-24.4-24.1-24.4c-13.5,0-22.2,9.6-24.8,24.4H-260.5z'/%3e%3cpath%20class='st0'%20d='M-204.7,394.5h32.5v16.2c7.5-9.6,17.1-18.4,33.5-18.4c24.6,0,38.9,16.2,38.9,42.5v74.1h-32.5v-63.9%20c0-15.4-7.3-23.3-19.7-23.3s-20.3,7.9-20.3,23.3v63.9h-32.5V394.5z'/%3e%3cpath%20class='st0'%20d='M-76.7,452v-0.4c0-38.2,25-59.2,52.1-59.2c17.3,0,28,7.9,35.7,17.1v-56.4h32.5v156H11.1v-16.5%20c-7.9,10.7-18.8,18.6-35.7,18.6C-51.3,511.2-76.7,490.3-76.7,452z%20M11.5,452v-0.4c0-19-12.6-31.6-27.8-31.6%20c-15.2,0-28,12.4-28,31.6v0.4c0,19,12.8,31.6,28,31.6C-1.1,483.6,11.5,471,11.5,452z'/%3e%3cpath%20class='st0'%20d='M73.3,353.1h34.2v28.8H73.3V353.1z%20M74.1,394.5h32.5v114.5H74.1V394.5z'/%3e%3cpath%20class='st0'%20d='M142.7,422.3h-13.5v-26.7h13.5v-7.3c0-12.6,3.2-21.8,9.2-27.8c6-6,14.7-9,26.3-9c10.3,0,17.1,1.3,23.1,3.2%20v26.9c-4.7-1.7-9.2-2.8-14.7-2.8c-7.5,0-11.8,3.8-11.8,12.4v4.5H201v26.5h-25.9v86.8h-32.5V422.3z'/%3e%3cpath%20class='st0'%20d='M217.3,536l10.9-23.5c4.3,2.6,9.6,4.5,13.9,4.5c5.6,0,8.5-1.7,11.3-7.5l-44.9-115h34.4l26.1,78l25-78h33.8%20l-44,117.3c-8.8,23.3-18.2,32.1-37.6,32.1C234.4,543.9,225.6,540.9,217.3,536z'/%3e%3c/g%3e%3cg%20id='Layer_3'%3e%3cg%3e%3cpath%20class='st0'%20d='M-549.7,534.2h-190c-6.6,0-11.9-5.3-11.9-11.9v-190c0-6.6,5.3-11.9,11.9-11.9h190.1c6.6,0,11.9,5.3,11.9,11.9%20v190.1C-537.8,528.9-543.2,534.2-549.7,534.2z'/%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20class='st1'%20d='M-687,468.7v-29h-7.3v-14.8h7.3v-15.6h17.4v15.6h14.4v14.8h-14.4v26.2c0,4,1.7,5.9,5.6,5.9%20c3.2,0,6.1-0.8,8.6-2.1v13.9c-3.6,2.1-7.8,3.6-13.7,3.6C-679.9,487.1-687,482.9-687,468.7z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st1'%20d='M-637.5,404h-4.9v-9.7h4.9v-2.6c0-4.6,1.1-7.9,3.4-10.1c2.1-2.1,5.3-3.3,9.6-3.3c3.7,0,6.2,0.5,8.3,1.1v9.8%20c-1.7-0.6-3.4-1-5.3-1c-2.7,0-4.3,1.4-4.3,4.5v1.6h9.6v9.6h-9.4v31.5h-11.8L-637.5,404L-637.5,404z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st1'%20d='M-611.7,445.3l3.9-8.6c1.6,0.9,3.5,1.6,5.1,1.6c2,0,3.1-0.6,4.1-2.7l-16.3-41.7h12.5l9.5,28.3l9.1-28.3h12.3%20l-16,42.6c-3.2,8.5-6.6,11.6-13.6,11.6C-605.5,448.1-608.7,447.1-611.7,445.3z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
}

.bannerify .page-title {
  background-image: url("/assets/bannerify-logo-Cte4hF1d.svg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .bannerify .page-title {
    background-image: url("/assets/bannerify-logo-Cte4hF1d.svg");
  }
}
.bannerify.sidebar-is-hidden .segmentify-analytics .bannerify-creatable-label input {
  color: #000000;
}
.bannerify.sidebar-is-hidden .segmentify-analytics.segmentify-analytics--trendify:before {
  background: #d98123;
}
.bannerify.sidebar-is-hidden .DateRangePickerInput__calendar-icon,
.bannerify.sidebar-is-hidden .SingleDatePickerInput__calendar-icon,
.bannerify.sidebar-is-hidden .DateInput__display-text--has-input,
.bannerify.sidebar-is-hidden .DateRangePickerInput__arrow div {
  color: #fff;
  padding: 5px !important;
}
.bannerify.sidebar-is-hidden .DateRangePickerInput,
.bannerify.sidebar-is-hidden .SingleDatePickerInput {
  background: #b66c1c;
}
.bannerify.sidebar-is-hidden .DateInput__display-text--focused {
  color: #000;
}
.bannerify.sidebar-is-hidden .date-filter.current {
  background: #e3a059;
}
.bannerify.sidebar-is-hidden .page-filters-buttons-container {
  position: absolute;
  right: 0;
  top: 0;
}
.bannerify.sidebar-is-hidden .page-filters-buttons-container .page-filters-buttons .page-filter-button--export:hover {
  background: rgb(184.0625, 109.4196428571, 29.6875) !important;
}
.bannerify .tfy-table-header {
  margin-left: -3.125rem;
}

.segmentify-analytics--trendify {
  padding-top: 15px;
}

.sales.sidebar-is-hidden {
  /*
  .segmentify-analytics.segmentify-analytics--trendify:before {
    background: #dc3322;
  }

  .DateRangePickerInput, .SingleDatePickerInput {
    background: #b2291c;
  }

  .date-filter.current {
    background: #e45d4f;
  }
  */
}
.sales.sidebar-is-hidden .DateInput__display-text--focused {
  color: #000;
}
.sales.sidebar-is-hidden .page-filters-buttons-container {
  position: absolute;
  right: 0;
  top: 0;
  /*
  .page-filters-buttons {
    .page-filter-button {
      &--export {
        &:hover {
          background: darken(#dc3322, 7.5) !important;
        }
      }
    }
  }
  */
}
.sales .segmentify-analytics .form-control {
  color: inherit;
}
.sales .segmentify-analytics .item-label {
  color: inherit;
}
.sales .segmentify-analytics .Select-value span {
  color: #333 !important;
}
.sales .segmentify-analytics .Select-arrow {
  border-top-color: #999;
}
.sales .segmentify-analytics .page-filters .is-select {
  border-color: #d5d4e4;
  color: inherit;
}
.sales .segmentify-analytics .page-filters input {
  border-color: #d5d4e4;
  color: inherit;
}
.sales .segmentify-analytics .page-filters input ::-webkit-input-placeholder {
  color: #333 !important;
}
.sales .sales-order-detail {
  padding-bottom: 20px;
  border-bottom: 2px solid #efeef8;
}
.sales .sales-order-detail-item {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.analytics-products {
  color: #827f7e;
}
.analytics-conversion {
  color: #6ecf6e;
}
.analytics-segmentify {
  color: #dd5446;
}
.analytics-sources, .analytics-actions {
  color: #328b97;
}

.analytics-details {
  position: relative;
  width: 100%;
  margin-top: 20px;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  color: #545454;
  font-size: 0.6875rem;
  overflow-x: scroll;
}
.analytics-details .user-currency i {
  margin-right: 5px;
  font-size: 0.6875rem;
}
.analytics-details .icon-check-circle {
  color: #63ca63;
}
.analytics-details .icon-check-circle.check-banner {
  color: #fff;
  margin-right: 5px;
  font-size: 15px;
}
.analytics-details .product-price {
  width: 60px;
}
.analytics-details .product-name {
  width: 150px;
}
.analytics-details .stroke {
  display: block;
  text-decoration: line-through;
}
.analytics-details a {
  color: #222;
}
.analytics-details .product-list {
  padding: 0;
  text-align: center;
}
.analytics-details .product-list tr:last-child td {
  border-bottom: 0;
}
.analytics-details .product-id {
  max-width: 200px;
  word-wrap: break-word;
}
.analytics-details .product-segmentify,
.analytics-details .product-quantity {
  width: 100px;
}
.analytics-details .product-segmentify--sales i.icon-segmentify {
  color: #dc3322;
}
.analytics-details .item-title {
  display: block;
  max-width: 175px;
  word-break: break-all;
}
.analytics-details .item-maxwidth {
  max-width: 200px;
  word-break: initial;
  max-height: 100px;
  overflow: hidden;
}

.analytics-details::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}

.analytics-details::-webkit-scrollbar {
  width: 11px;
  height: 11px;
  background-color: transparent;
}

.analytics-details::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #cac8d8;
  cursor: pointer;
}

.system-variables td {
  padding: 15px;
}

.banner-targets .tooltip-content {
  word-wrap: break-word;
}

.banner-targets .tooltip-trigger {
  word-break: break-all;
}

.segmentify-analytics .analytics-filters .item.via-banners {
  vertical-align: sub;
}

input#viaBanners:checked + .item-label {
  color: inherit;
}

.segmentify-analytics nav a.nav-item.current:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url("/assets/downarrow-CDRAHjiA.png");
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: contain;
  margin-left: 5px;
  margin-top: 4px;
}

.segmentify-analytics nav:hover a.nav-item.current:after {
  background: none !important;
}

.analytics--multiselect--holder {
  position: absolute;
  background: white;
  width: 500px;
  margin-top: -25px;
  z-index: 99999;
  border: 1px solid #efeef9;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding: 10px;
}
.analytics--multiselect--holder ul {
  list-style: none;
}

.prodcuts--multiselect--holder {
  margin-top: -25px;
  z-index: 99999;
  border: 1px solid #efeef9;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding: 10px;
}
.prodcuts--multiselect--holder ul {
  list-style: none;
}

input[type=text].multiselect--placeholder {
  border: 0;
  cursor: pointer;
}

input[type=text].multiselect--placeholder:read-only {
  background: transparent;
}

input[type=text].multiselect--placeholder:-moz-read-only {
  background: transparent;
}

.multiselect--items--list {
  max-height: 250px;
  overflow: scroll;
  padding: 0;
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: -10px;
}
.multiselect--items--list li {
  padding: 5px 10px;
  color: #7b7e7e;
  cursor: pointer;
}
.multiselect--items--list li:hover {
  background: #efeef9;
}

.multiselect--items__selected {
  font-size: 12px;
}
.multiselect--items__selected ul {
  margin: 0;
  padding: 0;
}

.multiselect--item__selected {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  background: #547494;
  color: #fff;
  padding: 5px 10px;
}
.multiselect--item__selected i {
  cursor: pointer;
  font-size: 12px;
  top: 8px;
}
.multiselect--item__selected span {
  width: 100%;
  position: relative;
  left: 5px;
}
.multiselect--item__selected span.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 93%;
  display: inline-block;
  float: right;
  text-align: left;
}

.multiselect--items--search {
  margin: 10px 0;
  border: 1px solid #dad9e4;
  border-radius: 5px;
  position: relative;
  color: #7b7e7e;
  padding: 0 5px;
}
.multiselect--items--search input,
.multiselect--items--search input:focus {
  width: 85%;
  border: 0;
  color: #7b7e7e;
}
.multiselect--items--search input[type=text]::-webkit-input-placeholder {
  color: #7b7e7e !important;
}
.multiselect--items--search i {
  position: absolute;
  right: 10px;
  top: 8px;
}

.buttons--product-select {
  margin-top: 30px;
}
.buttons--product-select button {
  outline: none;
}
.buttons--product-select button i {
  margin-right: 10px;
  margin-top: -3px;
}

.banner-products thead .tooltip-content {
  display: none !important;
}

.trendify-compare-stat {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 80px;
}
.trendify-compare-stat h4 {
  font-size: 0.75rem;
  color: #7a7a7c;
  margin-bottom: 5px;
}
.trendify-compare-stat p {
  color: #b3b3b3;
  font-size: 0.75rem;
}
.trendify-compare-stat .price-compare-product {
  display: block;
  font-size: 14px;
  text-decoration: line-through;
  color: #ada3a5;
}

.trendify-compare-buttons {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 10px;
  margin-bottom: 30px;
  border-bottom: 2px solid #efeef8;
  border-top: 2px solid #efeef8;
  padding-top: 15px;
  text-align: center;
}

.trendify-compare-buttons .selected {
  cursor: default;
}

.trendify-compare-button {
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
}

.trendify-compare-stats {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-right: 25px;
}

.trendify-compare-stat .compare-stat-container + .compare-stat-container {
  text-align: right;
  font-size: 1.25em;
  color: #4b4b51;
}

li.trendify-compare-stat + li.trendify-compare-stat {
  border-top: 2px solid #efeef8;
}

.trendify-compare-stats + .trendify-compare-stats {
  border-left: 1px solid #efeef8;
  padding-left: 1%;
  padding-right: 2%;
}

.data-table th.analytics-tfy-ctgview {
  padding-right: 20px;
}

.data-content-message {
  display: table;
  width: 100%;
  height: calc(100vh - 291px);
  min-height: 200px;
  float: left;
  text-align: center;
}
.data-content-message-text {
  display: table-cell;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  color: #3e4c59;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 21px;
  vertical-align: middle;
}
.data-content-message-text i {
  color: #547496;
  font-size: 31px;
}

.fixed-thead--scrolled {
  position: fixed;
  background: #fff;
  overflow: hidden;
  z-index: 333;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
}

.fixed-tbody--scrolled {
  display: block;
  position: relative;
  top: 132px;
  z-index: 332;
}

.analytics-placeholder .sticky-table-y-wrapper .sticky-table-table .sticky-table-cell {
  color: transparent;
  position: relative;
  visibility: hidden;
}

.analytics-placeholder .sticky-table-y-wrapper .sticky-table-table .sticky-table-cell:after {
  content: "";
  width: 50%;
  background: red;
  position: absolute;
  visibility: visible;
  left: 15px;
  top: 15px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  color: transparent;
  height: 15px !important;
  max-height: 15px !important;
  min-height: 15px !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

tr.analytics-placeholder td.analytics-placeholder--image:after {
  height: 95px;
  width: 60%;
  max-height: 75px;
  min-height: 35px !important;
  left: 13px;
  top: 7px;
}

tr.analytics-placeholder td.analytics-stock.analytics-placeholder--inStock:after {
  height: 15px;
  border-radius: 100%;
  width: 15px;
  max-height: 15px;
  min-height: 15px;
  left: 18px;
}

tr.analytics-placeholder td.analytics-placeholder--insertTime:after,
tr.analytics-placeholder td.analytics-placeholder--productId:after,
tr.analytics-placeholder td.analytics-placeholder--category:after {
  width: 70%;
  left: 15px;
  top: 7px;
}

tr.analytics-placeholder td.analytics-placeholder--insertTime:before,
tr.analytics-placeholder td.analytics-placeholder--productId:before,
tr.analytics-placeholder td.analytics-placeholder--category:before {
  width: 50%;
  left: 21px;
  top: 28px;
}

td.cell-group.product-list:after {
  display: none;
}

.insights-placeholder-item {
  visibility: hidden;
  position: relative;
}

.insights-placeholder-item-after {
  content: "";
  background: red;
  position: absolute;
  visibility: visible;
  left: 0;
  top: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  color: transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

@keyframes placeHolderShimmer {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.insight-placeholder {
  width: 100%;
  background-color: #fff;
  position: relative;
  padding: 10px;
  border-radius: 10px;
  fill: #eeeeee;
}
.insight-placeholder svg {
  width: 100%;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  fill: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
}

.segmentify-analytics.segmentify-analytics--trendify .analytics-placeholder td,
.segmentify-analytics.segmentify-analytics--trendify .fixed-header th {
  overflow: hidden;
  height: 43px;
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}

.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}

.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.segmentify-analytics--sales td.product-id {
  border-left: 1px solid #efeef8;
}

.rc-tooltip {
  position: absolute;
  z-index: 9999999;
  display: block;
  visibility: visible;
  line-height: 1.5;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1px;
}

.rc-tooltip-hidden {
  display: none;
}

.rc-tooltip-inner {
  padding: 8px 10px;
  text-align: left;
  text-decoration: none;
  border-radius: 3px;
  min-height: 34px;
  background-color: #000;
  color: #fff;
  border: none;
  max-width: 400px;
  word-break: break-word;
}

.rc-tooltip-arrow,
.rc-tooltip-arrow-inner {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: -5px;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #000000;
}

.rc-tooltip-placement-top .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topRight .rc-tooltip-arrow-inner {
  bottom: 1px;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #ffffff;
}

.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}

.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}

.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}

.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: -5px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #b1b1b1;
}

.rc-tooltip-placement-right .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner {
  left: 1px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #ffffff;
}

.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}

.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}

.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: -5px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #b1b1b1;
}

.rc-tooltip-placement-left .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner {
  right: 1px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #ffffff;
}

.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}

.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: -5px;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #b1b1b1;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner {
  top: 1px;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #ffffff;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.sales .analytics-details .data-table thead .product-id {
  width: 180px;
  max-width: 180px;
  overflow: hidden;
  word-wrap: break-word;
  padding: 30px 15px;
}
.sales .analytics-details .data-table thead .product-quantity {
  width: 100px;
  overflow: hidden;
  word-wrap: break-word;
  padding: 30px 15px;
}
.sales .analytics-details .data-table thead .product-price {
  width: 110px;
  overflow: hidden;
  word-wrap: break-word;
  padding: 30px 15px;
}
.sales .analytics-details .data-table thead .product-segmentify {
  width: 96px;
  overflow: hidden;
  word-wrap: break-word;
  padding: 30px 15px;
}
.sales .analytics-details .data-table tbody .product-id {
  display: inline-block;
  width: 174px;
  max-width: 174px;
  overflow: hidden;
  word-wrap: break-word;
}
.sales .analytics-details .data-table tbody .product-quantity {
  width: 96px;
  overflow: hidden;
  word-wrap: break-word;
}
.sales .analytics-details .data-table tbody .product-price {
  width: 106px;
  overflow: hidden;
  word-wrap: break-word;
}
.sales .analytics-details .data-table tbody .product-segmentify {
  width: 90px;
  overflow: hidden;
  word-wrap: break-word;
}

.global-controls-group {
  min-width: 15%;
}

/* Fixed table */
.sticky-table .sticky-table-cell {
  display: table-cell;
  box-sizing: border-box;
}

.sticky-table .sticky-table-row {
  display: table-row;
}

.sticky-table .sticky-table-table {
  display: table;
  box-sizing: border-box;
}

.sticky-table {
  position: relative;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.sticky-table .sticky-table-corner {
  z-index: 4;
}

.sticky-table .sticky-table-header {
  z-index: 3;
  overflow: hidden;
}

.sticky-table .sticky-table-column {
  min-height: 100%;
}

.sticky-table .sticky-table-column,
.sticky-table .sticky-table-header,
.sticky-table .sticky-table-corner,
.sticky-table .sticky-table-x-wrapper {
  display: inline-block;
  vertical-align: top;
}

.sticky-table .sticky-table-column.hidden,
.sticky-table .sticky-table-header.hidden,
.sticky-table .sticky-table-corner.hidden {
  display: none;
}

.sticky-table .sticky-table-y-wrapper,
.sticky-table .sticky-table-header-wrapper {
  white-space: nowrap;
}

.sticky-table .sticky-table-x-wrapper,
.sticky-table .sticky-table-y-wrapper {
  z-index: 0;
  position: relative;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}

.sticky-table .sticky-table-x-wrapper {
  min-height: 100%;
  width: 100%;
  overflow-x: auto;
}

.sticky-table .sticky-table-y-wrapper {
  height: 100%;
  overflow-y: auto;
  margin-right: -17px;
  padding-right: 17px;
}

.sticky-table .sticky-table-table {
  overflow: visible;
}

/*
Hack to make table paint on it's own layer.
Because of this it won't paint when the scrollbar paints.
This one was crucial for performance.
Scrolling is ~10-20x smoother.
*/
.sticky-table .sticky-table-table {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

/* Scrollbars */
.sticky-table-y-wrapper::-webkit-scrollbar,
.sticky-table-x-wrapper::-webkit-scrollbar {
  display: none;
}

.sticky-table .x-scrollbar,
.sticky-table .y-scrollbar {
  position: absolute;
  background-color: transparent;
  z-index: 5;
  overflow: auto;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.sticky-table .x-scrollbar {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 17px;
}

.sticky-table .y-scrollbar {
  right: -20px;
  top: 0;
  height: 100%;
  width: 17px;
}

.sticky-table .x-scrollbar div {
  height: 100%;
}

.sticky-table .y-scrollbar div {
  width: 100%;
}

.table-top-header {
  display: inline-block;
  text-align: center;
}

.sticky-table-header-wrapper {
  border-bottom: 1px solid #efeef8;
  -webkit-box-shadow: 0 2px 5px 0 #c9c9c9;
  -moz-box-shadow: 0 2px 5px 0 #c9c9c9;
  box-shadow: 0 2px 5px 0 #c9c9c9;
}

.sticky-table-header {
  font-weight: 700;
}

.sticky-table-cell {
  text-align: center;
  white-space: initial;
  vertical-align: middle;
  padding: 10px 5px;
}
.sticky-table-cell .product-tableColumn {
  max-width: 230px;
  white-space: initial;
  word-wrap: break-word;
}
.sticky-table-cell .product-tableColumn.name {
  min-width: 150px;
}
.sticky-table-cell .table-el {
  display: inline-block;
  width: 100%;
  min-width: 83px;
  height: 40px;
  padding: 5px 0;
  border-bottom: 1px solid #ecebf7;
}
.sticky-table-cell .table-el:last-child {
  border-bottom: 0;
}
.sticky-table-cell .product-tableColumn.oldPrice {
  min-width: 100px;
}

.sticky-table-y-wrapper .sticky-table-table .sticky-table-row:hover {
  background: #f9f9ff;
}

.sticky-table-table {
  width: 100%;
}

.tfy-table-header {
  padding: 15px 0;
  position: absolute;
  top: 0;
}

.tfy-table-header--loading {
  opacity: 0;
}

.sticky-table-y-wrapper .sticky-table-row.sticky-table-row {
  /* background-color: white; */
  border-bottom: 1px solid #ecebf7;
}

.sticky-table-header .sticky-table-row.sticky-table-row {
  background: #fcfbfe;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.sales-sgf-cont .icon-heart {
  margin-top: -10px;
  margin-right: 7px;
  color: #d66757;
}
.sales-sgf-cont svg {
  margin-right: 7px;
}

span.sales-campaign-checkbox {
  font-size: 14px;
  margin-right: 10px;
  cursor: pointer;
}
span.sales-campaign-checkbox svg {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.campaign-icon-holder .icon-heart {
  color: #d66757;
  margin-left: 3px;
}

.sales-campaign-select {
  position: relative;
  top: -12px;
}

.analytics-nophoto {
  background: url(/assets/no-photo-BHoScXbi.png);
  background-size: contain;
  display: inline-block;
  height: 40px;
  width: 40px;
}

.segmentify-analytics .page-filters-buttons,
.segmentify-analytics--trendify .page-filters-buttons {
  position: relative;
}
.segmentify-analytics .page-filters-buttons .submenu--analytics,
.segmentify-analytics--trendify .page-filters-buttons .submenu--analytics {
  margin-right: 10px;
  margin-top: -5px;
}

.page-filters-buttons-container {
  right: 0;
}

.external .page-filters-buttons {
  margin-top: 5px;
}
.external .page-filters-buttons .submenu--analytics {
  margin-top: 0;
}
.external .page-filters-buttons .page-filter-button--export {
  top: 0;
}

.trendify-sales-modal .modal-content {
  overflow: auto;
}
.trendify-sales-modal .modal-content::-webkit-scrollbar {
  display: none;
}

.click-tooltip-content {
  display: flex;
  gap: 1rem;
  padding: 5px;
}
.click-tooltip-content .click-tooltip-subItem {
  display: flex;
  gap: 0.5rem;
}

.sales:not(.no-integration) .date-filters,
.bannerify.sidebar-is-hidden .date-filters {
  top: 28px;
}
@media screen and (min-width: 1564px) {
  .sales:not(.no-integration) .date-filters,
  .bannerify.sidebar-is-hidden .date-filters {
    top: 0;
  }
}
.sales:not(.no-integration) .page-filters-buttons-container,
.bannerify.sidebar-is-hidden .page-filters-buttons-container {
  left: 0;
  right: unset;
  top: -32px;
}
@media screen and (min-width: 1564px) {
  .sales:not(.no-integration) .page-filters-buttons-container,
  .bannerify.sidebar-is-hidden .page-filters-buttons-container {
    top: 0;
    right: 0;
    left: unset;
  }
}
.sales:not(.no-integration) .analytics-filters,
.bannerify.sidebar-is-hidden .analytics-filters {
  top: -46px;
}
.sales:not(.no-integration) .analytics-details,
.bannerify.sidebar-is-hidden .analytics-details {
  margin-top: 34px !important;
}

.trendify:not(.no-integration) .page-filters-buttons-container {
  top: -40px;
}
@media screen and (min-width: 1564px) {
  .trendify:not(.no-integration) .page-filters-buttons-container {
    top: 0;
  }
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.wizard .widget {
  width: calc(100% - 300px);
  padding-bottom: 0;
}
.wizard-options {
  position: fixed;
  top: 64px;
  right: 0;
  width: 280px;
  height: calc(100% - 70px);
  padding: 20px;
  background-color: #fff;
  overflow-y: scroll;
}
@media screen and (max-height: 768px) {
  .wizard-options {
    padding-bottom: 80px;
  }
}
.wizard-options .form-elements li {
  margin-bottom: 1em;
}
.wizard-options .form-elements .wizard-target {
  margin-top: 1.5em;
}
.wizard-options .form-elements .wizard-target .item-label {
  margin-bottom: 1em;
}
.wizard-options .campaign-subject {
  margin: -20px -20px 1em;
  padding: 0 20px;
}
.wizard-options .campaign-subject .item-label {
  display: block;
  padding: 20px;
  background-color: #fbfbfb;
}
.wizard-options .label-emphasise .item-label {
  margin: 0 -20px;
  color: #dc3322;
  text-align: center;
}
.wizard-options .item-stacked {
  width: 100%;
}
.wizard-options .text-field {
  width: 100%;
}
.wizard .device-type-selection > .is-checkbox {
  border-bottom: 2px solid #efeef8;
}
.wizard .check-group {
  position: relative;
  margin-bottom: 5px;
  padding: 5px 0;
  border-bottom: 2px solid #efeef8;
  color: #7a7a7c;
  font-size: 0.875rem;
}
.wizard .check-group:hover .check-group-drop {
  display: block;
}
.wizard .check-group .is-checkbox {
  width: 100%;
}
.wizard .check-group .is-checkbox .item-label {
  width: 100%;
}
.wizard .check-group-drop {
  display: none;
  position: absolute;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: 99;
}
.wizard .check-group-drop__search {
  max-height: 249px;
  margin-top: 5px;
  padding: 10px 15px;
  overflow: scroll;
  overflow-x: hidden;
}
.wizard .check-group-drop__search .item-label {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wizard .check-group-drop__search::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #dbdbdb;
}
.wizard .check-group-drop__search::-webkit-scrollbar {
  width: 8px;
  background-color: #dbdbdb;
}
.wizard .check-group-drop__search::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #b3a7a7;
}
.wizard .check-group-search {
  margin-bottom: 5px;
  border: 1px solid #e4e4e4;
}
.wizard .check-group-search .icon-magnify {
  width: 6%;
  margin-right: 1%;
}
.wizard .check-group-search input {
  width: 90%;
  padding-left: 6px;
  border: 0;
  font-size: 12px;
}
.wizard .check-group-header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wizard .has-error .check-group {
  border-color: #e87352;
}
.wizard .check-group-toggle {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background-color: #dbdbdb;
}
.wizard .check-group-toggle::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  content: "";
}
.wizard .check-group-toggle.semi-checked, .wizard .check-group-toggle.checked {
  background-color: #5bcc76;
}
.wizard .check-group-toggle.semi-checked::before {
  right: 4px;
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background-color: #fff;
}
.wizard .check-group-toggle.checked::before {
  margin-top: -1px;
  color: #fff;
  font-size: 0.75rem;
}
.wizard .buttons {
  text-align: center;
}
.wizard .buttons .button {
  width: 100%;
  margin: 0 0 10px;
}
.wizard-input-types {
  padding-bottom: 20px;
}
.wizard-input-types.sticky {
  position: fixed;
  top: 66px;
  width: calc(100% - 496px);
  margin-left: -20px;
  padding: 20px 20px 13px;
  border-top: 1px solid #ece9e9;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);
  z-index: 9997;
}
.wizard-input-type-wrapper {
  margin: 0 -20px;
  padding: 20px;
  border-top: 2px solid #f6f6f6;
  border-radius: 0 0 10px 10px;
  background-color: #fbfbfb;
}
.wizard-input-type-wrapper .timing-row {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 0.75fr 1.25fr;
}
.wizard-input-type-wrapper .timing-row > div:last-child {
  display: flex;
}
.wizard-input-type-wrapper .timing-row > div:last-child > div:last-child {
  margin-top: 3px;
  margin-left: 1rem;
}
@media screen and (max-width: 1024px) {
  .wizard-input-type-wrapper .timing-row {
    grid-auto-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: auto;
  }
}
@media screen and (min-width: 1280px) {
  .wizard-input-type-wrapper .timing-row {
    grid-template-columns: 0.5fr 1.5fr;
  }
}
.wizard-input-type-title {
  color: #8f7aa2;
  font-size: 1.125rem;
}
.wizard-input-type-title svg {
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -8px;
}
.wizard-input-type-title .svg-path {
  fill: #8f7aa2;
}
.wizard .field-input-placeholder {
  width: 25%;
}
.wizard .field-input-name {
  width: 20%;
}
.wizard .field-input-select {
  width: 20%;
}
.wizard .field-textarea-placeholder {
  width: 35%;
}
.wizard .field-textarea-name {
  width: 32.15%;
}
.wizard .field-checkbox-name {
  width: 61%;
}
.wizard .field-checkbox-option {
  width: 79%;
}

.widget i {
  margin-right: 5px;
}
.widget .cancel-action {
  margin-right: 0;
}
.widget .cancel-action i {
  margin-right: 0;
}
.widget .button {
  margin: 0 10px 10px 0;
  padding: 10px 12px;
  color: #fff;
}
.widget .add-criteria {
  background-color: #547494;
}
.widget .add-inclusion {
  background: #63ca63;
}
.widget .exclude-criteria {
  margin-right: 20px;
  background-color: #dc3322;
}
.widget .item-label {
  margin: 0 5px;
}

.goedit-action.goedit-action {
  margin-top: 20px;
  background: #547494;
  color: #fff;
}

.gotest-action.gotest-action {
  margin-top: 20px;
  background: #4c4c50;
  color: #fff;
}

.preview-action.preview-action--disabled {
  background: #6d7171;
  pointer-events: none;
  color: #9e9e9e;
}

.gotest-action.gotest-action.gotest-action--disabled {
  background: #6d7171;
  pointer-events: none;
  color: #9e9e9e;
}

.golive-action.golive-action.golive-action--disabled {
  background: #81d181;
  pointer-events: none;
  color: #dedddd;
}

.preview-action.preview-action {
  background: #bababa;
  color: #fff;
}
.preview-action.preview-action i {
  margin-right: 5px;
  vertical-align: unset;
}

.preview-action.preview-action:hover {
  background-color: #919191;
  color: #fff;
}

.custom-template-action.ct-create {
  background: #24639e;
  color: #fff;
}
.custom-template-action.ct-create i {
  margin-right: 5px;
  vertical-align: unset;
}

.custom-template-action.ct-create:hover {
  background-color: #174f84;
  color: #fff;
}

.custom-template-action.ct-edit {
  background: #ed6960;
  color: #fff;
}
.custom-template-action.ct-edit i {
  margin-right: 5px;
  vertical-align: unset;
}

.custom-template-action.ct-edit:hover {
  background-color: #d14d45;
  color: #fff;
}

.item-title-sub {
  display: inline-block;
  margin-right: 5px;
  color: #9a939f;
  font-size: 1.125rem;
}

.wizard-perso-buttons .secondary-action.secondary-action {
  background: #51465b;
}
.wizard-perso-buttons .secondary-action.secondary-action:hover {
  background: #463c50;
}

.wizard-comp .wizard-perso-fields .wizard-input-type-wrapper {
  padding: 20px;
  margin-top: 0;
}

.settings-recommendation-form-wrapper {
  margin: 15px;
}

.engagement-form .page-description {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: calc(100% - 300px);
  background: #f9f9f9;
  border-radius: 10px;
  margin-bottom: 25px;
  padding: 20px;
}
.engagement-form .page-description .icon-info {
  font-size: 1.5rem;
  color: #979797;
  margin-right: 12px;
}
.engagement-form .page-description span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #979797;
}
.engagement-form .wizard-cards .item-buttonText-field {
  display: flex;
  gap: 1rem;
}
.engagement-form .engagement-form .wizard-perso-fields .form-elements .wizard-cards .cancel-action[class*=-action]:not([class*=-actions]) {
  font-size: 0.75rem;
  background: #e87352;
  color: #fff;
}
.engagement-form .wizard-perso-fields .wizard-cards .cancel-action {
  background-color: #e87352;
  color: #fff;
}
.engagement-form .wizard-perso-fields .wizard-cards .cancel-action svg {
  width: 16px;
  height: 16px;
}
.engagement-form .wizard-perso-fields .wizard-cards .cancel-action.cancel-action:hover {
  background: #e87352;
}
.engagement-form .wizard-perso-fields .wizard-cards .form-elements li.item {
  vertical-align: top;
}
.engagement-form .separated-content {
  padding-bottom: 20px;
}
.engagement-form .separated-content li {
  margin: 0px;
}
.engagement-form .separated-content li .item-label {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500 !important;
  color: #7a7a7c !important;
  margin-bottom: 5px;
}
.engagement-form .separated-content li .text-field {
  padding: 10px;
}
.engagement-form.see-all-wizard .wizard-comp {
  padding-top: 0;
}
.engagement-form.see-all-wizard .wizard-comp .wizard-input-type-title {
  margin-bottom: 0;
  padding-left: 20px;
}
.engagement-form.see-all-wizard .wizard-comp .wizard-input-type-wrapper {
  background-color: unset;
  padding: 20px;
  border: unset;
}
.engagement-form.see-all-wizard .wizard-comp .wizard-input-type-wrapper:first-child {
  padding-top: 0;
}
.engagement-form.see-all-wizard .wizard-comp .wizard-input-type-wrapper .wizard-input-type-title {
  margin-bottom: 20px;
}
.engagement-form.see-all-wizard .wizard-comp .wizard-input-type-wrapper > .form-elements {
  padding: 15px;
  border: 1px solid #efeef9;
  border-radius: 10px;
}
.engagement-form.see-all-wizard .wizard-comp .wizard-input-type-wrapper > .form-elements .is-color-picker {
  margin-bottom: 0;
}
.engagement-form.see-all-wizard .wizard-comp .wizard-input-type-wrapper > .form-elements .is-color-picker .item-color-select {
  margin-top: 7px;
  padding: 5px 10px;
  border-bottom: 1px solid #efeef9;
}

.social-proof-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.social-proof-form .page-title {
  margin-bottom: 20px;
  width: 100%;
}
.social-proof-form .page-content-block {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: stretch;
  width: calc(100% - 800px);
  margin-right: 20px;
  background-color: unset;
  padding: 0;
}
@media screen and (max-width: 1900px) {
  .social-proof-form .page-content-block {
    width: calc(100% - 700px);
  }
}
@media screen and (max-width: 1700px) {
  .social-proof-form .page-content-block {
    width: calc(100% - 600px);
  }
}
@media screen and (max-width: 1500px) {
  .social-proof-form .page-content-block {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1300px) {
  .social-proof-form .page-content-block {
    width: calc(100% - 400px);
  }
}
.social-proof-form .page-content-block .form-element {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 10px;
}
.social-proof-form .page-content-block .form-element.time-range-field .element-row-field {
  align-items: stretch;
}
.social-proof-form .page-content-block .form-element.time-range-field .element-row-field.element-real-time .element-row-label {
  color: #d9d9d9;
}
.social-proof-form .page-content-block .form-element.time-range-field .element-row-field.element-real-time .Select-value-label {
  color: #d9d9d9;
}
.social-proof-form .page-content-block .form-element.time-range-field .element-row-field.element-real-time .Select.is-disabled > .Select-control {
  background-color: unset;
}
.social-proof-form .page-content-block .form-element.time-range-field .element-row-field .real-time-field-separator {
  border: 0.5px solid #d9d9d9;
  width: 1px;
}
.social-proof-form .page-content-block .form-element.time-range-field .element-row-field .is-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 170px;
}
.social-proof-form .page-content-block .form-element.time-range-field .element-row-field .is-checkbox .item-label {
  padding-right: 0;
  padding-left: 21px;
  margin-left: 5px;
  padding-bottom: 3px;
}
.social-proof-form .page-content-block .form-element.time-range-field .element-row-field .is-checkbox .item-label::before {
  right: unset;
  left: 0;
}
.social-proof-form .page-content-block .form-element.time-range-field .element-row-field .is-checkbox .item-label::after {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  top: 12px;
  right: unset;
  left: -6px;
  content: "";
}
.social-proof-form .page-content-block .form-element.date-field {
  background-color: unset;
  border-radius: unset;
  padding: 0;
}
.social-proof-form .page-content-block .form-element.date-field .element-row-field .element-column-field {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
  width: calc(50% - 10px);
  margin-right: 20px;
}
.social-proof-form .page-content-block .form-element.date-field .element-row-field .element-column-field:last-child {
  margin-right: 0;
}
.social-proof-form .page-content-block .form-element.date-field .clear-action {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  color: #efeef8;
  z-index: 1;
  width: 27px;
  height: 25px;
  padding: 0px;
  background-color: #e87352;
}
.social-proof-form .page-content-block .form-element.date-field .clear-action:hover {
  background-color: #e45830;
}
.social-proof-form .page-content-block .form-element.date-field .clear-action svg {
  margin: 0;
}
.social-proof-form .page-content-block .form-element.optional-fields {
  background-color: unset;
  padding: 0;
}
.social-proof-form .page-content-block .form-element.optional-fields .element-row-field {
  justify-content: flex-end;
}
.social-proof-form .page-content-block .form-element.optional-fields .element-row-field .option-item {
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
}
.social-proof-form .page-content-block .form-element.optional-fields .element-row-field .option-item.multiplier {
  background-color: #5a7491;
}
.social-proof-form .page-content-block .form-element.optional-fields .element-row-field .option-item.condition {
  background-color: #e1a763;
}
.social-proof-form .page-content-block .form-element.optional-fields .element-row-field .option-item.saving-over {
  background-color: #e1a763;
}
.social-proof-form .page-content-block .form-element.optional-fields .element-row-field .option-item.active {
  background-color: #c4c4c4;
}
.social-proof-form .page-content-block .form-element.optional-fields .element-row-field .option-item .element-row-label {
  color: #ffffff;
}
.social-proof-form .page-content-block .form-element.optional-multiplier .remove-option, .social-proof-form .page-content-block .form-element.optional-condition .remove-option, .social-proof-form .page-content-block .form-element.optional-saving-over .remove-option {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0;
  cursor: pointer;
}
.social-proof-form .page-content-block .form-element.optional-multiplier .remove-option svg, .social-proof-form .page-content-block .form-element.optional-condition .remove-option svg, .social-proof-form .page-content-block .form-element.optional-saving-over .remove-option svg {
  margin-right: 8px;
}
.social-proof-form .page-content-block .form-element.optional-multiplier .remove-option .element-row-label, .social-proof-form .page-content-block .form-element.optional-condition .remove-option .element-row-label, .social-proof-form .page-content-block .form-element.optional-saving-over .remove-option .element-row-label {
  font-size: 14px;
  font-weight: 400;
  margin-right: 0;
  color: #d31116;
}
.social-proof-form .page-content-block .form-element.optional-multiplier .element-textfield, .social-proof-form .page-content-block .form-element.optional-condition .element-textfield, .social-proof-form .page-content-block .form-element.optional-saving-over .element-textfield {
  width: 100px;
}
.social-proof-form .page-content-block .form-element.optional-multiplier .element-textfield .text-field, .social-proof-form .page-content-block .form-element.optional-condition .element-textfield .text-field, .social-proof-form .page-content-block .form-element.optional-saving-over .element-textfield .text-field {
  border: 1px solid #e6e8ec;
  padding: 5px;
  border-radius: 3px;
}
.social-proof-form .page-content-block .form-element.optional-multiplier .element-textfield.has-multiple-input, .social-proof-form .page-content-block .form-element.optional-condition .element-textfield.has-multiple-input, .social-proof-form .page-content-block .form-element.optional-saving-over .element-textfield.has-multiple-input {
  margin-right: 0;
}
.social-proof-form .page-content-block .form-element.optional-multiplier .input-separator, .social-proof-form .page-content-block .form-element.optional-condition .input-separator, .social-proof-form .page-content-block .form-element.optional-saving-over .input-separator {
  margin-right: 0;
  width: 5px;
  border-bottom: 1px solid #e6e8ec;
}
.social-proof-form .page-content-block .form-element.optional-multiplier .element-row-label:first-child, .social-proof-form .page-content-block .form-element.optional-condition .element-row-label:first-child, .social-proof-form .page-content-block .form-element.optional-saving-over .element-row-label:first-child {
  min-width: 150px;
}
.social-proof-form .page-content-block .form-element .element-title {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #5a7491;
}
.social-proof-form .page-content-block .form-element .element-title.group-title {
  font-size: 18px;
  font-weight: 600;
  color: #4d3aab;
}
.social-proof-form .page-content-block .form-element .element-description {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #c4c4c4;
}
.social-proof-form .page-content-block .form-element .fade-out-delay {
  margin-right: 1em;
}
.social-proof-form .page-content-block .form-element .element-row-field {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.social-proof-form .page-content-block .form-element .element-row-field > * {
  margin-right: 15px;
  margin-bottom: 0;
}
.social-proof-form .page-content-block .form-element .element-row-field > *:last-child {
  margin-right: 0;
}
.social-proof-form .page-content-block .form-element .element-row-field > *.fade-out {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 10px 10px 10px 0;
}
.social-proof-form .page-content-block .form-element .element-row-field > * .element-column-label {
  font-size: 15px;
  font-weight: 500;
  color: #5a7491;
  padding: 0;
}
.social-proof-form .page-content-block .form-element .element-row-field > * .element-column-label.secondary-label {
  font-size: 14px;
  font-weight: 400;
  color: #7a7a7c;
}
.social-proof-form .page-content-block .form-element .element-row-field.target-audience .is-checkbox {
  width: 170px;
}
.social-proof-form .page-content-block .form-element .element-row-field.target-audience .is-checkbox .item-label {
  padding-right: 0;
  padding-left: 21px;
  margin-left: 5px;
}
.social-proof-form .page-content-block .form-element .element-row-field.target-audience .is-checkbox .item-label::before {
  right: unset;
  left: 0;
}
.social-proof-form .page-content-block .form-element .element-row-field.target-audience .is-checkbox .item-label::after {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  top: 11px;
  right: unset;
  left: -6px;
  content: "";
}
.social-proof-form .page-content-block .form-element .element-row-field.device-type .is-checkbox .item-label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0;
  padding-left: 21px;
  margin-left: 5px;
}
.social-proof-form .page-content-block .form-element .element-row-field.device-type .is-checkbox .item-label::before {
  right: unset;
  left: 0;
}
.social-proof-form .page-content-block .form-element .element-row-field.device-type .is-checkbox .item-label::after {
  right: unset;
  left: -8px;
}
.social-proof-form .page-content-block .form-element .element-row-field.device-type .is-checkbox .item-label svg {
  margin-right: 5px;
}
.social-proof-form .page-content-block .form-element .element-row-field.segment-counts .element-column-field {
  width: 170px;
  padding-left: 5px;
}
.social-proof-form .page-content-block .form-element .element-row-field .element-row-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 15px;
  font-weight: 500;
  color: #7a7a7c;
  margin-right: 15px;
}
.social-proof-form .page-content-block .form-element .element-row-field .element-row-label.popup-style-equal-width {
  width: 90px;
}
.social-proof-form .page-content-block .form-element .element-row-field .element-row-label.popup-style-equal-width svg {
  margin-right: 5px;
}
.social-proof-form .page-content-block .form-element .element-row-field .element-row-label .is-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.social-proof-form .page-content-block .form-element .element-row-field .element-column-field {
  margin-right: 10px;
}
.social-proof-form .page-content-block .form-element .element-row-field .element-column-field:last-child {
  margin-right: 0;
}
.social-proof-form .page-content-block .form-element .element-row-field .element-column-field.popup-style-color-picker {
  width: 170px;
}
.social-proof-form .page-content-block .form-element .element-column-field {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
}
.social-proof-form .page-content-block .form-element .element-column-field > * {
  margin-bottom: 10px;
  margin-right: 0;
}
.social-proof-form .page-content-block .form-element .element-column-field > *:last-child {
  margin-bottom: 0;
}
.social-proof-form .page-content-block .form-element .element-column-field .element-column-label {
  font-size: 15px;
  font-weight: 500;
  color: #5a7491;
  padding: 0;
}
.social-proof-form .page-content-block .form-element .element-column-field .element-column-label.secondary-label {
  font-size: 14px;
  font-weight: 400;
  color: #7a7a7c;
}
.social-proof-form .page-content-block .form-element .element-column-field .element-row-field {
  margin-bottom: 10px;
}
.social-proof-form .page-content-block .form-element .element-column-field .element-row-field:last-child {
  margin-bottom: 0;
}
.social-proof-form .page-content-block .form-element > .element-column-field,
.social-proof-form .page-content-block .form-element > .element-row-field {
  margin-bottom: 20px;
}
.social-proof-form .page-content-block .form-element > .element-column-field:last-child,
.social-proof-form .page-content-block .form-element > .element-row-field:last-child {
  margin-bottom: 0;
}
.social-proof-form .page-content-block .form-element .element-textfield {
  width: 100%;
}
.social-proof-form .page-content-block .form-element .element-textfield .text-field {
  width: 100%;
}
.social-proof-form .page-content-block .form-element .element-textarea {
  width: 100%;
}
.social-proof-form .page-content-block .form-element .element-textarea .text-field {
  width: 100%;
  border: 2px solid #efeef9;
  border-radius: 5px;
  padding: 8px;
}
.social-proof-form .page-content-block .form-element .element-select {
  display: block;
  width: 170px;
  margin-bottom: unset;
  font-size: 14px;
}
.social-proof-form .page-content-block .form-element .element-select.time-unit-select {
  width: 110px;
}
.social-proof-form .page-content-block .form-element .element-select .is-select {
  border: 2px solid #efeef8;
  border-radius: 5px;
}
.social-proof-form .page-content-block .form-element .element-select .is-select .Select-control {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.social-proof-form .page-content-block .form-element .element-select .is-select .Select-control .Select-multi-value-wrapper {
  position: relative;
  flex-grow: 100;
}
.social-proof-form .page-content-block .form-element .element-select .is-select .Select-control .Select-arrow-zone {
  display: block;
  flex-grow: 1;
  width: 20px;
  padding-top: 5px;
}
.social-proof-form .page-content-block .form-element .element-calendar {
  width: 100%;
}
.social-proof-form .page-content-block .form-element .element-calendar.has-clear {
  margin-right: 15px;
}
.social-proof-form .page-content-block .form-element .element-calendar .form-control {
  padding-left: 30px;
}
.social-proof-form .page-content-block .form-element .element-color-picker {
  margin-bottom: 0;
  padding: 5px;
  border-bottom: 2px solid #efeef8;
  width: 140px;
}
.social-proof-form .page-content-preview {
  position: sticky;
  top: 66px;
  width: 780px;
}
@media screen and (max-width: 1900px) {
  .social-proof-form .page-content-preview {
    width: 680px;
  }
}
@media screen and (max-width: 1700px) {
  .social-proof-form .page-content-preview {
    width: 580px;
  }
}
@media screen and (max-width: 1500px) {
  .social-proof-form .page-content-preview {
    width: 480px;
  }
}
@media screen and (max-width: 1300px) {
  .social-proof-form .page-content-preview {
    width: 380px;
  }
}
.social-proof-form .page-content-preview .preview-container {
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 20px;
}
.social-proof-form .page-content-preview .preview-container .preview-title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #547494;
  margin-bottom: 10px;
}
.social-proof-form .page-content-preview .preview-container .preview-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.social-proof-form .page-content-preview .preview-container .preview-tabs .preview-tab {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
  cursor: pointer;
}
.social-proof-form .page-content-preview .preview-container .preview-tabs .preview-tab svg {
  margin-right: 8px;
}
.social-proof-form .page-content-preview .preview-container .preview-tabs .preview-tab.active {
  border: 1px solid #948cf3;
  border-radius: 5px;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-desktop {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-desktop svg {
  width: 100%;
  height: auto;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-desktop .content-desktop-popup {
  position: absolute;
  box-shadow: 12px 8px 24px 1px rgba(171, 171, 171, 0.25);
  border-radius: 5px;
  height: auto;
  width: 250px;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 1900px) {
  .social-proof-form .page-content-preview .preview-container .preview-content .content-desktop .content-desktop-popup {
    font-size: 14px;
    padding: 10px;
    width: 250px;
  }
}
@media screen and (max-width: 1700px) {
  .social-proof-form .page-content-preview .preview-container .preview-content .content-desktop .content-desktop-popup {
    font-size: 12px;
    padding: 10px;
    width: 220px;
  }
}
@media screen and (max-width: 1500px) {
  .social-proof-form .page-content-preview .preview-container .preview-content .content-desktop .content-desktop-popup {
    font-size: 12px;
    padding: 10px;
    width: 220px;
  }
}
@media screen and (max-width: 1300px) {
  .social-proof-form .page-content-preview .preview-container .preview-content .content-desktop .content-desktop-popup {
    font-size: 10px;
    padding: 7px;
    width: 180px;
  }
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-desktop .content-desktop-popup.top {
  top: 13%;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-desktop .content-desktop-popup.middle {
  top: unset;
  bottom: unset;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-desktop .content-desktop-popup.bottom {
  bottom: 7%;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-desktop .content-desktop-popup.left {
  left: 11%;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-desktop .content-desktop-popup.center {
  left: unset;
  right: unset;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-desktop .content-desktop-popup.right {
  right: 11%;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-mobile {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-mobile svg {
  width: 45%;
  height: auto;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-mobile .content-mobile-popup {
  position: absolute;
  box-shadow: 10px 5px 24px rgba(99, 99, 99, 0.25);
  border-radius: 5px;
  height: auto;
  width: 35%;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 1900px) {
  .social-proof-form .page-content-preview .preview-container .preview-content .content-mobile .content-mobile-popup {
    font-size: 14px;
    padding: 10px;
  }
}
@media screen and (max-width: 1700px) {
  .social-proof-form .page-content-preview .preview-container .preview-content .content-mobile .content-mobile-popup {
    font-size: 12px;
    padding: 10px;
  }
}
@media screen and (max-width: 1500px) {
  .social-proof-form .page-content-preview .preview-container .preview-content .content-mobile .content-mobile-popup {
    font-size: 10px;
    padding: 7px;
  }
}
@media screen and (max-width: 1300px) {
  .social-proof-form .page-content-preview .preview-container .preview-content .content-mobile .content-mobile-popup {
    font-size: 8px;
    padding: 7px;
  }
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-mobile .content-mobile-popup.top {
  top: 10%;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-mobile .content-mobile-popup.middle {
  top: unset;
  bottom: unset;
}
.social-proof-form .page-content-preview .preview-container .preview-content .content-mobile .content-mobile-popup.bottom {
  bottom: 7%;
}
.social-proof-form .page-content-preview .campaign-finalize-buttons {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: flex-start;
}
.social-proof-form .page-content-preview .campaign-finalize-buttons .buttons-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-top: 15px;
}
.social-proof-form .page-content-preview .campaign-finalize-buttons .buttons-row .button {
  margin: 0;
  width: 40%;
  max-width: 300px;
  min-width: fit-content;
}
.social-proof-form .page-content-preview .campaign-finalize-buttons .buttons-row .button.golive-action {
  margin-right: 15px;
}

.wizard-criteria .criteria-list {
  padding-bottom: 20px;
}

.wizard-includes a.button {
  background: #63ca63;
}

.wizard-excludes a.button {
  margin-right: 4px;
  margin-left: 4px;
  background: #dc3322;
}

.section-title-criteria,
.section-title-excludes {
  color: #8b7e7c;
}

.duplicate-button.duplicate-button {
  margin-top: 20px;
  float: right;
}

.segment-select {
  display: inline-block;
}
.segment-select.segment-operator-select {
  display: block;
  margin: 0 auto;
  width: 100px;
}
.segment-select.segment-operator-select .Select-arrow-zone {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 4px;
}

.campaign-diff__first,
.campaign-diff__second {
  display: inline-block;
  width: 48%;
  background: #f7f7f7;
  overflow: scroll;
}

.campaign-diff__second {
  margin-left: 1%;
}

.wizard-form-fields .tertiary-action {
  margin-right: 0;
}
.wizard-form-fields .icon-plus {
  margin-right: 0;
}

.field-option-container .cancel-action.cancel-action {
  display: none;
}
.field-option-container:hover .cancel-action.cancel-action {
  display: inline-block;
}

.form-elements li.field-option-container {
  margin-bottom: 0.5em;
}
.form-elements li.field-option-container .data-preferences .icon-cross {
  font-size: 12px;
}
.form-elements li.field-option-container .data-preferences .icon-caret-up,
.form-elements li.field-option-container .data-preferences .icon-caret-down {
  position: absolute;
  top: 13px;
  right: 7px;
}
.form-elements li.field-option-container .data-preferences-option {
  position: relative;
  width: 165px;
  height: 40px;
}

.status-label,
.promotion-label {
  display: inline-block;
  width: auto;
  margin-right: 8px;
  padding: 5px 12px 5px 12px;
  border-radius: 55px;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.status-label-test,
.status-label-passive {
  background: #4c4c50;
}

.status-label-live {
  background: #63ca63;
}

.status-label-passive {
  width: 90px;
}

.promotion-label {
  width: 88px;
  margin-right: 15px;
  border: 1px solid #bab9ba;
  color: #9b989b;
  font-size: 12px;
}

.other-languages {
  border: 2px solid #e2e2e2;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  padding: 0;
  line-height: 35px;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 14px;
  width: 175px;
  color: #a1a0a8;
}
.other-languages:hover {
  border-color: #d4caca;
}
.other-languages i {
  font-size: 14px;
}

.engagement-form .wizard-input-type-title {
  position: relative;
}
.engagement-form .field-tooltip-icon {
  position: absolute;
  top: -3px;
}
.engagement-form .icon-info {
  color: #d1d0d6;
}

.wizard-item-draggable {
  margin-bottom: 1em;
}
.wizard-item-draggable:last-child {
  margin-bottom: 0;
}

.dragitem {
  list-style: none;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);
  min-height: 60px !important;
  padding: 10px 10px 0 10px;
  position: relative;
  background: #fff;
}

.draghandler {
  margin-right: 10px;
  position: relative;
  top: 7px;
  cursor: move;
}

.draggable--disabled {
  cursor: not-allowed;
  opacity: 0.2;
}
.draggable--disabled .draghandler {
  cursor: not-allowed;
}

.engagement-form > li,
.wizard-comp {
  background: #fff;
  padding: 20px;
  padding-bottom: 0;
  margin: -20px;
  border-radius: 15px;
}
.engagement-form > li .no-space,
.wizard-comp .no-space {
  margin: 0;
  padding: 0;
}
.engagement-form > li-title,
.wizard-comp-title {
  font-size: 18px;
  color: #787779;
  margin-bottom: 10px;
  font-weight: normal;
}
.engagement-form > li-reminder,
.wizard-comp-reminder {
  font-size: 14px;
  color: #787779;
  margin-bottom: 0;
}
.engagement-form > li-description,
.wizard-comp-description {
  font-size: 14px;
  color: #787779;
  margin-bottom: 28px;
}
.engagement-form > li .tooltip-trigger a,
.wizard-comp .tooltip-trigger a {
  pointer-events: none;
}
.engagement-form > li .tooltip-trigger a i,
.wizard-comp .tooltip-trigger a i {
  color: #e3ebf1;
}
.engagement-form > li .tooltip-trigger i,
.wizard-comp .tooltip-trigger i {
  color: #e3ebf1;
}
.engagement-form > li .is-shuffle,
.wizard-comp .is-shuffle {
  position: absolute;
  right: 0;
  top: 15px;
}
.engagement-form > li .wizard-input-types,
.wizard-comp .wizard-input-types {
  padding-bottom: 0;
}
.engagement-form > li .wizard-input-types .button.add-criteria,
.wizard-comp .wizard-input-types .button.add-criteria {
  padding: 12px 30px;
  font-size: 14px;
}
.engagement-form > li .wizard-input-types.search-synonyms,
.wizard-comp .wizard-input-types.search-synonyms {
  padding-bottom: 15px;
}
.engagement-form > li .wizard-input-types.search-synonyms .button.add-criteria,
.wizard-comp .wizard-input-types.search-synonyms .button.add-criteria {
  padding: 12px 12px;
  font-size: 14px;
}
.engagement-form > li .wizard-input-type-wrapper,
.wizard-comp .wizard-input-type-wrapper {
  padding: 0;
  margin-top: 8px;
}
.engagement-form > li .wizard-input-type-wrapper .wizard-criteria .criteria-list,
.wizard-comp .wizard-input-type-wrapper .wizard-criteria .criteria-list {
  padding: 0;
}
.engagement-form > li .wizard-input-type-wrapper .wizard-items-container,
.wizard-comp .wizard-input-type-wrapper .wizard-items-container {
  padding: 20px;
}
.engagement-form > li .wizard-input-type-wrapper .medium,
.wizard-comp .wizard-input-type-wrapper .medium {
  width: 153px;
}
.engagement-form > li .wizard-input-type-wrapper .segment,
.wizard-comp .wizard-input-type-wrapper .segment {
  display: flex;
}
.engagement-form > li .wizard-input-type-wrapper .segment label,
.wizard-comp .wizard-input-type-wrapper .segment label {
  width: 200px;
}
.engagement-form > li .wizard-input-type-wrapper.wizard-email-input-type-wrapper,
.wizard-comp .wizard-input-type-wrapper.wizard-email-input-type-wrapper {
  padding: 0;
}
.engagement-form > li .wizard-input-type-wrapper.wizard-email-input-type-wrapper .criteria-list--dynamic:first-child .wizard-criterion,
.wizard-comp .wizard-input-type-wrapper.wizard-email-input-type-wrapper .criteria-list--dynamic:first-child .wizard-criterion {
  padding-left: 49px;
}
.engagement-form > li .wizard-input-type-wrapper.wizard-email-input-type-wrapper .criteria-list--dynamic:first-child .criteria-name,
.wizard-comp .wizard-input-type-wrapper.wizard-email-input-type-wrapper .criteria-list--dynamic:first-child .criteria-name {
  width: calc((100% - 149px) / 2);
}
.engagement-form > li .wizard-input-type-wrapper.wizard-email-input-type-wrapper .item-field-email-main,
.wizard-comp .wizard-input-type-wrapper.wizard-email-input-type-wrapper .item-field-email-main {
  width: calc((100% - 129px) / 2);
}
.engagement-form > li .include-exclude-selected,
.wizard-comp .include-exclude-selected {
  opacity: 0.6;
  position: relative;
  pointer-events: none;
}
.engagement-form > li .include-exclude-selected span svg,
.wizard-comp .include-exclude-selected span svg {
  position: absolute;
  top: -6px;
  right: -10px;
  border-radius: 10px;
}
.engagement-form > li .custom-include-exclude-selected,
.wizard-comp .custom-include-exclude-selected {
  opacity: 1;
  pointer-events: inherit;
}
.engagement-form > li .main-category-selected,
.wizard-comp .main-category-selected {
  opacity: 0.6;
  position: relative;
}
.engagement-form > li .main-category-selected span svg,
.wizard-comp .main-category-selected span svg {
  position: absolute;
  top: -6px;
  right: -10px;
  border-radius: 10px;
}

.wizard-comp .email-mapping .item {
  vertical-align: top;
}
.wizard-comp .wizard-perso-fields .wizard-cards .form-elements .item {
  vertical-align: top;
}

.wizard-comp + .wizard-comp {
  margin-top: 40px;
}

.wizard-comp:first-child {
  margin-top: 40px;
}

.wizard-comp-campaigntitle {
  padding-bottom: 15px;
}

.wizard-comp-campaigntitle--keyword {
  margin-top: 0 !important;
  margin-bottom: 15px;
}

.wizard-comp.wizard-comp-filters .add-criteria {
  background-color: transparent;
  color: #787779;
  border: 2px solid #e3ebf1;
}
.wizard-comp.wizard-comp-filters .wizard-comp-title svg {
  margin-right: 6px;
  position: relative;
  top: 1px;
}

.algorithm-cards {
  padding: 15px;
  margin-top: -15px;
}
.algorithm-cards-add {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #3bc675;
  color: #fff;
  border-radius: 6px;
  padding: 10px;
  width: 200px;
  text-align: center;
  cursor: pointer;
}

.algorithm-cards::after {
  content: "";
  clear: both;
  display: table;
}

.email-predefined .algorithm-card-RECOMMENDATION_EVENT_DATA {
  display: none;
}

.algorithm-card {
  width: 48%;
  display: inline-block;
  height: 215px;
  position: relative;
  padding: 30px;
  border: 2px solid #e3ebf1;
  border-radius: 15px;
  margin-top: 25px;
  vertical-align: top;
  cursor: pointer;
}
.algorithm-card .tooltip-content {
  top: 45px;
}
.algorithm-card-checkbox {
  position: absolute;
  right: 15px;
}
.algorithm-card-title {
  font-weight: normal;
  color: #787779;
}
.algorithm-card--selected {
  border: 2px solid #3bc675;
}
.algorithm-card--favorited {
  padding-top: 10px;
}
.algorithm-card--favorited .algorithm-card-favicon {
  top: -25px;
}
.algorithm-card--disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.algorithm-card-favicon {
  position: absolute;
  top: -45px;
  left: -50px;
}
.algorithm-card .algorithm-card-icon {
  display: inline-block;
}
.algorithm-card .algorithm-card-icon i {
  font-size: 30px;
  color: #787779;
}
.algorithm-card .algorithm-card-icon--svg {
  position: relative;
  top: 5px;
}
.algorithm-card .algorithm-card-icon + .algorithm-card-title {
  display: inline-block;
  /* margin: 14px 0 0 15px; */
  position: relative;
  top: 5px;
  left: 15px;
}
.algorithm-card .tooltip-align-left .tooltip-content::after {
  left: 0;
  top: 50%;
}

.algorithm-card:nth-child(even) {
  margin-left: 4%;
}

.wizard-criterion .item.item-field.is-select {
  position: relative;
}
.wizard-criterion .item.item-field.is-select::before {
  position: absolute;
  top: 18px;
  right: 4px;
  width: 7px;
  height: 6px;
  border-style: solid;
  border-width: 7px 3px 0 3px;
  border-color: #7a797c transparent transparent transparent;
  content: "";
  z-index: 1;
}
.wizard-criterion .item.item-field.is-select::after {
  position: absolute;
  top: 8px;
  right: 4px;
  width: 7px;
  height: 6px;
  border-style: solid;
  border-width: 0 3px 7px 3px;
  border-color: transparent transparent #7a797c transparent;
  content: "";
  z-index: 1;
}
.wizard-criterion .item.item-field.is-select.criteria-name::before {
  content: none;
}
.wizard-criterion .item.item-field.is-select.criteria-name::after {
  content: none;
}

form.wizard-cards .exclusion-list .inclusion-item-price_range .wizard-criterion .recommend-filter-cancel.product-cancel-button {
  top: 134px;
}

.wizard-price-two .wizard-price-item-two {
  width: calc(100% - 270px);
}

.wizard-cards li.wizard-criterion {
  background: #fff;
  padding: 15px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin-bottom: 10px;
}
.wizard-cards li.wizard-criterion .criteria-type i {
  color: #787774;
}
.wizard-cards li.wizard-criterion .criteria-type.jb i {
  color: #5a7390;
}
.wizard-cards .wizard-criterion .item {
  margin-bottom: 10px;
  vertical-align: top;
  margin-top: 3px;
}
.wizard-cards .wizard-criterion .item.item-field.is-select {
  position: relative;
}
.wizard-cards .wizard-criterion .item.item-field.is-select::before {
  position: absolute;
  top: 18px;
  right: 4px;
  width: 7px;
  height: 6px;
  border-style: solid;
  border-width: 7px 3px 0 3px;
  border-color: #7a797c transparent transparent transparent;
  content: "";
  z-index: 1;
}
.wizard-cards .wizard-criterion .item.item-field.is-select::after {
  position: absolute;
  top: 8px;
  right: 4px;
  width: 7px;
  height: 6px;
  border-style: solid;
  border-width: 0 3px 7px 3px;
  border-color: transparent transparent #7a797c transparent;
  content: "";
  z-index: 1;
}
.wizard-cards .button:not([class*=-actions]),
.wizard-cards [class*=-action]:not([class*=-actions]) {
  font-size: 12px;
}
.wizard-cards .criteria-list--static {
  margin-bottom: 16px;
}
.wizard-cards .open-filters-buttons__productPage div[name=exclusion], .wizard-cards .open-filters-buttons__productPage div[name=inclusion] {
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 10px;
  color: #787779;
}
.wizard-cards .open-filters-buttons {
  display: inline-block;
  position: relative;
  /* right: 100px; */
  width: auto;
  text-align: right;
  vertical-align: middle;
  float: right;
}
.wizard-cards .open-filters-buttons .is-shuffle {
  position: relative;
  right: 0;
  top: 10px;
  right: 10px;
}
.wizard-cards .open-filters-buttons .open-filters {
  display: inline-block;
  font-size: 12px;
  padding: 6px 10px;
  border: 2px solid black;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 10px;
  color: #787779;
}
.wizard-cards .open-filters-buttons .open-filters svg {
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.wizard-cards .open-filters-buttons .open-filters:hover {
  background-color: #fdfcfe;
}
.wizard-cards .open-filters-buttons .open-filters.is-hidden {
  display: none;
}
.wizard-cards .open-filters-buttons .open-filters--inclusion {
  font-size: 12px;
  padding: 6px 10px;
  border: 2px solid #8ea976;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 10px;
  color: #787779;
}
.wizard-cards .open-filters-buttons .open-filters--exclusion {
  font-size: 12px;
  padding: 6px 10px;
  border: 2px solid #c54343;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 10px;
  color: #787779;
}
.wizard-cards .open-filters-buttons__productPage {
  display: flex;
  flex-direction: row;
  place-items: baseline;
  justify-content: flex-end;
}
.wizard-cards .open-filters-buttons__productPage .recommendOtherCategories {
  position: absolute;
  top: 16px;
  right: 164px;
}
.wizard-cards .open-filters-buttons__productPage div[name=inclusion] {
  border: 2px solid #8ea976;
}
.wizard-cards .open-filters-buttons__productPage div[name=exclusion] {
  border: 2px solid #c54343;
}
.wizard-cards .cancel-action {
  background: #e87352;
  width: 32px;
  height: 32px;
  padding-top: 0;
  position: absolute;
  top: 23px;
  right: 23px;
}
.wizard-cards .cancel-action svg {
  width: 16px;
  height: 16px;
  float: left;
  margin: 4px 0 0 -2px;
}
.wizard-cards .discounted-cancel {
  right: 15px !important;
  top: calc(50% - 16px) !important;
}
.wizard-cards .cancel-action.engagement-form-cancel-action {
  width: 39px;
  height: 39px;
  margin: 0 5px;
  padding: 10px 11px;
}
.wizard-cards .cancel-action.cancel-action:hover {
  background: #e87352;
}
.wizard-cards .cancel-action.cancel-action:active {
  box-shadow: none;
}
.wizard-cards .wizard-criterion-text {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  margin-bottom: 15px;
  max-width: 82%;
  min-width: 82%;
}
.wizard-cards .wizard-criterion-text + * {
  margin-left: 46px;
}
.wizard-cards .wizard-criterion-text + .Select.criteria-field {
  border-bottom: 1px solid #efeef7;
  margin-bottom: 10px;
}
.wizard-cards .wizard-criterion-title {
  font-size: 14px;
  margin-bottom: 5px;
  color: #787774;
}
.wizard-cards .wizard-criterion-description {
  font-size: 12px;
  color: #787779;
}
.wizard-cards .wizard-criterion-description span {
  display: inline-block;
  font-size: 11px;
  width: 100%;
}
.wizard-cards .exclusion-list .cancel-action {
  position: absolute;
  top: 0;
  right: 25px;
  padding-top: 20px;
}
.wizard-cards .exclusion-list .cancel-action.recommend-filter-cancel {
  position: initial;
  top: initial;
  right: initial;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  background: transparent;
  position: absolute;
  right: 23px;
  top: 81px;
}
.wizard-cards .exclusion-list .cancel-action.recommend-filter-cancel svg {
  width: 32px;
  height: 32px;
  float: left;
  margin: 0;
}
.wizard-cards .widget.page-content-block {
  background-color: transparent;
  padding-top: 0;
}

.wizard-item-cards-draggable .cancel-action {
  display: inline-block;
  background: #ffffff;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
}
.wizard-item-cards-draggable .cancel-action svg {
  width: 32px;
  height: 32px;
  margin: 0;
}
.wizard-item-cards-draggable .cancel-action.cancel-action:hover {
  background: #ffffff;
}
.wizard-item-cards-draggable .cancel-action.cancel-action:active {
  box-shadow: none;
}

.wizard-comp-modal--promotion .algorithm-card {
  height: 140px;
}
.wizard-comp-modal--promotion .is-shuffle {
  font-size: 12px;
}

@media only screen and (max-width: 1280px) {
  .engagement-form > li .wizard-input-types .button.add-criteria,
  .wizard-comp .wizard-input-types .button.add-criteria {
    padding: 12px 15px;
  }
  .wizard-cards .open-filters-buttons {
    width: 62%;
  }
}
span.inclusion-item-stock .is-select {
  width: 200px;
}

span.inclusion-item-stock label.item.item-field.criteria-name.wizard-value {
  max-width: 100%;
  width: calc(100% - 512px);
}

span.exclusion-item-stock .is-select {
  width: 200px;
}

span.exclusion-item-stock label.item.item-field.criteria-name.wizard-value {
  max-width: 100%;
  width: calc(100% - 530px);
}

span.inclusion-item-custom label.item.item-field.criteria-name.wizard-value {
  width: calc(50% - 56px);
  max-width: 100%;
}

span.inclusion-item-custom label.item.item-field.criteria-name.wizard-value.criteria-between {
  width: calc(25% - 36px);
  max-width: 100%;
}

span.exclusion-item-custom label.item.item-field.criteria-name.wizard-value {
  width: 18%;
  max-width: 100%;
}

.label-mail {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.label-mail select {
  padding-left: 0;
}

.label-interval {
  border-bottom: none;
}

.label-interval--start {
  width: 42%;
  border-bottom: 2px solid #efeef8 !important;
  margin-right: 4%;
}

.label-interval--end {
  width: 42%;
  margin-left: 6%;
  border-bottom: 2px solid #efeef8 !important;
}

.field-icon {
  position: absolute;
  right: 0px;
  top: 0;
  border: 1px solid #e3ebf1;
  padding: 5px 8px;
  border-radius: 5px;
  cursor: pointer;
}
.field-icon svg {
  fill: #abb1b9;
}
.field-icon:hover {
  background-color: #e3ebf1;
}
.field-icon:hover svg {
  fill: #ffffff;
}

.wizard-push-disabled-fields .wizard-input-criteria .criteria-time-frame,
.wizard-push-disabled-fields .wizard-input-criteria .criteria-item-count,
.wizard-push-disabled-fields .wizard-input-criteria .cancel-action {
  display: none !important;
}
.wizard-push-disabled-fields .wizard-input-criteria .criteria-name {
  width: 80% !important;
  opacity: 0.5;
  pointer-events: none;
}

.d-hidden {
  display: none !important;
}

.wizard-push-fields .wizard-input-criteria .criteria-item-count {
  display: none !important;
}
.wizard-push-fields .wizard-input-criteria .criteria-item-count + .cancel-action {
  display: none !important;
}
.wizard-push-fields .wizard-input-criteria .wizard-product-name + .cancel-action {
  display: none !important;
}
.wizard-push-fields .wizard-input-criteria .criteria-name {
  width: calc(50% - 24px) !important;
}
.wizard-push-fields .wizard-input-criteria .criteria-time-frame {
  width: calc(50% - 85px) !important;
}
.wizard-push-fields .wizard-input-criteria.wizard-push-fields-fly .wizard-email-input-type-wrapper .cancel-action {
  display: block !important;
  background: #fff;
}
.wizard-push-fields .wizard-input-criteria.wizard-push-fields-fly .wizard-email-input-type-wrapper .cancel-action svg {
  width: 32px !important;
  height: 32px !important;
  position: relative;
  top: -5px;
}

.wizard-mail-disabled-fields .wizard-input-types .button.add-criteria,
.wizard-mail-disabled-fields .wizard-input-types .open-filters--inclusion {
  opacity: 0.2;
  pointer-events: none;
}

.filters-disabled {
  opacity: 0.2;
  pointer-events: none;
}

.wizard-push-disabled-fields .wizard-input-types .button.add-criteria {
  opacity: 0.2;
  pointer-events: none;
}

.email-wizard-option {
  pointer-events: all;
}
.email-wizard-option .label-emphasise .item-label {
  margin: 0;
  color: #7a7a7c;
  text-align: left;
}
.email-wizard-option label.label-mail {
  position: relative;
}
.email-wizard-option label.label-mail::before {
  position: absolute;
  bottom: 8px;
  right: 4px;
  width: 7px;
  height: 6px;
  border-style: solid;
  border-width: 7px 3px 0 3px;
  border-color: #7a797c transparent transparent transparent;
  content: "";
  z-index: 1;
}
.email-wizard-option label.label-mail::after {
  position: absolute;
  bottom: 18px;
  right: 4px;
  width: 7px;
  height: 6px;
  border-style: solid;
  border-width: 0 3px 7px 3px;
  border-color: transparent transparent #7a797c transparent;
  content: "";
  z-index: 1;
}
.email-wizard-option label.label-mail .is-calendar input {
  border: 0 !important;
}
.email-wizard-option .item-head-text {
  width: 100%;
  padding: 15px 20px;
  margin: 5px -20px;
  background-color: #fbfbfb;
  color: #dc3322;
  font-size: 14px;
  text-align: center;
  box-sizing: content-box;
}
.email-wizard-option .item-head-title {
  width: 100%;
  padding: 20px;
  margin: -20px -20px 5px -20px;
  background-color: #fbfbfb;
  color: #dc3322;
  font-size: 14px;
  text-align: center;
  box-sizing: content-box;
}
.email-wizard-option .tooltip-trigger i {
  color: #cedae4;
}
.email-wizard-option .tooltip-content {
  min-width: 120px;
  max-width: 150px;
}
.email-wizard-option span.label-text-field .item-label > span {
  top: 0 !important;
}
.email-wizard-option .tooltip span.tooltip-trigger {
  display: inline-block;
  position: absolute;
  top: 2px;
  height: 16px;
  overflow: hidden;
}
.email-wizard-option .tooltip i.icon-info {
  display: inline-block;
  width: 16px;
  height: 16px;
  float: left;
}

.sending-time-field .text-field {
  width: 20%;
}
.sending-time-field .sending-time-description {
  display: inline-block;
  width: 80%;
  padding-left: 7px;
}
.sending-time-field .sending-time-description span {
  font-size: 14px;
  color: #7a7a7c;
}

.form-element-testMail.form-element-testMailErr button[type=submit] {
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  background: #fff;
  color: #c0bed1;
  border: 1px solid #efeef8;
  line-height: 22px;
}

.form-element-testMail button[type=submit] {
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  background: #63ca63;
  color: #fff;
  border: 1px solid #63ca63;
  line-height: 22px;
  position: absolute;
  right: 0px;
  top: 6px;
}

.form-element-testMail.form-element-testMailErr label.item.item-stacked.one-whole input {
  border-bottom: 2px solid #de3535;
}

.form-element-testMail .text-field:focus {
  border-color: #c0bed1;
}

.wizard-page-selection svg {
  position: absolute;
  right: 0;
}
.wizard-page-selection .url-field svg {
  right: 0;
  margin-top: 10px;
}
.wizard-page-selection .url-field {
  position: relative;
}
.wizard-page-selection .url-field input {
  width: 100%;
}
.wizard-page-selection .url-field input[type=text] {
  font-size: 10px;
  padding: 5px 25px 8px 0px;
  color: #bababa;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wizard-page-selection .url-field form input[type=text] {
  padding: 5px 40px 8px 0px;
}
.wizard-page-selection .check-group-header {
  cursor: pointer;
}
.wizard-page-selection span.pageURL-addIcon svg {
  right: 24px;
}

.selected-custom-filter,
.selected-custom-filter .check-group {
  border-color: #5bcc76 !important;
}

.email-mappings {
  background: #fbfbfb;
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;
  margin-top: 15px;
}
.email-mappings .email-mappings-code-icon i {
  color: #8f7aa2;
  font-size: 18px;
  font-weight: bold;
}
.email-mappings .email-mapping {
  background: #fff;
  padding: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  border-radius: 10px;
  border: 1px solid #efeef8;
  position: relative;
}
.email-mappings .email-mapping .mapping-add,
.email-mappings .email-mapping .mapping-delete {
  position: absolute;
  top: 40px;
}
.email-mappings .email-mapping .mapping-delete {
  right: 15px;
}
.email-mappings .email-mapping .mapping-add {
  right: 60px;
}
.email-mappings .email-mapping .field-select > div {
  display: flex;
}
.email-mappings .email-mapping .field-select > div > div {
  width: 100%;
}
.email-mappings label.item.item-stacked.one-half {
  width: calc(50% - 75px);
}
.email-mappings label.item.item-stacked.one-half .item-label {
  margin: 0;
}
.email-mappings label.item.item-stacked.one-half + label.item.item-stacked.one-half {
  margin-left: 2%;
}

.extra-container-email.email-mappings {
  padding-top: 0;
  background: #fff;
  border-radius: 15px;
}
.extra-container-email.email-mappings .wizard-comp {
  margin-top: 0;
}

.email-mappings.extra-container-push {
  list-style: none;
  margin-top: 25px;
}
.email-mappings.extra-container-push .wizard-comp {
  margin-top: -40px;
}

.mp-field-wrapper {
  margin: -20px;
  padding: 20px;
}
.mp-field-wrapper + .mp-field-wrapper {
  border-top: 2px solid #f7f6fb;
}

.mp-field-wrapper.mp-field-wrapper-schedule.mp-field-wrapper-email label.item {
  width: 45%;
}
.mp-field-wrapper.mp-field-wrapper-schedule.mp-field-wrapper-email.mp-schedule-full label.item {
  width: 30%;
}
.mp-field-wrapper.mp-field-wrapper-schedule label.is-calendar .rdt {
  margin-top: 13px;
}

.secondary-action.secondary-action.popup-option-disabled {
  background: #c5cace;
}

.disabled-field {
  pointer-events: none;
}
.disabled-field textarea {
  opacity: 0.3;
  pointer-events: none;
}
.disabled-field input {
  opacity: 0.3;
  pointer-events: none;
  background-color: inherit !important;
}

.wizard-criteria.wizard-items-container.items-fly .cancel-action {
  background: transparent;
}

.wizard-criteria.wizard-items-container.items-fly .cancel-action svg {
  width: 32px;
  height: 32px;
  top: -4px;
  position: relative;
}

.conflict-warning {
  width: 290px;
  border: 1px solid #dfe3e5;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  left: 400px;
  top: -106px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
  z-index: 9999;
}
.conflict-warning--mail {
  left: 90%;
}
.conflict-warning--periodic {
  left: 565px;
}
.conflict-warning--periodic--mail {
  left: 90%;
}
.conflict-warning.right-side {
  bottom: auto;
  position: fixed;
}
.conflict-warning.right-side:before {
  content: "";
  position: absolute;
  top: 5px;
  bottom: auto;
  right: -30px;
  left: auto;
  z-index: 1;
  border: solid 15px transparent;
  border-left-color: #dde3e5;
}
.conflict-warning:before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: -30px;
  z-index: 1;
  border: solid 15px transparent;
  border-right-color: #dde3e5;
}
.conflict-warning button {
  background: transparent;
  border: 1px solid #cccccc;
  margin-top: 20px;
  display: block;
  outline: 0;
}
.conflict-warning button:hover {
  background: #f6f6f6 !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #00e739;
}
input:focus + .slider {
  box-shadow: 0 0 1px #00e739;
}
input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

.sliderOn .slider {
  background-color: #00e739;
}
.sliderOn:focus + .slider {
  box-shadow: 0 0 1px #00e739;
}
.sliderOn .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}

.actionUrl {
  width: 400px;
  position: relative;
  left: 300px;
}

.actionText {
  width: 250px;
  position: absolute;
}

.actionButton.disabled {
  pointer-events: none;
  opacity: 0.3;
}

.actionButton {
  min-height: 50px;
}

.campaign-language-selection {
  margin-left: 10px;
  border-bottom: 2px solid #efeef8;
}
.campaign-language-selection > span:first-child {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 5px 0 0 5px;
  border-color: #bababa !important;
}
.campaign-language-selection > span:last-child {
  border-radius: 0 5px 5px 0;
}
.campaign-language-selection span + span {
  border-width: 1px 1px 1px 0 !important;
  border-style: solid !important;
  border-color: #bababa !important;
}
.campaign-language-selection span.language-box {
  display: inline-block;
  top: 0 !important;
  width: auto;
  padding: 0px 10px;
  color: #9c9c9d;
  text-align: center;
  cursor: pointer;
}
.campaign-language-selection span.language-box.is-selected {
  background: #84c17b;
  color: #ffffff;
  opacity: 1 !important;
}
.campaign-language-selection span.language-box.is-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.campaign-language-selection-extended {
  position: relative;
  margin-left: 0;
  bottom: 5px;
}
.campaign-language-selection-extended button {
  background: white;
}
.campaign-language-selection-extended > span:first-child,
.campaign-language-selection-extended button:first-child {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 5px 0 0 5px;
  border-color: #bababa !important;
}
.campaign-language-selection-extended > span:last-child,
.campaign-language-selection-extended button:last-child {
  border-radius: 0 5px 5px 0;
}
.campaign-language-selection-extended span + span,
.campaign-language-selection-extended button + button {
  border-width: 1px 1px 1px 0 !important;
  border-style: solid !important;
  border-color: #bababa !important;
}
.campaign-language-selection-extended span.language-box,
.campaign-language-selection-extended button.language-box {
  display: inline-block;
  top: 0 !important;
  width: auto;
  padding: 0 10px;
  color: #9c9c9d;
  text-align: center;
  cursor: pointer;
}
.campaign-language-selection-extended span.language-box.has-error,
.campaign-language-selection-extended button.language-box.has-error {
  color: red;
}
.campaign-language-selection-extended span.language-box.is-selected,
.campaign-language-selection-extended button.language-box.is-selected {
  background: #84c17b;
  color: #ffffff;
  opacity: 1 !important;
}
.campaign-language-selection-extended span.language-box.is-disabled,
.campaign-language-selection-extended button.language-box.is-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.wizard-input-types.search svg {
  margin-bottom: 2px;
  fill: white;
}

.wizard-comp.search {
  margin: -15px !important;
}
.wizard-comp.search .add-criteria svg {
  margin-bottom: 2px;
  fill: white;
}

.wizard-items {
  position: relative;
}
.wizard-items .counts {
  position: absolute;
  right: 10px;
  color: #547494;
}
.wizard-items .counts ul {
  list-style: none;
}
.wizard-items .counts ul li {
  display: inline;
}
.wizard-items .counts ul li i {
  margin-top: -7px;
}
.wizard-items .counts ul li:first-child {
  margin-right: 10px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.wizard-criterion.wizard-criterion {
  margin-bottom: 1em;
}
.wizard-criterion .item {
  margin-bottom: 10px;
}
.wizard-criterion .buttons-criteria {
  width: 80px;
  float: right;
  display: inline-block;
}
.wizard-criterion .buttons-criteria .button-criteria {
  position: relative;
  bottom: -7px;
}
.wizard-criterion .buttons-criteria .button-criteria svg {
  width: 32px;
  height: 32px;
}
.wizard-criterion .buttons-criteria .button-criteria.remove-criteria {
  float: right;
}
.wizard-criterion .buttons-criteria.buttons-criteria-custom {
  position: absolute;
  top: 15px;
  right: 15px;
}
.wizard-criterion .criteria-subcomponent {
  margin-left: 45px;
}
.wizard-criterion .criteria-subcomponent.criteria-subcomponent-mg {
  margin-left: 213px;
}
.wizard-criterion .criteria-subcomponent.criteria-subcomponent-mg .wizard-price-range {
  width: calc(50% - 66px);
}
.wizard-criterion .tooltip-file-upload {
  position: absolute;
  top: 23px;
  right: 65px;
}
.wizard-criterion .tooltip-file-upload .product-file-upload {
  display: flex;
  border: 1px dashed #D1D1D1;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border-radius: 0.4rem;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.wizard-criterion .tooltip-file-upload .product-file-upload .icon-upload {
  font-size: 1.5rem;
  margin: unset;
  margin-top: -0.3rem;
  color: #5A7491;
}
.wizard-criterion .tooltip-file-upload .product-file-upload input {
  display: none;
}

.criteria-list {
  padding: 0;
  list-style: none;
}

.criteria-type {
  display: inline-block;
  width: 33px;
  height: 33px;
  margin-right: 10px;
  border: 2px solid #efeef8;
  border-radius: 5px;
  text-align: center;
}
.criteria-type svg {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  vertical-align: middle;
}
.criteria-type i {
  margin-right: 0;
}

.criteria-name {
  width: calc(100% - 470px);
  min-width: 150px;
}
@media only screen and (min-width: 1440px) {
  .criteria-name {
    width: calc((100% - 189px) / 2);
  }
}

.criteria-name-search {
  width: calc(100% - 470px);
  min-width: 150px;
}
@media only screen and (min-width: 1440px) {
  .criteria-name-search {
    width: calc((100% - 189px) / 2);
  }
}

.criteria-name-jb {
  width: calc(100% - 304px);
  min-width: 150px;
}
@media only screen and (min-width: 1440px) {
  .criteria-name-jb {
    width: calc(3 * (100% - 169px) / 4);
  }
}

label.item.item-field.criteria-name.wizard-value {
  width: calc(50% - 215px);
  min-width: 0;
  max-width: 200px;
}

.criteria-subcomponent label.item.item-field.criteria-name.wizard-value {
  width: calc(50% - 133px);
  max-width: 200px;
}

.wizard-product-name {
  display: inline-block;
  position: relative;
  width: calc(100% - 185px);
  max-width: calc(100% - 150px);
  margin-right: 1em;
  vertical-align: top;
}
.wizard-product-name .criteria-name {
  width: 100%;
}

.wizard-product-select-container .Select-value {
  background: #547494;
  color: #fff;
  padding: 5px;
  font-size: 11px;
  border-radius: 5px;
}
.wizard-product-select-container .Select--multi .Select-value-icon:hover,
.wizard-product-select-container .Select--multi .Select-value-icon:focus {
  color: #fff;
}
.wizard-product-select-container .is-focused:not(.is-open) > .Select-control {
  box-shadow: none;
}
.wizard-product-select-container .Select-value-icon {
  float: right;
}

.criteria-time-frame {
  width: 150px;
}
@media only screen and (min-width: 1440px) {
  .criteria-time-frame {
    width: calc((100% - 189px) / 4);
  }
}

.wizard-cards .wizard-criterion .item.criteria-time-frame.js-disabled {
  position: relative;
}
.wizard-cards .wizard-criterion .item.criteria-time-frame.js-disabled::before {
  border-color: #efeef8 transparent transparent transparent;
  content: "";
}
.wizard-cards .wizard-criterion .item.criteria-time-frame.js-disabled::after {
  border-color: transparent transparent #efeef8 transparent;
  content: "";
}

.criteria-item-count {
  width: 130px;
}
@media only screen and (min-width: 1440px) {
  .criteria-item-count {
    width: calc((100% - 100px) / 4);
  }
}
.criteria-item-count .item-label {
  position: absolute;
  top: 2px;
  right: 17px;
  margin: 0;
  padding: 8px;
  border-radius: 5px;
  font-size: 11px;
  line-height: 14px;
  background-color: #f0f0f0;
  z-index: 1;
}

.criteria-item-mobile-count {
  width: 65px;
}
@media only screen and (min-width: 1440px) {
  .criteria-item-mobile-count {
    width: calc((100% - 189px) / 8);
  }
}
.criteria-item-mobile-count .item-label {
  position: absolute;
  top: 2px;
  right: 17px;
  margin: 0;
  padding: 8px;
  border-radius: 5px;
  font-size: 11px;
  line-height: 14px;
  background-color: #f0f0f0;
  z-index: 1;
}

.criteria-item-count.item-field-email-main {
  width: 130px;
}
@media only screen and (min-width: 1440px) {
  .criteria-item-count.item-field-email-main {
    width: calc((100% - 189px) / 2);
  }
}

.criteria-field-category {
  display: inline-block;
  top: 12px;
  width: calc(100% - 117px);
  margin-right: 1em;
}

.criteria-name-email-main {
  pointer-events: none;
  opacity: 0.8;
}

.keyword-criteria {
  display: inline-block;
  width: 150px;
}

.keyword-mobile {
  margin-left: 20px;
}

.item-label.tip {
  position: static;
  top: 20px;
  left: 390px;
  background-color: #ffffff;
  z-index: 2;
  width: 30px;
}

.item-label.tip-jb {
  position: absolute;
  top: 25px;
  left: 340px;
  background-color: #ffffff;
  z-index: 2;
  width: 30px;
}

.item-label.clickable {
  position: static;
  top: 23px;
  left: 417px;
  right: unset !important;
  margin: 0;
  padding: 8px;
  border-radius: 5px;
  font-size: 11px;
  line-height: 14px;
  background-color: #ffffff;
  z-index: 0;
}

.item-label.clickable-jb {
  position: absolute;
  top: 20px;
  left: 220px;
  padding: 8px;
  margin: 0;
  border-radius: 5px;
  font-size: 11px;
  line-height: 14px;
  background-color: #ffffff;
  z-index: 0;
}

.item-label.check-jb {
  top: 2px !important;
  right: 5px !important;
  position: relative !important;
  margin: 0 !important;
}

.item-label.keyword {
  position: absolute;
  top: 15px;
  left: 128px;
  right: unset !important;
  margin: 0;
  padding: 8px;
  border-radius: 5px;
  font-size: 11px;
  line-height: 14px;
  background-color: #f0f0f0;
  z-index: 1;
}

.item-label.mobile {
  position: absolute;
  top: 15px;
  left: 285px;
  right: unset !important;
  margin: 0;
  padding: 8px;
  border-radius: 5px;
  font-size: 11px;
  line-height: 14px;
  background-color: #f0f0f0;
  z-index: 1;
}

.wizard-comp.search .wizard-comp {
  margin-top: 0 !important;
}

.item-label.keyword.product {
  position: absolute;
  top: 12px !important;
  left: 190px;
  right: unset !important;
  margin: 0;
  padding: 8px;
  border-radius: 5px;
  font-size: 11px;
  line-height: 14px;
  background-color: #f0f0f0;
  z-index: 0;
}

.search .criteria-type {
  position: relative;
  top: 0px;
}
.search .wizard-cards .Select {
  top: -7px;
}

@media (max-width: 1600px) {
  .search .criteria-item-mobile-count .item-label {
    font-size: 7px;
    right: 0;
  }
  .search .criteria-item-mobile-count::before {
    display: none !important;
  }
  .search .criteria-item-mobile-count::after {
    display: none !important;
  }
}
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.wizard-excludes {
  margin: 1em -20px 0;
  padding: 20px;
  border-top: 1px solid #efeef8;
}
.wizard-excludes .criteria-type {
  color: #dc3322;
}

.exclusion-list {
  margin-bottom: 1em;
}

.wizard-price-range {
  width: calc(50% - 150px);
}
.wizard-price-range .item-label {
  position: absolute;
  top: 4px;
  left: 0;
  margin: 0;
  padding: 2px 4px;
  border-radius: 5px;
  background-color: #f0f0f0;
}
.wizard-price-range .text-field {
  padding-left: 45px;
}

.wizard-params {
  width: calc(50% - 250px);
}

.wizard-value {
  width: calc(50% - 250px);
}
.wizard-value .item-label {
  position: absolute;
  top: 4px;
  left: 0;
  margin: 0;
  padding: 2px 4px;
  border-radius: 5px;
  background-color: #f0f0f0;
}
.wizard-value .text-field.label-percent {
  padding-left: 30px;
}

.wizard-operator {
  width: 100px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.wizard-advanced-config {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  position: fixed;
  top: 64px;
  height: calc(100% - 64px);
  left: 66px;
  width: calc(100% - 66px);
  height: calc(100% - 66px);
  background-color: #efeef8;
  z-index: 100;
  transition: all 0.3s ease;
}
.wizard-advanced-config-save {
  position: absolute;
  top: 18px;
  right: 30px;
  bottom: auto;
  z-index: 99;
}
.wizard-advanced-config-close {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  color: #fff;
  cursor: pointer;
}

.sgm-sidebar-wrapper:has([data-variant=sidebar][data-state=expanded]) .wizard-advanced-config {
  left: var(--sidebar-width);
  width: calc(100% - var(--sidebar-width));
}

.sgm-sidebar-wrapper:has([data-variant=sidebar][data-state=collapsed]) .wizard-advanced-config {
  left: var(--sidebar-width-icon);
  width: calc(100% - var(--sidebar-width-icon));
}

.campaign-variable {
  display: inline-block;
  margin: 0 5px 5px 0;
  color: #7b7b7b;
  font-size: 0.875rem;
}
.campaign-variables {
  width: 350px;
  padding: 30px;
  overflow-y: scroll;
}
.campaign-variables .page-title {
  margin-bottom: 0;
}
.campaign-variable-set {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e3e2eb;
}

.code-samples {
  position: relative;
  width: calc(100% - 350px);
  height: 100%;
}
.code-sample-tabs {
  position: relative;
  height: 80px;
  padding: 20px 30px;
  background-color: #27272a;
}
.code-sample-tab-nav {
  padding: 10px 20px;
  border-radius: 3px;
  color: #939393;
  font-size: 0.875rem;
  cursor: pointer;
}
.code-sample-tab-nav.current {
  background-color: #547494;
  color: #fff;
}
.code-sample-tab {
  position: absolute;
  width: 100%;
  height: calc(100% - 80px);
  z-index: 1;
}
.code-sample-tab.current {
  z-index: 2;
}

.code-editor {
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
}
.code-editor > div {
  width: 100%;
  height: 100%;
}

iframe#launcher {
  z-index: 9997 !important;
}

.CodeMirror-lint-tooltip {
  z-index: 9999 !important;
}

.CodeMirror-hints {
  z-index: 9999 !important;
}

.CodeMirror-gutters {
  z-index: 1 !important;
}

.CodeMirror-gutter-wrapper {
  z-index: 2 !important;
}

.advanced-config-form {
  background: #fff;
  padding: 20px;
}

.back-to-defaults {
  display: inline-block;
  background: #547494;
  width: 100%;
  padding: 10px;
  cursor: pointer;
  color: #fff;
  border-radius: 3px;
  margin-bottom: 15px;
  text-align: center;
}

.integration-type {
  display: inline-block;
  width: 285px;
  margin-right: 20px;
  text-align: center;
  vertical-align: top;
}
.integration-type a {
  color: #7a7a7c;
  text-decoration: none;
}
.integration-type p {
  font-size: 0.875rem;
}
.integration-type p a {
  color: #468bce;
  text-decoration: none;
}
.integration-type-selection {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 285px;
  height: 250px;
  margin-bottom: 10px;
  border-radius: 8px;
  background-color: #fff;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.integration-type-selection.is-selected {
  background-color: #e3e2eb;
  box-shadow: none;
}
.integration-type .integration-type-chat {
  color: #468bce;
}
.integration-type i {
  font-size: 4em;
}

.integration-options {
  margin-bottom: 40px;
  padding: 0;
  list-style: none;
}
.integration-options li {
  display: inline-block;
  margin: 0 20px 20px 0;
  color: #7a7a7c;
  font-weight: bold;
  text-align: center;
}
.integration-options .available-type-wireframe {
  position: relative;
  margin-bottom: 10px;
}
.integration-options + .secondary-action {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.lets-integrate {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.lets-integrate a {
  align-self: flex-end;
}

.integration-policy:before {
  display: none;
}

.integration-policy {
  margin-top: 100px;
  margin-bottom: 20px;
}

.available-type.list-email-live .available-type-wireframe {
  border: 2px solid #3fc14e;
}

.available-type.list-email-live .list-email-live-label {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 5px 15px;
  border-radius: 15px;
  background: #47c858;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.available-type.list-email-test .list-email-test-label {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 5px 15px;
  border-radius: 15px;
  background: #4c4c50;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.list-email {
  height: 300px !important;
}

.list-email-desc {
  position: absolute;
  top: 320px;
  margin: 0;
  color: #000;
  font-size: 14px;
}

.available-widgets-mail .available-type-selection > span {
  display: inline-block;
  margin-top: 73px;
}

.available-widgets-mail .available-type-selection {
  margin-top: -80px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.tooltip {
  position: relative;
  margin: 0 5px;
}
.tooltip-trigger {
  display: inline-block;
}
.tooltip-content {
  position: absolute;
  min-width: 200px;
  padding: 10px;
  border-radius: 5px;
  background-color: #000;
  color: #fff;
  font-size: 0.75rem;
  font-weight: normal;
  text-align: center;
  z-index: 9999;
}
.analytics-details .tooltip-content {
  min-width: 280px;
}
.analytics-details .analytics-stock .tooltip-content {
  min-width: 200px;
}
.tooltip-place-top .tooltip-content:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  border-top-color: #000;
  border-width: 5px;
  pointer-events: none;
}
.tooltip-place-top .tooltip-content::after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
}
.tooltip-place-left .tooltip-content:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  border-left-color: #000;
  border-width: 5px;
  pointer-events: none;
}
.tooltip-place-left .tooltip-content::after {
  top: 50%;
  left: 100%;
  margin-top: -5px;
}
.tooltip-align-right .tooltip-content {
  right: 0;
}
.tooltip-align-right .tooltip-content::after {
  left: calc(100% + 5px);
  margin-left: -20px;
}
.tooltip-align-left .tooltip-content {
  left: 0;
}
.tooltip-align-left .tooltip-content::after {
  left: 10px;
}
.tooltip-sidebar-content {
  min-width: 120px;
  width: 130px;
  left: -50px !important;
}
.tooltip-sidebar-content-reports {
  min-width: 120px;
  width: 130px;
  left: -48px !important;
}
.tooltip-content-image img {
  display: block;
  max-width: 100%;
}

.tooltip-place-top.tooltip-align-center .tooltip-content {
  -webkit-transform: translateY(calc(-100% - 25px)) translateX(calc(-50% + 8px));
  -ms-transform: translateY(calc(-100% - 25px)) translateX(calc(-50% + 8px));
  transform: translateY(calc(-100% - 25px)) translateX(calc(-50% + 8px));
}
.tooltip-place-top.tooltip-align-right .tooltip-content {
  -webkit-transform: translateY(calc(-100% - 25px));
  -ms-transform: translateY(calc(-100% - 25px));
  transform: translateY(calc(-100% - 25px));
}
.tooltip-place-top.tooltip-align-left .tooltip-content {
  -webkit-transform: translateY(calc(-100% - 30px));
  -ms-transform: translateY(calc(-100% - 30px));
  transform: translateY(calc(-100% - 30px));
}

.tooltip-place-left.tooltip-align-center .tooltip-content {
  -webkit-transform: translateX(-100%) translateY(calc(-50% - 20px));
  -ms-transform: translateX(-100%) translateY(calc(-50% - 20px));
  transform: translateX(-100%) translateY(calc(-50% - 20px));
}

.tooltip-border {
  background: #FFFFFF;
  box-shadow: 0 24px 50px rgba(171, 171, 171, 0.25);
  border-radius: 5px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.pager {
  position: relative;
  padding: 20px;
  border-radius: 0 0 5px 5px;
  background-color: #fcfbfe;
}
.pager [class*=pager-pagination-] {
  margin: 0 10px;
  color: #7a7a7c;
  font-size: 0.875rem;
}
.pager-pagination-prev i {
  margin-right: 5px;
}
.pager-pagination-next i {
  margin-left: 5px;
}
.pager .item {
  vertical-align: middle;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.no-report {
  position: fixed;
  top: 75px;
  left: 236px;
  width: calc(100% - 236px);
  height: calc(100% - 76px);
  padding: 300px 200px 50px;
  background: #efeef8 url("/assets/no-data-CkhBWYLx.png") center bottom no-repeat;
  background-size: 100% auto;
  color: #dc3322;
  text-align: center;
}

.report-compare .report-compare-date {
  margin-bottom: 20px;
}
.report-compare .report-compare__field {
  display: inline-block;
  padding: 10px 15px;
}
.report-compare .report-compare__field + .report-compare__field {
  border-left: 2px solid #f1f0f5;
}
.report-compare .compare-stat {
  padding: 10px 0 22px 0;
  border-top: 2px solid #f1f0f5;
}
.report-compare .compare-stat-container {
  display: inline-block;
  vertical-align: top;
}
.report-compare .compare-stat-container .widget-stat-title {
  font-size: 0.75rem;
}
.report-compare .compare-stat-container .widget-stat-count {
  color: #4b4b4f;
}
.report-compare .compare-unit {
  margin-left: 10px;
  font-size: 0.75rem;
}
.report-compare .widget-stat-count {
  margin-bottom: 10px;
  text-align: right;
}
.report-compare .DateRangePicker__picker {
  left: 0px;
  border-radius: 5px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.23);
}
.report-compare .widget-report .widget-stat-count {
  font-size: 1.25rem;
}

.report--graph__buttons {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 30px;
  border-bottom: 2px solid #efeef8;
}

.report--graph__buttons .selected {
  cursor: default;
}

.report--graph__button {
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
}

.report--graph__buttons .secondary-action.secondary-action.selected:hover {
  background: #46617c;
}

.dashboard-nav {
  position: absolute;
  right: 56px;
  top: 100px;
  z-index: 99;
}

.dashboard-nav + .page-filters .cancel-action {
  margin-right: 55px;
}

.dashboard-nav .action-nav-popup {
  position: absolute;
  right: 5px !important;
  top: -6px;
  background-color: #ffffff;
  text-align: left;
  white-space: nowrap;
  z-index: 99;
}

.dashboard-nav .action-nav-popup li + li {
  border-top: 1px solid #e6e5f0;
}

.dashboard-nav .action-nav-popup-item {
  display: block;
  min-width: 110px;
  padding: 10px;
  color: #73727a;
  font-size: 0.75rem;
  font-weight: bold;
}

.dashboard-nav .action-nav-popup-item:hover {
  background-color: #fafafa;
}

.fullw-report .permission-browser {
  width: 64px !important;
  height: 64px !important;
}
.fullw-report .permission-browser-count {
  width: 64px !important;
  bottom: -32px !important;
}

.permission-browsers-container {
  padding: 0;
  margin-top: -10px;
}
.permission-browsers-container .widget-separator {
  margin: 8px -5px !important;
}
.permission-browsers-container h3 {
  margin: 0 !important;
}
.permission-browsers-container::after {
  display: block;
  clear: both;
  content: "";
}
.permission-browsers-container .permission-browsers {
  float: left;
  width: 100%;
  text-align: center;
}
.permission-browsers-container .permission-browsers h3 {
  text-align: center;
}
.permission-browsers-container .permission-browsers .permission-browser {
  display: inline-block;
  background-size: contain !important;
  width: 50px;
  height: 50px;
  position: relative;
  text-align: center;
  margin-top: 14px;
  margin-bottom: 20px;
}
.permission-browsers-container .permission-browsers .permission-browser + .permission-browser {
  margin-left: 24px;
}
.permission-browsers-container .permission-browsers .permission-browser .permission-browser-count {
  position: absolute;
  bottom: -25px;
  text-align: center;
  width: 100%;
}
.permission-browsers-container .permission-browsers .permission-browser-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.permission-browsers-container .permission-browsers .permission-browser-container .container-browsers-head {
  display: flex;
  flex-direction: column;
  flex: 3;
  text-align: center;
}
.permission-browsers-container .permission-browsers .permission-browser-container .container-apps-head {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: center;
  padding-right: 10%;
}
.permission-browsers-container .permission-browsers .permission-browser-container .container-browsers {
  display: flex;
  flex: 3;
  justify-content: center;
}
.permission-browsers-container .permission-browsers .permission-browser-container .container-apps {
  display: flex;
  flex: 1;
  justify-content: center;
  padding-right: 10%;
}
.permission-browsers-container .permission-browsers .permission-browser-list-left {
  text-align: left;
}
.permission-browsers-container .permission-browsers .permission-browser.Chrome.permission-browser-PC {
  background: url("/assets/icon-chrome-V-Des88v.png") no-repeat;
}
.permission-browsers-container .permission-browsers .permission-browser.Firefox.permission-browser-PC {
  background: url("/assets/icon-firefox-6OQhVYzk.png") no-repeat;
}
.permission-browsers-container .permission-browsers .permission-browser.Safari.permission-browser-PC {
  background: url("/assets/Safari-Cd-OUeDc.png") no-repeat;
}
.permission-browsers-container .permission-browsers .permission-browser.Opera.permission-browser-PC {
  background: url("/assets/Opera-BExOXImj.png") no-repeat;
}
.permission-browsers-container .permission-browsers .permission-browser.Yandex.permission-browser-PC {
  background: url("/assets/icon-yandex-DyCs-4GV.png") no-repeat;
}
.permission-browsers-container .permission-browsers .permission-browser.Chrome.permission-browser-Mobile {
  background: url("/assets/icon-chrome-android-BwgYQpto.png") no-repeat;
}
.permission-browsers-container .permission-browsers .permission-browser.Firefox.permission-browser-Mobile {
  background: url("/assets/icon-firefox-android-9KrIW-8j.png") no-repeat;
}
.permission-browsers-container .permission-browsers .permission-browser.Opera.permission-browser-Mobile {
  background: url("/assets/icon-opera-android-CbAjsAWv.png") no-repeat;
}
.permission-browsers-container .permission-browsers .permission-browser.Samsung.permission-browser-Mobile {
  background: url("/assets/icon-samsung-android-wJkwaQdv.png") no-repeat;
}
.permission-browsers-container .permission-browsers .permission-browser.Yandex.permission-browser-Mobile {
  background: url("/assets/icon-yandex-android-B5_ksr9J.png") no-repeat;
}
.permission-browsers-container .permission-browsers .permission-browser.UCBrowser.permission-browser-Mobile {
  background: url("/assets/icon-uc-android-C_960TOD.png") no-repeat;
}
.permission-browsers-container .permission-browsers .permission-browser.android.permission-app-Mobile {
  background: url("/assets/icon-ndroid-sLR4dgBz.png") no-repeat;
}
.permission-browsers-container .permission-browsers .permission-browser.ios.permission-app-Mobile {
  background: url("data:image/png;base64,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") no-repeat;
}

.permission-report-all {
  text-align: center;
  float: right;
  width: 86%;
  padding-right: 112px;
}

.browser-icon {
  margin-right: 5px;
}
.browser-icon.browser-icon-android {
  margin-right: 0;
}

.permission-browser-PC {
  margin-right: 25px;
  left: 15px;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.no-integration-found {
  position: fixed;
  top: 75px;
  left: 75px;
  width: 100%;
  height: calc(100% + 29px);
  padding: 100px 200px 50px;
  background: #efeef8 url("/assets/no-data-CkhBWYLx.png") center bottom no-repeat;
  background-size: 100% auto;
  color: #dc3322;
  text-align: center;
}
.no-integration-found p {
  font-size: 18px;
  font-weight: bold;
}

.no-integration-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background: #efeef8 url("data:image/svg+xml,%3csvg%20class='nc-icon%20colored'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='48px'%20height='48px'%20viewBox='0%200%2048%2048'%3e%3cg%3e%3cpath%20fill='%23E6E6E6'%20d='M46,5H2C1.447,5,1,5.447,1,6v36c0,0.313,0.147,0.609,0.397,0.799c0.251,0.188,0.576,0.249,0.877,0.163%20l13.684-3.91l15.69,5.885C31.762,44.979,31.881,45,32,45c0.047,0,0.095-0.003,0.142-0.01l14-2C46.634,42.92,47,42.498,47,42V6%20C47,5.447,46.553,5,46,5z'%3e%3c/path%3e%3cpath%20fill='%23335262'%20d='M16,30.414l-4.707-4.707c-0.391-0.391-0.391-1.023,0-1.414L16,19.586L17.414,21l-4,4l4,4L16,30.414z'%3e%3c/path%3e%3cpath%20fill='%23335262'%20d='M32,30.414L30.586,29l4-4l-4-4L32,19.586l4.707,4.707c0.391,0.391,0.391,1.023,0,1.414L32,30.414z'%3e%3c/path%3e%3crect%20x='14.754'%20y='24'%20transform='matrix(0.2427%20-0.9701%200.9701%200.2427%20-6.0765%2042.2165)'%20fill='%23335262'%20width='18.493'%20height='2'%3e%3c/rect%3e%3cpath%20opacity='0.8'%20fill='%23EFD358'%20d='M32,11H16c-0.553,0-1-0.447-1-1V2c0-0.553,0.447-1,1-1h16c0.553,0,1,0.447,1,1v8%20C33,10.553,32.553,11,32,11z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") center bottom no-repeat;
  background-size: 100% auto;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.promo {
  margin-top: 65px;
  padding: 40px;
}
.promo .secondary-action {
  background-color: #004852;
}
.promo--centered {
  text-align: center;
}

.email-discover-dashboard svg {
  fill: #fff;
}
.email-discover-dashboard .secondary-action {
  background-color: #373c4d;
}

.dynamic-bundle-discover-dashboard svg {
  fill: #fff;
}
.dynamic-bundle-discover-dashboard .secondary-action {
  background-color: #373c4d;
}

.segmentation-discover-dashboard svg {
  fill: #fff;
}
.segmentation-discover-dashboard .secondary-action {
  background-color: #373c4d;
}

.bt-discover-dashboard svg {
  fill: #fff;
}
.bt-discover-dashboard .secondary-action {
  background-color: #373c4d;
}

.reco-discover-dashboard .icon-heart {
  margin-bottom: 15px;
  color: #dd3322;
  font-size: 64px;
}
.reco-discover-dashboard .secondary-action {
  background-color: #dd3322;
}
.reco-discover-dashboard .promo-text {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
/* stylelint-disable */
.modal-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10000;
}
.modal-header {
  margin-top: -20px;
  margin-right: -20px;
  margin-left: -20px;
  padding: 20px 40px 20px 20px;
  border-bottom: 2px solid #efeef8;
}
.modal-header-iconic .modal-header-icon {
  width: 10%;
  padding: 12px 15px;
  float: left;
}
.modal-header-iconic .modal-header-text {
  width: 90%;
  float: right;
}
.modal-header-iconic::after {
  display: table;
  clear: both;
  content: "";
}
.modal-noscroll .modal-content {
  overflow: visible !important;
}
.modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 600px;
  max-width: 90%;
  max-height: 90%;
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 10001;
  overflow-y: auto;
}
.modal-content-title {
  margin-bottom: 0;
  color: #dc3322;
}
.modal-content-wrapper {
  height: auto;
}
.modal-content-wrapper.is-scrollable {
  overflow-y: auto;
  margin-left: -20px;
  padding-left: 20px;
  margin-right: -20px;
  padding-right: 20px;
}
.modal-content-text {
  padding: 20px 0;
  font-size: 0.875rem;
}
.modal-content-text .data-table tbody tr {
  position: initial;
}
.modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: transparent;
  font-weight: bold;
  line-height: 1;
}
.modal-close::before {
  position: absolute;
  font-size: 0.8rem;
  color: #bbb8b8;
}

.oslo .modal-content {
  width: 526px;
  height: 431px;
  background-image: url("/assets/trollfjord-BNxq4jqQ.jpg");
  -webkit-background-size: cover;
  background-size: cover;
}
.oslo .modal-close::before {
  color: #fff;
}
.oslo .button {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 40px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
}
.oslo .modal-header {
  border-bottom: 0;
}

.modal-back {
  display: inline;
  position: relative;
  top: -2px;
  margin-right: 10px;
  padding: 8px 11px;
  border: 1px solid #efecec;
  border-radius: 5px;
  color: #a09e9e;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
}

.modal-back:hover {
  background: #f7f7f7;
}

.modal-back .icon-chevron-left {
  color: #847f7f;
}

.wizard-comp-modal .modal-content-title {
  margin-bottom: 10px;
  color: #787779;
}

.segmentation {
  margin-bottom: 10px;
}
.segmentation h3 {
  color: #4f7398;
}

.mail-modal-content .mail-modal-item {
  width: 100%;
  float: left;
  color: #7a7a7c;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.mail-modal-content .mail-modal-item svg {
  width: 16px;
  height: 16px;
  margin-top: 5px;
  float: left;
}
.mail-modal-content .mail-modal-item label {
  width: calc(100% - 20px);
  padding-left: 10px;
  cursor: pointer;
}

.user-create-modal .modal-content {
  overflow: hidden;
}

.dashboard-modal-module-selection {
  margin-left: 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid #efeef8;
}
.dashboard-modal-module-selection > span:first-child {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 5px 0 0 5px;
  border-color: #bababa !important;
}
.dashboard-modal-module-selection > span:last-child {
  border-radius: 0 5px 5px 0;
}
.dashboard-modal-module-selection span + span {
  border-width: 1px 1px 1px 0 !important;
  border-style: solid !important;
  border-color: #bababa !important;
}
.dashboard-modal-module-selection span.single-module {
  display: inline-block;
  top: 0 !important;
  width: auto;
  height: 30px;
  padding: 1px 10px;
  color: #9c9c9d;
  text-align: center;
  cursor: pointer;
}
.dashboard-modal-module-selection span.single-module.is-selected {
  background: #84c17b;
  color: #ffffff;
}

.dashboard-campaign-details-modal .campaign-details-module-selection {
  margin-left: 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid #efeef8;
}
.dashboard-campaign-details-modal .campaign-details-module-selection .module-item {
  position: relative;
  display: inline-block;
  padding: 1px 10px;
  color: #000000;
  text-align: center;
  cursor: pointer;
}
.dashboard-campaign-details-modal .campaign-details-module-selection .module-item::after {
  position: absolute;
  content: "";
  height: 2px;
  bottom: -4px;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 15px;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.dashboard-campaign-details-modal .campaign-details-module-selection .module-item:hover::after {
  background: rgba(204, 66, 48, 0.3333333333);
  visibility: visible;
  opacity: 1;
}
.dashboard-campaign-details-modal .campaign-details-module-selection .module-item.selected {
  color: #8c8c8c;
}
.dashboard-campaign-details-modal .campaign-details-module-selection .module-item.selected::after {
  background: #cc4230;
  visibility: visible;
  opacity: 1;
}

.modal-header-icon {
  width: 10%;
  padding: 12px 15px;
  float: left;
}
.modal-header-icon .searchIcon svg {
  fill: #ed7a59;
}

.user-management .button {
  line-height: 1.5em;
  color: white;
  font-weight: bold;
  background-color: #4a6989;
}
.user-management .svg-icon {
  display: inline-flex;
  align-self: center;
  bottom: 0.25em;
  position: relative;
}

.user-management-modal {
  width: 700px;
}
@media screen and (max-height: 840px) {
  .user-management-modal.create-modal-info {
    max-height: 60vh;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.user-management-modal .separator {
  border-top: 2px solid #efeef8;
  margin: 0 -20px;
  color: #efeef8;
}
.user-management-modal ul {
  list-style: none;
  padding: 0;
}
.user-management-modal ul li {
  cursor: pointer;
  font-size: 1rem;
}
.user-management-modal .svg-icon {
  display: inline-flex;
  align-self: center;
  bottom: 0.125em;
  position: relative;
}
.user-management-modal .select-user-container {
  padding-top: 1.2em;
  margin-bottom: 2em;
}
.user-management-modal .select-user-container .grid-container {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-auto-rows: auto;
  gap: 5px 0px;
  font-size: 1rem;
}
.user-management-modal .select-user-container .width-95 {
  width: 95%;
}
.user-management-modal .select-user-container .width-90 {
  width: 90%;
}
.user-management-modal .select-user-container .Select-control {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06);
}
.user-management-modal .select-user-container .grid-label {
  order: 1;
  padding-top: 5px;
}
.user-management-modal .select-user-container .grid-item {
  order: 1;
}
.user-management-modal .select-user-container .input-modules-grid {
  font-size: 0.875rem;
  margin-top: 0.875em;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}
.user-management-modal .select-user-container .createuser-modules {
  order: 1;
  cursor: pointer;
  text-transform: capitalize;
}
.user-management-modal .select-user-container .disabled-option {
  background-color: rgba(0, 0, 0, 0.38);
  border: 1px solid rgba(0, 0, 0, 0.38);
}
.user-management-modal .select-user-container .disabled-option .Select-value-icon {
  display: none;
}
.user-management-modal h2 {
  font-size: 1rem;
  font-weight: normal;
}
.user-management-modal .Select--multi .Select-value-icon,
.user-management-modal .Select--multi .Select-value-label {
  display: inline;
}

.icon-create-user {
  margin-right: 10px;
}

.user-manage-submit {
  margin-top: 10px;
  float: right;
}

.mt-3 {
  margin-top: 10px;
}

.modal-content-text .user-list {
  min-height: 300px;
}
.modal-content-text .user-list .data-table {
  min-width: 600px;
}
.modal-content-text .user-list .data-table td,
.modal-content-text .user-list .data-table th {
  text-align: start;
}
.modal-content-text .user-list .data-table td {
  border: 1px solid #efeef8;
  padding-left: 10px;
}
.modal-content-text .user-list .data-table td[class*=action-] {
  text-align: center;
  font-weight: 900;
  cursor: pointer;
}
.modal-content-text .user-list .data-table td.action-delete {
  color: red;
  min-width: 80px;
}
.modal-content-text .user-list .data-table td.action-unlock {
  color: #4a6989;
  min-width: 50px;
  border-right: none;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.dialog-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000000;
}
.dialog-content {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 480px;
  max-width: 600px;
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1000001;
}
.dialog-content-title {
  color: #dc3322;
  text-align: center;
}
.dialog-content-text {
  margin-bottom: 20px;
  font-size: 0.875rem;
  text-align: center;
}
.dialog-content-buttons {
  text-align: center;
}
.dialog-button {
  display: inline-block;
  margin: 0 5px;
  padding: 10px 40px;
  border-radius: 5px;
  background-color: #c3c3c3;
  color: #4b4b4f;
}
.dialog-delete-button {
  background-color: #D31116 !important;
  color: #FFFFFF;
}
.dialog-confirm-button {
  background-color: #63ca63;
  color: #fff;
}
.dialog-close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #bbb8b8;
  font-weight: bold;
  line-height: 1;
}

.push-dialog--input {
  margin-top: 20px;
}
.push-dialog .info-box {
  padding: 10px 5px;
  border: 1px solid #eec241;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.push-dialog .info-icon {
  padding: 0 10px;
}
.push-dialog .info-icon i {
  color: #eec241;
  font-size: 1.3rem;
  line-height: 1.3rem;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.notification {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background-color: #63ca63;
  color: #fff;
  z-index: 99999;
}
.notification-fail {
  background-color: #dc3322;
}
.notification-close {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
}
.notification-close::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  color: #63ca63;
  font-size: 0.8em;
  line-height: 24px;
  text-align: center;
}
.notification-fail .notification-close::before {
  color: #dc3322;
}
.notification a {
  color: #fff;
  font-weight: bold;
}

.notification-content {
  position: relative;
  height: 75px;
  margin: 0 auto;
}
.notification-content-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 80%;
}

.notification-provider-close:before {
  color: #575d57;
}

@keyframes fadeInDown {
  from {
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: 0.75s;
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.autocomplete {
  position: absolute;
  top: 100%;
  max-height: 200px;
  padding: 0;
  border-radius: 3px;
  background-color: #fff;
  list-style: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  overflow-y: scroll;
  z-index: 99;
}
.autocomplete li {
  margin: 0;
  cursor: pointer;
}
.autocomplete li:hover {
  background-color: #547494;
  color: #fff;
}
.autocomplete-item {
  display: block;
  padding: 5px;
}
.autocomplete-item-id {
  display: block;
}
.autocomplete-item-name {
  font-size: 0.875rem;
}
.autocomplete .matched {
  font-weight: bold;
}
.wizard-criterion .autocomplete {
  top: 36px;
  left: 38px;
  width: calc(100% - 117px);
}
.wizard-page-type .autocomplete {
  top: 72px;
  left: 0;
  width: 100%;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.guide .page-title {
  margin-bottom: 0;
}
.guide-frame {
  width: 100%;
  min-height: 600px;
  border: 0;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.react-tags__search {
  display: block;
}

.react-tags__search-input input {
  width: 100% !important;
}

.account-details {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  color: #000;
  overflow-x: scroll;
}
.account-details.page-progress {
  height: 250px;
  overflow: hidden;
}
.account-details .data-table th.actions {
  max-width: 40px !important;
  min-width: 40px !important;
  width: 40px !important;
}
.account-details .data-table td {
  border: 1px solid #efeef8;
}
.account-details .data-table td:first-child {
  position: relative;
}
.account-details .data-table td.account-name {
  text-align: left;
}
.account-details .data-table td.account-name-monitor {
  text-align: left;
  width: 140px;
}
.account-details .data-table td.performance {
  width: 150px;
}
.account-details .data-table td.trends {
  width: 180px;
}
.account-details .data-table td.responsible {
  width: 300px;
}
.account-details .data-table td.ga {
  width: 120px;
}
.account-details .data-table td.actions {
  max-width: 40px !important;
  min-width: 40px !important;
  width: 40px !important;
}
.account-details .monitor-zone-0 {
  width: 35px;
  min-height: 40px;
}
.account-details .monitor-zone-1 {
  font-size: 8px;
  text-align: left;
}
.account-details .row .monitor-account-edit {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 3px;
}
.account-details .highcharts-axis-line {
  display: none;
}
.account-details .date-time {
  white-space: pre-wrap;
}
.account-details .domain {
  color: #6ea1b9;
  font-weight: bold;
  cursor: pointer;
}
.account-details .cont-ratio {
  font-weight: bold;
}

.account-statistics {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  padding-bottom: 0px !important;
}
.account-statistics .data-table {
  overflow: auto !important;
  display: block;
  height: 55vh;
  position: relative;
  background-color: unset !important;
}
.account-statistics .data-table .table-head {
  padding: 12px 36px !important;
  position: sticky;
  top: -1px;
  left: -1px;
  z-index: 1;
  background-color: #fcfbfe !important;
}
.account-statistics .data-table tbody {
  background-color: #fff !important;
}
.account-statistics .data-table .admin-sticky-col-1 {
  position: sticky !important;
  left: var(--admin-sticky-col-1-left, 0) !important;
  background-color: #fff;
  z-index: 2;
  width: 80px;
  min-width: 80px;
}
.account-statistics .data-table .admin-sticky-col-1::after {
  content: "";
  position: absolute;
  border: 1px solid #efeef8;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.account-statistics .data-table .admin-sticky-col-2 {
  position: sticky !important;
  left: var(--admin-sticky-col-2-left, 80px) !important;
  width: 180px;
  min-width: 180px;
  background-color: #fff;
  z-index: 2;
}
.account-statistics .data-table .admin-sticky-col-2::after {
  content: "";
  position: absolute;
  border: 1px solid #efeef8;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.account-statistics .data-table .admin-sticky-col-3 {
  position: sticky !important;
  left: var(--admin-sticky-col-3-left, 260px) !important;
  background-color: #fff;
  z-index: 2;
  width: 140px;
  min-width: 140px;
}
.account-statistics .data-table .admin-sticky-col-3::after {
  content: "";
  position: absolute;
  border: 1px solid #efeef8;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.account-statistics .data-table th.admin-sticky-col-1 {
  z-index: 3 !important;
  background-color: #fcfbfe !important;
}
.account-statistics .data-table th.admin-sticky-col-2 {
  z-index: 3 !important;
  background-color: #fcfbfe !important;
}
.account-statistics .data-table th.admin-sticky-col-3 {
  z-index: 3 !important;
  background-color: #fcfbfe !important;
}
.account-statistics .account-type {
  left: 0 !important;
}

.account-filters .icon-magnify {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  color: #7a7a7c;
}
.account-filters .text-field {
  padding-right: 30px;
  border-color: #7a7a7c;
  background-color: transparent;
}
.account-filters .text-field:focus {
  border-color: #4b4b4f;
  background-color: transparent;
}

.account-label,
.account-description {
  display: block;
  max-width: 180px;
  word-wrap: break-word;
}

.account-label.responsible-email {
  margin: 0 auto;
}

.account-domain {
  color: #6ea1b9;
  font-weight: bold;
}

.account-id {
  font-weight: bold;
}

.account-apikey {
  font-size: 0.5625rem;
}

.account-type {
  position: absolute;
  top: 0;
  left: 0px;
  width: 20px;
  height: 100%;
}
.account-type::before {
  position: absolute;
  left: 6px;
  color: #fff;
  white-space: nowrap;
  -webkit-transform: rotate(-90deg) translateY(-50%) translateX(-50%);
  -ms-transform: rotate(-90deg) translateY(-50%) translateX(-50%);
  transform: rotate(-90deg) translateY(-50%) translateX(-50%);
}
.account-type.churn {
  background-color: #7a7a7c;
}
.account-type.churn::before {
  left: 0;
  content: "Churn";
}
.account-type.poc {
  background-color: #6ab968;
}
.account-type.poc::before {
  content: "POC";
}
.account-type.pre-poc {
  background-color: rgba(105, 185, 104, 0.6901960784);
}
.account-type.pre-poc::before {
  left: -7px;
  content: "Pre-POC";
}
.account-type.onhold {
  background-color: #ff6347;
}
.account-type.onhold::before {
  left: -3px;
  content: "Onhold";
}
.account-type.failed {
  background-color: #4b4b4f;
}
.account-type.failed::before {
  left: 0;
  content: "Failed";
}
.account-type.panel-restricted {
  background-color: #f7b731;
}
.account-type.panel-restricted::before {
  left: -10px;
  content: "Restricted";
}

.responsible .Select-value {
  text-align: left;
}

.edit-user {
  width: 640px;
}

.account-type.account-type-danger {
  background-color: #f00000;
}

.account-type.account-type-warning {
  background-color: #e9b74b;
}

.account-type.account-type-danger::before {
  -webkit-animation: flickeranimation 1s infinite;
  -moz-animation: flickeranimation 1s infinite;
  -o-animation: flickeranimation 1s infinite;
  animation: flickeranimation 1s infinite;
}

@keyframes flickeranimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.account-type.account-type-danger::before,
.account-type.account-type-warning::before {
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
  content: "!";
}

.account-details .accounts-row.accounts-row-warning td.domain {
  color: #d2a74e;
}

.account-details .accounts-row.accounts-row-danger td.domain {
  color: #f00000;
}

.accounts-row.accounts-row-danger .action-nav-popup .action-nav-popup-item,
.accounts-row.accounts-row-danger .action-nav-popup .action-nav-popup-item i {
  color: #fff;
}

.action-nav-popup-item svg {
  position: relative;
  top: 1px;
}
.action-nav-popup-item.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.action-nav-popup-item svg.test {
  top: 0 !important;
  right: 1px !important;
}

.accounts-row.accounts-row-warning .action-nav-popup .action-nav-popup-item {
  color: #fff;
}

.accounts-row.accounts-row-warning .cont-ratio,
.accounts-row.accounts-row-danger .cont-ratio {
  font-weight: bold;
}

.important-date-label {
  display: block;
  font-weight: bold;
}

.enable-analytics,
.enabled-analytics {
  color: #efeef8;
  font-weight: bold;
}

.enable-analytics {
  display: block;
  padding: 5px;
  border-radius: 5px;
}

.enable-trendify {
  color: #6aafb8;
}
.enable-trendify:hover {
  background-color: #6aafb8;
  color: #fff;
}

.enable-bannerify {
  color: #e9b071;
}
.enable-bannerify:hover {
  background-color: #e9b071;
  color: #fff;
}

.account-nav .action-nav-popup {
  right: 0;
}

.account-filters-stats .cancel-action {
  display: none;
}

.account-setting--domain {
  margin-top: 0;
}
.account-setting--domain .item-label {
  margin-bottom: 14px;
}

.user-accounts {
  width: 75%;
  margin: 0 auto;
  overflow: auto;
}
.user-accounts::after {
  display: table;
  clear: both;
  content: "";
}
.user-accounts .user-accounts-list {
  display: block;
  margin: 0;
  padding: 0;
  padding-bottom: 25px;
  clear: both;
  background: #ffffff;
  list-style: none;
}
.user-accounts .user-accounts-list > li {
  position: relative;
  padding: 25px;
  color: #79797b;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.user-accounts .user-accounts-list > li + li {
  border-top: 2px solid #efeef8;
}
.user-accounts .user-accounts-list > li svg {
  fill: #79797b;
}
.user-accounts .user-accounts-list > li:hover {
  background: #fdfcff;
  color: #db362a;
}
.user-accounts .user-accounts-list > li:hover svg {
  fill: #db362a;
}
.user-accounts .user-accounts-list > li p {
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: normal;
}
.user-accounts .user-accounts-list > li span {
  position: absolute;
  top: 25px;
  right: 65px;
  padding-right: 20px;
  border-right: 1px solid #79797b;
  font-size: 14px;
  font-weight: normal;
}
.user-accounts .user-accounts-list > li span.user-accounts-list-nav {
  right: 25px;
  padding: 0;
  border: none;
  font-size: 16px;
  font-weight: bold;
}
.user-accounts .user-accounts-list .user-accounts-users {
  color: #797982;
  font-size: 13px;
}
.user-accounts .user-accounts-list .user-accounts-users svg {
  position: relative;
  top: 2px;
  right: 6px;
}
.user-accounts .account-users-nav {
  position: absolute;
  top: 22px;
  right: 25px;
}
.user-accounts .user-accounts-add {
  margin-bottom: 25px;
  float: right;
}

.page-forms .user-accounts {
  margin: 0;
}

.email-settings-form p {
  color: #858587;
  font-size: 14px;
}

.email-setting-extra .subtitle {
  margin: 5px 0;
  font-weight: bold;
}

.email-listing .form-elements {
  width: 70%;
  margin-top: 10px;
  padding: 25px;
  border: 1px solid #f0eff9;
  border-radius: 5px;
}
.email-listing .esp {
  display: inline-block;
  position: relative;
  width: 300px;
  margin-right: 10px;
  padding: 10px;
  border: 1px solid #f0eff9;
  border-radius: 10px;
  list-style: none;
  text-align: center;
}
.email-listing svg {
  position: absolute;
  top: 15px;
  right: 10px;
}
.email-listing .logo-segmentify svg {
  left: 5px;
  top: 5px;
}
.email-listing .mandrill {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff center no-repeat;
  background-image: url(data:image/png;base64,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);
  background-size: 100% auto;
}
.email-listing .dotdigital {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff center no-repeat;
  background-image: url(/assets/dotdigital-BIVmfYQX.png);
  background-size: 100% auto;
}
.email-listing .klaviyo {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff center no-repeat;
  background-image: url(/assets/klaviyo-B7VuyWrZ.png);
  background-size: 100% auto;
}

.email-unsub {
  list-style: none;
}
.email-unsub li {
  display: inline-block;
  margin-right: 20px;
}
.email-unsub svg {
  position: relative;
  right: 10px;
}

.email-unsub-url-input {
  width: 100%;
}
.email-unsub-url-input input {
  width: 60%;
}

.email-unsub-save-btn {
  padding: 5px 40px !important;
}

.unsub-listing ul {
  display: flex;
  padding: 0;
}
.unsub-listing ul .unsub {
  display: inline-block;
  position: relative;
  width: 300px;
  margin-right: 10px;
  padding: 10px;
  border: 2px solid #d8d8d8;
  border-radius: 10px;
  list-style: none;
  text-align: center;
}
.unsub-listing ul .unsub svg {
  position: absolute;
  left: 15px;
  top: 12px;
}
.unsub-listing ul .unsub .logo-sfy {
  position: absolute;
  top: -10px;
  left: 50px;
}

.email-instructions-save-btn {
  display: flex;
  justify-content: flex-end;
}

.email-unsub-content {
  display: flex;
}
.email-unsub-content .email-unsub-input {
  width: 100%;
  margin-right: 10px;
  margin-bottom: 0;
}
.email-unsub-content .email-unsub-input input {
  width: 100%;
  padding: 5px 10px;
}
.email-unsub-content .email-unsub-input .custom-error-message {
  color: #d73c3c;
  font-size: 14px;
  font-weight: 600;
  padding-left: 5px;
}
.email-unsub-content .email-unsub-button {
  width: 100px;
  margin-left: 10px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d73c3c;
  color: #d73c3c;
  font-size: 14px;
}

.email-settings-capping .capping-frequency,
.email-settings-capping .capping-types {
  float: none;
}
.email-settings-capping .capping-capCount {
  width: 65px;
  text-align: center;
}
.email-settings-capping .capping-frequency {
  width: 15%;
  margin-bottom: 0;
  vertical-align: top;
}
.email-settings-capping .capping-types {
  width: 32.5%;
  margin-bottom: 0;
  vertical-align: top;
}
.email-settings-capping label.item.is-select.item-stacked.eleven-columns {
  float: none;
}
.email-settings-capping.wizard .capping-capCount {
  width: 100px;
}
.email-settings-capping.wizard .capping-frequency {
  width: 36%;
  vertical-align: top;
}
.email-settings-capping.wizard p {
  font-size: 14px;
}

.page-forms ul.whitelist-radio {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-forms ul.whitelist-radio .tertiary-action.disabled {
  pointer-events: none;
}
.page-forms ul.whitelist-radio li {
  display: inline-block;
  margin-right: 15px;
  padding: 10px;
  padding-left: 0;
  color: #808080;
  cursor: pointer;
  vertical-align: middle;
}
.page-forms ul.whitelist-radio li svg {
  margin-right: 5px;
}

.user-accounts-select-container {
  min-height: 400px;
}
.user-accounts-select-container h3 {
  color: #dc3322;
}

.user-accounts-select {
  position: relative;
  height: 20px;
  margin-bottom: 20px;
}
.user-accounts-select span + span {
  position: absolute;
  right: 0;
}
.user-accounts-select-search {
  margin-bottom: 20px;
}
.user-accounts-select-search label {
  width: 100%;
}
.user-accounts-select-search label i {
  color: #dbdbdb;
}
.user-accounts-select-search label input {
  width: calc(100% - 20px);
  padding-left: 10px;
}

.user-accounts-select-list {
  max-height: 500px;
  overflow: scroll;
}

.user-accounts-select-account {
  display: inline-block;
  width: 32%;
  min-height: 150px;
  max-height: 150px;
  padding: 15px;
  cursor: pointer;
  overflow: hidden;
  vertical-align: top;
}

.user-accounts-select-account:nth-child(3n+2) {
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
}

.select-checkbox {
  width: 20px;
  float: left;
}

.select-details {
  padding-left: 30px;
}

.select-details span {
  display: block;
  margin-bottom: 12px;
}

.user-accounts-select-button {
  text-align: right;
}

.user-accounts-pending {
  display: inline;
  margin-left: 10px;
  color: #b9bac8;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
}

.set-password h3 {
  display: block;
  width: 45%;
  margin: 0 auto;
  margin-bottom: 20px;
  color: #dc3323;
}
.set-password .set-password-form {
  width: 45%;
  margin: 0 auto;
  padding: 30px;
  border-radius: 7px;
  background: #fff;
  overflow: hidden;
}
.set-password .set-password-form button {
  margin-top: 20px;
  float: right;
}
.set-password .password-err {
  display: block;
  color: #dc3323;
  font-size: 12px;
}

.user-accounts-header {
  width: calc(100% + 40px);
  margin: 0 auto;
  margin-top: -65px;
  margin-bottom: 25px;
  margin-left: -20px;
  padding: 30px;
  background: #e6e5ef;
}
.user-accounts-header::after {
  display: table;
  clear: both;
  content: "";
}
.user-accounts-header .user-accounts-header-titles {
  display: block;
  margin: 0 auto;
  float: left;
}
.user-accounts-header a {
  color: #b9bac8;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
}
.user-accounts-header a.user-accounts-header--active {
  border-bottom: 1px solid #db362a;
  color: #db362a;
}
.user-accounts-header a + a {
  margin-left: 25px;
}
.user-accounts-header .user-accounts-search {
  float: right;
  text-align: left;
}
.user-accounts-header .user-accounts-search .icon-magnify {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #7a7a7c;
  z-index: 999999;
}
.user-accounts-header .user-accounts-search .text-field {
  padding-right: 30px;
  padding-left: 30px;
  border-color: #7a7a7c;
  background-color: transparent;
}
.user-accounts-header h3,
.user-accounts-header .user-accounts-search {
  display: inline-block;
}

.campaign-details-modal .account-details.campaign-stats-table {
  overflow: scroll;
  height: 500px;
}

.campaign-stats-table td {
  padding: 10px;
}

.campaign-stats-table td.domain {
  min-width: 200px;
  max-width: 250px;
  padding: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.campaign-stats-table td.ctr {
  min-width: 70px;
  max-width: 75px;
  padding: 10px;
}

.campaign-stats-table ul li {
  min-width: 200px;
}

tr.no-switch {
  pointer-events: none;
  opacity: 0.5;
}

.star-icon-holder {
  display: inline-block;
  position: relative;
  top: -1px;
  left: 5px;
}

.multiaccount-replicate {
  min-width: 680px;
  margin-top: 15px;
}

.multiaccount-replicate h3 {
  float: left;
}

.multiaccount-replicate .multiaccount-replicate-selectAll {
  float: right;
}

ul.multiaccount-replicate-list {
  margin-right: -20px;
  margin-left: -20px;
  padding: 5px 20px 0;
  clear: both;
  border-top: 1px solid #f7f6fc;
  list-style: none;
}

ul.multiaccount-replicate-list li {
  margin-top: 20px;
  cursor: pointer;
}

ul.multiaccount-replicate-list li div {
  display: inline-block;
}

ul.multiaccount-replicate-list li div + div {
  position: relative;
  top: -5px;
  padding-left: 10px;
}

ul.multiaccount-replicate-list li div span {
  font-weight: bold;
}

ul.multiaccount-replicate-list li div p {
  padding-left: 15px;
  float: right;
}

.user-accounts-select-button {
  margin-top: -5px;
}

.privilige-select-item {
  display: inline-block;
  cursor: pointer;
}

.privilige-select-item + .privilige-select-item {
  margin-left: 20px;
}

.privilige-select-item .privilige-select-value,
.privilige-select-item .privilige-select-value + div {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.promo {
  width: 100%;
  margin: 0 auto;
}

.promo-welcome {
  font-size: 36px;
}

.promotion-box {
  display: inline-block;
  width: 120px;
  height: 120px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75px;
  cursor: pointer;
}

.promotion-box + .promotion-box {
  margin-left: 40px;
}

.promotion-box-trendify {
  background-color: #1e8492;
  background-image: url("data:image/png;base64,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");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .promotion-box-trendify {
    background-image: url("data:image/png;base64,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");
  }
}
.promotion-box-trendify:hover {
  background-image: url("data:image/png;base64,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");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .promotion-box-trendify:hover {
    background-image: url("data:image/png;base64,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");
  }
}

.promotion-box-bannerify {
  background-color: #d98123;
  background-image: url("data:image/png;base64,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");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .promotion-box-bannerify {
    background-image: url("/assets/bfy@2x-CI3XYf-A.png");
  }
}
.promotion-box-bannerify:hover {
  background-image: url("data:image/png;base64,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");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .promotion-box-bannerify:hover {
    background-image: url("data:image/png;base64,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");
  }
}

.promotion-discover {
  display: block;
  width: 280px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 8px;
  border-radius: 5px;
  background: black;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.privilege-select {
  margin-bottom: 20px;
}

.privilige-select-item.privilige-select-item--disabled {
  opacity: 0.3;
  pointer-events: none;
}

.vertical-content {
  position: relative;
  width: 100%;
  min-height: 500px;
  padding: 0 20px 250px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.vertical-content .account-details {
  padding-bottom: 15px;
  background: #efeef8;
  overflow: initial;
}

.accounts-toggle {
  display: inline-block;
  margin-top: -5px;
  margin-right: 10px;
  margin-bottom: -5px;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 5px;
  border-right: 1px solid #efeef8;
  cursor: pointer;
}

.stats-modules {
  margin: 0;
  padding: 0;
  list-style: none;
}
.stats-modules li {
  display: inline-block;
  margin-right: 1px;
  margin-left: 1px;
  padding: 8px 20px 9px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #e4e3ed;
  color: #a0a0a6;
  font-size: 14px;
  cursor: pointer;
}
.stats-modules li.active-module {
  background: #fff;
  color: #f20400;
}

.accounts-vertical-result ul.action-nav-popup {
  overflow: hidden;
}
.accounts-vertical-result ul.action-nav-popup li {
  display: inline-block;
}

.admin-stats-page.admin-stats .page-title {
  margin-bottom: 30px;
}

.grid-box-left:first-child.green:after {
  display: inline-flex;
  position: relative;
  align-items: baseline;
  top: 0;
  bottom: 0;
  left: -22%;
  height: calc(100% - 30px);
  border-left: 2px dashed #52c866;
  content: "";
}
.grid-box-left:first-child.white:after {
  display: inline-flex;
  position: relative;
  align-items: baseline;
  top: 0;
  bottom: 0;
  left: -22%;
  height: calc(100% - 30px);
  border-left: 2px dashed rgb(240, 239, 249);
  content: "";
}
.grid-box-left:nth-of-type(2).white:after {
  display: inline-flex;
  position: relative;
  align-items: baseline;
  top: 0;
  bottom: 0;
  left: -22%;
  height: calc(100% - 30px);
  border-left: 2px dashed rgb(240, 239, 249);
  content: "";
}
.grid-box-left:nth-of-type(2).green:after {
  display: inline-flex;
  position: relative;
  align-items: baseline;
  top: 0;
  bottom: 0;
  left: -22%;
  height: calc(100% - 30px);
  border-left: 2px dashed #52c866;
  content: "";
}

.passive-button {
  background-color: #d7d7d7 !important;
  color: #fff;
  pointer-events: none;
}
.passive-button:hover {
  background-color: #d7d7d7 !important;
  color: #fff;
}

.active-button {
  background-color: #52c866 !important;
}
.active-button:hover {
  background-color: #52c866 !important;
}

/*

.green{
    svg{
        background-color: #52c866!important;
        polygon{
            fill: #fff!important;
        }
    }
}
.white{
    svg{
        background-color: #fff;
        polygon{
            fill: #d7d7d7;
        }
    }
}*/
.action-nav-popup {
  width: auto;
  white-space: initial;
  box-sizing: content-box;
}

.action-nav-popup-item {
  width: 185px;
}

.accounts-vertical-result ul.action-nav-popup li {
  width: max-content;
}

nav.account-nav.action-nav {
  cursor: pointer;
}

.account-filters-comp {
  margin-left: 10px;
  z-index: 4;
  position: relative;
}
.account-filters-comp .filter-item {
  display: inline-block;
  position: relative;
  padding: 5px;
}
.account-filters-comp .filter-item .Select-arrow-zone {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 4px;
}
.account-filters-comp__owner-select {
  width: 20%;
}
.account-filters-comp__type-select {
  width: 10%;
}
.account-filters-comp__tier-select {
  width: 10%;
}
.account-filters-comp__fileType-select {
  width: 20%;
}
.account-filters-comp__industry-select {
  width: 10%;
}
.account-filters-comp__actions {
  display: inline-block;
  position: relative;
  top: -15px;
}
.account-filters-comp__actions__update {
  color: #fff;
  cursor: pointer;
  padding: 5px 20px;
  margin-left: 10px;
  border-radius: 5px;
  border: transparent;
  background-color: #63ca63;
}
.account-filters-comp__actions__reset {
  color: #827e7c;
  padding: 5px 15px;
  margin-left: 10px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #ece6e6;
}

.no-scroll {
  overflow-x: hidden;
}

.versionTwo {
  color: white;
  background-color: #d98123;
  margin-left: 5px;
  border-radius: 4px;
}

.pushConfigTextArea {
  height: 460px;
  background-color: black;
  color: darkgray;
  padding: 16px;
}
.pushConfigTextArea:focus {
  background-color: black;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.product-insights {
  position: relative;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
}
.product-insights-custom {
  font-size: 14px;
  font-weight: 700;
  color: #7a7a7c;
}
.product-insights .widget-title {
  margin-bottom: 0;
}
.product-insights .view-more {
  position: absolute;
  top: 20px;
  right: 20px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.product-insights .export {
  position: absolute;
  top: 19px;
  right: 120px;
  padding-bottom: 11px;
  border: 1px solid #d9d8e2;
  background: transparent;
  color: #547494;
}
.product-insights .export i {
  vertical-align: sub;
}
.product-insights-details {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  min-height: 150px;
  margin-right: -20px;
  margin-left: -20px;
  padding: 20px;
  border-top: 1px solid #efeef8;
}
.product-insights-nodata {
  justify-content: center;
  min-height: 0;
  padding: 40px;
  color: #3e4c5a;
  font-weight: bold;
}
.product-insights-nodata .icon-info {
  position: relative;
  top: -5px;
  margin-right: 10px;
  color: #547498;
  font-size: 2.2rem;
}
.product-insights .product-details {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  min-height: 200px;
  font-size: 0.75rem;
}
.product-insights .product-info {
  padding-left: 20px;
  color: #7a7a7c;
}
.product-insights .product-name {
  min-width: 125px;
  margin-bottom: 0;
  font-size: 0.875rem;
}
.product-insights .product-name,
.product-insights .product-name a {
  color: #4b4b4f;
  text-decoration: none;
  word-break: break-word;
}
.product-insights .product-id {
  width: 100%;
  text-decoration: none;
  word-break: break-word;
}
.product-insights .product-image {
  display: block;
  max-width: 100px;
  max-height: 200px;
}
.product-insights .product-category {
  margin-bottom: 10px;
  font-weight: bold;
}
.product-insights .product-price {
  font-size: 0.875rem;
  font-weight: bold;
}
.product-insights .product-price > span {
  display: inline-block;
  margin-right: 10px;
}
.product-insights i {
  font-size: 0.8em;
}

.product-price-custom i {
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
}

.product-old-price {
  text-decoration: line-through;
}

.product-sale-price {
  color: #dc3322;
  font-size: 1rem;
}

.product-in-stock {
  color: #63ca63;
  white-space: nowrap;
}
.product-in-stock i {
  margin-right: 5px;
}

.product-in-stock-icon {
  margin-right: 5px;
}

.product-stats {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding: 20px 20px 0;
  border-top: 1px solid #efeef8;
  font-weight: bold;
  text-align: center;
  gap: 10px;
}

.product-stat-name {
  margin-bottom: 0;
  font-size: 0.75rem;
}

.product-stat-value {
  font-size: 0.875rem;
}

.tooltip {
  margin: 0;
}

.data-table th,
.data-table td {
  text-align: left;
}

.product-insight {
  width: 25%;
  padding: 20px 20px 0;
  border-left: 1px solid #efeef8;
}
.product-insight:first-child {
  border-left: 0;
}
.product-insight i {
  margin-right: 5px;
}

.related-insights {
  position: relative;
}
.related-insights .view-more {
  position: absolute;
  top: 20px;
  right: 20px;
  padding-top: 11px;
  padding-bottom: 11px;
  z-index: 1;
}
.related-insights .export {
  position: absolute;
  top: 20px;
  right: 120px;
  border: 1px solid #d9d8e2;
  background: transparent;
  color: #547494;
  z-index: 1;
}
.related-insights .export i {
  vertical-align: sub;
}

.data-table .product-stats {
  padding: 0;
  border-top: 0;
}
.data-table .product-stat {
  padding: 0 10px;
  white-space: nowrap;
}

.modal-content-text .product-insights {
  padding: 0;
}
.modal-content-text .product-insights-details {
  margin: 0;
  padding: 0;
  color: #7a7a7c;
}
.modal-content-text .product-stock,
.modal-content-text .product-price {
  padding: 0 10px;
  white-space: nowrap;
}

.insights-modal .modal-content {
  max-width: 90%;
  min-height: 90%;
  width: 90%;
  padding: 0;
}
.insights-modal .modal-content .modal-content-wrapper,
.insights-modal .modal-content .is-scrollable {
  margin-left: 0;
  padding-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-bottom: 20px;
}

.insights-modal .page-filters.page-filters__insights {
  margin: 0;
  padding: 20px;
  padding-bottom: 0;
}

.insights-modal .product-insights.filter-inside {
  min-width: auto !important;
  padding: 0;
}

.insights-modal .modal-header {
  margin: 0;
}

.insights-modal .filter-inside .page-filters .page-filters-buttons {
  right: 20px;
}

.insights-modal .filter-inside .page-filters .page-filters-buttons a:last-child {
  margin: 0;
}

.insights-modal .analytics-filters.analytics-filters__insights.group {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 20px;
  padding: 20px;
  padding-right: 240px;
}

.insights-modal .modal-content-text {
  padding: 0;
}

.insights-modal .page-filters.page-filters__insights .date-filters {
  margin: 0;
}

.insights-modal .product-insights-details {
  padding: 20px;
}

.insights-modal .analytics-filters.analytics-filters__insights.group .item {
  margin-right: 20px;
  vertical-align: middle;
}

.insights-modal td.product-price {
  text-align: right;
}

@media only screen and (max-width: 1680px) {
  .insights-modal .modal-content {
    max-width: 95%;
    min-height: 95%;
    width: 95%;
  }
}
.modal.insight-export-modal .modal-content-wrapper {
  max-height: 275px !important;
}

.custom-insights-item {
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  color: #7a7a7c;
  line-height: 17px;
}
.custom-insights-item i {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
}

.page-filters_insights {
  margin: 15px 0 0 0;
  padding: 20px;
  background: #ffffff;
}
.page-filters_insights > .page-filters-buttons {
  display: none;
}
.page-filters_insights .page-filters-buttons {
  right: inherit !important;
  top: inherit !important;
  bottom: inherit !important;
  position: relative !important;
}
.page-filters_insights .filts {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  position: relative;
  z-index: 10;
}
.page-filters_insights .filts .analytics-filters {
  position: relative;
  top: inherit;
  margin: 0 !important;
  box-shadow: none;
  padding: 0 !important;
  flex: 1;
  border: 0;
  background: none;
}
.page-filters_insights .filts .page-filters-buttons {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.page-filters_insights + .secondary-action {
  top: 20px !important;
  right: 15px !important;
}

.date-filters.group {
  position: relative;
}

/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
.user-currency-code,
.user-currency i {
  display: inline-block;
  margin: 0 5px;
  font-size: 0.6em;
}
.user-currency-code:first-child,
.user-currency i:first-child {
  margin-left: 0;
}
.user-currency.user-currency-compare .user-currency-amount {
  color: #4b4b4f;
  font-size: 1.25rem;
  font-weight: normal;
}

.currency-tabs {
  margin-bottom: 20px;
}
.currency-tabs__link {
  border-bottom: 4px transparent;
}
.currency-tabs__link--active {
  border-bottom: 4px solid #000;
}

.region-switcher {
  display: flex;
  height: 38px;
  border: 1px solid #efeef8;
  border-radius: 5px;
  position: relative;
}
.region-switcher__icon {
  margin-top: 5px;
  margin-left: 5px;
  width: 28px;
  height: 28px;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: contain;
}
.region-switcher .is-select {
  border-bottom: 0;
}
.region-switcher__arrow-down {
  position: absolute;
  right: 5px;
  top: 5px;
  pointer-events: none;
  width: 28px;
  height: 28px;
}

.data-center-switcher {
  display: flex;
  width: 200px;
  height: 38px;
  margin-right: 10px;
  border: 1px solid #efeef8;
  border-radius: 5px;
  position: relative;
}
.data-center-switcher__icon {
  margin-top: 5px;
  margin-left: 5px;
  width: 28px;
  height: 28px;
  background: url(/assets/data_center-BLQyHz0d.png) no-repeat;
  background-size: contain;
}
.data-center-switcher .is-select {
  border-bottom: 0;
}
.data-center-switcher__arrow-down {
  position: absolute;
  right: 5px;
  top: 5px;
  pointer-events: none;
  width: 28px;
  height: 28px;
}

.language-switcher {
  display: flex;
  width: 150px;
  height: 38px;
  margin-right: 10px;
  border: 1px solid #efeef8;
  border-radius: 5px;
  position: relative;
}
.language-switcher__icon {
  margin-top: 5px;
  margin-left: 5px;
  width: 28px;
  height: 28px;
  background: url(/assets/icon-language-BoGW5zXl.svg) no-repeat;
  background-size: contain;
}
.language-switcher .is-select {
  border-bottom: 0;
}
.language-switcher__arrow-down {
  position: absolute;
  right: 5px;
  top: 5px;
  pointer-events: none;
  width: 28px;
  height: 28px;
}

/* @author Mehmet Yurtar */
/** -------------------------------------------

    ------------------------------------------- **/
.dashboard--funnel {
  padding-top: 40px;
}

.dashboard--funnel__fullbox {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  background: #fff;
}

.dashboard--funnel__halfbox {
  display: inline-block;
  position: relative;
  width: 48%;
  padding: 10px;
  border-radius: 10px;
  background: #fff;
}
.dashboard--funnel__halfbox .highcharts-legend-item.highcharts-pie-series .highcharts-point {
  display: none;
}

.dashboard--funnel__halfbox + .dashboard--funnel__halfbox {
  margin-left: 4%;
}

.dashboard--funnel__halfbox--legend {
  height: 60px;
}

.dashboard--funnel__halfbox--legend .title {
  color: inherit;
}

.dashboard--funnel__halfbox--legend .count {
  margin-right: 4px;
  font-size: 16px;
  font-weight: bold;
}

.dashboard--funnel__halfbox--legend .count-container {
  font-size: 12px;
  font-weight: normal;
}

.dashboard--funnel__container {
  margin-bottom: 30px;
}

.dashboard--funnel__halfbox--legend.total {
  display: none;
}

.dashboard--funnel__total .dashboard--funnel__halfbox--legend {
  font-weight: bold;
  text-align: center;
}
.dashboard--funnel__total .dashboard--funnel__halfbox--legend .title {
  color: #626061;
}

.dashboard--funnel__info {
  position: absolute;
  top: 10px;
  right: 18px;
  cursor: pointer;
  z-index: 1;
}

.report-chart .highcharts-legend-item path,
.report-chart .highcharts-legend-item rect {
  display: none;
}

.report-chart .highcharts-legend-item-hidden .widget-stat {
  opacity: 0.5;
}

.dashboard--funnel__halfbox__donut--legend {
  position: relative;
  padding-left: 12px;
  margin-top: 5px;
}
.dashboard--funnel__halfbox__donut--legend .custom-donut-legend-symbol {
  position: absolute;
  top: 6px;
  left: 0px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.dashboard--funnel__halfbox__donut--legend .donut-title {
  font-size: 12px;
  font-weight: 600;
  color: #626061;
  text-transform: uppercase;
}
.dashboard--funnel__halfbox__donut--legend .donut-count-container {
  font-size: 12px;
  font-weight: normal;
}
.dashboard--funnel__halfbox__donut--legend .donut-count-container .donut-count {
  font-size: 16px;
  margin-right: 4px;
}

.scroll-up {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 20px;
  height: 20px;
  padding: 10px;
  border-radius: 5px;
  background: #342d3c;
  box-sizing: content-box;
  cursor: pointer;
  opacity: 0.2;
  z-index: 100;
}
.scroll-up:hover {
  opacity: 1;
}

.settings-push-files ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.settings-push-files ul li {
  display: inline-block;
  margin-right: 15px;
  cursor: pointer;
}
.settings-push-files ul li:hover {
  text-decoration: underline;
}
.settings-push-files ul li svg {
  margin-right: 5px;
  fill: #86cf86;
}
.settings-push-files ul li.settings-download-disabled {
  opacity: 0.6;
  pointer-events: none;
}
.settings-push-files ul li.settings-download-disabled svg {
  fill: #cec2c2;
}
.settings-push-files ul li:last-child {
  float: right;
}

.settings-push .filepicker.dropzone {
  margin-top: 10px;
  margin-bottom: 10px;
}
.settings-push .settings-push-form {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 10px;
  background: #ffffff;
}

.push-global-capping {
  padding: 20px;
  border-radius: 10px;
  background: #ffffff;
}

.recommendation-settings .page-title {
  margin-bottom: 30px;
}
.recommendation-settings #recommendation-settings-form .settings-item-label {
  margin-top: unset;
  font-weight: 100;
  color: unset;
}
.recommendation-settings #recommendation-settings-form .settings-item-label-toggle {
  margin-right: 10px;
  display: inline;
}
.recommendation-settings #recommendation-settings-form .settings-tooltip-span {
  position: absolute;
  top: -3px;
}
.recommendation-settings #recommendation-settings-form .form-element label.item {
  display: block;
}
.recommendation-settings #personalisation-settings-form .form-element label.item-field {
  width: 100%;
}
.recommendation-settings #personalisation-settings-form .form-element label.item-field .switch {
  float: right;
}
.recommendation-settings #personalisation-settings-form .form-element label.item-field .criteria-field-category {
  width: 100%;
}
.recommendation-settings #personalisation-settings-form .form-element label.item-field.has-error .criteria-field-category {
  border: solid #e87352;
  border-width: 0 0 2px;
}
.recommendation-settings #personalisation-settings-form .form-element label.item-field .item-error span {
  margin-top: 10px;
}
.recommendation-settings .one-percent-60 {
  width: 60%;
}

.settings-search .wizard-comp:first-child {
  margin-top: 5px;
}
.settings-search .shadow-root {
  margin-bottom: 2em;
}
.settings-search .shadow-root .one-whole {
  width: calc(100% - 30px);
}
.settings-search .shadow-root .shadow-root-delete-icon {
  position: absolute;
  top: 23px;
  margin-left: 10px;
}
.settings-search .shadow-root .item-title-field {
  margin-bottom: 1em;
}

.settings-replenishment .page-title {
  margin-bottom: 25px;
}
.settings-replenishment .page-description {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  background: #f9f9f9;
  border-radius: 10px;
  margin-bottom: 25px;
  padding: 20px 30px;
}
.settings-replenishment .page-description .icon-info {
  font-size: 1.5rem;
  color: #979797;
  margin-right: 12px;
}
.settings-replenishment .page-description span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #979797;
}
.settings-replenishment .product-list-field {
  display: block;
  background: #ffffff;
  border-radius: 10px;
  padding: 25px 20px;
}
.settings-replenishment .product-list-field .list-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.settings-replenishment .product-list-field .list-header .list-header-title {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #4b4b4f;
}
.settings-replenishment .product-list-field .list-header .list-header-filter {
  border-bottom: 2px solid #7a7a7c;
  padding-bottom: 2px;
}
.settings-replenishment .product-list-field .list-header .list-header-filter label {
  margin: 0 10px;
}
.settings-replenishment .product-list-field .list-header .list-header-filter label input {
  border: unset;
}
.settings-replenishment .product-list-field .list-header .list-header-filter i {
  color: #7a7a7c;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  border-bottom: 2px solid #f3f3f4;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row:last-child {
  border-bottom: unset;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  text-align: left;
  flex: 1;
  padding: 10px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #000000;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-name {
  flex: 2;
  min-width: 200px;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 12px;
  line-height: 14px;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-name .item-index {
  position: absolute;
  left: -10px;
  color: #979797;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-name .item-image {
  display: block;
  max-width: 50px;
  height: auto;
  margin: 0;
  margin-right: 7px;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-name .item-productName {
  flex: auto;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-category {
  font-size: 12px;
  line-height: 14px;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency {
  align-items: stretch;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .current-frequency {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  cursor: pointer;
  transition: all 0.3s ease;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .current-frequency svg {
  margin: 0 5px;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .current-frequency label {
  margin: 0;
  color: #f2ad16;
  font-weight: 550;
  margin-left: 5px;
  transition: all 0.3s ease;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .current-frequency label input {
  border: unset;
  width: 60px;
  padding: 0;
  padding-left: 3px;
  margin: 5px 0;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .current-frequency label input:focus {
  border-bottom: 1px solid #979797;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .current-frequency label input::-webkit-outer-spin-button,
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .current-frequency label input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .current-frequency label input[type=number] {
  -moz-appearance: textfield;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .current-frequency:hover span {
  color: #d39613;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .system-frequency {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: nowrap;
  color: #b3b3b3;
  font-size: 12px;
  line-height: 14px;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .system-frequency .frequency-value {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .system-frequency .frequency-value svg {
  margin-right: 5px;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .system-frequency .frequency-go-auto {
  color: #7a7a7c;
  text-decoration-line: underline;
  cursor: pointer;
  transition: all 0.3s ease;
}
.settings-replenishment .product-list-field .list-content .product-list .list-item-row .row-item.item-frequency .system-frequency .frequency-go-auto:hover {
  color: #494949;
}
.settings-replenishment .product-list-field .list-content .product-list .header-row {
  background: #f8f8f8;
  border-radius: 10px;
  border-bottom: unset;
}
.settings-replenishment .product-list-field .list-content .product-list .header-row .row-item {
  text-align: center;
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 550;
  color: #47607b;
  border-right: 1px solid #efeef9;
}
.settings-replenishment .product-list-field .list-content .product-list .header-row .row-item:last-child {
  border-right: unset;
}
.settings-replenishment .product-list-field .list-content .product-list .header-row .row-item.item-name {
  text-align: left;
  padding-left: 10px;
}
.settings-replenishment .product-list-field .list-content .product-list .data-content-message-text {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 20px;
}
.settings-replenishment .product-list-field .list-content .product-list .data-content-message-text i {
  margin-right: 15px;
  margin-top: 3px;
}
.settings-replenishment .save-button-field {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.settings-replenishment .save-button-field .btn-update {
  display: block;
  width: 140px;
  margin-top: 10px;
  border: unset;
  background-color: #63ca63;
  color: #ffffff;
  font-weight: 450;
  font-size: 15px;
  transition: all 0.3s ease;
}
.settings-replenishment .save-button-field .btn-update:hover {
  background-color: #5cb85c;
}

.feed-trigger-content .secondary-action {
  margin-bottom: 15px;
  margin-left: 0;
}
.feed-trigger-content p {
  color: #222;
  font-size: 16px;
}

.arrowsImg {
  width: 38px;
  height: 20px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='38'%20height='20'%20viewBox='0%200%2038%2020'%3e%3cpath%20d='M5.05106689,33.3325%20L5.05106689,3.4532377e-12%20L3.89175153,3.4532377e-12%20L3.89175153,33.3325%20L0.924527612,33.3325%20L4.39503125,37.6220413%20L8.02500452,33.3325%20L5.05106689,33.3325%20Z%20M16.5056302,4.28954134%20L16.5056302,37.6220413%20L17.6649455,37.6220413%20L17.6649455,4.28954134%20L20.6321695,4.28954134%20L17.1616658,3.4532377e-12%20L13.5316926,4.28954134%20L16.5056302,4.28954134%20Z'%20opacity='.349'%20transform='matrix(0%20-1%201%200%20.383%2021)'/%3e%3c/svg%3e");
}

.equalImg {
  width: 38px;
  height: 14px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='38'%20height='14'%20viewBox='0%200%2038%2014'%3e%3cg%20id='Group_134'%20data-name='Group%20134'%20transform='translate(-723%20-817)'%3e%3crect%20id='Rectangle_41'%20data-name='Rectangle%2041'%20width='38'%20height='1'%20transform='translate(723%20817)'%20opacity='0.348'/%3e%3crect%20id='Rectangle_42'%20data-name='Rectangle%2042'%20width='38'%20height='1'%20transform='translate(723%20830)'%20opacity='0.348'/%3e%3c/g%3e%3c/svg%3e");
}

.push-abandonment {
  padding: 20px;
  border: 1px solid #f0eff9;
  border-radius: 5px;
}
.push-abandonment__select {
  width: 100%;
}
.push-abandonment__sticky {
  width: 350px;
  padding: 5px;
  border: 3px solid #e3f3e1;
  border-radius: 5px;
}
.push-abandonment__sticky-img {
  width: 100%;
  height: 175px;
  background: url(/assets/widget-sticky-CwQ7NzSN.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}
.push-abandonment__sticky-bottom {
  display: flex;
  position: relative;
  align-items: center;
}
.push-abandonment__sticky-tick {
  display: inline-block;
  width: 46px;
  height: 36px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAkCAYAAAGBJTjHAAAABGdBTUEAALGPC/xhBQAABQBJREFUWAnlWEtvHEUQnt4de2MjEHnIgBAHLhAwwY6NFwGRiAmOowgJIUW5cNxxlMclZ075DwmRE88KgTgFJA5ICIUkF8TLaycY8iCA4JAN74TgDcHxanf4qu1q9/T0zs6Od8mBOUx1VVd9/XVNv6Ydp8EjTHthuhAoGyskuZyRtcI5z4ZivhhG8UrejIKIK4TD4EmQrusOygLjk/RmvWFCkhFcIbLiGX/Y/zzUxJ6ZPVtChiSKbKLk3SDfpf6hwM3oAGRju+u4o1QnOaHPF4MgeEx35nLGyeSn8lMl1kPd9qa9c4ETDFIlHJ+D46fs2BmJFt/mPoSomM2RI6i9ynaZmYnZiVf2zu3tYyNJ05FGhIDjeL1W/5AcetyeB48MHfnJ5kj1kgZzkgYh3kU6d1GZHn2MKc56wJJb2JFsypkUPUBHpDrrowdYHdphpKRg+MjBx3gh2mxsRZqZplghxF/+iH+vawKdCE5kd4vdNdNu6gyKQWFWOcIVW8momOP7v4Tv/z575u7KPXC0/+gvrLNkUNZ1mc1kh48/dfws2yQ4cnUJY2MjG3UpcuIhf8Avx4FigRk5NnQsskQp5gQIgPPoZr8OHlsWztPFkeJ0I58QODuhJ3PoyZOsmxJMnwXTz0y7qVvB2alQKpzF99rMOr7QFjD9ROntKKCRfDtw2ooRm5akLR0KDmWulK7UkLbQB141uAJmJloDqwKPABsNqA2O7UllQ2ACCJwPSKQCp/VH5pgQjEc44jrW6g1kDqUFM7QK22U/7z9hxCg1jjEBI3Y9OytwjOXb6E43VWDJ/AZLZmRbjwUW4k/ErGNgiUMvTPcFTPdcuEJ8CxaPsi0OGP2/gZm7ln1ZZvZf2H+/CUyVWMAeQaPfUzkNMMXJtHhfe/cF/wSRtXvJQfyIhh6msvnwjmPaWVc5pxNF9Xb1V65oJpsBU7waipMDk7/1ur2hI0tMA/O0R8bUyyrFnB1x7txQq9d+Z90iKxjH91jsEVMEnDwOXDqwfqGy8EfE23ESA1OsFZwqChcK65y/nWtUpgc5volU3L2kJXurnJvuxf7i9e413XJSpAE28az6wXMHm344ayCMDdPSKKDTdpqw5Zny65hbb7R8sug0ORu+JFwqvwXC6peB5in07bYO3PGM2wibHbN14I4Rp33yZOnkm3qGTcKmrnfgPyeeJMMm4WX9Gg6/23D4nSM9ljh2uF3IyGu92d7xw0OH41bgBm2tmNMSpsOE6BLbpjZPfbmC1oA4CL8Mp3ewZXdpzhdFj3jB3+Qn3gQpNjVhHFIyIvOi/nelcQlnHIR3IsPv8alId1Rl4VzOiuwoAH9WNkthNYSxpY/hwmfWAqtMcqhMTE88X3fk3cMaVdO88F1Xd9fo5ODkVd01zaST8TituVl3zParqeNzWY1xOs0t3lo8g+EROXeys1UK54dckNvaN9J3tWysw1Z/w0grhQjEmH5VZbhYVUWca5dPi2egP862Tkh9aUuDHyHOIPI0ulg9jfHe8NeCfVuU87jS2I458kWLcSH3hsTZiw6j9aBOQ2gT21LKedyyjkduWVOCNSXOuMuH3dPQB9iWUFawcYwnuTVJiCfdEhNnUHmYvuWcwhBauXnhyrCs4Np3R6eufVsmztz2fbVvLf7ITmEIDbGNJCbdTewFO9p+haQ3Qu0Yessq/QxUqpWPQHgjNo6dGMMftwzyfwr4F77EP0M+8mUgAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}
.push-abandonment__sticky-text {
  font-size: 11pt;
  font-weight: bold;
}
.push-abandonment__coupon-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  grid-column-gap: 20px;
  width: 100%;
}
.push-abandonment__title {
  color: #787779;
  font-size: 18px;
  font-weight: 600;
}
.push-abandonment__language-box {
  min-width: 100%;
}
.push-abandonment__language-info {
  margin: 10px 0;
  color: #dc3322;
}
.push-abandonment__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.push-abandonment__row--margin {
  margin-top: 20px;
  margin-bottom: 20px;
}
.push-abandonment__row--nojustify {
  justify-content: normal;
}
.push-abandonment__left, .push-abandonment__right {
  display: flex;
  align-items: center;
}
.push-abandonment__number {
  padding: 5px 10px;
  border: 2px solid #e4ecf1;
  border-radius: 5px;
  color: rgb(89, 115, 147);
  font-size: 18pt;
  font-weight: bold;
}
.push-abandonment__switch {
  margin-right: 20px;
  margin-left: 20px;
}
.push-abandonment__col {
  min-width: 50px;
  margin-right: 10px;
  margin-left: 5px;
}
.push-abandonment__clickable {
  color: #ddd;
  cursor: pointer;
}
.push-abandonment__expand {
  cursor: pointer;
}
.push-abandonment .is-select {
  position: relative;
}
.push-abandonment .is-select::before {
  position: absolute;
  top: 18px;
  right: 4px;
  width: 7px;
  height: 6px;
  border-width: 7px 3px 0;
  border-style: solid;
  border-color: #7a797c transparent transparent;
  content: "";
  z-index: 1;
}
.push-abandonment .is-select::after {
  position: absolute;
  top: 8px;
  right: 4px;
  width: 7px;
  height: 6px;
  border-width: 0 3px 7px;
  border-style: solid;
  border-color: transparent transparent #7a797c;
  content: "";
  z-index: 1;
}

.search__m_t_10 {
  margin-top: 10px;
}
.search__m_t_20 {
  margin-top: 20px;
}
.search__m_b_10 {
  margin-bottom: 10px;
}
.search__m_b_20 {
  margin-bottom: 20px;
}
.search__select {
  width: 100%;
}
.search__sticky {
  width: 350px;
  padding: 5px;
  border: 3px solid #e3f3e1;
  border-radius: 5px;
}
.search__sticky-img {
  width: 100%;
  height: 175px;
  background: url(/assets/widget-sticky-CwQ7NzSN.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}
.search__sticky-bottom {
  display: flex;
  position: relative;
  align-items: center;
}
.search__sticky-tick {
  display: inline-block;
  width: 46px;
  height: 36px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAkCAYAAAGBJTjHAAAABGdBTUEAALGPC/xhBQAABQBJREFUWAnlWEtvHEUQnt4de2MjEHnIgBAHLhAwwY6NFwGRiAmOowgJIUW5cNxxlMclZ075DwmRE88KgTgFJA5ICIUkF8TLaycY8iCA4JAN74TgDcHxanf4qu1q9/T0zs6Od8mBOUx1VVd9/XVNv6Ydp8EjTHthuhAoGyskuZyRtcI5z4ZivhhG8UrejIKIK4TD4EmQrusOygLjk/RmvWFCkhFcIbLiGX/Y/zzUxJ6ZPVtChiSKbKLk3SDfpf6hwM3oAGRju+u4o1QnOaHPF4MgeEx35nLGyeSn8lMl1kPd9qa9c4ETDFIlHJ+D46fs2BmJFt/mPoSomM2RI6i9ynaZmYnZiVf2zu3tYyNJ05FGhIDjeL1W/5AcetyeB48MHfnJ5kj1kgZzkgYh3kU6d1GZHn2MKc56wJJb2JFsypkUPUBHpDrrowdYHdphpKRg+MjBx3gh2mxsRZqZplghxF/+iH+vawKdCE5kd4vdNdNu6gyKQWFWOcIVW8momOP7v4Tv/z575u7KPXC0/+gvrLNkUNZ1mc1kh48/dfws2yQ4cnUJY2MjG3UpcuIhf8Avx4FigRk5NnQsskQp5gQIgPPoZr8OHlsWztPFkeJ0I58QODuhJ3PoyZOsmxJMnwXTz0y7qVvB2alQKpzF99rMOr7QFjD9ROntKKCRfDtw2ooRm5akLR0KDmWulK7UkLbQB141uAJmJloDqwKPABsNqA2O7UllQ2ACCJwPSKQCp/VH5pgQjEc44jrW6g1kDqUFM7QK22U/7z9hxCg1jjEBI3Y9OytwjOXb6E43VWDJ/AZLZmRbjwUW4k/ErGNgiUMvTPcFTPdcuEJ8CxaPsi0OGP2/gZm7ln1ZZvZf2H+/CUyVWMAeQaPfUzkNMMXJtHhfe/cF/wSRtXvJQfyIhh6msvnwjmPaWVc5pxNF9Xb1V65oJpsBU7waipMDk7/1ur2hI0tMA/O0R8bUyyrFnB1x7txQq9d+Z90iKxjH91jsEVMEnDwOXDqwfqGy8EfE23ESA1OsFZwqChcK65y/nWtUpgc5volU3L2kJXurnJvuxf7i9e413XJSpAE28az6wXMHm344ayCMDdPSKKDTdpqw5Zny65hbb7R8sug0ORu+JFwqvwXC6peB5in07bYO3PGM2wibHbN14I4Rp33yZOnkm3qGTcKmrnfgPyeeJMMm4WX9Gg6/23D4nSM9ljh2uF3IyGu92d7xw0OH41bgBm2tmNMSpsOE6BLbpjZPfbmC1oA4CL8Mp3ewZXdpzhdFj3jB3+Qn3gQpNjVhHFIyIvOi/nelcQlnHIR3IsPv8alId1Rl4VzOiuwoAH9WNkthNYSxpY/hwmfWAqtMcqhMTE88X3fk3cMaVdO88F1Xd9fo5ODkVd01zaST8TituVl3zParqeNzWY1xOs0t3lo8g+EROXeys1UK54dckNvaN9J3tWysw1Z/w0grhQjEmH5VZbhYVUWca5dPi2egP862Tkh9aUuDHyHOIPI0ulg9jfHe8NeCfVuU87jS2I458kWLcSH3hsTZiw6j9aBOQ2gT21LKedyyjkduWVOCNSXOuMuH3dPQB9iWUFawcYwnuTVJiCfdEhNnUHmYvuWcwhBauXnhyrCs4Np3R6eufVsmztz2fbVvLf7ITmEIDbGNJCbdTewFO9p+haQ3Qu0Yessq/QxUqpWPQHgjNo6dGMMftwzyfwr4F77EP0M+8mUgAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}
.search__sticky-text {
  font-size: 11pt;
  font-weight: bold;
}
.search__coupon-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  grid-column-gap: 20px;
  width: 100%;
}
.search__title {
  color: #787779;
  font-size: 18px;
  font-weight: 600;
}
.search__language-box {
  min-width: 100%;
}
.search__language-info {
  margin: 10px 0;
  color: #dc3322;
}
.search__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.search__row--margin {
  margin-top: 20px;
  margin-bottom: 20px;
}
.search__row--nojustify {
  justify-content: normal;
}
.search__row--container {
  display: flex;
  align-items: flex-start;
}
.search__row--container .item {
  position: relative;
}
.search__row--container .item .item-error {
  position: absolute;
  left: 0;
  bottom: -1.25rem;
}
.search__row--last_searches {
  width: 200px;
  margin-left: 10px;
  margin-top: 44px;
}
.search__left, .search__right {
  display: flex;
  align-items: center;
}
.search__number {
  padding: 5px 10px;
  border: 2px solid #e4ecf1;
  border-radius: 5px;
  color: rgb(89, 115, 147);
  font-size: 18pt;
  font-weight: bold;
}
.search__switch {
  margin-right: 20px;
  margin-left: 20px;
}
.search__col {
  min-width: 50px;
  margin-right: 10px;
  margin-left: 5px;
}
.search__clickable {
  color: #ddd;
  cursor: pointer;
}
.search__expand {
  cursor: pointer;
}
.search .is-select {
  position: relative;
}
.search .is-select::before {
  position: absolute;
  top: 18px;
  right: 4px;
  width: 7px;
  height: 6px;
  border-width: 7px 3px 0;
  border-style: solid;
  border-color: #7a797c transparent transparent;
  content: "";
  z-index: 1;
}
.search .is-select::after {
  position: absolute;
  top: 8px;
  right: 4px;
  width: 7px;
  height: 6px;
  border-width: 0 3px 7px;
  border-style: solid;
  border-color: transparent transparent #7a797c;
  content: "";
  z-index: 1;
}
.search .is-select select:disabled {
  color: #2c2c2c !important;
}
.search .is-select-jb {
  border-bottom: 2px solid #efeef8;
}
.search .is-select-jb select {
  position: relative;
  height: 33px;
  padding: 0 16px 0 8px;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  color: #7a7a7c;
  -webkit-appearance: none;
  -moz-appearance: menuitem;
}
.search .is-select-jb select:disabled {
  color: #efeef8;
}
.search__synonym-item-group li.wizard-criterion {
  padding: 15px 15px 20px 15px;
}
.search__synonym-left-value-cover {
  width: 25%;
  display: inline-block;
}
.search__synonym-left-value {
  border-bottom: 2px solid #efeef8;
  width: 100%;
  margin-right: 10px;
  top: 0 !important;
}
.search__synonym-left-value .Select-value-label .Select-aria-only {
  margin: initial;
}
.search__synonym-left-value .has-error {
  border-color: #e87352;
}
.search__synonym-left-value.has-error {
  border-color: #e87352;
}
.search__synonym-right-value-cover {
  width: 73%;
  margin-left: 15px;
  position: absolute;
  display: inline-block;
}
.search__synonym-right-value-cover__large {
  width: 100%;
}
.search__synonym-right-value {
  border-bottom: 2px solid #efeef8;
  width: 90%;
  top: 0 !important;
}
.search__synonym-right-value .Select-input {
  margin-left: 10px;
}
.search__synonym-right-value .Select-value-label .Select-aria-only {
  margin: initial;
}
.search__synonym-right-value .has-error {
  border-color: #e87352;
}
.search__synonym-right-value.has-error {
  border-color: #e87352;
}
.search__insights .d-none {
  display: none;
}
.search__insights .f-left {
  float: left;
}
.search__insights .c-both {
  clear: both;
}
.search__insights__button {
  background: #547494;
  border-radius: 6px;
  float: right;
}
.search__insights .icon-check-circle {
  color: #63ca63;
}
.search__insights .page-title {
  margin-bottom: 30px;
}
.search__insights .vertical-content {
  padding: initial;
  overflow-x: auto;
}
.search__insights .tab-item {
  margin-right: 10px;
}
.search__insights__popular-searches {
  background-color: white;
}
.search__insights .sgf-div-table {
  overflow: auto;
  clear: both;
  margin-bottom: 20px;
}
.search__insights .sgf-div-table .customDivContent {
  background: #f9f9f9;
  padding: 10px 5px;
  border-left: 1px solid rgba(128, 128, 128, 0.2705882353);
  border-radius: 7px;
  flex: 3;
}
.search__insights .sgf-div-table .customDivContent img {
  height: calc(100% + 20px);
  margin-top: -10px;
}
.search__insights .sgf-div-table__custom-div-parent {
  display: grid;
  background: #F9F9F9;
  border-radius: 6px;
  border-bottom: hidden;
  border-right: hidden;
}
.search__insights .sgf-div-table__custom-div-parent img {
  max-width: 60px;
  max-height: 100px;
}
.search__insights .sgf-div-table__head {
  display: flex;
}
.search__insights .sgf-div-table__head__item {
  text-align: center;
  overflow: hidden;
  padding: 3px 1.8%;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  color: #4B4B4F;
  flex: 1;
  flex-basis: 100%;
  min-width: 100px;
  background-color: #FCFBFE;
  border: 1px solid rgba(120, 120, 120, 0.1);
}
.search__insights .sgf-div-table__head__item:not(:first-child)::after {
  content: "↕";
}
.search__insights .sgf-div-table__head__item:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 50px;
}
.search__insights .sgf-div-table__head__item:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.search__insights .sgf-div-table__row {
  display: flex;
}
.search__insights .sgf-div-table__row:hover {
  background-color: #F4F9FF;
}
.search__insights .sgf-div-table__cell {
  text-align: center;
  float: left;
  overflow: hidden;
  width: 13%;
  font-size: 0.75em;
  flex: 1;
  flex-basis: 100%;
  min-width: 100px;
  border: 1px solid rgba(120, 120, 120, 0.1);
  border-radius: 7px;
  line-height: 100%;
  padding: 10px 5px;
}
.search__insights .sgf-div-table__cell__data-field {
  height: 100%;
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
}
.search__insights .sgf-div-table::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.search__insights__body {
  position: relative;
  margin-bottom: 20px;
}
.search__insights__body__chart-wrapper {
  float: left;
  position: relative;
  width: calc(50% - 1px);
  padding: 0px 20px;
}
.search__insights__body__chart-wrapper .chart-headers {
  font-size: 18px;
  color: #787579;
}
.search__insights__body__chart-divider {
  position: relative;
  min-height: 300px;
  max-height: 400%;
  border-left: 1px solid grey;
  width: 1px;
  padding: 2% 0px;
  float: left;
}
.search__insights .flex-grow-2 {
  flex-grow: 2;
  min-width: 300px;
}
.search__insights .flex-color {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #504989;
  cursor: row-resize;
  font-size: 0.9rem;
  gap: 5px;
}
.search__insights .dashboard--funnel__halfbox--legend .ellipses {
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search__insights .language-switcher {
  float: right;
}
.search__breadcrumb {
  margin-bottom: 10px;
}
.search__info-icon {
  margin-top: -15px;
  margin-left: 5px;
}
.search__info-text {
  font-weight: 500;
  color: #333;
  padding: 10px 5px;
  font-size: 16px;
}
.search__info-text > strong {
  font-weight: 600;
}
.search .size-combo-wrapper {
  float: right;
}
.search .size-combo-wrapper .size-combo {
  float: right;
  width: 100px;
  color: #333;
}
.search .size-combo-wrapper .size-combo .Select-control {
  border: 1px solid rgba(100, 100, 100, 0.8);
}
.search .size-combo-wrapper .size-combo .Select-control .Select-clear-zone {
  padding-right: 5px;
}
.search .size-combo-wrapper .size-combo .Select-control .Select-arrow-zone {
  display: table-cell;
}
.search .size-combo-wrapper .size-combo-label {
  float: right;
  color: #333;
  font-size: 12px;
  margin-right: 10px;
}
.search .f-left {
  float: left;
}
.search .c-both {
  clear: both;
}

.sample-text {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  padding: 5px 8px;
  border: 1px solid #e3ebf1;
  border-radius: 5px;
  background-color: #5a7391;
  color: #fff;
  font-size: 9pt;
  cursor: pointer;
}
.sample-text:hover {
  background-color: #6e8199;
}
.sample-text span {
  margin-left: 5px;
}

.faceted-search-tabs {
  margin-top: -25px;
}
.faceted-search-tabs .faceted-search-tab {
  font-size: 11px;
  background-color: #DADAE3;
  color: #BFBCCC;
}
.faceted-search-tabs .faceted-search-tab-active {
  background-color: white;
  color: #C22E25;
}
.faceted-search-tabs .faceted-search-tab:first-child {
  margin-right: 8px;
}

.faceted-search-result {
  background: #fff;
  padding: 15px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin-bottom: 10px;
}
.faceted-search-result .icon-tag {
  color: #E3EBF1;
}
.faceted-search-result .is-select input {
  position: relative;
  height: 33px;
  padding: 0 16px 0 8px;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  color: #7a7a7c;
  -webkit-appearance: none;
}
.faceted-search-result div.criteria-item-mobile-count {
  display: inline-block;
  width: 22%;
}

.faceted-search-card-wrapper .wizard-comp-title-wrapper {
  display: flex;
  justify-content: space-between;
}
.faceted-search-card-wrapper .wizard-comp-title-wrapper .add-facet-button {
  font-size: 11px;
  padding: 6px;
  margin: 0;
  color: #fff;
  background-color: #5A7491;
}
.faceted-search-card-wrapper .wizard-comp-title-wrapper .add-facet-button-inner {
  display: flex;
  align-items: center;
}
.faceted-search-card-wrapper .wizard-comp-title-wrapper .add-facet-button i.icon-plus {
  display: flex;
  font-size: 0.8rem;
  margin: 0;
}
.faceted-search-card-wrapper .wizard-comp-title-wrapper .add-facet-button span {
  margin-left: 8px;
}

.add-facet-modal {
  width: calc(100vw - 264px);
  height: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  z-index: 10001;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-facet-modal-card-wrapper {
  width: 45%;
  background-color: white;
  border: 1px solid silver;
  border-radius: 10px;
  -webkit-box-shadow: -3px 4px 41px -5px rgba(0, 0, 0, 0.81);
  box-shadow: -3px 4px 41px -5px rgba(0, 0, 0, 0.81);
  position: fixed;
  top: calc(50vh - 170px);
}
.add-facet-modal .wizard-comp {
  margin-top: 0;
}
.add-facet-modal div.widget {
  width: auto;
}
.add-facet-modal .params-container {
  flex-wrap: wrap;
  display: flex;
}
.add-facet-modal .params-container .param-wrapper {
  display: flex;
  justify-content: center;
  border: 1px solid #E4EBF1;
  padding: 3px 12px 3px 12px;
  margin: 4px;
  cursor: pointer;
  border-radius: 10px;
  color: #6D6C6E;
}
.add-facet-modal .params-container .param-wrapper:hover {
  border-color: #3BC675;
}
.add-facet-modal .params-container .param-wrapper-checked {
  border-color: #3BC675;
}
.add-facet-modal .params-container .param-wrapper .check-group-toggle {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  margin-left: 5px;
}
.add-facet-modal .actions-container {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding: 5px;
}
.add-facet-modal .actions-container button.facet-action {
  color: #fff;
}
.add-facet-modal .actions-container button.facet-action-add {
  background-color: #3bc675;
}
.add-facet-modal .actions-container button.facet-action-close {
  background-color: #767978;
}

.faceted-search-white-card {
  background: #fff;
  padding: 15px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin-bottom: 10px;
}
.faceted-search-white-card-row {
  display: flex;
  align-items: center;
}
.faceted-search-white-card-row .facet-type {
  margin-left: 10px;
}
.faceted-search-white-card-row label.is-select {
  margin-left: 10px;
}
.faceted-search-white-card-row-wrapper {
  display: flex;
}
.faceted-search-white-card-row-wrapper:nth-child(1) {
  flex: 1;
}
.faceted-search-white-card-row-wrapper:nth-child(2) {
  flex: 2;
}
.faceted-search-white-card-row-wrapper:nth-child(3) {
  flex: 1;
  justify-content: flex-end;
}
.faceted-search-white-card-row-wrapper .item-field {
  width: 50%;
  border-bottom: 0;
}
.faceted-search-white-card-row-wrapper .boost-item-product-accessor {
  width: 30%;
  border-bottom: 0;
}
.faceted-search-white-card-row-wrapper .boost-item-value {
  width: 50%;
  border-bottom: 0;
}
.faceted-search-white-card-row-wrapper .boost-item-weight {
  width: 20%;
  border-bottom: 0;
}
.faceted-search-white-card-row-wrapper .cancel-action {
  position: initial;
  background: #ffffff;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50px;
}
.faceted-search-white-card-row-wrapper .cancel-action:hover {
  background-color: rgba(227, 76, 76, 0.4) !important;
}
.faceted-search-white-card-row-wrapper .cancel-action svg {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
}

.absolute-label {
  top: 2px;
  right: 17px;
  margin: 0;
  padding: 8px;
  border-radius: 5px;
  font-size: 11px;
  line-height: 14px;
  background-color: #f0f0f0;
  z-index: 1;
  position: absolute;
  color: #7a7a7c;
}

.faceted-search-right-side-wizard {
  padding: 0;
}
.faceted-search-right-side-wizard > div {
  padding: 20px;
}
.faceted-search-right-side-wizard > input {
  width: 100%;
}
.faceted-search-right-side-wizard div.campaign-name-label {
  background-color: #FAFAFA;
  text-align: center;
}
.faceted-search-right-side-wizard div.campaign-name-text {
  color: #868487;
}
.faceted-search-right-side-wizard div.action-buttons > a {
  margin: 0;
}
.faceted-search-right-side-wizard div.action-buttons .golive-action {
  margin-top: 10px;
}
.faceted-search-right-side-wizard div.action-buttons .copy-draft-url-action {
  background-color: #004BAA;
  margin-top: 50px;
}
.faceted-search-right-side-wizard .campaign-name-text input {
  width: 100%;
}
.faceted-search-right-side-wizard .end-date {
  padding-top: 0;
}
.faceted-search-right-side-wizard .service {
  display: flex;
  flex-direction: column;
}
.faceted-search-right-side-wizard .collection .item.is-select {
  width: 100%;
}
.faceted-search-right-side-wizard .collection .item.is-select .Select-placeholder, .faceted-search-right-side-wizard .collection .item.is-select .Select-value {
  padding: 0;
}

.faceted-search-ordering .order-right-actions {
  display: flex;
  align-items: center;
}
.faceted-search-ordering .order-right-actions .default-order-label {
  text-align: center;
  background-color: #F0F0F0;
  color: gray;
  width: 75px;
  height: 20px;
  font-size: 13px;
  border-radius: 10px;
  margin-right: 5px;
}

.faceted-search-listing-bottom .widget-title-desc {
  text-align: start;
  margin-bottom: 25px !important;
}
.faceted-search-listing-bottom .faceted-search-thumbnail {
  background: url("/assets/faceted-search-wireframe-C5kPfwV0.png") center;
  background-size: 100%;
  width: 285px;
  height: 250px;
  border-radius: 5px;
  box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.11);
  display: block;
  position: relative;
  margin-top: 20px;
}
.faceted-search-listing-bottom .faceted-search-thumbnail.customisation {
  background: url("/assets/customization-BgT34UAT.png");
  background-position: center;
  background-size: 100%;
}
.faceted-search-listing-bottom a {
  text-decoration: none;
  margin-right: 30px;
}
.faceted-search-listing-bottom a .available-type-selection {
  margin-bottom: 20px;
}
.faceted-search-listing-bottom a .available-type-selection .available-type-name {
  margin-bottom: 20px !important;
}

.view-all-faceted-widget-stats .widget-stat-name {
  color: #8f8b8b;
  font-size: 0.75rem;
}
.view-all-faceted-widget-stats.stat-search .widget-stat-count, .view-all-faceted-widget-stats.stat-search .widget-stat-type {
  color: #4bb3d2;
}

#single-faceted-search-report p.widget-stat-conversion-bottom {
  position: relative;
}
#single-faceted-search-report .widget-stat a.modal-trigger {
  position: relative;
  float: right;
  right: 0;
  margin-top: 6px;
}

.stats-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: calc(100% - 240px);
}
.stats-wrapper .test-bottom {
  margin-top: 50px;
}

.faceted-widget-list-wrapper .widget-list > .widget-list-item {
  align-items: baseline;
}
.faceted-widget-list-wrapper .widget-title-wrapper {
  display: flex;
  align-items: center;
}
.faceted-widget-list-wrapper .widget-title-wrapper > span {
  margin-left: 15px;
  color: gray;
}
.faceted-widget-list-wrapper .widget-title-wrapper .widget-service-name {
  font-size: 11px;
}
.faceted-widget-list-wrapper .widget-list-no-items {
  display: flex;
  align-items: center;
}
.faceted-widget-list-wrapper .widget-actions-wrapper {
  display: flex;
  align-items: baseline;
}
.faceted-widget-list-wrapper .widget-actions-wrapper .widget-meta {
  display: flex;
  align-items: center;
}

.rule-set-widget-list-item-container .widget-list-item {
  padding: 10px 20px;
}
.rule-set-widget-list-item-container .widget-list-item .draghandler {
  position: unset;
  top: unset;
}
.rule-set-widget-list-item-container .widget-list-item .widget-title {
  flex: 1;
}
.rule-set-widget-list-item-container .widget-list-item h2 {
  font-size: 0.8rem;
}
.rule-set-widget-list-item-container .widget-list-item button {
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 5px;
  margin-right: 10px;
}
.rule-set-widget-list-item-container .widget-list-item .rule-type {
  flex: 3;
  color: #8E8E8E;
  font-size: 0.8rem;
}
.rule-set-widget-list-item-container .widget-list-item .rule-set-edit-button {
  background-color: #547494;
}
.rule-set-widget-list-item-container .widget-list-item .rule-set-delete-button {
  background-color: #B05151;
}
.rule-set-widget-list-item-container .widget-list-item:last-child {
  border-bottom: 1px solid #efeef8;
}

.rule-set-definition .faceted-search-result, .faceted-content .faceted-search-result {
  display: flex;
}
.rule-set-definition .faceted-search-result .rule-set-keyword, .faceted-content .faceted-search-result .rule-set-keyword {
  width: 100%;
}
.rule-set-definition .product-label, .faceted-content .product-label {
  background: #fff;
  border: 1px solid #efeef8;
  border-width: 0 0 2px;
  padding: 5px 0;
}
.rule-set-definition .rule-set-custom-content-list-item .rule-set-keyword, .faceted-content .rule-set-custom-content-list-item .rule-set-keyword {
  flex: 5;
}
.rule-set-definition .rule-set-custom-content-list-item button, .faceted-content .rule-set-custom-content-list-item button {
  font-size: 11px;
  padding: 6px;
  margin: 0;
  color: #fff;
  background-color: #5A7491;
  flex: 1;
}
.rule-set-definition .rule-set-custom-content-list-item .rule-set-custom-content-list-cross, .faceted-content .rule-set-custom-content-list-item .rule-set-custom-content-list-cross {
  display: flex;
  align-items: center;
  margin-left: 5px;
}

.rule-set-right-side .item-label {
  padding-left: 20px;
}
.rule-set-right-side .campaign {
  margin-left: 20px;
}
.rule-set-right-side .campaign select {
  padding: 0 16px 0 0;
}

.pin-wizard-header {
  display: flex;
  background: #fff;
  padding: 15px 5px;
  border: 1px solid #EFEEF8;
}
.pin-wizard-header .pin-wizard-header-icon {
  display: flex;
  align-items: center;
  border: 2px solid #EFEEF8;
  padding: 5px;
}
.pin-wizard-header .pin-wizard-header-input-container {
  width: 100%;
  border: 2px solid #EFEEF8;
  border-width: 2px 2px 0 0;
}
.pin-wizard-header .pin-wizard-header-input-container input {
  width: 100%;
}
.pin-wizard-header button {
  color: #FFFFFF;
  font-family: "montserrat";
  font-weight: 600;
  font-size: 12px;
  border-radius: 6px;
  padding: 5px 30px;
  margin: 0 5px;
  width: 150px;
}
.pin-wizard-header button.discard {
  background-color: #434347;
}
.pin-wizard-header button.save {
  background-color: #7EC76F;
}

.rule-set-pin-wizard {
  position: fixed;
  top: 66px;
  left: 66px;
  width: calc(100% - 66px);
  height: calc(100% - 66px);
  background-color: #efeef8;
  z-index: 9998;
  padding-bottom: 66px;
}

.product-insights.faceted-search {
  margin: unset;
  padding: unset;
  background-color: unset;
  height: 100%;
}
.product-insights.faceted-search .product-insight.fillHorizontal {
  width: 100%;
  background: #F2F2F2;
}
.product-insights.faceted-search .product-order-no {
  background: #EFEEF8;
  border-radius: 3px;
  margin-right: 3px;
  align-self: baseline;
  padding: 3px;
  margin-top: 2px;
}
.product-insights.faceted-search .product-insights-details {
  display: block;
  margin: unset;
  padding: unset;
  height: 100%;
  overflow-y: scroll;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row {
  clear: both;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight {
  position: relative;
  display: inline-block;
  padding: 10px;
  width: 25%;
  background-color: #fff;
  border: 1px solid #efeef8 !important;
  float: left;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .tooltip {
  position: static;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .product-details.add-product {
  height: 15.3rem;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .hidden-product-cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  transition: 0.5s ease;
  background-color: #DADADA;
  margin: 0.4rem;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .product-info {
  width: 100%;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .product-image-wrapper a, .product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .product-image-wrapper .product-image {
  width: 50px;
  height: 50px;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .product-name {
  height: 4rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .product-name .show-hide-icon-container {
  cursor: pointer;
  z-index: 1;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .product-price {
  height: 3rem;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .product-brand-category {
  height: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .pin-wizard-card-buttons-container {
  display: flex;
  height: 2rem;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .pin-wizard-card-button {
  width: 50%;
  margin: 0 5px;
  color: #FFFFFF;
  border: 1px solid #5A7491;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .pin-wizard-card-button.pin {
  background-color: #5A7491;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .pin-wizard-card-button.replace {
  color: #5A7491;
  background-color: #FFFFFF;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .pin-wizard-card-button.replace.disabled {
  cursor: not-allowed;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .pin-wizard-card-button.pinned {
  background-color: #63CA63;
}
.product-insights.faceted-search .product-insights-details .pin-wizard-row .product-insight .pin-wizard-card-button.unpinned {
  background-color: #DC3322;
}

#rule-set-replace-modal .widget {
  width: 100%;
}
#rule-set-replace-modal .rule-set-modal-button-container {
  display: flex;
  justify-content: flex-end;
}
#rule-set-replace-modal .rule-set-modal-button {
  background-color: #3BC675;
  color: #ffffff;
  font-size: 14px;
}
#rule-set-replace-modal .rule-set-modal-cross {
  cursor: pointer;
}
#rule-set-replace-modal .rule-set-modal-selected-product {
  width: calc(100% - 35px);
  overflow: hidden;
  color: #ffffff;
  position: absolute;
  top: 0;
}
#rule-set-replace-modal .Select {
  top: 0;
}

.rule-set-custom-content.wizard-advanced-config .code-samples {
  width: 100%;
}

#create-draft-modal-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#create-draft-modal-content .draft-modal-container {
  width: 100%;
  padding-left: 20px;
  margin-bottom: 15px;
}
#create-draft-modal-content .draft-modal-container .draft-input-label {
  position: absolute;
  left: 43px;
  bottom: 102px;
}
#create-draft-modal-content .draft-modal-container input[type=text] {
  width: 100%;
  padding-left: 61px;
}
#create-draft-modal-content .draft-modal-container button.tertiary-action {
  bottom: -30px;
  position: relative;
}

.widget-list .widget-list-item .right-side-wrapper {
  display: flex;
  align-items: center;
}

.stat-search .stats-wrapper {
  height: auto;
}

.widget-stat-title {
  min-height: 4.1rem;
}

.boost-img {
  height: 25px;
  width: 25px;
  background: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='12'%20height='12'%20fill='url(%23pattern0)'/%3e%3cdefs%3e%3cpattern%20id='pattern0'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_2144_578'%20transform='scale(0.0078125)'/%3e%3c/pattern%3e%3cimage%20id='image0_2144_578'%20width='128'%20height='128'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAIWElEQVR4Ae1d7Y7gNg7rQx9wffs7pIBQw2vTlEw5cmYWWDixKH5ldtv+6l9//f4q18Df//3P/079Lhf+Jxk69ZGRzk/q+/Ws6EO8NXu9lC8beOujenS/3P8r2TzlV8C+UtLXRCt8yKiHr32LY3mihVfbO1bYV4SqfcBdP1/5Luk5douuup9e3M0CVT+a0tfN3yfVu7LkylypJd5IXvljZXi78RuleM4o9wbOlDJvI73hQ2V5vO1bSf1mlXoTr7TQm8hu+kiZXm/6ZhKvmWXeyC0p9RaSGz9Qtudbvt22z+wib+XfLrY6wa0f5pTv6t9vy9+pEm/W2Sq48vLNH+Wk98rfMOztZIG91sp0j3/7feX3uvkbhUZLesNrrxn1XnKvD5f9rioh2yfiV2V4nQeFVM8ywqo9snwZWY5zsmEVuMxwCn8ejswsx7g9gXexp0Lt+mT3T+VJ02GDKnBpIQbECr8Mx0D6nismoArDtsLoKbkYPYRhvZTDoVDqGRM+opnF6/HCeCiH8QRUYFcF7Gpk8yN/K+1ycxQmY7YqQKF5QmPmc6Vdaj4LkXmPClDqIp1nptQyrpVmytzE+3Ml1uNPvCNPGfqV9JAXOIsWA0mT/gSsvCJPq93IvJIe8jKcRQLbzpCwuTTc6bOx8Mdjlpc/hJoLtWZDHX/cNbVS3uXf2Z952+Fc7c40n/vVrmeOdOiZR3CEXQmNdk7ezfxlephpPvdKXaRDzRRmVkIKjSgH8hblZPZO6SIdasaEQZiVCNo9MUP+MvVP6SKd5UxRABJR8O9yvOXvhC7SoGa3luv1PSvDy+PBzzSfew8PwiKN5QwRM7OVAMNxCjPzmqk/03zuVbpIA84UBpCAgl/J8YbXmaYq14yfut81sRLZ5VfvI79qrYfvhB7SgDNFYCSg4M/gOOn5hBbSmM4UxU7Jhf9sU/jsOU75PqGDNOCsLyXyjgQifKd2kO9npvBxQuPxudIZzrMDKvizOYbFNJc7+g3N8HGHu98dCqDLniD6fkIj6o3dQxlsxnIZzvbQadjdE2lMZ7uiz/6UXPTXp8Ijw4Fy9DPE12PRO+LxzpDOcOYVmOGH5M3lbK/ifWM7/VGZ321WJc4Kq/RO8LCZdnDqHG4vKgMeYZXmCR5PLi9W7d+rL/nPmieEW/iyfyeIZkS9qD++26PSAAqKZkoPJ7hQFnaW6ZP18A9OZcQlOgCrfJzmGUSBV9n+oHg/VJrpuSPvSj9vcbW5T3totZfPanNI0LQQxmaG/T39/xtZ65A6lQUjwV4HYW3W7/y+r38YrDv6VJaKREc6CG+z0d7v3fwHwXqjT2WZM1GkMdtp79H+7+zfH4a2M/pZVSASXGmgXZutOH763Hpyn6rikDCjgfZtxvD8VIx15D5VhSFhVgNx2Izl+kk46yZ0qoqaiXv5ZzztvZfzy/i2l/DzbkFIOMKN+GwW4f3ijvWxfe6Ug8SjvIjTZlHur+xZD7IzWgwyEOV89hCvzXb4b961/KknW9DMBLuPcDPu9h7tf3HWZn/t2YpFBgyzeyINm+1q3LRvmcufylKZsEq9qlxMD2Uw6hKZYGrNSnxM/lKYjPKYgBm6b3MyucthskpjgmZpv8HL5C2JySyLCZypf4qbyVkWk10SEzzbQyY/k680JrMc42YKMOxNJ5PrCsyJ0pkiTvhQaTB5rsKoikE8TCFov8qMyXEl5kTBTDEnfEQ1GP9XY6LFePaYgjx8p7CM709gThTKFHXCB6vB+P0Uhi1mB8cUtsOv2mV8lsVYCRGDtpt5Mr4y9VfcjL+SmFkwr9kZj/Ke8aTUY7kYXyUxq4Be0ys+xZzxpNBhOBgvZTFZARneXQxT6q7Gap/xUBazCmfzaADbzzwZb1n6jHZZjKeUnRAenSiW8RflHu0xeqUxo1DobjcM4lbNGI8KLUanNMZbgiqMVzeCZ7xGeG2H4S+NsSDsqQ7D6u7gGM9efoazPKZKaK+PCJ75GAwvw3MFhgnbYrJDtVpZz0wGpM3sG8Z47L3UaebY85R51s8OjsnS8zM7Labdb+9LPLfmmGfW9IyL3TfcjEd5b1rofPTQfDbrfc5wr9z35lbvrEkVj+mt+BRz01KdM08q/m2emcHZPSs422/vWa4W1+5nPbd60eeVtyivfG9ltJ2z4u0Oemb5ehziVMx6Pe8748HLmYZnzD4Y1gDL5+EcaXt0PNiRFnvH6rB8R3CMadYIw9ViWN4ZruXafZ5pMPdebYbzGGZlnjWy4hnNWW6EG/Eyd4iTnTE6IwzLfww3MvncsQZm++ie5WZwSMdmDA+LMc7oyeocxfVhWPF+j3lnuavhmGwMplqusB8mbI8Ji7242GfYfX8xik46UoJO/QxTJCOzc8Z9ogoTssewdvq9553dVeBG+uo7hc/XOCJlsGYRN8sRwSFd9Szir8xOpAzW/Iqb5WFwK63MOeOvJCZSChuE5Wb5ehzLn43rfV3zHimGDefhZjlbnIc/G9v6uuY5UgobzsPNcvY4j0Ymtvd1xXukEDaYl5vlHeG8Wmr8yFP5u0gJbCgvN8s7w3n1VPiZn/L3kQLYUF5ulhfhvJoKPPJTehYJzwbycrO8K5xXdwe/8lJ6HgnOBvJys7wMzqsdwTM+SmMyQ3u51UV59b14td/jfN7AD5416eVmeT04rwcW7/FQFsuGbXFsmHaHeWZ5IzhG34OJeCi54wn9YNkQWbysfo/z+pnhe97r32dBR/eesKP92Z2HN4qdaXvuo9ql99gCvCGyeL0+DM/6GeGM45PnKHB/Fwnec4zeI7w7OyMPq7sdvSt2MwtA3G+Vgzy1s7f8HddtQ/fPCjM95/Ou4N3hGHlq73a4b9v9P46e8WwD6vvaAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
  margin: auto;
}

.search-banner .search-banner-endDate .rdt {
  width: max-content;
}
.search-banner .icon-with-upload {
  display: flex;
  align-items: center;
}
.search-banner .image-with-upload {
  display: flex;
  align-items: center;
}
.search-banner .radio-button-group-close-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.search-banner .radio-button-group-close-button .whitelist-radio {
  padding: 0;
}
.search-banner .radio-button-group-close-button .whitelist-radio li {
  margin: 0 5px;
}
.search-banner .measurement-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.search-banner .measurement-container .item-error {
  display: block;
}
.search-banner .position-container .item-label {
  display: block;
  font-weight: 100;
  color: unset;
  margin: 0 5px;
}
.search-banner .search-banner-upload-button-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.search-banner .search-banner-upload-button-container .search-banner-upload-button {
  background: #5f7f9e;
  color: white;
  border-radius: 6px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  display: flex;
  padding: 0 10px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.search-banner .search-banner-upload-button-container .search-banner-upload-button [class*=icon-] {
  vertical-align: unset;
}

.search-banner-report {
  position: relative;
}
.search-banner-report #search-banner-filter {
  top: 0;
}

.audience .page-main {
  padding: 128px 30px;
}
.audience .page-main input::-webkit-outer-spin-button,
.audience .page-main input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.audience .page-main input[type=number] {
  -moz-appearance: textfield;
}

.rbs-wizard .page-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #4B4B4F;
  margin-bottom: 20px;
}
.rbs-wizard .rbs-and-or-operator {
  position: relative;
  display: flex;
  margin: 20px 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.rbs-wizard .rbs-and-or-operator .rbs-and-or-operator-line {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #9E9EA6;
  padding: 40px 0px;
  z-index: 0;
}
.rbs-wizard .rbs-and-or-operator .rbs-and-or-operator-tooltip {
  z-index: 1;
}
.rbs-wizard .rbs-and-or-operator .rbs-and-or-operator-select {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: min-content;
  padding: 6px;
  background: #FFFFFF;
  border: 2px solid #EFEEF7;
  box-sizing: border-box;
  border-radius: 20px;
  z-index: 1;
}
.rbs-wizard .rbs-and-or-operator .rbs-and-or-operator-select .rbs-operators {
  padding: 6px 8px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  background-color: #FFFFFF;
  color: #4B4B4F;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.rbs-wizard .rbs-and-or-operator .rbs-and-or-operator-select .rbs-operators.selected {
  background: linear-gradient(90deg, #433C97 -5.32%, rgba(46, 34, 188, 0.6) 113.83%);
  color: #FFFFFF;
}
.rbs-wizard .rbs-and-or-operator .rbs-and-or-operator-select .rbs-operators:hover {
  background-color: rgba(0, 0, 0, 0.0666666667);
}
.rbs-wizard .rbs-wizard-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  box-shadow: 0px 4px 24px 0px rgba(180, 180, 180, 0.25);
  border-radius: 8px;
  background-color: #FFFFFF;
  transition: background-color 0.2s ease-in-out;
}
.rbs-wizard .rbs-wizard-group.hovered {
  background-color: #FFF0F0;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field {
  position: relative;
  padding: 15px 20px 15px 20px;
  transition: background-color 0.2s ease-in-out;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field.hovered {
  background-color: #FFF0F0;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .rbs-criteria-title {
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  color: #5D5D62;
  margin-bottom: 10px;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .select-criteria-type {
  display: block;
  width: 260px;
  border-bottom: 2px solid #F3F3F3;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .select-criteria-type .Select-control {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .select-criteria-type .Select-multi-value-wrapper {
  flex-grow: 100;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .select-criteria-type .Select-arrow-zone {
  display: block;
  flex-grow: 1;
  width: 30px;
  padding-top: 4px;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .delete-criteria-button {
  position: absolute;
  top: 15px;
  right: 20px;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .delete-criteria-button:hover .icon-delete {
  background-color: rgba(230, 232, 236, 0.631372549);
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .delete-criteria-button span {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #CC3034;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .delete-criteria-button .icon-delete {
  padding: 4px 7px 6px;
  border-radius: 50%;
  margin-left: 8px;
  background-color: #FFFFFF;
  border: 1px solid #E6E8EC;
  box-sizing: border-box;
  box-shadow: 0 12px 42px rgba(205, 201, 241, 0.5);
  color: #CC3034;
  fill: #CC3034;
  transition: background-color 0.2s ease-in-out;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .rbs-criteria-filters {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 15px;
  padding: 15px 10px 0 10px;
  border-top: 1px solid #EFEEF7;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .rbs-criteria-filters .rbs-filter-field {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 33.3%;
  margin-bottom: 20px;
  padding: 0 10px;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .rbs-criteria-filters .rbs-filter-field .criteria-field {
  display: block;
  border: 1px solid #E6E8EC;
  box-sizing: border-box;
  border-radius: 3px;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .rbs-criteria-filters .rbs-filter-field .criteria-field.Select.has-error {
  border-color: #e87352;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .rbs-criteria-filters .rbs-filter-field .criteria-field .Select-control {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .rbs-criteria-filters .rbs-filter-field .criteria-field .Select-multi-value-wrapper {
  flex-grow: 100;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .rbs-criteria-filters .rbs-filter-field .criteria-field .Select-arrow-zone {
  display: block;
  flex-grow: 1;
  width: 30px;
  padding-top: 10px;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .rbs-criteria-add-button-field {
  margin: 0 -20px 0 -20px;
  padding: 15px 20px 20px 20px;
  border-top: 1px solid #EFEEF7;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .rbs-criteria-add-button-field .rbs-criteria-add-button {
  display: block;
  border: 1px solid #DCDCDC;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 9px;
  width: 120px;
  height: 36px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .rbs-criteria-add-button-field .rbs-criteria-add-button:hover {
  background-color: rgba(80, 73, 169, 0.0666666667);
}
.rbs-wizard .rbs-wizard-group .rbs-criteria-field .rbs-criteria-add-button-field .rbs-criteria-add-button span {
  display: block;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #5049A9;
}
.rbs-wizard .rbs-wizard-group .rbs-group-add-remove-button-field {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 15px 20px 20px 20px;
  background-color: #F9F9FF;
  border-radius: 0px 0px 8px 8px;
}
.rbs-wizard .rbs-wizard-group .rbs-group-add-remove-button-field .rbs-group-add-button {
  display: flex;
  justify-content: center;
  border: 2px solid #EFEEF7;
  background-color: #FFFFFF;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 9px;
  width: 200px;
  height: 36px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.rbs-wizard .rbs-wizard-group .rbs-group-add-remove-button-field .rbs-group-add-button:hover {
  background-color: rgba(101, 101, 101, 0.0666666667);
}
.rbs-wizard .rbs-wizard-group .rbs-group-add-remove-button-field .rbs-group-add-button svg {
  fill: #656565;
  margin-right: 15px;
  width: 16px;
  height: 16px;
}
.rbs-wizard .rbs-wizard-group .rbs-group-add-remove-button-field .rbs-group-add-button span {
  display: block;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #656565;
}
.rbs-wizard .rbs-wizard-group .rbs-group-add-remove-button-field .rbs-group-remove-button-tooltip {
  position: absolute;
  right: 20px;
}
.rbs-wizard .rbs-wizard-group .rbs-group-add-remove-button-field .rbs-group-remove-button {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #CECECE;
  background-color: #FFFFFF;
  padding: 9px 11px;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 12px 42px 0px rgba(205, 201, 241, 0.5);
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.rbs-wizard .rbs-wizard-group .rbs-group-add-remove-button-field .rbs-group-remove-button:hover {
  background-color: rgba(230, 232, 236, 0.631372549);
}
.rbs-wizard .rbs-wizard-group .rbs-and-or-operator {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 20px 0px;
  border-top: 1px solid #EFEEF7;
  border-bottom: 1px solid #EFEEF7;
  padding-left: 35px;
}
.rbs-wizard .rbs-wizard-group .rbs-and-or-operator .rbs-and-or-operator-line {
  left: 80px;
}
.rbs-wizard .rbs-filter-field .filter-operator {
  display: block;
  width: 50%;
  height: 100%;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #656565;
}
.rbs-wizard .rbs-filter-field .filter-operator:first-child {
  padding-left: 0;
}
.rbs-wizard .rbs-filter-field .filter-operator:last-child {
  padding-right: 0;
}
.rbs-wizard .rbs-filter-field .filter-operator .filter-operator-title {
  display: block;
  font-weight: 600;
  color: #5D5D62;
  margin-bottom: 5px;
}
.rbs-wizard .rbs-filter-field .filter-operator .filter-operator-title.--capitalize {
  text-transform: capitalize;
}
.rbs-wizard .rbs-filter-field .filter-operator .lightGrey {
  background-color: white !important;
  color: #0a0a0a !important;
}
.rbs-wizard .rbs-filter-field .filter-operator .item {
  background-color: #E6E8EC;
  box-sizing: border-box;
  border-radius: 3px;
  height: 36px;
  margin-bottom: 0;
  width: 100%;
}
.rbs-wizard .rbs-filter-field .filter-operator .item .text-field {
  background-color: #F9F9F9;
  width: 100%;
  height: 100%;
  border: 1px solid #E6E8EC;
  padding: 5px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: #656565;
}
.rbs-wizard .rbs-filter-field .filter-operator .item .borderContour {
  border: 1px solid #a8a8a8;
  border-radius: 2px;
  opacity: 0.3;
}
.rbs-wizard .rbs-filter-field .filter-operator .item.has-error .text-field {
  border-color: #e87352;
}
.rbs-wizard .rbs-filter-field .filter-operator.totalRevenue-operator .currency-icon {
  position: absolute;
  height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  right: 6px;
  top: 0;
}
.rbs-wizard .rbs-filter-field .filter-operator.totalRevenue-operator .currency-icon::before {
  font-size: 12px;
  color: #AAAAAA;
}
.rbs-wizard .rbs-filter-field .filter-operator.totalRevenue-operator .item .text-field {
  padding-right: 20px;
}
.rbs-wizard .rbs-filter-field .filter-operator .Select {
  height: 36px;
}
.rbs-wizard .rbs-filter-field .filter-connector {
  display: block;
  width: 10px;
  height: 38px;
  border-bottom: 2px solid #E6E8EC;
}
.rbs-wizard .rbs-filter-field.three-row.date-row .filter-operator {
  padding: 0;
}
.rbs-wizard .rbs-filter-field.three-row .filter-multi-connector {
  display: block;
  width: 6px;
  height: 38px;
  border-bottom: 2px solid #E6E8EC;
}
.rbs-wizard .rbs-filter-field.three-row .filter-operator:last-child {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
}
.rbs-wizard .rbs-filter-field.three-row .filter-operator:last-child .filter-operator-title {
  width: 100%;
}
.rbs-wizard .rbs-filter-field.three-row .filter-operator:last-child .item {
  display: block;
  width: calc(50% - 3px);
}
.rbs-wizard .rbs-filter-field.three-row .filter-operator:last-child .filter-multi-connector {
  display: block;
  width: 6px;
  height: 5px;
  border-top: 2px solid #E6E8EC;
  border-bottom: unset;
}
.rbs-wizard .rbs-filter-field .DateInput {
  font-size: 10px;
  line-height: 17px;
  font-weight: 500;
  color: #AAAAAA;
}
.rbs-wizard .rbs-filter-field .DateRangePicker {
  width: 100%;
}
.rbs-wizard .rbs-filter-field .DateRangePicker .DateRangePickerInput {
  pointer-events: auto;
  padding: 5px;
  border: 1px solid #E6E8EC;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #FFFFFF;
  width: 100%;
}
.rbs-wizard .rbs-filter-field .DateRangePicker .DateRangePickerInput .DateInput {
  width: calc(50% - 12px);
}
.rbs-wizard .rbs-filter-field .DateRangePicker .DateRangePickerInput .DateInput .DateInput__display-text {
  padding: 4px;
}
.rbs-wizard .rbs-filter-field .DateRangePicker .DateRangePickerInput .DateRangePickerInput__arrow {
  width: 10px;
  text-align: center;
  color: #AAAAAA;
  font-size: 16px;
}
.rbs-wizard .rbs-filter-field .DateRangePicker .DateRangePickerInput .DateRangePickerInput__calendar-icon {
  margin: 0;
  padding: 0;
  width: 14px;
}
.rbs-wizard .rbs-filter-field .DateRangePicker .DateRangePickerInput .DateRangePickerInput__calendar-icon svg {
  fill: #AAAAAA;
}
.rbs-wizard .rbs-filter-field .SingleDatePicker {
  width: 100%;
}
.rbs-wizard .rbs-filter-field .SingleDatePicker .SingleDatePickerInput {
  border: 1px solid #E6E8EC;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #FFFFFF;
  width: 100%;
}
.rbs-wizard .rbs-filter-field .SingleDatePicker .SingleDatePickerInput .DateInput {
  width: calc(100% - 14px);
}
.rbs-wizard .rbs-filter-field .SingleDatePicker .SingleDatePickerInput .SingleDatePickerInput__calendar-icon {
  margin: 0;
  padding: 0;
  width: 14px;
}
.rbs-wizard .rbs-filter-field .SingleDatePicker .SingleDatePickerInput .SingleDatePickerInput__calendar-icon:hover {
  background-color: unset;
}
.rbs-wizard .rbs-filter-field .SingleDatePicker .SingleDatePickerInput .SingleDatePickerInput__calendar-icon svg {
  fill: #AAAAAA;
}
.rbs-wizard .rbs-filter-field .has-error.filter-operator .DateRangePickerInput, .rbs-wizard .rbs-filter-field .has-error.filter-operator .SingleDatePickerInput {
  border-color: #e87352;
}
.rbs-wizard .rbs-and-or-operator .selected {
  background-color: #f5f5f5;
}

.rbs-wizard-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}
.rbs-wizard-buttons .gotest-action {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  margin: 0;
  background: unset;
  color: #4B4B4F;
  width: auto;
}
.rbs-wizard-buttons .gotest-action:hover {
  background-color: rgba(0, 0, 0, 0.0666666667);
}
.rbs-wizard-buttons .golive-action {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  margin: 0;
  margin-left: 5px;
  width: auto;
}

/* RBS Tooltips */
.rbs-and-or-operator-tooltip-overlay .rc-tooltip-inner {
  width: 200px;
  text-align: center;
  border-radius: 6px;
}

.rbs-group-remove-button-tooltip-overlay .rc-tooltip-inner {
  border-radius: 6px;
}

/* RBS Preview Modal */
.rbs-wizard-save-preview-modal.save-preview .modal-header {
  display: none;
}
.rbs-wizard-save-preview-modal.save-preview .modal-content {
  width: 90%;
}
.rbs-wizard-save-preview-modal.save-preview .modal-content .modal-content-wrapper {
  padding-bottom: 80px;
}
.rbs-wizard-save-preview-modal.save-preview .modal-close {
  display: none;
}
.rbs-wizard-save-preview-modal.detail-preview .modal-header {
  border: unset;
}
.rbs-wizard-save-preview-modal.detail-preview .modal-header .modal-content-title {
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
  color: #CC4230;
}
.rbs-wizard-save-preview-modal.detail-preview .modal-content {
  width: 90%;
}
.rbs-wizard-save-preview-modal.detail-preview .modal-close {
  right: 30px;
}
.rbs-wizard-save-preview-modal.detail-preview .modal-close::before {
  font-size: 18px;
  color: #656565;
}
.rbs-wizard-save-preview-modal.detail-preview .rbs-detail-preview-buttons {
  position: absolute;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
  top: 20px;
  right: 85px;
}
.rbs-wizard-save-preview-modal.detail-preview .rbs-detail-preview-buttons .segment-options {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  margin-right: 25px;
}
.rbs-wizard-save-preview-modal.detail-preview .rbs-detail-preview-buttons .segment-options .item.is-toggle {
  width: 75px;
  height: 35px;
  border-radius: 20px;
  margin-bottom: 3px;
}
.rbs-wizard-save-preview-modal.detail-preview .rbs-detail-preview-buttons .segment-options .item.is-toggle input + .item-label::before {
  width: 24px;
  height: 24px;
  left: 5px;
}
.rbs-wizard-save-preview-modal.detail-preview .rbs-detail-preview-buttons .segment-options .item.is-toggle input:checked + .item-label::before {
  width: 24px;
  height: 24px;
  left: calc(100% - 29px);
}
.rbs-wizard-save-preview-modal.detail-preview .rbs-detail-preview-buttons .segment-options .item-help {
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  color: #000000;
}
.rbs-wizard-save-preview-modal.detail-preview .rbs-detail-preview-buttons .segment-options .item-help .live {
  color: #63ca63;
}
.rbs-wizard-save-preview-modal.detail-preview .rbs-detail-preview-buttons .preview-edit-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  margin: 0;
  padding: 10px 18px;
  background-color: #5A7491;
  color: #ffffff;
}
.rbs-wizard-save-preview-modal.detail-preview .rbs-detail-preview-buttons .preview-edit-button svg {
  margin-right: 8px;
}
.rbs-wizard-save-preview-modal .rbs-wizard-save-preview .save-preview-segmentName-field {
  display: block;
  margin-bottom: 20px;
}
.rbs-wizard-save-preview-modal .rbs-wizard-save-preview .save-preview-segmentName-field .save-preview-title {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #CC4230;
}
.rbs-wizard-save-preview-modal .rbs-wizard-save-preview .save-preview-segmentName-field .save-preview-segmentName {
  display: block;
}
.rbs-wizard-save-preview-modal .rbs-wizard-save-preview .save-preview-segmentName-field .save-preview-segmentName input {
  width: 100%;
  box-shadow: 0px 4px 24px 0px rgba(180, 180, 180, 0.25);
  border-radius: 5px;
  border-color: transparent;
  padding: 10px 15px;
  margin-top: 7px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
}
.rbs-wizard-save-preview-modal .rbs-wizard-save-preview .save-preview-segmentName-field .save-preview-segmentName.has-error input {
  border-color: #e87352;
}
.rbs-wizard-save-preview-modal .rbs-wizard-save-preview .save-preview-segmentName-field.readonly .save-preview-title {
  color: #4B4B4F;
}
.rbs-wizard-save-preview-modal .rbs-wizard-save-preview .save-preview-segmentName-field.readonly .save-preview-segmentName input {
  background-color: #F9F9F9;
  box-shadow: none;
}
.rbs-wizard-save-preview-modal .rbs-wizard-save-preview .rbs-wizard-save-preview-modal-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0px;
  width: calc(100% - 40px);
  height: 80px;
  background-color: #FFFFFF;
  z-index: 1;
}
.rbs-wizard-save-preview-modal .rbs-wizard-save-preview .rbs-wizard-save-preview-modal-buttons .goback-action {
  display: block;
  width: 120px;
  background-color: transparent;
  margin-right: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #4B4B4F;
}
.rbs-wizard-save-preview-modal .rbs-wizard-save-preview .rbs-wizard-save-preview-modal-buttons .goback-action:active {
  box-shadow: unset;
}
.rbs-wizard-save-preview-modal .rbs-wizard-save-preview .rbs-wizard-save-preview-modal-buttons .goback-action svg {
  margin-right: 10px;
}
.rbs-wizard-save-preview-modal .rbs-wizard-save-preview .rbs-wizard-save-preview-modal-buttons .gosave-action {
  display: block;
  width: auto;
  margin-right: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #FFFFFF;
}

/* RBS Preview Detail */
.rbs-preview-detail {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.rbs-preview-detail .rbs-wizard-group {
  background-color: #F9F9F9;
}
.rbs-preview-detail .rbs-wizard-group .rbs-preview-criteria-field {
  border-bottom: 2px solid #EFEEF7;
}
.rbs-preview-detail .rbs-wizard-group .rbs-preview-criteria-field .rbs-preview-criteria-title-field {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  background-color: #EFEEF7;
  padding: 15px 20px;
}
.rbs-preview-detail .rbs-wizard-group .rbs-preview-criteria-field .rbs-preview-criteria-title-field .criteria-title-constant {
  font-size: 12px;
  line-height: 15px;
  color: #5D5D62;
  margin-bottom: 5px;
}
.rbs-preview-detail .rbs-wizard-group .rbs-preview-criteria-field .rbs-preview-criteria-title-field .criteria-title-criteriaType {
  font-size: 14px;
  line-height: 17px;
  color: #4B4B4F;
}
.rbs-preview-detail .rbs-wizard-group .rbs-preview-criteria-field .rbs-preview-criteria-content-field {
  display: block;
  padding: 20px;
}
.rbs-preview-detail .rbs-wizard-group .rbs-preview-criteria-field .rbs-preview-criteria-content-field .rbs-criteria-filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.rbs-preview-detail .rbs-wizard-group .rbs-preview-criteria-field .rbs-preview-criteria-content-field .rbs-criteria-filters .preview-filter-detail-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 25%;
}
.rbs-preview-detail .rbs-wizard-group .rbs-preview-criteria-field .rbs-preview-criteria-content-field .rbs-criteria-filters .preview-filter-detail-item .item-detail {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
}
.rbs-preview-detail .rbs-wizard-group .rbs-preview-criteria-field .rbs-preview-criteria-content-field .rbs-criteria-filters .preview-filter-detail-item .item-detail .item-detail-title {
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  color: #909090;
  margin-bottom: 5px;
}
.rbs-preview-detail .rbs-wizard-group .rbs-preview-criteria-field .rbs-preview-criteria-content-field .rbs-criteria-filters .preview-filter-detail-item .item-detail .item-detail-value {
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  color: #000000;
}
.rbs-preview-detail .preview-and-or-operator {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 60px;
}
.rbs-preview-detail .preview-and-or-operator.group-operator {
  margin-left: calc(50% - 23px);
}
.rbs-preview-detail .preview-and-or-operator.criteria-operator {
  margin-left: 20px;
}
.rbs-preview-detail .preview-and-or-operator .preview-and-or-operator-line {
  position: absolute;
  display: block;
  width: 0px;
  height: 60px;
  border-right: 1px solid #9E9EA6;
  left: 50%;
  top: 0;
  z-index: 0;
}
.rbs-preview-detail .preview-and-or-operator .preview-operator {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background: linear-gradient(90deg, #433C97 -5.32%, rgba(46, 34, 188, 0.6) 113.83%);
  background-color: #FFFFFF;
  border-radius: 20px;
  width: 46px;
  height: 24px;
  z-index: 1;
}
.rbs-preview-detail .preview-and-or-operator .preview-operator span {
  font-size: 12px;
  line-height: 15px;
  font-weight: 550;
  color: #FFFFFF;
}

/**
 * Auxiliary
 */
/* @author Bilal Cinarli */
/** -------------------------------------------

    ------------------------------------------- **/
@keyframes placeholderShimmer {
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}
.react-placeholder {
  height: 115px;
}
.react-placeholder__line {
  height: 15px;
  margin: 10px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
  animation: placeholderShimmer 2.5s linear;
  animation-iteration-count: infinite;
}
.react-placeholder__line:nth-child(1) {
  width: 90%;
}
.react-placeholder__line:nth-child(2) {
  width: 70%;
}
.react-placeholder__line:nth-child(3) {
  width: 80%;
}
.react-placeholder__line:nth-child(4) {
  width: 90%;
}
.react-placeholder__line:nth-child(5) {
  width: 60%;
}

/**
 * Lastly, import Melange Auxiliary
 * For auxiliary usages, the final visibility or behaviour states of the elements, add the auxiliary definitions at last.
 * The auxiliary definitions are such as `.is-hidden`, `.has-action`
 */
/* @author Bilal Cinarli */
/** -------------------------------------------
    Auxiliary Definitions
    ------------------------------------------- **/
/* @author Bilal Cinarli */
/** -------------------------------------------
    Visibility Related
    ------------------------------------------- **/
/*
 * Hide element
 */
.is-hidden,
.hide {
  display: none;
}

/*
 * Sometimes you do not hide the element
 * `for-screenreader-only` the element will not hidden but
 * visually invisible for accessibility 
 */
.for-screenreader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
}

/**
 * Device visibility
 */
@media screen and (max-width: 1223px) {
  .desktop-visible {
    display: none;
  }
}

@media screen and (min-width: 1224px) {
  .desktop-hidden,
  .tablet-visible {
    display: none;
  }
}

@media screen and (min-width: 421px) and (max-width: 1024px) {
  .tablet-hidden {
    display: none;
  }
}

@media screen and (min-width: 421px) {
  .mobile-visible {
    display: none;
  }
}

@media screen and (max-width: 420px) {
  .mobile-hidden,
  .tablet-visible {
    display: none;
  }
}

.favicon-container {
  background: url("/assets/favicon-DHwB3ggO.png");
}

.sg-tooltip {
  max-width: 250px;
}

/*
*  File Structure Exmaple For Styles 
*  Example File scss dir  => src/styles/components/card-wrapper.scss
*  js dir => src/components/CardWrapper/index.js
*  
*/
.card-wrapper {
  background-color: #fff;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
  height: auto;
}
.card-wrapper .card-header {
  border-bottom: 3px solid #E5E5E5;
  padding: 20px 25px;
  padding-bottom: 0px;
  height: 70px;
  margin-bottom: 20px;
}
.card-wrapper .card-header__text {
  font-size: 20px;
  color: #787579;
  float: left;
}
.card-wrapper .card-header__device-filter {
  float: right;
  right: 0;
}
.card-wrapper .card-body {
  padding: 20px 25px;
  min-height: 300px;
}

.info-modal-wrapper {
  display: inline-block;
}

.total-permissions-count-wrap {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin: 10px 15px;
}
.total-permissions-count-wrap .total-permissions-count {
  flex: 1;
  text-align: center;
}
.total-permissions-count-wrap .total-permissions-count.is-sigle {
  color: #7a7a7c;
}
.total-permissions-count-wrap .total-permissions-count.is-sigle__label {
  font-size: 12px;
}
.total-permissions-count-wrap .total-permissions-count__label {
  font-size: 14px;
  text-align: center;
}
.total-permissions-count-wrap .total-permissions-count__counter {
  font-size: 24px;
  font-weight: 600;
}

.deneme-loader-wrap {
  position: relative;
  width: 600px;
  height: 600px;
  background-color: white;
  display: flex;
  align-items: center;
  font-family: "homepage-baukasten";
}
.deneme-loader-wrap.trendify .loader--s {
  color: #6aafb8;
}
.deneme-loader-wrap.trendify .loader--s:after {
  content: "t";
}
.deneme-loader-wrap.trendify .loader--fy {
  color: #6aafb8;
}
.deneme-loader-wrap.trendify .loader--curve {
  border-color: #6aafb8;
}
.deneme-loader-wrap.bannerify .loader--s {
  color: #e9b071;
}
.deneme-loader-wrap.bannerify .loader--s:after {
  content: "b";
}
.deneme-loader-wrap.bannerify .loader--fy {
  color: #e9b071;
}
.deneme-loader-wrap.bannerify .loader--curve {
  border-color: #e9b071;
}
.deneme-loader-wrap .loader {
  justify-content: center;
}
.deneme-loader-wrap .loader--s, .deneme-loader-wrap .loader--fy {
  font-weight: 600;
  font-family: "homepage-baukasten";
  color: #dc3322;
  font-size: 76px;
  z-index: 99;
  text-shadow: -1px -5px 1px white;
}
.deneme-loader-wrap .loader--s:after, .deneme-loader-wrap .loader--fy:after {
  content: "s";
}
.deneme-loader-wrap .loader--fy {
  font-weight: 200;
  margin-top: -33px;
  margin-left: -3px;
  font-size: 36px;
  z-index: 97;
}
.deneme-loader-wrap .loader--fy:after {
  content: "fy";
}
.deneme-loader-wrap .loader--shape {
  width: 13px;
  height: 12px;
  background-color: white;
  position: absolute;
  left: 61px;
  top: 272px;
  z-index: 98;
  /* border: 1px solid black; */
  transform: rotate(115deg);
}
.deneme-loader-wrap .loader--curve {
  border: 5px solid #dc3322;
  /* border-radius: 50%; */
  width: 61px;
  height: 65px;
  margin-top: -24px;
  z-index: 98;
  margin-left: -63px;
  /* border-left: 0px; */
  border-bottom: 10px solid transparent;
  transform: rotate(0deg);
  /* box-shadow: inset 0px 0px 0px 5px white, 0px 0px 0px 5px white; */
  border-top-left-radius: 70px;
  border-top-right-radius: 70px;
  /* border-right: 10px solid white; */
  border-left: 10px solid transparent;
  transform: rotate(-51deg);
  border-bottom-right-radius: 122%;
  animation: deneme 1.2s infinite, ease-in-out;
}
.deneme-loader-wrap .loader--curve:after {
  content: " ";
}
@keyframes deneme {
  0% {
    transform: rotate(-200deg);
    opacity: 0;
  }
  25% {
    transform: rotate(-200deg);
    opacity: 1;
  }
  75% {
    transform: rotate(-51deg);
    opacity: 1;
  }
  100% {
    transform: rotate(-51deg);
    opacity: 0;
  }
}
.deneme-loader-wrap .loader--curve-hider {
  /* border: 1px solid black; */
  width: 100px;
  height: 21px;
  z-index: 98;
  left: 0px;
  position: absolute;
  margin-top: 25px;
  background: white;
}

span.item-error {
  animation-name: highlight-error;
  animation-duration: 2s;
}

@keyframes highlight-error {
  from {
    background-color: #fff3f3;
  }
  to {
    background-color: rgba(0, 0, 0, 0);
  }
}.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

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

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

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

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}