@charset "UTF-8";
/* Flags CSS - Easy-Autocomplete */
.flag {
  background: url(/wp-content/plugins/dxp-toolkit/admin/assets/images/flags.png) no-repeat;
  display: inline-block;
  height: 11px;
  margin-right: 5px;
  width: 16px;
}
.flag.flag-ad {
  background-position: -16px 0;
}
.flag.flag-ae {
  background-position: -32px 0;
}
.flag.flag-af {
  background-position: -48px 0;
}
.flag.flag-ag {
  background-position: -64px 0;
}
.flag.flag-ai {
  background-position: -80px 0;
}
.flag.flag-al {
  background-position: -96px 0;
}
.flag.flag-am {
  background-position: -112px 0;
}
.flag.flag-an {
  background-position: -128px 0;
}
.flag.flag-ao {
  background-position: -144px 0;
}
.flag.flag-ar {
  background-position: -160px 0;
}
.flag.flag-as {
  background-position: -176px 0;
}
.flag.flag-at {
  background-position: -192px 0;
}
.flag.flag-au {
  background-position: -208px 0;
}
.flag.flag-aw {
  background-position: -224px 0;
}
.flag.flag-az {
  background-position: -240px 0;
}
.flag.flag-ba {
  background-position: 0 -11px;
}
.flag.flag-bb {
  background-position: -16px -11px;
}
.flag.flag-bd {
  background-position: -32px -11px;
}
.flag.flag-be {
  background-position: -48px -11px;
}
.flag.flag-bf {
  background-position: -64px -11px;
}
.flag.flag-bg {
  background-position: -80px -11px;
}
.flag.flag-bh {
  background-position: -96px -11px;
}
.flag.flag-bi {
  background-position: -112px -11px;
}
.flag.flag-bj {
  background-position: -128px -11px;
}
.flag.flag-bm {
  background-position: -144px -11px;
}
.flag.flag-bn {
  background-position: -160px -11px;
}
.flag.flag-bo {
  background-position: -176px -11px;
}
.flag.flag-br {
  background-position: -192px -11px;
}
.flag.flag-bs {
  background-position: -208px -11px;
}
.flag.flag-bt {
  background-position: -224px -11px;
}
.flag.flag-bv {
  background-position: -240px -11px;
}
.flag.flag-bw {
  background-position: 0 -22px;
}
.flag.flag-by {
  background-position: -16px -22px;
}
.flag.flag-bz {
  background-position: -32px -22px;
}
.flag.flag-ca {
  background-position: -48px -22px;
}
.flag.flag-catalonia {
  background-position: -64px -22px;
}
.flag.flag-cd {
  background-position: -80px -22px;
}
.flag.flag-cf {
  background-position: -96px -22px;
}
.flag.flag-cg {
  background-position: -112px -22px;
}
.flag.flag-ch {
  background-position: -128px -22px;
}
.flag.flag-ci {
  background-position: -144px -22px;
}
.flag.flag-ck {
  background-position: -160px -22px;
}
.flag.flag-cl {
  background-position: -176px -22px;
}
.flag.flag-cm {
  background-position: -192px -22px;
}
.flag.flag-cn {
  background-position: -208px -22px;
}
.flag.flag-co {
  background-position: -224px -22px;
}
.flag.flag-cr {
  background-position: -240px -22px;
}
.flag.flag-cu {
  background-position: 0 -33px;
}
.flag.flag-cv {
  background-position: -16px -33px;
}
.flag.flag-cw {
  background-position: -32px -33px;
}
.flag.flag-cy {
  background-position: -48px -33px;
}
.flag.flag-cz {
  background-position: -64px -33px;
}
.flag.flag-de {
  background-position: -80px -33px;
}
.flag.flag-dj {
  background-position: -96px -33px;
}
.flag.flag-dk {
  background-position: -112px -33px;
}
.flag.flag-dm {
  background-position: -128px -33px;
}
.flag.flag-do {
  background-position: -144px -33px;
}
.flag.flag-dz {
  background-position: -160px -33px;
}
.flag.flag-ec {
  background-position: -176px -33px;
}
.flag.flag-ee {
  background-position: -192px -33px;
}
.flag.flag-eg {
  background-position: -208px -33px;
}
.flag.flag-eh {
  background-position: -224px -33px;
}
.flag.flag-england {
  background-position: -240px -33px;
}
.flag.flag-er {
  background-position: 0 -44px;
}
.flag.flag-es {
  background-position: -16px -44px;
}
.flag.flag-et {
  background-position: -32px -44px;
}
.flag.flag-eu {
  background-position: -48px -44px;
}
.flag.flag-fi {
  background-position: -64px -44px;
}
.flag.flag-fj {
  background-position: -80px -44px;
}
.flag.flag-fk {
  background-position: -96px -44px;
}
.flag.flag-fm {
  background-position: -112px -44px;
}
.flag.flag-fo {
  background-position: -128px -44px;
}
.flag.flag-fr {
  background-position: -144px -44px;
}
.flag.flag-ga {
  background-position: -160px -44px;
}
.flag.flag-gb {
  background-position: -176px -44px;
}
.flag.flag-gd {
  background-position: -192px -44px;
}
.flag.flag-ge {
  background-position: -208px -44px;
}
.flag.flag-gf {
  background-position: -224px -44px;
}
.flag.flag-gg {
  background-position: -240px -44px;
}
.flag.flag-gh {
  background-position: 0 -55px;
}
.flag.flag-gi {
  background-position: -16px -55px;
}
.flag.flag-gl {
  background-position: -32px -55px;
}
.flag.flag-gm {
  background-position: -48px -55px;
}
.flag.flag-gn {
  background-position: -64px -55px;
}
.flag.flag-gp {
  background-position: -80px -55px;
}
.flag.flag-gq {
  background-position: -96px -55px;
}
.flag.flag-gr {
  background-position: -112px -55px;
}
.flag.flag-gs {
  background-position: -128px -55px;
}
.flag.flag-gt {
  background-position: -144px -55px;
}
.flag.flag-gu {
  background-position: -160px -55px;
}
.flag.flag-gw {
  background-position: -176px -55px;
}
.flag.flag-gy {
  background-position: -192px -55px;
}
.flag.flag-hk {
  background-position: -208px -55px;
}
.flag.flag-hm {
  background-position: -224px -55px;
}
.flag.flag-hn {
  background-position: -240px -55px;
}
.flag.flag-hr {
  background-position: 0 -66px;
}
.flag.flag-ht {
  background-position: -16px -66px;
}
.flag.flag-hu {
  background-position: -32px -66px;
}
.flag.flag-ic {
  background-position: -48px -66px;
}
.flag.flag-id {
  background-position: -64px -66px;
}
.flag.flag-ie {
  background-position: -80px -66px;
}
.flag.flag-il {
  background-position: -96px -66px;
}
.flag.flag-im {
  background-position: -112px -66px;
}
.flag.flag-in {
  background-position: -128px -66px;
}
.flag.flag-io {
  background-position: -144px -66px;
}
.flag.flag-iq {
  background-position: -160px -66px;
}
.flag.flag-ir {
  background-position: -176px -66px;
}
.flag.flag-is {
  background-position: -192px -66px;
}
.flag.flag-it {
  background-position: -208px -66px;
}
.flag.flag-je {
  background-position: -224px -66px;
}
.flag.flag-jm {
  background-position: -240px -66px;
}
.flag.flag-jo {
  background-position: 0 -77px;
}
.flag.flag-jp {
  background-position: -16px -77px;
}
.flag.flag-ke {
  background-position: -32px -77px;
}
.flag.flag-kg {
  background-position: -48px -77px;
}
.flag.flag-kh {
  background-position: -64px -77px;
}
.flag.flag-ki {
  background-position: -80px -77px;
}
.flag.flag-km {
  background-position: -96px -77px;
}
.flag.flag-kn {
  background-position: -112px -77px;
}
.flag.flag-kp {
  background-position: -128px -77px;
}
.flag.flag-kr {
  background-position: -144px -77px;
}
.flag.flag-kurdistan {
  background-position: -160px -77px;
}
.flag.flag-kw {
  background-position: -176px -77px;
}
.flag.flag-ky {
  background-position: -192px -77px;
}
.flag.flag-kz {
  background-position: -208px -77px;
}
.flag.flag-la {
  background-position: -224px -77px;
}
.flag.flag-lb {
  background-position: -240px -77px;
}
.flag.flag-lc {
  background-position: 0 -88px;
}
.flag.flag-li {
  background-position: -16px -88px;
}
.flag.flag-lk {
  background-position: -32px -88px;
}
.flag.flag-lr {
  background-position: -48px -88px;
}
.flag.flag-ls {
  background-position: -64px -88px;
}
.flag.flag-lt {
  background-position: -80px -88px;
}
.flag.flag-lu {
  background-position: -96px -88px;
}
.flag.flag-lv {
  background-position: -112px -88px;
}
.flag.flag-ly {
  background-position: -128px -88px;
}
.flag.flag-ma {
  background-position: -144px -88px;
}
.flag.flag-mc {
  background-position: -160px -88px;
}
.flag.flag-md {
  background-position: -176px -88px;
}
.flag.flag-me {
  background-position: -192px -88px;
}
.flag.flag-mg {
  background-position: -208px -88px;
}
.flag.flag-mh {
  background-position: -224px -88px;
}
.flag.flag-mk {
  background-position: -240px -88px;
}
.flag.flag-ml {
  background-position: 0 -99px;
}
.flag.flag-mm {
  background-position: -16px -99px;
}
.flag.flag-mn {
  background-position: -32px -99px;
}
.flag.flag-mo {
  background-position: -48px -99px;
}
.flag.flag-mp {
  background-position: -64px -99px;
}
.flag.flag-mq {
  background-position: -80px -99px;
}
.flag.flag-mr {
  background-position: -96px -99px;
}
.flag.flag-ms {
  background-position: -112px -99px;
}
.flag.flag-mt {
  background-position: -128px -99px;
}
.flag.flag-mu {
  background-position: -144px -99px;
}
.flag.flag-mv {
  background-position: -160px -99px;
}
.flag.flag-mw {
  background-position: -176px -99px;
}
.flag.flag-mx {
  background-position: -192px -99px;
}
.flag.flag-my {
  background-position: -208px -99px;
}
.flag.flag-mz {
  background-position: -224px -99px;
}
.flag.flag-na {
  background-position: -240px -99px;
}
.flag.flag-nc {
  background-position: 0 -110px;
}
.flag.flag-ne {
  background-position: -16px -110px;
}
.flag.flag-nf {
  background-position: -32px -110px;
}
.flag.flag-ng {
  background-position: -48px -110px;
}
.flag.flag-ni {
  background-position: -64px -110px;
}
.flag.flag-nl {
  background-position: -80px -110px;
}
.flag.flag-no {
  background-position: -96px -110px;
}
.flag.flag-np {
  background-position: -112px -110px;
}
.flag.flag-nr {
  background-position: -128px -110px;
}
.flag.flag-nu {
  background-position: -144px -110px;
}
.flag.flag-nz {
  background-position: -160px -110px;
}
.flag.flag-om {
  background-position: -176px -110px;
}
.flag.flag-pa {
  background-position: -192px -110px;
}
.flag.flag-pe {
  background-position: -208px -110px;
}
.flag.flag-pf {
  background-position: -224px -110px;
}
.flag.flag-pg {
  background-position: -240px -110px;
}
.flag.flag-ph {
  background-position: 0 -121px;
}
.flag.flag-pk {
  background-position: -16px -121px;
}
.flag.flag-pl {
  background-position: -32px -121px;
}
.flag.flag-pm {
  background-position: -48px -121px;
}
.flag.flag-pn {
  background-position: -64px -121px;
}
.flag.flag-pr {
  background-position: -80px -121px;
}
.flag.flag-ps {
  background-position: -96px -121px;
}
.flag.flag-pt {
  background-position: -112px -121px;
}
.flag.flag-pw {
  background-position: -128px -121px;
}
.flag.flag-py {
  background-position: -144px -121px;
}
.flag.flag-qa {
  background-position: -160px -121px;
}
.flag.flag-re {
  background-position: -176px -121px;
}
.flag.flag-ro {
  background-position: -192px -121px;
}
.flag.flag-cs {
  background-position: -208px -121px;
}
.flag.flag-ru {
  background-position: -224px -121px;
}
.flag.flag-rw {
  background-position: -240px -121px;
}
.flag.flag-sa {
  background-position: 0 -132px;
}
.flag.flag-sb {
  background-position: -16px -132px;
}
.flag.flag-sc {
  background-position: -32px -132px;
}
.flag.flag-scotland {
  background-position: -48px -132px;
}
.flag.flag-sd {
  background-position: -64px -132px;
}
.flag.flag-se {
  background-position: -80px -132px;
}
.flag.flag-sg {
  background-position: -96px -132px;
}
.flag.flag-sh {
  background-position: -112px -132px;
}
.flag.flag-si {
  background-position: -128px -132px;
}
.flag.flag-sk {
  background-position: -144px -132px;
}
.flag.flag-sl {
  background-position: -160px -132px;
}
.flag.flag-sm {
  background-position: -176px -132px;
}
.flag.flag-sn {
  background-position: -192px -132px;
}
.flag.flag-so {
  background-position: -208px -132px;
}
.flag.flag-somaliland {
  background-position: -224px -132px;
}
.flag.flag-sr {
  background-position: -240px -132px;
}
.flag.flag-ss {
  background-position: 0 -143px;
}
.flag.flag-st {
  background-position: -16px -143px;
}
.flag.flag-sv {
  background-position: -32px -143px;
}
.flag.flag-sx {
  background-position: -48px -143px;
}
.flag.flag-sy {
  background-position: -64px -143px;
}
.flag.flag-sz {
  background-position: -80px -143px;
}
.flag.flag-tc {
  background-position: -96px -143px;
}
.flag.flag-td {
  background-position: -112px -143px;
}
.flag.flag-tf {
  background-position: -128px -143px;
}
.flag.flag-tg {
  background-position: -144px -143px;
}
.flag.flag-th {
  background-position: -160px -143px;
}
.flag.flag-tj {
  background-position: -176px -143px;
}
.flag.flag-tk {
  background-position: -192px -143px;
}
.flag.flag-tl {
  background-position: -208px -143px;
}
.flag.flag-tm {
  background-position: -224px -143px;
}
.flag.flag-tn {
  background-position: -240px -143px;
}
.flag.flag-to {
  background-position: 0 -154px;
}
.flag.flag-tr {
  background-position: -16px -154px;
}
.flag.flag-tt {
  background-position: -32px -154px;
}
.flag.flag-tv {
  background-position: -48px -154px;
}
.flag.flag-tw {
  background-position: -64px -154px;
}
.flag.flag-tz {
  background-position: -80px -154px;
}
.flag.flag-ua {
  background-position: -96px -154px;
}
.flag.flag-ug {
  background-position: -112px -154px;
}
.flag.flag-um {
  background-position: -128px -154px;
}
.flag.flag-us {
  background-position: -144px -154px;
}
.flag.flag-uy {
  background-position: -160px -154px;
}
.flag.flag-uz {
  background-position: -176px -154px;
}
.flag.flag-va {
  background-position: -192px -154px;
}
.flag.flag-vc {
  background-position: -208px -154px;
}
.flag.flag-ve {
  background-position: -224px -154px;
}
.flag.flag-vg {
  background-position: -240px -154px;
}
.flag.flag-vi {
  background-position: 0 -165px;
}
.flag.flag-vn {
  background-position: -16px -165px;
}
.flag.flag-vu {
  background-position: -32px -165px;
}
.flag.flag-wales {
  background-position: -48px -165px;
}
.flag.flag-wf {
  background-position: -64px -165px;
}
.flag.flag-ws {
  background-position: -80px -165px;
}
.flag.flag-xk {
  background-position: -96px -165px;
}
.flag.flag-ye {
  background-position: -112px -165px;
}
.flag.flag-yt {
  background-position: -128px -165px;
}
.flag.flag-za {
  background-position: -144px -165px;
}
.flag.flag-zanzibar {
  background-position: -160px -165px;
}
.flag.flag-zm {
  background-position: -176px -165px;
}
.flag.flag-zw {
  background-position: -192px -165px;
}
/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
body {
  background: #F1F1F1;
}
#screen-meta-links {
  display: none;
}
.geolocation-add-container .button-primary {
  margin-top: 5px;
}
#dxptk-new-rule-type svg {
  height: 18px;
  vertical-align: sub;
  width: 18px;
}
.conditional-tabs .tab {
  border-bottom: 0;
  cursor: pointer;
  line-height: 20px;
  overflow: hidden;
  padding: 15px;
  transition: all 0.15s ease-in-out;
}
.conditional-tabs .tab:focus, .conditional-tabs .tab:focus-visible {
  box-shadow: 0 0 0 1px #4a1ade;
}
.conditional-tabs .tab span[class^=icon-osdxpi-] {
  color: #3C15B4;
  font-size: 20px;
  margin-right: 3px;
  position: relative;
  top: 4px;
}
.deviceinstructions {
  margin-top: 0;
}
@media (min-width: 1200px) {
  .devices-container {
    margin-top: -15px;
  }
}
.rule-wrap select:not([multiple]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
  background-position: right 50%;
  background-repeat: no-repeat;
  border-radius: 0;
  height: auto;
  padding: 0.3em 0.4em;
  padding-right: 1.5em;
}
.rule-wrap input[type=text] {
  border-radius: 0;
  height: auto;
  padding: 0.3em 0.4em;
}
.rule-wrap .right-settings {
  display: flex;
  flex-direction: column;
  padding-left: 25px;
  padding-right: 30px;
  border-left: 1px solid #F1F1F1;
}
@media (min-width: 991px) {
  .rule-wrap .right-settings select,
  .rule-wrap .right-settings input,
  .rule-wrap .right-settings textarea,
  .rule-wrap .right-settings .settimeinstructions,
  .rule-wrap .right-settings pre.cf-cc-dynamic-link-code {
    max-width: 350px;
  }
}
.left-tabs .condition-label {
  font-weight: 300;
  padding: 15px;
  font-size: 1.3em;
  line-height: 1.3em;
  margin-top: 2px;
  border-bottom: 2px solid #4a1ade;
}
.right-settings .condition-label {
  font-weight: 300;
  padding: 15px 0;
  margin: 0;
  font-style: italic;
}
.conditional-tabs {
  font-weight: bold;
}
.conditional-tabs.Device div[data-trigger=Device], .conditional-tabs.drip-addon div[data-trigger=drip-addon], .conditional-tabs.convertkit-addon div[data-trigger=convertkit-addon], .conditional-tabs.User-Behavior div[data-trigger=User-Behavior], .conditional-tabs.referrer div[data-trigger=referrer], .conditional-tabs.url div[data-trigger=url], .conditional-tabs.Time-Date div[data-trigger=Time-Date], .conditional-tabs.PageVisit div[data-trigger=PageVisit], .conditional-tabs.Geolocation div[data-trigger=Geolocation], .conditional-tabs.custom div[data-trigger=custom], .conditional-tabs.ganalytics div[data-trigger=ganalytics], .conditional-tabs.matomo div[data-trigger=matomo], .conditional-tabs.salesforce-contact div[data-trigger=salesforce-contact], .conditional-tabs.woocommerce-membership div[data-trigger=woocommerce-membership], .conditional-tabs.woocommerce-subscription div[data-trigger=woocommerce-subscription], .conditional-tabs.learndash-courses div[data-trigger=learndash-courses], .conditional-tabs.hubspot-addon div[data-trigger=hubspot-addon], .conditional-tabs.Analytics div[data-trigger=Analytics], .conditional-tabs.WooCommerce div[data-trigger=WooCommerce], .conditional-tabs.active-campaign div[data-trigger=active-campaign], .conditional-tabs.gravity-forms div[data-trigger=gravity-forms] {
  background: #28088D;
  color: #FFFFFF;
}
.conditional-tabs.Device div[data-trigger=Device] span[class^=icon-osdxpi-], .conditional-tabs.gravity-forms div[data-trigger=gravity-forms] span[class^=icon-osdxpi-] .conditional-tabs.drip-addon div[data-trigger=drip-addon] span[class^=icon-osdxpi-], .conditional-tabs.convertkit-addon div[data-trigger=convertkit-addon] span[class^=icon-osdxpi-], .conditional-tabs.User-Behavior div[data-trigger=User-Behavior] span[class^=icon-osdxpi-], .conditional-tabs.referrer div[data-trigger=referrer] span[class^=icon-osdxpi-], .conditional-tabs.url div[data-trigger=url] span[class^=icon-osdxpi-], .conditional-tabs.Time-Date div[data-trigger=Time-Date] span[class^=icon-osdxpi-], .conditional-tabs.PageVisit div[data-trigger=PageVisit] span[class^=icon-osdxpi-], .conditional-tabs.Geolocation div[data-trigger=Geolocation] span[class^=icon-osdxpi-], .conditional-tabs.custom div[data-trigger=custom] span[class^=icon-osdxpi-], .conditional-tabs.ganalytics div[data-trigger=ganalytics] span[class^=icon-osdxpi-], .conditional-tabs.matomo div[data-trigger=matomo] span[class^=icon-osdxpi-], .conditional-tabs.salesforce-contact div[data-trigger=salesforce-contact] span[class^=icon-osdxpi-], .conditional-tabs.woocommerce-membership div[data-trigger=woocommerce-membership] span[class^=icon-osdxpi-], .conditional-tabs.woocommerce-subscription div[data-trigger=woocommerce-subscription] span[class^=icon-osdxpi-], .conditional-tabs.learndash-courses div[data-trigger=learndash-courses] span[class^=icon-osdxpi-], .conditional-tabs.hubspot-addon div[data-trigger=hubspot-addon] span[class^=icon-osdxpi-], .conditional-tabs.active-campaign div[data-trigger=active-campaign] span[class^=icon-osdxpi-] {
  color: #FFFFFF;
}
.cf-cc-versions-sortable {
  margin: 0;
}
.cf-cc-versions-sortable .rule-item {
  margin: 0;
}
.border-highlight {
  border-left: 2px solid #4a1ade;
  padding-left: 13px !important;
}
#cf_cc_condition_metabox {
  display: block !important;
}
#cf_cc_condition_metabox .inside {
  display: none;
  margin: 0;
  padding: 0;
  position: relative;
}
#cf_cc_condition_metabox .inside .need-help-link {
  bottom: 0;
  padding-left: 15px;
  position: absolute;
  right: 30px;
  text-align: right;
}
.post-type-cf_cc_condition #edit-slug-box {
  display: none;
}
.query-string-code {
  margin: 10px 0 10px;
  padding: 11px 6px;
}
.wp-editor-area {
  min-height: 270px;
}
.default-rule-wrap {
  padding: 10px 0 20px 0 !important;
}
.license-tbl {
  background: #FFFFFF;
  border-bottom: 1px solid #F2F2F2;
}
.cf-cc-settings-tbl {
  width: auto !important;
}
.cf-cc_setting_page_option_number_select {
  height: 28px;
  position: relative;
  top: 3px;
}
.license-tbl tbody {
  display: block;
  padding: 10px;
}
.license_expires_message {
  padding: 15px 10px;
}
.no_license_message {
  background: linear-gradient(135deg, #697BF8 0%, #4C8FFA 100%);
  color: #FFFFFF;
  display: block;
  font-size: 1.2em;
  margin: 10px 0;
  padding: 16px 10px;
  text-align: left;
}
.licenseTable {
  padding: 20px 10px 20px 20px !important;
  width: 130px !important;
}
.cf-cc-settings-td {
  padding: 20px 10px 20px 20px !important;
  vertical-align: baseline !important;
}
.approved_license_message {
  background-color: #3CAF66;
  border: 1px solid #e3e3e3;
  color: #FFFFFF;
  font-size: 14px;
  margin-top: 10px;
  padding: 7px;
}
.contact-us-mail {
  color: #00A0D2;
  font-weight: bold;
}
.helper-metabox-container {
  font-size: 1em;
  padding: 10px 0;
}
.cf-cc-helper-metabox-doc {
  list-style: unset;
  list-style-position: inside;
  margin-top: 0;
}
.cf-cc-helper-metabox-doc li {
  margin-bottom: 2px;
}
.cf-cc-content-head {
  font-weight: bold;
}
#cf_cc_condition_metabox {
  border: none;
}
.get-license {
  background: #697BF8;
  background: linear-gradient(135deg, #697BF8 0%, #4C8FFA 100%);
  color: #FFFFFF;
  display: block;
  font-size: 1.05em;
  margin-top: 20px;
  padding: 10px 10px;
  text-align: left;
}
.get-license .text {
  float: left;
  padding: 7px;
  vertical-align: middle;
}
.get-license-btn {
  background: #e97407;
  background: linear-gradient(0deg, #e97407 0%, #EBC876 100%);
  border: 1px solid #F1F1F1;
  color: #FFFFFF;
  float: right;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.2em;
  margin-left: 20px;
  padding: 8px 15px;
  text-align: center;
  text-decoration: none;
  width: 244px;
}
.analytics-reset-all-wrapper {
  color: #00A0D2;
  cursor: pointer;
  font-size: 0.8em;
  font-weight: 400;
  margin-top: 10px;
}
.reset-all-views-count {
  cursor: pointer;
  text-decoration: none;
}
.reset-all-views-count:hover {
  cursor: pointer;
  text-decoration: none;
}
.get-license-btn:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.get-license-btn:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.get-license-btn:focus {
  text-decoration: none;
}
.versioninstructions {
  margin-bottom: 2.5em;
}
.repeater-template, .reapeater-item-cloned {
  display: none;
}
.reapeater-item-cloned-loaded {
  display: block;
}
.rule-wrap .cf-cc-form-group .device-container {
  margin: 15px 0;
}
.rule-wrap .cf-cc-form-group .device-container label {
  font-weight: normal;
}
input.form-control.deviceformcontrol {
  margin: 0 3px 3px;
  min-width: 10px;
}
#wp-trigger-default-wrap {
  margin-top: 20px;
}
.submit-btn-wrap {
  margin-left: 0.8em;
}
.submit-btn-wrap input {
  vertical-align: middle !important;
}
.rule-item:nth-child(odd) {
  background: #FFFFFF;
}
.rule-item:nth-child(even) {
  background: #F8F8F8;
}
.rule-item .instructions {
  background: transparent;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 0.5em 0;
}
.rule-item .instructions p {
  margin: 5px 2px;
}
/* Schedule */
.schedule-header th {
  font-size: 11px;
  min-width: 27px;
}
.cfdatetimepicker {
  padding-left: 32px;
  padding-top: 8px;
}
.pick-date-container {
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}
.pick-date-container:before {
  color: #555D66;
  content: "\f508";
  font-family: dashicons;
  font-size: 20px;
  left: 9px;
  position: absolute;
  top: 6px;
}
.settimeinstructions {
  background: none;
  border: 1px solid #E6186B;
  color: #E6186B;
}
.closeX {
  border-color: #E6186B;
  border-style: solid;
  border-width: 0 0 1px 1px;
  cursor: pointer;
  float: right;
  font-size: 12px;
  line-height: 10px;
  padding: 2px;
}
.settimeinstructions p {
  margin: 0;
  padding: 7px 10px;
}
.settimeinstructions a {
  text-decoration: underline;
}
.show-selection {
  display: block;
}
@media (min-width: 991px) {
  .rule-wrap {
    border: 0;
    display: flex;
    margin: 0;
    padding: 0;
  }
}
.instructionabovefield {
  margin: 1em 0 0.4em;
}
.rule-wrap h3 {
  color: #555D66;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.3em;
}
.rule-wrap h3:before {
  margin-left: 1em;
}
@media (min-width: 991px) {
  .rule-wrap .left-tabs {
    padding-left: 0;
    padding-right: 0;
  }
}
.version-count {
  background: #e3e3e3;
  border-radius: 50%;
  color: #000000;
  font-size: 0.9em;
  margin-right: 1em;
  padding: 0.2em 0.5em;
  white-space: nowrap;
}
.version-alpha {
  color: #003742;
  font-weight: bold;
}
.btn-delete {
  background-color: transparent;
  border: none;
  border-left: 1px solid #DEDFE0;
  border-radius: 0;
  color: #767779;
  float: right;
  padding: 1.3em 1.6em 1.1em;
  transition: all 200ms ease-in-out 0s;
}
.btn-delete i {
  font-size: 1.5em;
}
.btn-delete:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #4F575F;
}
.cf-cc-btn-drag {
  background-color: transparent;
  border: none;
  border-left: 1px solid #DEDFE0;
  border-radius: 0;
  color: #767779;
  float: right;
  padding: 1.31em 1.6em;
  transition: all 200ms ease-in-out 0s;
}
.highlighted {
  color: #697BF8;
}
.btn-add {
  background: transparent;
  border: none;
  color: #003742;
  font-size: 1.4em;
  transition: all 200ms ease-in-out 0s;
}
.btn-add:hover {
  color: #27CCC0;
}
.submit-bottom-wrap {
  padding: 2em 0;
  text-align: center;
}
.submit-bottom-wrap .reminder {
  font-size: 1.5em;
}
.submit-bottom-wrap .submit {
  float: none !important;
  text-align: center;
}
.rule-item select, .rule-item input {
  margin-bottom: 0;
}
.instructions pre code {
  font-size: 0.9em;
}
.instructions code b {
  color: #4a1ade;
}
.wysiwyg-not-valid {
  border: 1px solid;
  color: red;
}
.html-active .switch-html-cloned, .tmce-active .switch-tmce-cloned {
  background: #f5f5f5;
  border-bottom-color: #f5f5f5;
  color: #555555;
}
.php-shortcode-toggle-wrap {
  display: none;
}
.php-shortcode-toggle-link {
  color: #00A0D2;
  cursor: pointer;
  font-size: 0.8em;
  font-weight: 400;
}
.query-string-err-notification {
  border: 1px solid red;
  color: red;
  margin-top: 10px;
  padding: 0.2em 0.6em;
  text-align: left;
}
.cf-cc-pages-visited-settings-explain {
  font-size: 12px;
}
.cf-cc-pages-visited-settings-explain .dashicons-edit {
  font-size: 12px;
  height: 12px;
  width: 12px;
}
tr.type-cf_cc_condition .column-trigger {
  direction: ltr;
}
/* fix for polylang plugin */
th[class*=" column-language_"] {
  width: 2.2% !important;
}
.initial-instructions {
  background: #003742;
  border-bottom: 1px solid rgb(198, 198, 198);
  border-left: 2px solid #27BADD;
  border-radius: 3px;
  border-right: 1px solid rgb(198, 198, 198);
  border-top: 1px solid rgb(198, 198, 198);
  color: #FFFFFF;
  padding: 8px 14px;
}
.initial-instructions b {
  background: #2ab7d9;
  border-radius: 50%;
  font-size: 11px;
  margin: 0 2px;
  padding: 2px 6px;
}
.ab-testing-custom {
  height: 28px;
}
.default-repeater-item {
  background: #FFFFFF !important;
  position: relative;
}
.reapeater-item {
  position: relative;
}
/* Begin Testing Mode Section CSS */
@keyframes flicker {
  from {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  to {
    opacity: 0;
  }
}
.cf-cc-tm-section {
  float: right;
  margin-top: 10px;
  width: 100%;
}
.cf-cc-tm-section .circle {
  background: #F8F8F8;
  border: 1px solid #a9a9a9;
  cursor: pointer;
  float: right;
  height: 10px;
  margin-top: 5px;
  width: 10px;
}
.cf-cc-tm-section .circle-active {
  background: #27cc52;
  border-radius: 50%;
}
.cf-cc-tm-section .text {
  float: right;
  margin-left: 5px;
  margin-top: 2px;
}
.cf-cc-tm-overlay {
  background: rgba(245, 245, 245, 0.67);
  height: 100%;
  left: 0;
  line-height: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.cf-cc-tm-overlay .text {
  background: #fbfbfb;
  border: 2px solid #d44f2f;
  color: #d05033;
  font-size: 16px;
  font-weight: bold;
  left: 50%;
  margin: 0;
  margin-right: -50%;
  padding: 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cf-cc-draggable-icon {
  transform: rotate(45deg);
}
.cf-cc-tm-section .tm-tip {
  background: #565e67;
  border-radius: 50%;
  color: #FFFFFF;
  cursor: default;
  display: block;
  float: right;
  font-size: 9px;
  line-height: 14px;
  margin-left: 5px;
  margin-top: 4px;
  padding: 0 5px;
  text-decoration: none;
}
.cf-cc-tip {
  border: 1px solid #337ab7;
  border-radius: 50%;
  font-size: 0.8em;
  margin-left: 5px;
  padding: 1px 4px 0;
  text-decoration: none;
}
.cf-cc-tip:hover, .cf-cc-tip:focus, .cf-cc-tip:visited, .cf-cc-tip:active {
  border: 1px solid #337ab7;
  border-radius: 50%;
  font-size: 0.8em;
  margin-left: 5px;
  padding: 1px 4px 0;
  text-decoration: none;
}
.cf-cc-tipGrey {
  border: 1px solid #929292;
  border-radius: 50%;
  color: #929292;
  font-size: 0.7em;
  margin-left: 5px;
  padding: 1px 3.8px 1px;
  text-decoration: none;
}
.cf-cc-tipGrey:hover, .cf-cc-tipGrey:focus, .cf-cc-tipGrey:visited, .cf-cc-tipGrey:active {
  border: 1px solid #929292;
  border-radius: 50%;
  color: #929292;
  font-size: 0.7em;
  margin-left: 5px;
  padding: 1px 3.8px 1px;
  text-decoration: none;
}
.line-tooltip {
  -webkit-text-decoration: underline dotted #666;
          text-decoration: underline dotted #666;
}
.general-tool-tip {
  border: 1px solid #a2a2a2;
  border-radius: 50%;
  bottom: 1px;
  color: #a2a2a2;
  font-size: 7px;
  line-height: 10px;
  margin: 3px 5px;
  padding: 1px 3.5px;
  position: relative;
  text-decoration: none;
}
.general-tool-tip:hover {
  color: none;
  text-decoration: none;
}
.query-example {
  color: #a2a2a2;
  font-size: 12px;
}
/* End Testing Mode Section CSS */
/* Time & Date */
.cf-cc-start-at-date, .cf-cc-end-at-date {
  margin-bottom: -8px;
}
.schedule-rows td {
  background-color: #eee;
  border: 1px solid #d3d3d3;
  cursor: pointer;
  height: 10px;
  line-height: 10px;
  margin: 3px;
  padding: 5px;
  width: 80px;
}
.schedule-rows td:first-child {
  background-color: transparent;
  border: 0;
  border-top: 1px dashed #c3c3c3;
  font-size: 10px;
  padding: 0 4px 0 0;
  position: relative;
  text-align: left;
  top: -5px;
  width: 0px;
}
.schedule-rows td[data-selected], .schedule-rows td[data-selecting] {
  background-color: #27badd;
}
.schedule-rows td[data-disabled] {
  opacity: 0.55;
}
/* License Styles */
.locked-condition-box-container {
  float: left;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
}
.locked-condition-box {
  background-color: #cdecc9;
  border: 1px solid #82ca9c;
  padding: 10px;
}
.locked-condition-box .unlock-button {
  background-color: #82ca9c;
  border-radius: 15px;
  color: #FFFFFF;
  display: inline-block;
  margin-top: 10px;
  padding: 4px 20px;
}
span.description {
  color: red;
  font-size: 14px;
  font-style: italic;
  margin: 10px;
}
/* Google Places API */
.locationField, #controls {
  position: relative;
}
.autocomplete {
  left: 10px;
  position: absolute;
  top: 0;
  /* 0 */
  width: 81%;
  /* 85% */
}
.remove-autocomplete {
  background: none;
  border: none;
  color: #d25134;
  line-height: 23px;
}
.specific-location {
  color: #E6186B;
  display: inline-block;
  word-wrap: break-word;
}
.map-marker-near-input {
  color: #555D66;
  margin-right: 3px;
}
.geolocation-add-btn {
  background: none;
  border: none;
  color: #27CCC0;
}
.label {
  color: #303030;
  font-weight: bold;
  text-align: right;
  width: 100px;
}
.field {
  width: 99%;
}
.slimField {
  width: 80px;
}
.wideField {
  width: 200px;
}
.locationField {
  /*height: 30px;*/
  margin-bottom: 2px;
}
.locationField .autocomplete {
  font-size: 10px;
}
.locations-description {
  border-bottom: 1px solid #bebebe;
  margin: 0 0 10px;
  padding-bottom: 10px;
}
.cf-cc-autocomplete-fields-container.shown {
  background: #e3e3e3;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  margin-bottom: 10px;
  padding: 10px;
}
.selection-inputs-container {
  position: relative;
}
.cf-cc-form-subgroup.page-visit-url-input {
  display: none;
}
.url-input .cf-cc-form-subgroup.page-visit-url-input {
  display: block !important;
}
.geo-autocomplete, .cf-page-visit-autocomplete {
  width: 100%;
}
.select-city-container {
  height: 26px;
  position: relative;
  width: 100%;
}
#geo-timezone-selection {
  color: #787878;
  height: 2em;
}
.autocomplete {
  left: 0;
  width: 100%;
}
.selection-title {
  margin: 10px 0;
  margin-left: 4px;
}
.or-statement {
  font-size: 0.8em;
  margin: 0;
}
.geo-timezone-selection {
  color: #787878;
  height: 2em;
}
/* Statistics */
.statistics_wrapper {
  width: 80%;
}
.version_statistics {
  padding-top: 10px;
}
.version_statistics_title {
  border-bottom: 1px solid #e3e3e3;
  height: 1.5em;
  text-align: center;
}
.version_statistics_title th {
  font-weight: normal;
}
.version_statistics .version, .version_statistics .statistics {
  padding: 8px 5px;
  text-align: center;
  vertical-align: middle;
}
.rese_action {
  text-align: center;
}
.reset_version_action {
  color: #d25236;
  cursor: pointer;
  font-size: 0.8em;
}
#analytics-refresh-views {
  cursor: pointer;
}
.analytics-loading-container {
  background: rgba(220, 220, 220, 0.5);
  height: 100%;
  position: absolute;
  width: 100%;
}
.refreshIcon {
  background: #F8F8F8;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  color: #00A0D2;
  font-size: 1em;
  margin-left: 5px;
  padding: 3px;
}
/* Spinner CSS + Animations */
.loading-spinner {
  animation: sk-scaleout 1s infinite ease-in-out;
  background-color: #333;
  border-radius: 100%;
  height: 40px;
  margin: 100px auto;
  width: 40px;
}
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
/* General css corresponds geolocation */
.hide-field {
  display: none;
}
.ifcf-ccso-input-autocomplete {
  width: 100%;
}
.cf-cc-autocomplete-container {
  display: none;
  float: left;
  width: 100%;
}
.cf-cc-autocomplete-container input, .cf-cc-autocomplete-container select {
  width: 92%;
}
.cf-cc-autocomplete-wrapper {
  line-height: 1.7;
}
.cf-cc-geo-selected {
  display: block !important;
  margin: 6px 0;
}
input.cf-cc-autocomplete-opener {
  margin-top: 0;
}
/* Settings Page related CSS - Begin */
.cf-cc-info-title {
  padding: 15px 0 20px !important;
}
.cf-cc-info-tab-wrapper .cf-cc-general-info-wrapper, .cf-cc-info-tab-wrapper .geolocation-info-wrapper {
  font-size: 14px;
  line-height: 1.7;
  max-width: 1020px;
}
/*View Trigger page */
.version-symbol {
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  text-align: left;
}
.version-content {
  margin: 30px 0;
}
.cf-cc-primary-lang-checkbox {
  float: left;
  margin: 0 5px 0 0 !important;
}
.cf-cc-primary-lang-container {
  float: left;
  font-size: 12px;
  font-weight: normal;
  margin-left: 0;
  margin-top: 10px;
}
/* Settings Page related CSS - End */
#cf-cc-modal-first-use {
  display: none;
}
.cf-cc-form-group,
.cf-cc-form-subgroup {
  margin-bottom: 15px;
}
.cf-cc-form-group:empty,
.cf-cc-form-subgroup:empty {
  display: none;
}
.cf-cc-form-group.hide-group,
.cf-cc-form-subgroup.hide-group {
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 0;
}
/* Notice style */
.notice-optin {
  border-left-color: #E6186B;
  padding-bottom: 20px;
  padding-top: 20px;
}
.notice-optin p {
  margin: 0 0 0.5em 0;
}
.notice-optin .button-primary, .notice-optin .button-primary:hover, .notice-optin .button-primary:active, .notice-optin .button-primary:focus {
  background: #4a1ade;
  border-color: #4a1ade;
}
.notice-optin .button-primary.pink, .notice-optin .button-primary:hover.pink, .notice-optin .button-primary:active.pink, .notice-optin .button-primary:focus.pink {
  background: #E6186B;
  border-color: #E6186B;
}
.notice-optin .optin {
  box-shadow: var(--shadow-elevation-low);
  transition: all 0.2s ease-in-out;
}
.notice-optin .optin:hover {
  box-shadow: var(--shadow-elevation-medium);
  transition: all 0.2s ease-in-out;
}
.notice-optin .optin-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
.notice-optin .button-primary:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4a1ade;
}
:root {
  --shadow-color: 0deg 0% 0%;
  --shadow-elevation-high: -0.8px 0.8px 1.1px hsl(var(--shadow-color) / 0.14),
  -2.8px 2.9px 3.8px -0.5px hsl(var(--shadow-color) / 0.13),
  -5.2px 5.5px 7.2px -0.9px hsl(var(--shadow-color) / 0.12),
  -9px 9.5px 12.5px -1.4px hsl(var(--shadow-color) / 0.11),
  -15.2px 16.1px 21.1px -1.8px hsl(var(--shadow-color) / 0.1),
  -24.7px 26.1px 34.2px -2.3px hsl(var(--shadow-color) / 0.09),
  -38.4px 40.7px 53.3px -2.7px hsl(var(--shadow-color) / 0.08),
  -57.4px 60.9px 79.7px -3.2px hsl(var(--shadow-color) / 0.07),
  -82.6px 87.6px 114.7px -3.6px hsl(var(--shadow-color) / 0.06);
  --shadow-elevation-low: -0.8px 0.8px 1.1px hsl(var(--shadow-color) / 0.16),
  -1.2px 1.3px 1.7px -1.8px hsl(var(--shadow-color) / 0.12),
  -3.2px 3.4px 4.4px -3.6px hsl(var(--shadow-color) / 0.09);
  --shadow-elevation-medium: -0.8px 0.8px 1.1px hsl(var(--shadow-color) / 0.13),
  -1.6px 1.7px 2.2px -0.9px hsl(var(--shadow-color) / 0.12),
  -3.5px 3.7px 4.9px -1.8px hsl(var(--shadow-color) / 0.1),
  -7.9px 8.4px 11px -2.7px hsl(var(--shadow-color) / 0.08),
  -16.2px 17.2px 22.5px -3.6px hsl(var(--shadow-color) / 0.07);
}
/* Settings Page Related Rules */
.cf-cc_settings_page_option {
  width: 30px;
}
.rule-wrap .datetimepickercustom-.cfdatetimepicker {
  padding-left: 30px;
}
#wpcontent .cf-cc-admin-toolbar {
  align-items: center;
  background: #FFFFFF;
  border-bottom: 1px solid #ccd0d4;
  display: flex;
  justify-content: space-between;
  margin-left: -20px;
  padding: 15px 20px;
}
#wpcontent .cf-cc-admin-toolbar .cf-cc-admin-toolbar-breadcrumbs {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.cf-cc-admin-toolbar .dxptk-pro-variant {
  font-weight: 400;
  font-size: 19px;
}
.cf-cc-admin-toolbar h2 {
  font-size: 19px;
  margin-top: 18px;
  padding-left: 7px;
}
.cf-cc-admin-toolbar h2 span.delimiter {
  color: #E6186B;
  font-size: 24px;
  font-weight: 400;
}
.cf-cc-admin-toolbar-copy {
  display: block;
  font-size: 10px;
  font-weight: bold;
  margin-top: -15px;
  text-transform: uppercase;
}
@media screen and (min-width: 426px) {
  .cf-cc-admin-toolbar-copy {
    display: inline-block;
    margin-top: auto;
  }
}
.license-status {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: 500;
}
.license-status .invalid .license-status-dot {
  background-color: #E6186B;
  line-height: 13px;
}
.license-status .invalid .license-status-dot:after {
  color: #FFFFFF;
  content: "x";
}
.license-status.missing .license-status-dot {
  background-color: #e97407;
}
.license-status.missing .license-status-dot:after {
  color: #FFFFFF;
  content: "?";
}
.license-status-dot {
  background-color: #00C206;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  margin-right: 5px;
  text-align: center;
  width: 15px;
  padding: 3px;
}
.license-status-dot:after {
  color: #FFFFFF;
  content: "✓";
}
body .wrap .cftitle {
  margin: 15px 0;
  padding: 0;
}
.cf-cc-body {
  border: 1px solid #DDDDDD;
  margin-top: 0;
}
.cf-cc-body > p,
.cf-cc-body > ul,
.cf-cc-body > dl {
  margin-left: 3em;
}
.cf-cc-body p,
.cf-cc-body li,
.cf-cc-body dt,
.cf-cc-body dd {
  font-size: 1.04em;
  line-height: 150%;
  max-width: 42em;
}
.cf-cc-body select {
  vertical-align: initial;
}
.cf-cc-body form:not(.persona-rules-form),
.cf-cc-body .form-table:not(.persona-rules-form) {
  font-size: 14px;
  max-width: 52em;
}
.cf-cc-body form textarea,
.cf-cc-body .form-table textarea {
  width: 100%;
}
.cf-cc-body form p,
.cf-cc-body form li,
.cf-cc-body form dt,
.cf-cc-body form dd,
.cf-cc-body .form-table p,
.cf-cc-body .form-table li,
.cf-cc-body .form-table dt,
.cf-cc-body .form-table dd {
  font-size: 1em;
}
.cf-cc-body form .accordion-container th,
.cf-cc-body .form-table .accordion-container th {
  display: none;
}
.cf-cc-body form .accordion-container td,
.cf-cc-body .form-table .accordion-container td {
  padding: 0;
}
.cf-cc-body h2 {
  margin-top: 1.5em;
}
.cf-cc-body dt {
  font-weight: 700;
}
.cf-cc-body dd {
  font-style: italic;
  margin-bottom: 1.25em;
}
.cf-cc-body main {
  background-color: #FFFFFF;
  padding: 20px;
}
.cf-cc-body main h2:first-of-type {
  margin-top: 0;
}
.hubspot-addon-field-value {
  margin-top: 10px;
  width: 100%;
}
.total-spent-container {
  display: flex;
  align-items: center;
}
.total-spent-currency-symbol {
  border: 1px solid;
  display: flex;
  align-items: center;
  border-right: none;
  color: gray;
  padding: 9px 10px;
  font-weight: bold;
}
.dxp-toolkit-inline-fields {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.dxp-toolkit-inline-fields > * {
  flex-grow: 1;
}
.wp-core-ui #wpbody-content .button:not(.button-primary), .wp-core-ui #wpbody-content .button-secondary, .wp-core-ui #wpbody-content .button-link {
  border-color: #4a1ade;
  color: #4a1ade;
}
.wp-core-ui #wpbody-content .button:not(.button-primary):focus, .wp-core-ui #wpbody-content .button:not(.button-primary):focus-visible, .wp-core-ui #wpbody-content .button-secondary:focus, .wp-core-ui #wpbody-content .button-secondary:focus-visible, .wp-core-ui #wpbody-content .button-link:focus, .wp-core-ui #wpbody-content .button-link:focus-visible {
  box-shadow: 0 0 0 1px #4a1ade;
}
.wp-core-ui #wpbody-content a:not(.button-primary, .submitdelete) {
  color: #4a1ade;
}
.wp-core-ui #wpbody-content a:not(.button-primary, .submitdelete):focus, .wp-core-ui #wpbody-content a:not(.button-primary, .submitdelete):focus-visible {
  box-shadow: 0 0 0 1px #4a1ade;
  outline: none;
}
.wp-core-ui #wpbody-content a:not(.button-primary, .submitdelete).page-title-action {
  border-color: #4a1ade;
  color: #4a1ade;
}
.wp-core-ui #wpbody-content .trash a.submitdelete {
  color: #E6186B;
}
.wp-core-ui #wpbody-content .trash a.submitdelete:focus, .wp-core-ui #wpbody-content .trash a.submitdelete:focus-visible {
  box-shadow: 0 0 0 1px #E6186B;
}
.wp-core-ui #wpbody-content .button-primary:not(.optin) {
  background: #4a1ade;
  border-color: #4a1ade;
}
.wp-core-ui #wpbody-content .button-primary:not(.optin):hover {
  background: #28088D;
  border-color: #28088D;
}
.wp-core-ui #wpbody-content select:hover:not([disabled]) {
  color: #4a1ade;
}
.wp-core-ui #wpbody-content table th {
  color: #1A0361;
}
.wp-core-ui #wpbody-content select:focus,
.wp-core-ui #wpbody-content select:focus-visible {
  border-color: #4a1ade;
  box-shadow: 0 0 0 1px #4a1ade;
  color: #4a1ade;
  outline: none;
}
.wp-core-ui #wpbody-content input[type=checkbox]:checked::before {
  content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%234B1CDD%27%2F%3E%3C%2Fsvg%3E) !important;
}
.wp-core-ui #wpbody-content .postbox .handle-order-higher:focus, .wp-core-ui #wpbody-content .postbox .handle-order-higher:focus-visible,
.wp-core-ui #wpbody-content .postbox .handle-order-lower:focus,
.wp-core-ui #wpbody-content .postbox .handle-order-lower:focus-visible,
.wp-core-ui #wpbody-content .postbox .handlediv:focus,
.wp-core-ui #wpbody-content .postbox .handlediv:focus-visible {
  box-shadow: 0 0 0 1px #4a1ade;
}
.wp-core-ui #wpbody-content .submitbox .submitdelete {
  color: #E6186B;
}
/* Tooltip styles */
.tooltip-wrapper {
  display: inline-block;
}
.tooltip-wrapper a {
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
.tooltip-wrapper a:hover {
  text-decoration: none !important;
}
.tooltip-wrapper .tooltip:hover + .popup-wrapper .popup {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(-1em);
  z-index: 99;
  transition: transform 125ms cubic-bezier(0.32, 0.1, 0.41, 0.89), opacity 125ms cubic-bezier(0.32, 0.1, 0.41, 0.89);
  transition-delay: 0ms;
}
.tooltip-wrapper .tooltip + .popup-wrapper .popup {
  display: block;
  width: -moz-max-content;
  width: max-content;
  background: linear-gradient(-35deg, rgba(74, 26, 222, 0.55) 0%, rgba(41, 12, 129, 0.55) 100%);
  box-shadow: 0 0 30px rgba(22, 8, 66, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 15px 13px;
  color: white;
  border-radius: 3px;
  margin: 1em;
  bottom: -2.8em;
  left: 2.5em;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  text-align: center;
  z-index: 2;
  text-transform: none;
  transition: transform 250ms cubic-bezier(0.32, 0.1, 0.41, 0.89), opacity 250ms cubic-bezier(0.32, 0.1, 0.41, 0.89);
  will-change: transform;
  transition-delay: 200ms;
}
.tooltip-wrapper .tooltip + .popup-wrapper .popup:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 98.5%;
  height: 98.5%;
  border: 2px solid rgba(22, 8, 66, 0.05);
  border-left: 0;
  border-radius: 1.5px;
  content: "";
}
.tooltip-wrapper .tooltip + .popup-wrapper .popup:after {
  border-color: rgba(74, 26, 222, 0.55) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 12px 10px 0;
  left: -16px;
  content: "";
  display: block;
  top: 10px;
  position: absolute;
  width: 0;
  transform: rotate(90deg);
}
.tooltip-wrapper .popup-wrapper {
  position: relative;
  width: 0;
  height: 0;
}
.tooltip-wrapper .tooltip {
  display: inline-block;
  background-color: #4a1ade;
  color: #fff;
  width: 13px;
  height: 13px;
  padding: 2px;
  border-radius: 50%;
  font-size: 15px;
  line-height: 11.5px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  transition: background-color 250ms cubic-bezier(0.32, 0.1, 0.41, 0.89);
  transition-delay: 300ms;
}
.tooltip-wrapper .tooltip:hover {
  background-color: #E6186B;
  transition: background-color 125ms cubic-bezier(0.32, 0.1, 0.41, 0.89);
}
*[data-field=user-behavior-logged-selection] {
  display: none;
}
.user-behavior-logged-selection *[data-field=user-behavior-logged-selection] {
  display: block;
}
*[data-field=referrer-selection] {
  display: none;
}
.referrer-selection *[data-field=referrer-selection] {
  display: block;
}
*[data-field=referrer-custom] {
  display: none;
}
.referrer-custom *[data-field=referrer-custom] {
  display: block;
}
*[data-field=url-custom] {
  display: none;
}
.url-custom *[data-field=url-custom] {
  display: block;
}
*[data-field=page-selection] {
  display: none;
}
.page-selection *[data-field=page-selection] {
  display: block;
}
*[data-field=custom-url-display] {
  display: none;
}
.custom-url-display *[data-field=custom-url-display] {
  display: block;
}
*[data-field=ab-testing-custom] {
  display: none;
}
.ab-testing-custom *[data-field=ab-testing-custom] {
  display: block;
}
*[data-field=User-Behavior] {
  display: none;
}
.User-Behavior *[data-field=User-Behavior] {
  display: block;
}
*[data-field=user-behavior-returning] {
  display: none;
}
.user-behavior-returning *[data-field=user-behavior-returning] {
  display: block;
}
*[data-field=user-behavior-os] {
  display: none;
}
.user-behavior-os *[data-field=user-behavior-os] {
  display: block;
}
*[data-field=user-behavior-user-role] {
  display: none;
}
.user-behavior-user-role *[data-field=user-behavior-user-role] {
  display: block;
}
*[data-field=user-behavior-cart] {
  display: none;
}
.user-behavior-cart *[data-field=user-behavior-cart] {
  display: block;
}
*[data-field=user-behavior-cart-product] {
  display: none;
}
.user-behavior-cart-product *[data-field=user-behavior-cart-product] {
  display: block;
}
*[data-field=analytics-utm] {
  display: none;
}
.analytics-utm *[data-field=analytics-utm] {
  display: block;
}
*[data-field=ads] {
  display: none;
}
.ads *[data-field=ads] {
  display: block;
}
*[data-field=tracked] {
  display: none;
}
.tracked *[data-field=tracked] {
  display: block;
}
*[data-field=ad-consent] {
  display: none;
}
.ad-consent *[data-field=ad-consent] {
  display: block;
}
*[data-field=analytics-consent] {
  display: none;
}
.analytics-consent *[data-field=analytics-consent] {
  display: block;
}
*[data-field=user-behavior-cart-category] {
  display: none;
}
.user-behavior-cart-category *[data-field=user-behavior-cart-category] {
  display: block;
}
*[data-field=user-behavior-purchase-order] {
  display: none;
}
.user-behavior-purchase-order *[data-field=user-behavior-purchase-order] {
  display: block;
}
*[data-field=user-behavior-retn-custom] {
  display: none;
}
.user-behavior-retn-custom *[data-field=user-behavior-retn-custom] {
  display: block;
}
*[data-field=learndash-courses-quizes-compare] {
  display: none;
}
.learndash-courses-quizes-compare *[data-field=learndash-courses-quizes-compare] {
  display: block;
}
*[data-field=user-behavior-selection] {
  display: none;
}
.user-behavior-selection *[data-field=user-behavior-selection] {
  display: block;
}
*[data-field=time-date-selection] {
  display: none;
}
.time-date-selection *[data-field=time-date-selection] {
  display: block;
}
*[data-field=schedule-selection] {
  display: none;
}
.schedule-selection *[data-field=schedule-selection] {
  display: block;
}
*[data-field=times-dates-schedules-selections] {
  display: none;
}
.times-dates-schedules-selections *[data-field=times-dates-schedules-selections] {
  display: block;
}
*[data-field=time-date-pick-start-date] {
  display: none;
}
.time-date-pick-start-date *[data-field=time-date-pick-start-date] {
  display: block;
}
*[data-field=time-date-pick-end-date] {
  display: none;
}
.time-date-pick-end-date *[data-field=time-date-pick-end-date] {
  display: block;
}
*[data-field=user-behavior-loggedinout] {
  display: none;
}
.user-behavior-loggedinout *[data-field=user-behavior-loggedinout] {
  display: block;
}
*[data-field=user-behavior-browser-language] {
  display: none;
}
.user-behavior-browser-language *[data-field=user-behavior-browser-language] {
  display: block;
}
*[data-field=user-behavior-device] {
  display: none;
}
.user-behavior-device *[data-field=user-behavior-device] {
  display: block;
}
*[data-field=common-referrers] {
  display: none;
}
.common-referrers *[data-field=common-referrers] {
  display: block;
}
*[data-field=locked-box] {
  display: none;
}
.locked-box *[data-field=locked-box] {
  display: block;
}
*[data-field=page-visit-selection] {
  display: none;
}
.page-visit-selection *[data-field=page-visit-selection] {
  display: block;
}
*[data-field=page-url-selection] {
  display: none;
}
.page-url-selection *[data-field=page-url-selection] {
  display: block;
}
*[data-field=page-url-custom] {
  display: none;
}
.page-url-custom *[data-field=page-url-custom] {
  display: block;
}
*[data-field=geolocation-selection] {
  display: none;
}
.geolocation-selection *[data-field=geolocation-selection] {
  display: block;
}
*[data-field=custom-selection] {
  display: none;
}
.custom-selection *[data-field=custom-selection] {
  display: block;
}
*[data-field=ganalytics-selection] {
  display: none;
}
.ganalytics-selection *[data-field=ganalytics-selection] {
  display: block;
}
*[data-field=matomo-selection] {
  display: none;
}
.matomo-selection *[data-field=matomo-selection] {
  display: block;
}
*[data-field=salesforce-contact-selection] {
  display: none;
}
.salesforce-contact-selection *[data-field=salesforce-contact-selection] {
  display: block;
}
*[data-field=user-behavior-user-meta] {
  display: none;
}
.user-behavior-user-meta *[data-field=user-behavior-user-meta] {
  display: block;
}
*[data-field=user-behavior-user-cookie] {
  display: none;
}
.user-behavior-user-cookie *[data-field=user-behavior-user-cookie] {
  display: block;
}
*[data-field=woocommerce-membership-selection] {
  display: none;
}
.woocommerce-membership-selection *[data-field=woocommerce-membership-selection] {
  display: block;
}
*[data-field=woocommerce-subscription-selection] {
  display: none;
}
.woocommerce-subscription-selection *[data-field=woocommerce-subscription-selection] {
  display: block;
}
*[data-field=learndash-courses-course-completion-percentage] {
  display: none;
}
.learndash-courses-course-completion-percentage *[data-field=learndash-courses-course-completion-percentage] {
  display: block;
}
*[data-field=learndash-courses-course-enrolment] {
  display: none;
}
.learndash-courses-course-enrolment *[data-field=learndash-courses-course-enrolment] {
  display: block;
}
*[data-field=learndash-courses-quizes] {
  display: none;
}
.learndash-courses-quizes *[data-field=learndash-courses-quizes] {
  display: block;
}
*[data-field=learndash-courses-selection] {
  display: none;
}
.learndash-courses-selection *[data-field=learndash-courses-selection] {
  display: block;
}
*[data-field=hubspot-addon-selection] {
  display: none;
}
.hubspot-addon-selection *[data-field=hubspot-addon-selection] {
  display: block;
}
*[data-field=active-campaign-selection] {
  display: none;
}
.active-campaign-selection *[data-field=active-campaign-selection] {
  display: block;
}
*[data-field=user-behavior-total-spent] {
  display: none;
}
.user-behavior-total-spent *[data-field=user-behavior-total-spent] {
  display: block;
}
*[data-field=user-behavior-last-order-product] {
  display: none;
}
.user-behavior-last-order-product *[data-field=user-behavior-last-order-product] {
  display: block;
}
*[data-field=user-behavior-last-order-category] {
  display: none;
}
.user-behavior-last-order-category *[data-field=user-behavior-last-order-category] {
  display: block;
}
*[data-field=user-behavior-number-of-orders] {
  display: none;
}
.user-behavior-number-of-orders *[data-field=user-behavior-number-of-orders] {
  display: block;
}
*[data-field=user-behavior-number-of-items-in-cart] {
  display: none;
}
.user-behavior-number-of-items-in-cart *[data-field=user-behavior-number-of-items-in-cart] {
  display: block;
}
*[data-field=user-behavior-average-order-value] {
  display: none;
}
.user-behavior-average-order-value *[data-field=user-behavior-average-order-value] {
  display: block;
}
*[data-field=user-behavior-value-of-items-in-cart] {
  display: none;
}
.user-behavior-value-of-items-in-cart *[data-field=user-behavior-value-of-items-in-cart] {
  display: block;
}
*[data-field=drip-addon-selection] {
  display: none;
}
.drip-addon-selection *[data-field=drip-addon-selection] {
  display: block;
}
*[data-field=convertkit-addon-selection] {
  display: none;
}
.convertkit-addon-selection *[data-field=convertkit-addon-selection] {
  display: block;
}
*[data-field=gravity-forms-selection] {
  display: none;
}
.gravity-forms-selection *[data-field=gravity-forms-selection] {
  display: block;
}
*[data-field=mailchimp-addon-selection] {
  display: none;
}
.mailchimp-addon-selection *[data-field=mailchimp-addon-selection] {
  display: block;
}
*[data-field=analytics-selection] {
  display: none;
}
.analytics-selection *[data-field=analytics-selection] {
  display: block;
}
*[data-field=woocommerce-selection] {
  display: none;
}
.woocommerce-selection *[data-field=woocommerce-selection] {
  display: block;
}
/* Rule Config Section */
.dxptk-config {
  flex: 1 1 45%;
}
.dxptk-config-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
.dxptk-config-helpers {
  flex: 1 1 45%;
}
.dxptk-config-helpers ul {
  list-style: circle;
  margin-left: 15px;
}
.dxptk-config-helpers p {
  margin-top: 0;
}
.dxptk-config-helpers .query-example {
  font-size: 13px;
  color: #3c434a;
}
.dxptk-config-helpers .highlight {
  font-weight: 600;
  color: #4a1ade;
}
.xdsoft_cfdatetimepicker .xdsoft_calendar td.xdsoft_current {
  background: #4a1ade !important;
  box-shadow: #28088D 0 1px 3px 0 inset !important;
}
.xdsoft_cfdatetimepicker .xdsoft_calendar td.xdsoft_date:hover {
  background: #E6186B !important;
}
.xdsoft_cfdatetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #4a1ade !important;
  box-shadow: #28088D 0 1px 3px 0 inset !important;
}
.xdsoft_cfdatetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_time:hover, .xdsoft_cfdatetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_scroller:hover {
  background: #E6186B !important;
}
.schedule-rows td[data-selected] {
  background-color: #4a1ade;
}
.schedule-rows td[data-selecting] {
  background-color: #28088D;
}
.tab-container {
  overflow: hidden;
}
.tab-container [role=tablist] {
  display: flex;
  margin: 0;
  padding: 0;
}
#dashboard-page-tabs [role=tab] {
  flex: 0 1 content;
  padding: 0 40px;
}
#dashboard-page-tabs [role=tab]:last-child {
  border-right: 1px solid #DDDDDD;
}
.tab-container [role=tab] {
  border: solid #DDDDDD;
  border-width: 0 1px 1px 0;
  cursor: pointer;
  flex-grow: 1;
  font-size: 10px;
  list-style: none;
  margin-bottom: 0;
  max-width: none;
  position: relative;
  text-align: center;
  transition: 200ms ease-out background;
}
@media screen and (min-width: 426px) {
  .tab-container [role=tab] {
    font-size: 11px;
  }
}
.tab-container [role=tab]:first-child {
  border-left: 0;
}
.tab-container [role=tab]:last-child {
  border-right: 0;
}
.tab-container [role=tab]:hover {
  background: #E8E8E8;
}
.tab-container [role=tab]:focus {
  outline: none;
}
.tab-container [role=tab][aria-selected=true] {
  background: #FFFFFF;
  border-bottom: 0;
}
.tab-container main {
  padding: 20px;
  position: relative;
}
.tab-container main [role=tabpanel] {
  height: 0px;
  opacity: 0;
  overflow: hidden;
  transition: 200ms ease-out all;
}
.tab-container main [role=tabpanel][aria-expanded=true] {
  height: auto;
  opacity: 1;
  overflow: hidden;
}
input.cf_speed_daemon_license_api_key {
  width: 400px;
}
body.dxp-toolkit_page_dxp-toolkit-rulesets {
  counter-reset: ruleset-counter;
}
body.dxp-toolkit_page_dxp-toolkit-rulesets .dxp-ruleset-incrementor::before {
  counter-increment: ruleset-counter;
  content: counter(ruleset-counter);
}
body.toplevel_page_dxp-toolkit-dashboard {
  counter-reset: ruleset-counter;
}
body.toplevel_page_dxp-toolkit-dashboard .under-section {
  padding: 35px;
  width: 100%;
  max-width: 999px;
}
body.toplevel_page_dxp-toolkit-dashboard .quick-start-steps {
  background-image: url("/wp-content/plugins/dxp-toolkit/admin/assets/images/bg.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  padding: 40px;
}
body.toplevel_page_dxp-toolkit-dashboard .pill-1 {
  margin-right: auto;
  box-shadow: 0 10px 20px 5px rgba(230, 24, 107, 0.1);
}
body.toplevel_page_dxp-toolkit-dashboard .pill-2 {
  margin-left: auto;
  margin-right: 10%;
  margin-top: -35px;
  box-shadow: 0 10px 20px 5px rgba(74, 26, 222, 0.1);
}
body.toplevel_page_dxp-toolkit-dashboard .pill-3 {
  margin-right: auto;
  margin-top: -35px;
  box-shadow: 0 10px 20px 5px rgba(74, 26, 222, 0.1);
}
body.toplevel_page_dxp-toolkit-dashboard .pill {
  max-width: 90%;
  z-index: 1;
  background: white;
  border-radius: 40px;
  height: 30px;
  width: 300px;
  display: flex;
  align-items: center;
  padding: 15px;
  line-height: 20px;
  gap: 10px;
  font-size: 18px;
}
body.toplevel_page_dxp-toolkit-dashboard .pill .pill-text {
  margin-left: auto;
  margin-right: auto;
}
body.toplevel_page_dxp-toolkit-dashboard .pill.right {
  justify-content: flex-end;
}
body.toplevel_page_dxp-toolkit-dashboard .pill .badge {
  width: 20px;
  height: 20px;
  background: linear-gradient(120deg, #4B1CDD 0%, #E415A0 75%, #E71C1C 95%);
  color: white;
  padding: 10px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  border-radius: 100%;
}
body.toplevel_page_dxp-toolkit-dashboard .arrow1 {
  margin-right: auto;
  margin-left: 20%;
}
body.toplevel_page_dxp-toolkit-dashboard .arrow2 {
  --color2: #4a1ade; /* color */
  --radius2: 4px; /* circle size */
  --spacing2: 4px; /* space bettwen circles */
  margin-left: auto;
  margin-right: 30%;
  width: 30%;
  height: 50%;
  display: inline-block;
  position: relative;
  --gradient: radial-gradient(circle closest-side, var(--color2) 85%, transparent);
  background: var(--gradient) calc(var(--spacing2) / -2) 100%/calc(var(--radius2) + var(--spacing2)) var(--radius2) repeat-x, var(--gradient) 100% calc(var(--spacing2) / -2)/var(--radius2) calc(var(--radius2) + var(--spacing2)) repeat-y;
  box-shadow: 15px 15px 15px 2px rgba(74, 26, 222, 0.05);
}
body.toplevel_page_dxp-toolkit-dashboard .arrow2::after {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 100%;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  background: var(--color2);
  clip-path: polygon(100% 100%, 0 50%, 100% 0);
}
body.toplevel_page_dxp-toolkit-dashboard .arrow1 {
  --color: #E6186B; /* color */
  --radius: 4px; /* circle size */
  --spacing: 4px; /* space bettwen circles */
  width: 30%;
  height: 40%;
  display: inline-block;
  position: relative;
  --gradient: radial-gradient(circle closest-side, var(--color) 85%, transparent);
  background: var(--gradient) calc(var(--spacing) / -2) 100%/calc(var(--radius) + var(--spacing)) var(--radius) repeat-x, var(--gradient) 0 calc(var(--spacing) / -2)/var(--radius) calc(var(--radius) + var(--spacing)) repeat-y;
  box-shadow: -15px 15px 15px 2px rgba(230, 24, 107, 0.05);
}
body.toplevel_page_dxp-toolkit-dashboard .arrow1::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 100%;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  background: var(--color);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
body.toplevel_page_dxp-toolkit-dashboard .dxp-ruleset-incrementor::before {
  counter-increment: ruleset-counter;
  content: counter(ruleset-counter);
}
body.toplevel_page_dxp-toolkit-dashboard .persona-rules-report-table td {
  vertical-align: middle;
}
body.toplevel_page_dxp-toolkit-dashboard .persona-rules-report-table .dxp-rule-delete {
  cursor: pointer;
  display: block;
  height: 24px;
  padding: 0 13px;
  width: 24px;
}
body.toplevel_page_dxp-toolkit-dashboard #dxptk-reporting-dashboard .page-title-action {
  margin-left: 0;
}
body.toplevel_page_dxp-toolkit-dashboard h1.dxptk-persona-reporting-heading {
  text-align: center;
  border-bottom: 5px solid #4a1ade;
  font-size: 34px;
  margin-bottom: 25px;
  padding-bottom: 10px;
  padding-top: 0;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding-right: 45px;
}
body.toplevel_page_dxp-toolkit-dashboard main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 35px;
  gap: 10%;
}
body.toplevel_page_dxp-toolkit-dashboard main #tab-getting-started {
  flex: 0 0 100%;
}
body.toplevel_page_dxp-toolkit-dashboard main .initial-setup input {
  opacity: 1;
  cursor: default;
  margin-bottom: 3px;
}
body.toplevel_page_dxp-toolkit-dashboard main .initial-setup input:before {
  opacity: 1 !important;
}
body.toplevel_page_dxp-toolkit-dashboard main .right-section.right-section.right-section.right-section.right-section.right-section ul li {
  background: url("/wp-content/plugins/dxp-toolkit/admin/assets/images/toolkit-kb-icon.svg") no-repeat left;
  padding-left: 25px;
  padding-right: 0;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section, body.toplevel_page_dxp-toolkit-dashboard main .right-section {
  flex: 1 1 fit-content;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section h1, body.toplevel_page_dxp-toolkit-dashboard main .right-section h1 {
  border-bottom: 5px solid #4a1ade;
  font-size: 34px;
  margin-bottom: 25px;
  padding-bottom: 10px;
  padding-top: 0;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section h2, body.toplevel_page_dxp-toolkit-dashboard main .right-section h2 {
  font-size: 20px;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section .dxptk-row, body.toplevel_page_dxp-toolkit-dashboard main .right-section .dxptk-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section .dxptk-row .column.right, body.toplevel_page_dxp-toolkit-dashboard main .right-section .dxptk-row .column.right {
  margin-left: auto;
  text-align: right;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section .dxptk-row .column.right ul li, body.toplevel_page_dxp-toolkit-dashboard main .right-section .dxptk-row .column.right ul li {
  background: none;
  color: #4a1ade;
  font-weight: 700;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section .dxptk-row .column.right ul li input, body.toplevel_page_dxp-toolkit-dashboard main .right-section .dxptk-row .column.right ul li input {
  margin-top: 0;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section .dxptk-row .column.right ul li a, body.toplevel_page_dxp-toolkit-dashboard main .right-section .dxptk-row .column.right ul li a {
  color: #4a1ade;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section .dxptk-row .column, body.toplevel_page_dxp-toolkit-dashboard main .right-section .dxptk-row .column {
  display: flex;
  flex-direction: column;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section .dxptk-row .column:not(.right) a, body.toplevel_page_dxp-toolkit-dashboard main .right-section .dxptk-row .column:not(.right) a {
  font-weight: bold;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section .dxptk-row .column:not(.right) a:not(:hover), body.toplevel_page_dxp-toolkit-dashboard main .right-section .dxptk-row .column:not(.right) a:not(:hover) {
  text-decoration: none;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section .dxptk-row .column ul, body.toplevel_page_dxp-toolkit-dashboard main .right-section .dxptk-row .column ul {
  margin: 0;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section .dxptk-row .column ul li, body.toplevel_page_dxp-toolkit-dashboard main .right-section .dxptk-row .column ul li {
  background: url("/wp-content/plugins/dxp-toolkit/admin/assets/images/toolkit-cog-icon.svg") no-repeat left;
  background-size: contain;
  margin-bottom: 25px;
  padding-left: 25px;
}
body.toplevel_page_dxp-toolkit-dashboard main .left-section .dxptk-row .column ul li a, body.toplevel_page_dxp-toolkit-dashboard main .right-section .dxptk-row .column ul li a {
  color: #4a1ade;
}
.dxp-filter-form select, .dxp-filter-form option {
  color: #4a1ade;
}
.search-box input {
  border-radius: 0;
}
.paging-input input {
  color: #4a1ade;
  border-color: #4a1ade;
}
.toggle-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.toggle-rule-status {
  color: #1A0361;
}
.toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
  margin: 0;
}
.toggle input {
  display: none;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3px;
  background-color: #FFFFFF;
  transition: 0.4s;
  border-radius: 50%;
}
input:checked + .slider {
  background-color: #5db451;
}
input:checked + .slider:before {
  transform: translateX(200%);
}
table.rulesets th#ordered_number {
  width: 50px;
}
table.rulesets th#actions {
  width: 50px;
}
table.rulesets tbody tr {
  transition: background-color 200ms ease-in-out;
}
table.rulesets tbody tr:hover {
  background-color: rgba(74, 26, 222, 0.1);
}
.disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media (max-width: 1350px) {
  body.toplevel_page_dxp-toolkit-dashboard main {
    padding: 20px;
  }
  .under-section {
    padding: 20px;
  }
}
#tab-kb li {
  max-width: 100%;
}