@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,500,700');
@layer static {

:root {
  --fill-action: #0968ac;
  --fill-action-hover: #075288;
  --fill-action-active: #064674;
  --text-success: #246A54;
  --text-danger: #A0190D;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: 1.1;
  font-family: inherit;
  font-size: 100%;
  font-weight: normal;
}
.pb {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
hr {
  border: 0;
}
body {
  margin: 0;
}

nav,
section {
  display: block;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

svg:not(:root) {
  overflow: hidden;
}

code {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button {
  text-transform: none;
}

button {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

button,
html [type='button'] {
  -webkit-appearance: none;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: ' (' attr(href) ')';
  }

  abbr[title]:after {
    content: ' (' attr(title) ')';
  }

  a[href^='#']:after,
  a[href^='javascript:']:after {
    content: '';
  }

  thead {
    display: table-header-group;
  }

  tr {
    page-break-inside: avoid;
  }

  p,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h3 {
    page-break-after: avoid;
  }

  .label {
    border: 1px solid #000;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  font-size: 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', Helvetica, Arial,
    serif;
  font-size: 14px;
  line-height: 1.4;
  color: #383838;
  background-color: #fff;
}

input,
textarea,
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #0c5f9c;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #0c5f9c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

[role='button'] {
  cursor: pointer;
}

h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: #383838;
}

h3 {
  margin-top: 18px;
  margin-bottom: 9px;
}

h4,
h5,
h6 {
  margin-top: 9px;
  margin-bottom: 9px;
}

h3 {
  font-size: 23px;
}

h4 {
  font-size: 17px;
}

h5 {
  font-size: 13px;
}

h6 {
  font-size: 12px;
}

p {
  margin: 0 0 9px;
}

ul {
  margin-top: 0;
  margin-bottom: 9px;
}

abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

code {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #de475e;
  background-color: #fceef0;
  border-radius: 3px;
}

table {
  background-color: transparent;
}

th {
  text-align: left;
}

label {
  display: inline-block;
  max-width: 100%;
  font-weight: bold;
}

input[type='checkbox'] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type='checkbox']:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 15px;
  font-size: 1em;
  line-height: 1.428571429;
  color: #212c3c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cccfda;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #9ca4b5;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #9ca4b5;
}
.form-control::-webkit-input-placeholder {
  color: #9ca4b5;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled] {
  background-color: #eff0f4;
  opacity: 1;
}
.form-control[disabled] {
  cursor: not-allowed;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 15px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #383838;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active {
  z-index: 2;
}

.btn-group .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.label-warning {
  background-color: #f0ad4e;
}

.pull-right {
  float: right !important;
}

@-ms-viewport {
  width: device-width;
}

.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}

.public-DraftEditor-content[contenteditable='true'] {
  -webkit-user-modify: read-write-plaintext-only;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.DraftEditor-root {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  /* border-left: 0.1px solid transparent; */
  position: relative;
  z-index: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 1;
}

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}

.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}
/**
 * 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
*/

/* DayPicker styles */

/* Default modifiers */

/* Example modifiers */

/* DayPickerInput */
.DayPickerInput {
  display: block;
  position: relative;
}
.DayPickerInput:after {
  position: absolute;
  top: 9px;
  cursor: pointer;
  pointer-events: none;
  right: 7px;
  width: 14px;
  height: 14px;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='-2 -2 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 21.5C26.2761 21.5 26.5 21.2761 26.5 21C26.5 20.7239 26.2761 20.5 26 20.5V21.5ZM18 21H17.5C17.5 21.2761 17.7239 21.5 18 21.5V21ZM18.5 11C18.5 10.7239 18.2761 10.5 18 10.5C17.7239 10.5 17.5 10.7239 17.5 11H18.5ZM36.5 19C36.5 28.665 28.665 36.5 19 36.5V37.5C29.2173 37.5 37.5 29.2173 37.5 19H36.5ZM19 36.5C9.33502 36.5 1.5 28.665 1.5 19H0.5C0.5 29.2173 8.78273 37.5 19 37.5V36.5ZM1.5 19C1.5 9.33502 9.33502 1.5 19 1.5V0.5C8.78273 0.5 0.5 8.78273 0.5 19H1.5ZM19 1.5C28.665 1.5 36.5 9.33502 36.5 19H37.5C37.5 8.78273 29.2173 0.5 19 0.5V1.5ZM26 20.5H18V21.5H26V20.5ZM18.5 21V11H17.5V21H18.5Z' fill='none' stroke-width='1' stroke='%23666c7c'/%3E%3C/svg%3E%0A");
  content: '';
}
.DayPickerInput input {
  width: 100%;
}

/* margin: 0 auto; */

.relayout {
  height: 100%;
  position: relative;
  z-index: 1;
}
.relayout__nav {
  position: fixed;
  width: 300px;
  top: 0;
  bottom: 0;
  left: 0;
}
.relayout__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  margin-left: 300px;
  background: #f8f8f8;
  border-left: 1px solid #e3e3e3;
}
.relayout__content__content {
  flex: 1 0 400px;
}
@media only screen and (max-width: 980px) {
  .relayout__nav {
    position: relative;
    z-index: 1000;
  }
  .relayout__content {
    margin-left: 0px;
  }
}

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

.tg .tg_logicalAndStruf.logicalScheme-0 .tg__conditionsWrap {
  border-left-color: #23738a;
  border-top-color: #23738a;
  border-bottom-color: #23738a;
}
.tg .tg_logicalAndStruf.logicalScheme-0 .tg__conditionsWrap .condi__logical {
  background: #23738a;
}

.tg .tg_logicalAndStruf.logicalScheme-6 .tg__conditionsWrap {
  border-left-color: #aa9069;
  border-top-color: #aa9069;
  border-bottom-color: #aa9069;
}
.tg .tg_logicalAndStruf.logicalScheme-6 .tg__conditionsWrap .condi__logical {
  background: #aa9069;
}

.tg {
  margin: -7px 0px 0 30px;
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tg .tg {
  margin: 0 0px 0px 30px;
}
.tg .tg .tg__conditionsWrap--actions {
  border-bottom: 1px solid #f2f3f8;
}

.tg__conditionsWrap {
  flex: 1 0 200px;
  margin: 0 0 0 0;
  padding: 0px;
  border-left: 2px solid #383838;
}
.tg__conditionsWrap .condi {
  padding-right: 15px;
}
.tg__conditionsWrap .tg__conditionsWrap {
  margin: 0 0 15px 0;
}
.tg__conditionsWrap--actions {
  background: #fafafb;
  padding: 15px 30px;
}

.tg .condi {
  border-bottom: 1px solid #f2f3f8;
}

.tg_logicalAndStruf {
  position: relative;
}

.condi {
  position: relative;
  padding: 0 0 0 30px;
}
.condi--err {
  background: repeating-linear-gradient(
    -45deg,
    #fff,
    #fff 10px,
    rgba(242, 243, 248, 0.5) 10px,
    rgba(242, 243, 248, 0.5) 20px
  );
}
.condi__logical {
  position: absolute;
  width: 32px;
  left: -16px;
  text-align: center;
  color: #fff;
  background: #383838;
  box-shadow: 0 1px 3px rgba(50, 50, 93, 0.1), 0 6px 8px 0px rgba(50, 50, 93, 0.04);
  z-index: 3;
  border-radius: 5px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 3px 0;
  cursor: pointer;
}
.condi__logical--bottom {
  top: auto;
  bottom: -10px;
}
.condi__logical--disabled {
  top: -18px;
  color: #929398;
  background-color: #dedede;
  cursor: not-allowed;
}
.condi__logical--disabled.condi__logical--bottom {
  top: auto;
  bottom: -16px;
}
.condi__header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0px;
}
.condi__header__icon {
  flex: 0 0 20px;
  width: 14px;
  height: 14px;
  color: #00a1e0;
  margin: 0 10px 0 0;
}
.condi__header__label {
  font-weight: 600;
  line-height: 30px;
  padding-right: 10px;
}
.condi__header__label--noevent {
  flex: 0 0 190px;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.condi__header__label--main {
  flex: 0 0 150px;
}
.condi__header__phrase {
  flex-grow: 3;
}
.condi__header__action {
  line-height: 30px;
}
.condi__header__action__delete {
  color: #cccfda !important;
  padding-right: 10px !important;
}
.condi__header__action__delete:hover {
  color: #9197af !important;
}
.condi__builder {
  display: flex;
  padding: 5px 10px 10px 0px;
  align-items: center;
}
.condi__header__event {
  flex-grow: 1;
}
.condi__builder__campaign {
  flex-grow: 1;
}
.condi__builder__negate {
  flex: 0 0 33px;
  text-align: center;
  padding: 8px 5px;
  cursor: default;
  margin-right: 10px;
  color: #fff;
  border-radius: 5px;
  font-weight: bold;
  font-size: 10px;
}
.condi__builder__negate--active {
  color: #de475e;
  box-shadow: inset 0 0 0 2px #de475e;
}
.condi__builder__operator,
.condi__builder__value {
  padding: 0 5px 0 0;
}
.condi__builder__operator {
  flex: 0 0 230px;
}
.condi__builder__value {
  flex-grow: 2;
}
.condi__builder__value--agepicker {
  flex: 0 0 200px;
}

.sidebar {
  display: flex;
  flex-direction: column;
  z-index: 50;
  width: 300px;
  overflow: hidden;
  background: #ededed;
  overflow: hidden;
}
.sidebar:after {
  display: block;
  position: absolute;
  z-index: 30;
  top: 0;
  right: -10px;
  bottom: 0;
  width: 10px;
  content: '';
  background: #f3f3f3;
  box-shadow: 1px 0 12px rgba(0, 0, 0, 0.03);
}
@media (max-width: 980px) {
  .sidebar:after {
    bottom: -10px;
    left: 0;
    top: auto;
    width: 100%;
    height: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.02);
  }
}
.sidebar__head {
  display: flex;
  align-items: center;
  flex: 0 0 72px;
  height: 74px;
  padding: 30px 22px 28px 22px;
}
.sidebar__head .sidebar__changelog {
  margin: -4px 0 0 0;
}
@media (max-width: 980px) {
  .sidebar {
    width: 100%;
    height: 64px;
    align-items: center;
    flex-direction: row;
    position: relative;
    z-index: 200;
    overflow: visible;
  }
  .sidebar__logo {
    display: none !important;
  }
  .sidebar:after {
    display: none;
  }
}

.sidebar__logo {
  display: block;
}
.sidebar__logo svg {
  display: block;
  width: auto;
  height: 34px;
}

/**
 * APP MENU => ANALYTICS / CAMPAIGNS / ADS / SETTINGS
 */
.navi {
  background: #324052;
  padding: 0;
  margin: 0;
  display: flex;
  position: relative;
  z-index: 1;
}
.navi__bt {
  background-color: rgba(39, 50, 64, 0.5);
  display: inline-block;
  height: 56px;
  transition: background-color 0.1s ease-in;
  flex: 0 1 180px;
  text-align: center;
}
.navi__bt.active {
  color: #fff;
  background-color: #1e2631;
}
.navi__bt.active .navi__bt__link {
  text-decoration: none;
}
.navi__bt.active .navi__bt__link:hover {
  color: #fff;
  background-color: #1e2631;
}
.navi__bt.active .navi__bt__link__text {
  color: #fff;
}
.navi__bt--settings {
  margin-left: auto;
}
.navi__bt__link {
  color: #f2f3f8;
  display: flex;
  padding: 16px 8px;
  text-transform: uppercase;
  line-height: 17px;
  width: 100%;
  display: inline-block;
}
.navi__bt__link:hover,
.navi__bt__link:focus {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.navi__bt__link:hover__icon,
.navi__bt__link:focus__icon {
  color: #fff;
}
.navi__bt__link:hover .navi__bt__link__text,
.navi__bt__link:focus .navi__bt__link__text {
  color: #fff;
  cursor: pointer;
}
.navi__bt__link__svg {
  line-height: 21px;
  flex: 0 0 18px;
  margin-right: 12px;
}
.navi__bt__link__svg svg {
  stroke: #fff;
  width: 14px;
  height: 14px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  overflow: visible;
}
.navi__bt__link__text {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 1px;
  line-height: 0;
  font-weight: 600;
}
@media only screen and (max-width: 979px) {
  .navi__bt {
    flex: 1 1 20%;
  }
  .navi__bt__link {
    padding: 16px 8px;
  }
}
@media only screen and (max-width: 580px) {
  .navi__bt--settings {
    border-left: 0;
  }

  .navi__bt__link {
    padding: 8px;
  }
  .navi__bt__link__text {
    font-size: 9px;
  }
}
/* legacy loader, shall desapear once everything is migrated */

/* component loader, to be used with angular */
.cloader {
  position: relative;
}
.cloader--overlay {
  position: relative;
}
.cloader--overlay .cloader__content {
  height: 100%;
}

.campaignErrorLabel {
  position: relative;
}

.errorPopover {
  pointer-events: none;
  background: #ffffff;
  box-shadow: 0px 0 8px 0px rgba(204, 207, 217, 0.5);
  text-transform: none;
  padding: 15px;
  width: 415px;
  position: absolute;
  right: 80px;
  top: -15px;
  z-index: 999;
}
.errorPopover h3 {
  text-transform: uppercase;
  color: #f08b50;
  font-weight: 500;
  padding-bottom: 5px;
}

.errorPopover:after,
.errorPopover:before {
  left: 100%;
  top: 20px;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.errorPopover:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}

.errorPopover:before {
  border-color: rgba(204, 207, 217, 0);
  border-left-color: rgba(204, 207, 217, 0.8);
  border-width: 11px;
  margin-top: -11px;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.cloader__content {
  transform: none;
}
.cloader__overlay__loader {
  position: absolute;
  top: calc(50% - 17px);
  left: calc(50% - 17px);
  border-radius: 50%;
  width: 26px;
  height: 26px;
  border: 0.2rem solid #e4e6ed;
  border-top-color: #0e68aa;
  margin: 0 auto;
  animation: spin 1.7s infinite linear;
}

.pf__head {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  padding-bottom: 24px;
}
.pf__head__steps {
  padding-left: 40px;
}
.pf__head .pb {
  top: 6px;
  margin: 0 0 -10px;
}
.pf__head__title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pf__head__title > * {
  flex: 0 0 50%;
}
.pf__head__title {
  padding-top: 8px;
}
.pf__head__chapo {
  letter-spacing: 0.8px;
  margin-top: 0;
  color: #212c3c;
  display: flex;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  text-transform: uppercase;
}
.pf__head--sticky {
  margin: 24px auto;
  padding: 0;
}
.pf__head--sticky .pf__head__content {
  max-width: 1200px;
  margin: auto;
  padding: 24px 32px;
}
@media (min-height: 700px) {
  .pf__head--stuck {
    background: #fff;
    border-bottom: 1px solid #e4e6ed;
    border-left: 1px solid #e4e6ed;
    box-shadow: 4px 1px 2px rgba(133, 142, 161, 0.15);
  }
}

.settings {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.settings .btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.settings__popin {
  text-align: left;
  position: absolute;
  right: 0;
  top: 39px;
  border-radius: 4px;
  border-top-right-radius: 0;
  background-color: #fff;
  max-width: 400px;
  border-radius: 5px;
  padding: 30px;
}

@media only screen and (max-width: 580px) {
  .pf__head__content {
    margin-top: 48px;
  }

  .pf__head__title {
    flex-wrap: wrap;
  }

  .pf__head__title > * {
    flex: 0 0 100%;
  }

  .pf__head__steps {
    padding-left: 0;
    margin-top: 16px;
  }

  .clust {
    flex-basis: 38% !important;
  }
}
.audience__title {
  text-transform: uppercase;
  font-size: 11px;
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #858ea1;
}
.audience__reach {
  font-size: 1em;
  margin: 5px 0 0 0;
  color: #858ea1;
}
.audience__reach strong {
  font-size: 22px;
  color: #383838;
  font-weight: 400;
  line-height: 24px;
}

.targeting {
  display: inline-block;
  padding: 2px 12px 2px 0px;
  display: inline-flex;
  align-items: center;
}
.targeting--cluster:before {
  content: '';
  display: block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-right: 8px;
}
.targeting--cluster--N:before {
  background-color: #f8df7e;
}
.targeting--cluster--E:before {
  background-color: #9ed58a;
}
.targeting--cluster--U:before {
  background-color: #cc3c4f;
}
.targeting--cluster--D:before {
  background-color: #f08b50;
}
.targeting--cluster--I:before {
  background-color: #7744b8;
}

.clustContainer {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin-top: -10px;
}

.clust {
  text-transform: uppercase;
  background: #fff;
  font-size: 11px;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  border: 1px solid #f0f0f5;
  margin: 10px 0 0 0;
  border-radius: 4px;
  position: relative;
  font-size: 12px;
  letter-spacing: 0.5px;
  flex-grow: 0;
  line-height: 22px;
  color: #858ea5;
  font-weight: 500;
  padding: 8px 8px;
}
.clust:focus {
  border: 1px solid #eff0f4;
}
.clust__dot {
  display: inline-block;
  margin-right: 4px;
  padding: 3px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: #eff0f4;
  transform: translateY(3px);
  transition: border-color 0.2s ease-in-out;
}
.clust__dot:before {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  transition: background 0.1s ease-in-out;
  content: '';
}
.clust:hover {
  color: #69738e;
}
.clust.active {
  color: #212c3b;
  border: 1px solid #00a1e0;
  box-shadow: inset #00a1e0 0 0 0px 1px;
}
.clust.active .clust__dot {
  border-color: #00a1e0;
  background: #fff;
}
.clust.active .clust__dot:before {
  background: #00a1e0;
}
.clust.active:after {
  display: block;
}
.clust--N {
  border: 1px solid #f0f0f5;
  margin: 10px 0 0 0;
  border-radius: 4px;
  position: relative;
  font-size: 12px;
  letter-spacing: 0.5px;
  flex-grow: 0;
  line-height: 22px;
  color: #858ea5;
  font-weight: 500;
  padding: 8px 8px;
}
.clust--N:hover {
  color: #69738e;
}
.clust--N.active {
  color: #212c3b;
  border: 1px solid #f8df7e;
  box-shadow: inset #f8df7e 0 0 0px 1px;
}
.clust--N.active .clust__dot {
  border-color: #f8df7e;
  background: #fff;
}
.clust--N.active .clust__dot:before {
  background: #f8df7e;
}
.clust--N.active:after {
  display: block;
}
.clust--E {
  border: 1px solid #f0f0f5;
  margin: 10px 0 0 0;
  border-radius: 4px;
  position: relative;
  font-size: 12px;
  letter-spacing: 0.5px;
  flex-grow: 0;
  line-height: 22px;
  color: #858ea5;
  font-weight: 500;
  padding: 8px 8px;
}
.clust--E:hover {
  color: #69738e;
}
.clust--E.active {
  color: #212c3b;
  border: 1px solid #78ae65;
  box-shadow: inset #78ae65 0 0 0px 1px;
}
.clust--E.active .clust__dot {
  border-color: #78ae65;
  background: #fff;
}
.clust--E.active .clust__dot:before {
  background: #78ae65;
}
.clust--E.active:after {
  display: block;
}
.clust--U {
  border: 1px solid #f0f0f5;
  margin: 10px 0 0 0;
  border-radius: 4px;
  position: relative;
  font-size: 12px;
  letter-spacing: 0.5px;
  flex-grow: 0;
  line-height: 22px;
  color: #858ea5;
  font-weight: 500;
  padding: 8px 8px;
}
.clust--U:hover {
  color: #69738e;
}
.clust--U.active {
  color: #212c3b;
  border: 1px solid #cc3c4f;
  box-shadow: inset #cc3c4f 0 0 0px 1px;
}
.clust--U.active .clust__dot {
  border-color: #cc3c4f;
  background: #fff;
}
.clust--U.active .clust__dot:before {
  background: #cc3c4f;
}
.clust--U.active:after {
  display: block;
}
.clust--D {
  border: 1px solid #f0f0f5;
  margin: 10px 0 0 0;
  border-radius: 4px;
  position: relative;
  font-size: 12px;
  letter-spacing: 0.5px;
  flex-grow: 0;
  line-height: 22px;
  color: #858ea5;
  font-weight: 500;
  padding: 8px 8px;
}
.clust--D:hover {
  color: #69738e;
}
.clust--D.active {
  color: #212c3b;
  border: 1px solid #f08b50;
  box-shadow: inset #f08b50 0 0 0px 1px;
}
.clust--D.active .clust__dot {
  border-color: #f08b50;
  background: #fff;
}
.clust--D.active .clust__dot:before {
  background: #f08b50;
}
.clust--D.active:after {
  display: block;
}

.pb {
  position: relative;
  margin: 20px 0 60px 0;
  border-radius: 5px;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.pb:before {
  position: absolute;
  content: '';
  height: 50%;
  left: 20px;
  max-width: 88%;
  right: 0;
  border-top: 1px solid #e4e6ed;
  height: 0;
}
.pb__step {
  position: relative;
  cursor: pointer;
}
.pb__step:first-child:before {
  position: absolute;
  left: 0;
  right: 50%;
  top: 0;
  bottom: 0;
  content: '';
}
.pb__step:last-child:before {
  position: absolute;
  right: 0;
  left: 50%;
  top: 0;
  bottom: 0;
  content: '';
}
.pb__step__label {
  position: relative;
  color: #383838;
  text-align: center;
  font-size: 11px;
  display: inline-block;
  padding: 15px 10px 18px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
.pb__step__label:focus {
  color: #383838;
}
.pb__step__label:before {
  left: 43%;
  top: -4px;
  position: absolute;
  content: '';
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.1);
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #cccfda;
  border: 1px solid #cccfda;
}
.pb__step--done .pb__step__label:before {
  background-color: #21d24a;
}
.pb__step--active .pb__step__label {
  color: #00a1e0;
  color: #0968ac;
}
.pb__step--active .pb__step__label:before {
  background: #00a1e0;
  background-color: #0968ac;
  border: 0;
}

/**
 *
 * we follow bootstrap syntax, not BEM, for this component, to ease integration/ keep js
 *
 */

/**
 * BTN.SCSS
 *
 * Base .btn
 * Type .primary or .alt
 * Sizes .sm .md .big
 * Colors (opt) .valid .danger
 * Settings (opt)
 *
 *
 */
/*------------------------------------*\
    #BASE
\*------------------------------------*/
button,
[type='button'] {
  background: transparent;
  border-radius: 0;
}

.btn {
  appearance: none;
  backface-visibility: hidden;
  border: 0 none;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-weight: 600;
  zoom: 1;
  line-height: normal;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-overflow: ellipsis;
  transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
  vertical-align: middle;
  white-space: nowrap;
  box-sizing: border-box;
  vertical-align: middle;
  letter-spacing: 0.5px;
  padding: 0 16px;
  font-size: 11px;
  height: 32px;
  line-height: 32px;
}
.btn:hover {
  color: #383838;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  box-shadow: none;
}

/*------------------------------------*\
    #SIZES
\*------------------------------------*/
.btn--xsm {
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  padding: 0 8px;
  letter-spacing: 0.2px;
}

.btn--sm {
  height: 24px;
  line-height: 24px;
  font-size: 11px;
  padding: 0 8px;
  letter-spacing: 0.2px;
}

.btn--lg {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  padding: 0 24px;
  letter-spacing: 0.2px;
}

/*------------------------------------*\
    #TYPE
\*------------------------------------*/
.btn--primary {
  background-color: #5e6e84;
  color: #fff;
}
.btn--primary:hover,
.btn--primary:focus {
  text-decoration: none;
  background-color: #5e6e84;
  color: #fff;
}

.btn--secondary {
  background-color: #f4f6f9;
  color: #7e879a;
}
.btn--secondary:hover,
.btn--secondary:focus {
  text-decoration: none;
  background-color: #e5e7ea;
  color: #6f788b;
}

.btn--action,
.funky__tab.disabled {
  background-color: #0968ac;
  color: #fff;
}
.btn--action:hover,
.funky__tab.disabled:hover,
.btn--action:focus,
.funky__tab.disabled:focus {
  color: #fff;
  background-color: #0968ac;
}
.btn--action:active,
.funky__tab.disabled:active {
  box-shadow: none;
}

/*------------------------------------*\
    #COLORS
\*------------------------------------*/

/*------------------------------------*\
    #SETTINGS
\*------------------------------------*/
.btn--primary[disabled],
.btn:disabled,
.funky__tab.disabled {
  color: #bcc7d4;
  border: 0;
  background-color: #f2f3f8;
  pointer-events: none;
}
.btn--primary[disabled]:hover,
.btn--primary[disabled]:focus,
.btn:disabled:hover,
.btn:disabled:focus,
.funky__tab.disabled:hover,
.funky__tab.disabled:focus {
  color: #b4c3d5;
  border: 0;
  background: #e4eaf1;
  cursor: default;
}
.btn--primary[disabled]:active,
.btn:disabled:active,
.funky__tab.disabled:active {
  box-shadow: none;
}

.btn[class*=' faa-']:after {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.btn[class*=' faa-']:after.btn--lg {
  padding-top: 1px;
}

.btn[class*=' faa-']:after {
  margin-left: 7px;
}

/*------------------------------------*\
    #MISC
\*------------------------------------*/

.btn + .btn {
  margin-left: 10px;
}

.btn-group .btn {
  margin-right: 0;
}

.btn--test .btn:first-child {
  border-radius: 3px 0 0 3px !important;
}
.btn--test .btn:last-child {
  background-color: #5e6e84;
  border-radius: 0 3px 3px 0;
  padding: 0 8px;
  width: 32px;
}

.btn.faa:after {
  content: '   ';
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: inline-block;
  margin-left: 7px;
  fill: currentColor;
}

.faa-send:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='m206 305c-1 0-2-1-2-1l-183-75c-11-4-11-19 0-23l433-167c10-4 20 6 16 17l-164 435c-4 11-19 11-23 0z m5-26l62-58c5-5 13-4 18 1 5 5 4 13-1 18l-60 56 64 156 142-379-376 145z'%3E%3C/path%3E%3C/svg%3E");
}

.btn-group {
  vertical-align: inherit;
}

.funky-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 32px;
  background-color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  position: relative;
}
.funky-switch.disabled {
  background-color: #e2e5ee;
  box-shadow: none;
}
.funky-switch button {
  cursor: pointer;
}

.funky {
  position: relative;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: stretch;
  padding: 0;
}
.funky__tab {
  list-style: none;
  cursor: pointer;
  background: #fff;
  color: #858ea1;
  z-index: 1;
  position: relative;
}
.funky__tab.disabled {
  pointer-events: none;
  cursor: not-allowed;
  box-shadow: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #707070;
}
.funky__tab:first-child {
  z-index: 2;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.funky__tab:first-child.active:before {
  border-color: transparent transparent transparent #0968ac;
}
.funky__tab:nth-child(2) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.funky__tab:first-child:before {
  border-color: transparent transparent transparent #fff;
  z-index: 10;
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  right: -14px;
  top: 0;
  border-style: solid;
  border-width: 16px 0 16px 16px;
}
.funky__tab:nth-child(2):before {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  left: -1px;
  top: 0px;
  border-style: solid;
  border-width: 16px 0 16px 16px;
  border-color: transparent transparent transparent #f5f6fa;
  z-index: 10;
}
.funky__tab:nth-child(2):after {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  left: -1px;
  top: 0;
  border-style: solid;
  border-width: 16px 0 16px 16px;
  border-color: transparent transparent transparent #f5f6fa;
}
.funky__tab:first-child:after {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  right: -17px;
  top: 0;
  border-style: solid;
  border-width: 16px 0 16px 16px;
  border-color: transparent transparent transparent #f5f6fa;
}
.funky__tab.active {
  background: #0968ac;
  color: #fff;
}
.funky__tab.active:before {
  border-color: transparent transparent transparent #f9f9fc;
}
.funky__tab span {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
}
.prr__item {
  flex-grow: 1;
}
.prr__item__sub {
  display: flex;
  margin: 0;
  align-items: baseline;
  border-top: 1px solid #eff0f4;
  padding: 24px 20px;
}
.prr__item__sub:last-child {
  margin-bottom: 0;
}

.prr__item__sub__kind {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 11px;
  flex: 0 0 125px;
  color: #9ca4b5;
  font-weight: 500;
}
.prr__item__sub__content {
  min-width: 0;
  min-height: 18px;
  overflow-wrap: break-word;
}

.label {
  padding: 2px 4px;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  line-height: 1.4;
}

/* @group Base */

/* @end */
/* @group Single Chosen */

/* @end */
/* @group Results */

/* @end */
/* @group Multi Chosen */

/* @end */
/* @group Active  */

/* @end */
/* @group Disabled Support */

/* @end */
/* @group Right to Left */

/* @end */
/* @group Retina compatibility */
/* @end */

b {
  font-weight: 600;
}

html,
body {
  height: 100%;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'kern' 1;
}

.no-animate {
  -webkit-transition: none !important;
  transition: none !important;
}

.no-animate {
  -webkit-transition: none !important;
  transition: none !important;
}

a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

a,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none;
}

a:hover,
a:visited:hover {
  text-decoration: none;
}

button::-moz-focus-inner {
  border: 0;
}

.settings__popin,
.funky-switch,
.funky__tab,
.funky__tab.active {
  box-shadow: 0 1px 3px rgba(50, 50, 93, 0.1), 0 6px 8px 0px rgba(50, 50, 93, 0.04);
}

input[type='checkbox'] {
  margin: 0;
}

body {
  background-color: #fff;
}

::selection {
  background: #abd7f2;
  color: #2d6384;
}

::-moz-selection {
  background: #abd7f2;
  color: #2d6384;
}

label {
  color: #383838;
  font-weight: normal;
  font-size: 1em;
  font-weight: 500;
}

input[type='number'] {
  text-align: right;
  -moz-appearance: textfield;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

.form-group {
  margin-bottom: 25px;
}

.form-group input::-webkit-input-placeholder,
.form-group textarea::-webkit-input-placeholder {
  color: #a2acbf;
}

.form-group input:-moz-placeholder {
  /* FF 4-18 */
  color: #a2acbf;
}

.form-group input::-moz-placeholder,
.form-group textarea::-moz-placeholder {
  /* FF 19+ */
  color: #a2acbf;
}

.form-group input:-ms-input-placeholder {
  /* IE 10+ */
  color: #a2acbf;
}

.form-control {
  height: 32px;
  box-shadow: none;
  border: none;
  background-color: #fff;
  border: 1px solid #e4e6ed;
  font-size: 14px;
  letter-spacing: 0.2px;
}
.form-control:focus,
.form-control:hover:focus {
  border: 1px solid #0968ac;
  box-shadow: inset 0px 0px 0px 1px #0968ac;
}

/*******  RESET *******/
body,
div,
ul,
li,
h3,
h4,
h5,
h6,
input,
p,
th,
td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-style: normal;
  font-weight: normal;
}

th {
  text-align: left;
}

h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

abbr {
  border: 0;
}

body,
html {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'kern';
  font-kerning: normal;
}

.osano-cm-window {
  font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', Helvetica, Arial,
    serif;
}

.osano-cm-widget {
  display: none;
}

.osano-cm-dialog.osano-cm-dialog--position_center.osano-cm-dialog--type_box {
  position: fixed;
  width: 100%;
  max-width: 580px;
  padding: 0;
  color: #000;
  background: #fff;
  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.66);
}

.osano-cm-dialog:after {
  position: absolute;
  top: 32px;
  left: 28px;
  right: 28px;
  height: 42px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='500' height='224' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M499 106.91c-1.19-14.13-7.05-28.36-21.64-33-11.48-3.67-23.47.71-33 7.41 1.86-6.187 3.763-12.373 5.71-18.56 5.87-16.32 10.94-32.9 17.07-49.12 2.06-5.3-2.21-12.08-7.55-13.3a11.1 11.1 0 0 0-13.33 7.55c-6.32 16.69-12.1 33.56-17.52 50.55-.66 1.82-1.32 3.63-2.07 5.43-.82 2.21-1.69 4.39-2.58 6.58-.18.49-.39 1-.59 1.44v.17c-.48 1.11-1 2.23-1.45 3.34-2.05 4.34-4.15 8.6-6.33 12.82a129.775 129.775 0 0 1-22.89 30.71A40.599 40.599 0 0 1 369.08 131c-4.87.62-9.78.56-13.93-2.48a14.732 14.732 0 0 1-5.76-9.2 24.312 24.312 0 0 1 .93-10.45 61.202 61.202 0 0 1 21.57-33.25l1.71-1.26a12.222 12.222 0 0 1 6.4-2.66c6-.19 12 8.25 18.22 4.25 4.58-3 7.41-9.88 3.9-14.81-7.89-11-23.2-14-35.21-8a66.18 66.18 0 0 0-15.14 11.31A77.13 77.13 0 0 0 340.64 78a87.543 87.543 0 0 0-10.32 21.76c-.51.47-1 1-1.52 1.44l-34.26 32.67c-3.59-3.71-2.6-10.12-1.69-14.7 1.42-7.22 4.13-14.44 6.19-21.49 4.42-15 9.39-29.89 13.91-44.89a572.869 572.869 0 0 1 4.31-14.15c13-.78 26.06-1.09 39.21-1.15a10.833 10.833 0 0 0 10.006-6.686 10.835 10.835 0 0 0-2.348-11.802 10.842 10.842 0 0 0-7.658-3.172c-10.813 0-21.607.317-32.38.95.58-2.483.58-5.067 0-7.55-1.4-5.43-6.81-7.76-12-6.89-5.19.87-8.48 6.87-10.54 11.24l-2.38 5.08c-14.44 1.44-28.89 3.48-43.33 6.33a10.92 10.92 0 0 0-7.58 13.32 11.131 11.131 0 0 0 13.34 7.57c8-1.607 16.06-2.98 24.18-4.12l2.52-.37-.89.14a2.33 2.33 0 0 0 .89-.12c-15.07 31.06-31.41 61.53-53.26 88.13l-7.76 8.89a13.793 13.793 0 0 1-2.62-6.18 30.25 30.25 0 0 1 1.38-12.28A176.702 176.702 0 0 1 239 85.87a40.778 40.778 0 0 0 4.5-11.37 11.946 11.946 0 0 0-3.5-11.18c-4.29-3.48-11-2.06-15.11 1.76a23.767 23.767 0 0 0-4.78 6.39 35.94 35.94 0 0 0-21.07-5.71 48.81 48.81 0 0 0-30.59 13.9 81.637 81.637 0 0 0-15.55 20.71A35.679 35.679 0 0 0 142.23 81c-8.42-7.51-19.3-10-30.3-9.45a52.27 52.27 0 0 0 11.29-18.83c3.16-9.84.52-21-8.63-26.63-7-4.27-15.66-4-23.48-3.21-2.06.2-4.25.47-6.36.78l.69-2.06a10.94 10.94 0 0 0-7.58-13.29 11.11 11.11 0 0 0-13.33 7.57A712.78 712.78 0 0 1 60 29.72a151.111 151.111 0 0 0-14.63 5.84A148.251 148.251 0 0 0 3.45 65a10.7 10.7 0 0 0-2.51 3.49A10.78 10.78 0 0 0 .79 77a10.72 10.72 0 0 0 2.38 3.6A10.8 10.8 0 0 0 11 83.72a10.809 10.809 0 0 0 7.73-3.44c2.37-2.35 4.83-4.64 7.35-6.81 1.05-.93 2.06-1.81 3.22-2.7a22.198 22.198 0 0 1 2.06-1.57c-2.27 1.63.74-.53 1.16-.84a137.902 137.902 0 0 1 17.11-10.73l1-.52c-6.95 19.54-14.11 39-20.8 58.58-1.57 4.64-3.11 9.31-4.6 14-1.49 4.69-3.29 9.41-4.53 14.31a17.93 17.93 0 0 0-.76 5.82 10.598 10.598 0 0 0 7.84 9 11.06 11.06 0 0 0 13.33-7.55c4.33-14.21 9.1-28.26 14-42.26 1.51-.79 3-1.59 4.52-2.33l2.85-1.36 1.65-.75 1.07-.47.83-.35c10.088-4.065 20.596-7 31.33-8.75a136.015 136.015 0 0 1 15.19-1.71c6.4-.31 12.84.48 17 5.82 5.16 6.58.86 16.75-3 22.69a92.189 92.189 0 0 1-14.12 16.2 144.66 144.66 0 0 1-15.38 13.24 568.54 568.54 0 0 1-5.05 3.5 157.551 157.551 0 0 1-24.11 13 120.707 120.707 0 0 1-9.65 3.7c-3.43 1.19-6.9 2.31-10.32 3.28-3.42.97-7 1.83-10.57 2.53a96.406 96.406 0 0 1-10.69 1.63c-2.78.167-5.545.541-8.27 1.12a11.69 11.69 0 0 0-6.79 4.12l-.33.43a9.571 9.571 0 0 0-1.71 5.88 11.997 11.997 0 0 0 6.19 9.94c3.25 1.63 7.25.63 10.69.22l3.34-.43c4.72-.667 9.41-1.493 14.07-2.48 4.66-.987 9.263-2.16 13.81-3.52 4.54-1.34 9-2.87 13.45-4.58a171.344 171.344 0 0 0 25.54-12.3c4.08-2.4 8.07-5 11.93-7.75 3.86-2.75 7.66-5.71 11.29-8.83.95-.8 1.88-1.63 2.8-2.47a146.127 146.127 0 0 0 17.63-19c.45-.58.91-1.16 1.34-1.75.018 1.481.122 2.961.31 4.43 1.46 11.76 9.47 23.35 21.05 25.87a29.561 29.561 0 0 0 21.56-4.6 68.39 68.39 0 0 0 16.26-15.54c1.55-1.91 3-3.89 4.52-5.85a32.27 32.27 0 0 0 14.14 17.92 16.803 16.803 0 0 0 14.24 1.75 23.006 23.006 0 0 0 7.94-6.37 325.058 325.058 0 0 0 34.07-45.38c-.14.7-.33 1.4-.47 2.06-1.9 9.41-3.53 19.29-.68 28.47 2.85 9.18 11.59 17.2 21.11 16 5.69-.74 10.5-4.51 14.88-8.25 6.7-5.67 13.2-11.61 19.52-17.71A33.432 33.432 0 0 0 336 140.3c8.77 10.48 22.39 13.94 35.51 12.19a63.607 63.607 0 0 0 31.93-14.73c1.21-1 3.53-3.11 3.53-3.11s-.64 2.41-.83 3l-.93 3.51c-.62 2.27-1.22 4.54-1.83 6.81-1.06 3.91-2.46 8.25-.91 12.14a10.214 10.214 0 0 0 2.76 4.06 10.326 10.326 0 0 0 4.32 2.32 11.537 11.537 0 0 0 11.08-3.36 15.646 15.646 0 0 0 2.8-6.38c.81-2.66 1.67-5.28 2.62-7.9a170.932 170.932 0 0 1 8.24-17.85 183.979 183.979 0 0 1 14.3-24.07 41.483 41.483 0 0 1 8.79-8.56 20.002 20.002 0 0 1 7.55-3.7 9.438 9.438 0 0 1 10.32 5.18c3 5.34 3.24 12 2.89 18a74.714 74.714 0 0 1-1.79 12.37c-.5 2.21-1 4.44-1.72 6.58a17.264 17.264 0 0 0-1.11 7.22 9.821 9.821 0 0 0 2 5.73 9.937 9.937 0 0 0 5 3.45c1.654.364 3.366.374 5.024.03a12.013 12.013 0 0 0 4.596-2.03c3.51-2.58 4-6.91 4.91-10.83 1.26-5.28 2.42-10.6 3.24-16a74.26 74.26 0 0 0 .7-17.49l.01.03ZM101.57 49a61.59 61.59 0 0 1-13.93 15.7A129.665 129.665 0 0 1 74.93 73c-2.8 1.56-5.71 2.9-8.62 4.29 3-8.42 6-16.84 9-25.29.54-1.53 1-3.08 1.57-4.6a112.2 112.2 0 0 1 7.9-1.71 79.472 79.472 0 0 1 13.8-1.59 6.411 6.411 0 0 1 3.32.54c1.67.92.48 3.09-.33 4.36Zm76.6 91.87c-3.13 3.65-8.25 7.49-12.21 4.78-2.69-1.81-3-5.63-2.79-8.87a61.385 61.385 0 0 1 24.54-44.53 24.7 24.7 0 0 1 11.39-5.15 11.411 11.411 0 0 1 11 4.66c0 .16.18.35.29.53a236.397 236.397 0 0 1-32.24 48.58h.02Z' fill='%230F0F0F'/%3E%3Cpath d='M176.82 214.52s7.09-1.06 10.65-1.55l2.91-.42 7.82-1a996.856 996.856 0 0 1 116.89-7.71h19.33c3.23 0 6.46.08 9.7.15 3.24.07 6.46.14 9.69.24 3.23.1 6.46.2 9.69.33 1.61.06 3.21.16 4.81.21a13.352 13.352 0 0 0 4.13-.36 11.131 11.131 0 0 0 4.79-2.8 10.93 10.93 0 0 0 3.2-7.65 11.067 11.067 0 0 0-10.86-10.85 1026.606 1026.606 0 0 0-192.71 9.61c-4.667.667-9.3 1.377-13.9 2.13-4.6.753-9.22 1.537-13.86 2.35-4.607.813-9.21 1.66-13.81 2.54-2 .39-4.09.79-6.13 1.2a22.144 22.144 0 0 0-6.16 1.67 10.997 10.997 0 0 0-4.07 3.77c-.11.16-.2.32-.3.48a10.92 10.92 0 0 0-1 8.24 11.122 11.122 0 0 0 5.16 6.47 11.256 11.256 0 0 0 5 1.44 23.725 23.725 0 0 0 5.56-.67c1.94-.39 3.88-.84 5.83-1.2l7.27-1.35 8.38-1.52c2.893-.527 5.79-1.04 8.69-1.54 2.733-.48 5.47-.947 8.21-1.4l2.68-.43 2.41-.38Z' fill='%230968AC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h499.23v223.02H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.osano-cm-message {
  font-size: 16px;
  line-height: 1.4;
  color: #323639;
}

.osano-cm-link {
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;
  color: #017db2;
  text-decoration: none;
  text-transform: none;
}
.osano-cm-link:hover,
.osano-cm-link:focus {
  color: #016f9e;
}
.osano-cm-link:active {
  color: #01628b;
}
.osano-cm-link:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 3px 0 -3px 4px;
  content: '';
  mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289L27.7071 17.2929C28.0976 17.6834 28.0976 18.3166 27.7071 18.7071L18.7071 27.7071C18.3166 28.0976 17.6834 28.0976 17.2929 27.7071C16.9024 27.3166 16.9024 26.6834 17.2929 26.2929L24.5858 19H3C2.44772 19 2 18.5523 2 18C2 17.4477 2.44772 17 3 17H24.5858L17.2929 9.70711C16.9024 9.31658 16.9024 8.68342 17.2929 8.29289Z' fill='%23000'/%3E%3C/svg%3E%0A");
  mask-size: contain;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289L27.7071 17.2929C28.0976 17.6834 28.0976 18.3166 27.7071 18.7071L18.7071 27.7071C18.3166 28.0976 17.6834 28.0976 17.2929 27.7071C16.9024 27.3166 16.9024 26.6834 17.2929 26.2929L24.5858 19H3C2.44772 19 2 18.5523 2 18C2 17.4477 2.44772 17 3 17H24.5858L17.2929 9.70711C16.9024 9.31658 16.9024 8.68342 17.2929 8.29289Z' fill='%23000'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  background: currentColor;
}

.osano-cm-switch {
  width: 32px;
  height: 18px;
  background: var(--text-danger);
}
.osano-cm-toggle__input:focus + .osano-cm-toggle__switch, .osano-cm-toggle__input:hover + .osano-cm-toggle__switch {
  background: var(--text-danger);
  border-color: var(--text-danger);
}
.osano-cm-toggle__input:focus + .osano-cm-toggle__switch::before {
  border-color: var(--text-danger);
}
.osano-cm-switch:after {
  width: 14px;
  height: 14px;
  transition-duration: 150ms;
}

.osano-cm-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
  height: 46px;
  font-family: inherit;
  font-size: 14px;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(15, 15, 15, 0.02), 0px 1px 3px 0px rgba(15, 15, 15, 0.08);
  box-shadow: 0px 1px 8px 0px rgba(15, 15, 15, 0.02), 0px 1px 3px 0px rgba(15, 15, 15, 0.08);
  transition: background 0.1s ease;
  border-radius: 6px;
}
@media screen and (max-height: 700px) {
  .osano-cm-button {
    height: 42px;
    font-size: 14px;
  }
}

.osano-cm-save {
  font-weight: 500;
  color: #5f666c;
  background: rgba(33, 43, 55, 0.08);
  background: #eaeaeb;
}
.osano-cm-save:hover,
.osano-cm-save:focus {
  background: rgba(33, 43, 55, 0.12);
  background: #e5e5e6;
}
.osano-cm-save:active {
  background: rgba(33, 43, 55, 0.18);
  background: #e0e0e1;
}

.osano-cm-accept-all {
  font-weight: 700;
  background: var(--fill-action);
  width: 100%;
}
.osano-cm-accept-all:hover,
.osano-cm-accept-all:focus {
  background: var(--fill-action-hover);
}
.osano-cm-accept-all:active {
  background: var(--fill-action-active);
}

.osano-cm-toggle__label {
  padding-left: 6px;
  font-size: 16px;
  font-weight: 400;
  color: #484e52;
  cursor: pointer;
  user-select: none;
}

.osano-cm-dialog {
  background: #fcfcfc;
}
.osano-cm-dialog .osano-cm-content__message {
  padding: 96px 28px 0 28px;
  margin-bottom: 18px;
}
.osano-cm-dialog .osano-cm-content__link {
  padding: 0 28px 22px 28px;
  padding: 0 28px 0 28px;
  margin: 0 0 22px 0;
}
.osano-cm-dialog .osano-cm-dialog__list {
  position: relative;
  padding: 22px 28px 0px 28px;
  border-top: 1px solid #e3e3e3;
  background: #fcfcfc;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.02);
}
.osano-cm-dialog .osano-cm-dialog__list .osano-cm-list__list-item {
  margin-bottom: 10px;
}
.osano-cm-dialog .osano-cm-dialog__list .osano-cm-list__list-item:last-child {
  margin-bottom: 0;
}
.osano-cm-dialog .osano-cm-dialog__list:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  height: 20px;
  content: '';
  background: #fcfcfc;
}
.osano-cm-dialog .osano-cm-dialog__buttons {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin: 0;
  padding: 24px 26px 24px 26px;
  background: #fcfcfc;
  border-top: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.02);
}
.osano-cm-content__drawer-links.osano-cm-drawer-links {
  padding: 0 36px;
}
.osano-cm-dialog .osano-cm-dialog__buttons .osano-cm-save {
  grid-column: 1/6;
  order: 1;
}
.osano-cm-dialog .osano-cm-dialog__buttons .osano-cm-accept-all {
  grid-column: 6/13;
  order: 2;
}
@media (max-height: 700px) {
  .osano-cm-dialog .osano-cm-dialog__buttons {
    display: flex;
    position: sticky;
    bottom: 0;
  }
}

.osano-cm-info-dialog {
  background: rgba(63, 63, 63, 0.58);
}
.osano-cm-info-dialog .osano-cm-info-dialog__info {
  width: 100%;
  max-width: 380px;
  background: #ffffff;
  box-shadow: 1px 0px 48px rgba(0, 0, 0, 0.22);
  overflow: auto;
}
.osano-cm-info-dialog .osano-cm-info__info-dialog-header {
  position: static;
  padding: 28px 28px 0 28px;
  background: #fff;
}
.osano-cm-info-dialog .osano-cm-info-dialog-header__header {
  padding: 0;
  margin-right: 58px;
  font-size: 26px;
  font-weight: 500;
  color: #242e3b;
  line-height: 29px;
  background: transparent;
}
.osano-cm-info-dialog .osano-cm-info-dialog-header__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 36px;
  margin-top: -1px;
  padding: 0;
  border-radius: 4px;
  background: transparent;
  transform: none !important;
}
.osano-cm-info-dialog .osano-cm-info-dialog-header__close:before {
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -4px;
  content: '';
  mask: center/contain
    url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNyAxM0wyNSAzMU0yNSAxM0w3IDMxIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgLz4KPC9zdmc+');
  -webkit-mask: center/contain
    url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNyAxM0wyNSAzMU0yNSAxM0w3IDMxIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgLz4KPC9zdmc+');
  background: #707782;
}
.osano-cm-info-dialog .osano-cm-info-dialog-header__close svg {
  display: none;
}
.osano-cm-info-dialog .osano-cm-info-dialog-header__close:hover {
  background: rgba(33, 43, 55, 0.12);
}
.osano-cm-info-dialog .osano-cm-info-dialog-header__close:hover:before {
  background: #484f57;
}

#modal-root {
  height: 0;
  overflow: hidden;
}

/* DayPicker styles */
.DayPicker {
  display: inline-block;
}

.DayPicker-Months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: no-wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 1rem 0;
}

.DayPicker-Month {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 1rem;
}

.DayPicker-NavBar {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  padding: 0 0.5rem;
  top: 1rem;
  height: 1.25em;
  cursor: pointer;
}

.DayPicker-NavButton {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.DayPicker-NavButton--prev {
  left: 1rem;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2cHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDI2IDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjIgKDEyMDQzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wcmV2PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InByZXYiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjM5MzE5MywgMjUuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMy4zOTMxOTMsIC0yNS4wMDAwMDApIHRyYW5zbGF0ZSgwLjg5MzE5MywgMC4wMDAwMDApIiBmaWxsPSIjNTY1QTVDIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAsNDkuMTIzNzMzMSBMMCw0NS4zNjc0MzQ1IEwyMC4xMzE4NDU5LDI0LjcyMzA2MTIgTDAsNC4yMzEzODMxNCBMMCwwLjQ3NTA4NDQ1OSBMMjUsMjQuNzIzMDYxMiBMMCw0OS4xMjM3MzMxIEwwLDQ5LjEyMzczMzEgWiIgaWQ9InJpZ2h0IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K');
}

.DayPicker-NavButton--next {
  right: 1rem;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2cHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDI2IDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjIgKDEyMDQzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5uZXh0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9Im5leHQiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuOTUxNDUxLCAwLjAwMDAwMCkiIGZpbGw9IiM1NjVBNUMiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCw0OS4xMjM3MzMxIEwwLDQ1LjM2NzQzNDUgTDIwLjEzMTg0NTksMjQuNzIzMDYxMiBMMCw0LjIzMTM4MzE0IEwwLDAuNDc1MDg0NDU5IEwyNSwyNC43MjMwNjEyIEwwLDQ5LjEyMzczMzEgTDAsNDkuMTIzNzMzMSBaIiBpZD0icmlnaHQiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: table-caption;
  height: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  color: #383838;
  font-weight: 600;
}

.DayPicker-Weekdays {
  display: table-header-group;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 1.2rem 0.8rem;
  font-size: 0.875em;
  text-align: center;
  color: #383838;
}
.DayPicker-Weekday abbr {
  border-bottom: none;
  cursor: normal;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  padding: 0.8rem;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 3px;
}
.DayPicker-Day:hover {
  background: #f3f4f9;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.8rem;
  text-align: right;
  vertical-align: middle;
  min-width: 1rem;
  font-size: 0.75em;
  cursor: pointer;
  color: #8b9898;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  display: table-caption;
  caption-side: bottom;
  padding-top: 0.5rem;
}

.DayPicker-TodayButton {
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  color: #00a1e0;
  font-size: 0.875em;
}

/* Default modifiers */
.DayPicker-Day--today {
  color: #00a1e0;
  font-weight: 500;
}

.DayPicker-Day--disabled {
  color: #dce0e0;
  cursor: default;
  background-color: #fff !important;
}

.DayPicker-Day--outside {
  cursor: default;
  color: #dce0e0;
}

/* Example modifiers */
.DayPicker-Day--sunday {
  background-color: #f7f8f8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #dce0e0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  color: #fff;
  background-color: #00a1e0;
}

/* DayPickerInput */
.DayPickerInput {
  display: block;
  position: relative;
}
.DayPickerInput:after {
  position: absolute;
  top: 9px;
  cursor: pointer;
  pointer-events: none;
  right: 7px;
  width: 14px;
  height: 14px;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='-2 -2 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 21.5C26.2761 21.5 26.5 21.2761 26.5 21C26.5 20.7239 26.2761 20.5 26 20.5V21.5ZM18 21H17.5C17.5 21.2761 17.7239 21.5 18 21.5V21ZM18.5 11C18.5 10.7239 18.2761 10.5 18 10.5C17.7239 10.5 17.5 10.7239 17.5 11H18.5ZM36.5 19C36.5 28.665 28.665 36.5 19 36.5V37.5C29.2173 37.5 37.5 29.2173 37.5 19H36.5ZM19 36.5C9.33502 36.5 1.5 28.665 1.5 19H0.5C0.5 29.2173 8.78273 37.5 19 37.5V36.5ZM1.5 19C1.5 9.33502 9.33502 1.5 19 1.5V0.5C8.78273 0.5 0.5 8.78273 0.5 19H1.5ZM19 1.5C28.665 1.5 36.5 9.33502 36.5 19H37.5C37.5 8.78273 29.2173 0.5 19 0.5V1.5ZM26 20.5H18V21.5H26V20.5ZM18.5 21V11H17.5V21H18.5Z' fill='none' stroke-width='1' stroke='%23666c7c'/%3E%3C/svg%3E%0A");
  content: '';
}
.DayPickerInput input {
  width: 100%;
}

.DayPickerInput-OverlayWrapper {
  position: relative;
  z-index: 9999;
}

.DayPickerInput-Overlay {
  left: 0;
  position: absolute;
  background: white;
  box-shadow: 0 0 5px rgba(204, 207, 218, 0.6);
  border-radius: 3px;
  margin-top: 5px;
  padding: 5px;
}
.VirtualizedSelectOption {
  display: flex;
  align-items: center;
  padding: 0 1rem;
}
.VirtualizedSelectOption span {
  order: 0;
  flex-grow: 1;
}
.VirtualizedSelectOption em {
  order: 2;
  color: rgba(255, 255, 255, 0.83);
  font-style: normal;
  text-align: right;
}

/* OSANO */

.osano-cm-save,
.osano-cm-deny {
  font-weight: 500;
  color: #5f666c;
  background: rgba(33, 43, 55, 0.08);
  background: #eaeaeb;
}
.osano-cm-save:hover,
.osano-cm-save:focus,
.osano-cm-save.form-control--focused,
.osano-cm-deny:hover,
.osano-cm-deny:focus,
.osano-cm-deny.form-control--focused {
  background: rgba(33, 43, 55, 0.12);
  background: #e5e5e6;
}
.osano-cm-save:active,
.osano-cm-deny:active {
  background: rgba(33, 43, 55, 0.18);
  background: #e0e0e1;
}

.osano-cm-accept-all,
.osano-cm-accept {
  font-weight: 500;
  background: var(--fill-action);
}
.osano-cm-accept-all:hover,
.osano-cm-accept-all:focus,
.osano-cm-accept-all.form-control--focused,
.osano-cm-accept:hover,
.osano-cm-accept:focus,
.osano-cm-accept.form-control--focused {
  background: var(--fill-action-hover);
}
.osano-cm-accept-all:active,
.osano-cm-accept:active {
  background: var(--fill-action-active);
}

.osano-cm-toggle__checkbox:checked + .osano-cm-toggle__switch {
  background-color: var(--fill-action) !important;
}

.osano-cm-toggle__label {
  padding-left: 6px;
  font-size: 16px;
  font-weight: 400;
  color: #484e52;
  cursor: pointer;
  user-select: none;
}

.osano-cm-toggle__checkbox:checked ~ .osano-cm-toggle__label {
  color: #323639;
}

.osano-cm-dialog {
  background: #fcfcfc;
}
.osano-cm-dialog .osano-cm-content__message {
  padding: 96px 28px 0 28px;
  margin-bottom: 18px;
}
.osano-cm-dialog .osano-cm-content__link {
  padding: 0 28px 22px 28px;
  padding: 0 28px 0 28px;
  margin: 0 0 22px 0;
}
.osano-cm-dialog .osano-cm-dialog__list {
  position: relative;
  padding: 22px 28px 0px 28px;
  border-top: 1px solid #e3e3e3;
  background: #fcfcfc;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.02);
}
.osano-cm-dialog .osano-cm-dialog__list .osano-cm-list__list-item {
  margin-bottom: 10px;
}
.osano-cm-dialog .osano-cm-dialog__list .osano-cm-list__list-item:last-child {
  margin-bottom: 0;
}
.osano-cm-dialog .osano-cm-dialog__list:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  height: 20px;
  content: '';
  background: #fcfcfc;
}
.osano-cm-dialog .osano-cm-dialog__buttons {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin: 0;
  padding: 24px 26px 24px 26px;
  background: #fcfcfc;
  border-top: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.02);
}
.osano-cm-dialog .osano-cm-dialog__buttons .osano-cm-save,
.osano-cm-dialog .osano-cm-dialog__buttons .osano-cm-deny {
  grid-column: 1/6;
  order: 1;
}
.osano-cm-dialog .osano-cm-dialog__buttons .osano-cm-accept-all,
.osano-cm-dialog .osano-cm-dialog__buttons .osano-cm-accept {
  grid-column: 6/13;
  order: 2;
}
@media (max-height: 700px) {
  .osano-cm-dialog .osano-cm-dialog__buttons {
    display: flex;
    position: sticky;
    bottom: 0;
  }
}

.osano-cm-info-dialog {
  background: rgba(63, 63, 63, 0.58);
}
.osano-cm-info-dialog .osano-cm-info-dialog__info {
  width: 100%;
  max-width: 380px;
  background: #ffffff;
  box-shadow: 1px 0px 48px rgba(0, 0, 0, 0.22);
  overflow: auto;
}
.osano-cm-info-dialog .osano-cm-info__info-dialog-header {
  position: static;
  padding: 28px 28px 0 28px;
  background: #fff;
}
.osano-cm-info-dialog .osano-cm-info-dialog-header__header {
  padding: 0;
  margin-right: 58px;
  font-size: 26px;
  font-weight: 500;
  color: #242e3b;
  line-height: 29px;
  background: transparent;
}
.osano-cm-info-dialog .osano-cm-info-dialog-header__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 36px;
  margin-top: -1px;
  padding: 0;
  border-radius: 4px;
  background: transparent;
  transform: none !important;
}
.osano-cm-info-dialog .osano-cm-info-dialog-header__close:before {
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -4px;
  content: '';
  mask: center/contain
    url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNyAxM0wyNSAzMU0yNSAxM0w3IDMxIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgLz4KPC9zdmc+');
  -webkit-mask: center/contain
    url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNyAxM0wyNSAzMU0yNSAxM0w3IDMxIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgLz4KPC9zdmc+');
  background: #707782;
}
.osano-cm-info-dialog .osano-cm-info-dialog-header__close svg {
  display: none;
}
.osano-cm-info-dialog .osano-cm-info-dialog-header__close:hover {
  background: rgba(33, 43, 55, 0.12);
}
.osano-cm-info-dialog .osano-cm-info-dialog-header__close:hover:before {
  background: #484f57;
}
.osano-cm-info-dialog .osano-cm-info-views__view {
  width: 100%;
  padding: 0;
}
.osano-cm-info-dialog .osano-cm-view__description {
  padding: 0 28px;
  font-size: 13px;
  line-height: 17px;
  color: #484e52;
}
.osano-cm-info-dialog .osano-cm-view__description:first-child {
  margin-top: 16px;
}
.osano-cm-info-dialog .osano-cm-view__list {
  margin-top: 26px;
  border-top: 1px solid #e3e3e3;
}
.osano-cm-info-dialog .osano-cm-view__list .osano-cm-list__list-item {
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 28px 0 28px !important;
  border-bottom: 1px solid #e3e3e3;
}
.osano-cm-info-dialog
  .osano-cm-view__list
  .osano-cm-list__list-item
  .osano-cm-list-item__drawer-toggle {
  flex-direction: row;
}
.osano-cm-info-dialog .osano-cm-view__list .osano-cm-list__list-item .osano-cm-toggle__switch {
  margin-right: 5px;
}
.osano-cm-info-dialog .osano-cm-view__list .osano-cm-list__list-item .osano-cm-toggle__label {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.01em;
  letter-spacing: 0em;
}
.osano-cm-info-dialog
  .osano-cm-view__list
  .osano-cm-list__list-item
  .osano-cm-list-item__disclosure {
  border-bottom: none;
}
.osano-cm-info-dialog .osano-cm-view__list .osano-cm-list__list-item p {
  font-size: 13px;
  color: #484e52;
}
.osano-cm-info-dialog
  .osano-cm-view__list
  .osano-cm-list__list-item
  .osano-cm-list-item__disclosure {
  padding: 0;
  margin-bottom: 0;
  margin-bottom: 12px;
}
.osano-cm-info-dialog .osano-cm-view__list .osano-cm-list__list-item .osano-cm-disclosure__toggle {
  display: inline-flex;
  flex-direction: row;
  padding: 4px 7px;
  margin-left: 10px;
  margin-top: 14px;
  margin-bottom: 12px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  color: #707782;
}
.osano-cm-info-dialog
  .osano-cm-view__list
  .osano-cm-list__list-item
  .osano-cm-disclosure__toggle:after {
  display: block;
  width: 13px;
  height: 13px;
  margin-left: 6px;
  transform: translate3d(0, -2px, 0);
  content: '';
  mask: center/contain
    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8cGF0aCBmaWxsPSJub25lIiBkPSJNNSAxOGwxMSAxMSAxMS0xMSIgc3Ryb2tlPSIjMDAwMDAwIiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiIC8+Cjwvc3ZnPg==');
  -webkit-mask: center/contain
    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8cGF0aCBmaWxsPSJub25lIiBkPSJNNSAxOGwxMSAxMSAxMS0xMSIgc3Ryb2tlPSIjMDAwMDAwIiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiIC8+Cjwvc3ZnPg==');
  background: currentColor;
}
.osano-cm-info-dialog
  .osano-cm-view__list
  .osano-cm-list__list-item
  .osano-cm-disclosure__toggle:hover {
  color: #484f57;
  background: rgba(121, 131, 143, 0.24);
}
.osano-cm-info-dialog .osano-cm-view__list .osano-cm-list-item__description p {
  margin-top: 0;
}
.osano-cm-info-dialog .osano-cm-view__list .osano-cm-disclosure__list {
  padding: 0;
  margin-bottom: -12px;
}
.osano-cm-info-dialog .osano-cm-view__list .osano-cm-disclosure__list .osano-cm-list__list-item {
  margin: 0;
  padding: 24px 34px 16px 32px !important;
  background: #fafafa;
  border-top: 1px solid #f0f0f0;
  border-top-width: 1px !important;
  border-bottom: none;
}
.osano-cm-info-dialog
  .osano-cm-view__list
  .osano-cm-disclosure__list
  .osano-cm-list__list-item
  dl
  dt,
.osano-cm-info-dialog
  .osano-cm-view__list
  .osano-cm-disclosure__list
  .osano-cm-list__list-item
  dl
  dd {
  padding: 0 0 8px 0 !important;
  font-size: 13px;
  border-top: none;
}
.osano-cm-info-dialog
  .osano-cm-view__list
  .osano-cm-disclosure__list
  .osano-cm-list__list-item
  dl
  dt {
  font-weight: 500;
  color: #535353;
}
.osano-cm-info-dialog
  .osano-cm-view__list
  .osano-cm-disclosure__list
  .osano-cm-list__list-item
  dl
  dd {
  color: #5f666c;
}
.osano-cm-info-dialog .osano-cm-save {
  height: 42px;
  margin: 32px 28px 0 28px;
  width: calc(100% - 56px);
  border-radius: 6px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.04em;
  background: var(--fill-action);
  text-transform: none;
}
.osano-cm-info-dialog .osano-cm-powered-by {
  margin: 14px 0 24px 0;
}
.osano-cm-info-dialog .osano-cm-powered-by .osano-cm-powered-by__link {
  font-size: 13px;
  color: #707782;
}

.settings__popin.duplicator {
  padding: 5px 0px;
}
.settings__popin.duplicator .app {
  text-align: left;
  margin: 0;
  max-width: none;
  cursor: pointer;
  align-items: center;
  padding: 5px 15px;
  border-bottom: 1px solid #e4e6ed;
}
.settings__popin.duplicator .app:last-child {
  border-bottom: none;
}
.settings__popin.duplicator .app__name {
  flex: 2 0 100px;
  max-width: none;
  margin: 0;
}
.settings__popin.duplicator .app__icon {
  flex: 0 0 20px;
  height: 20px;
  margin: 0 10px 0 0;
}
.settings__popin.duplicator .app__cb {
  padding: 0 0 0 5px;
  text-align: right;
  margin-bottom: 4px;
}

.settings__popin {
  text-align: left;
  position: absolute;
  right: 0;
  top: 39px;
  border-radius: 4px;
  border-top-right-radius: 0;
  background-color: #fff;
  max-width: 400px;
  border-radius: 5px;
  padding: 30px;
}
.settings__popin textarea,
.settings__popin p {
  margin: 6px 0;
}
.pttoken__footer {
  font-size: 11px;
  display: flex;
  justify-content: space-between;
}
.pttoken__footer__tok {
  font-family: monospace;
  color: #de475e;
}
.pttoken__footer__date {
  margin-top: 2px;
  color: #9ca4b5;
}
.pttoken__footer__code {
  margin-top: 4px;
}

.label {
  display: inline;
  padding: 2px 4px;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #383838;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label:empty {
  display: none;
}
.modal-body label {
  text-align: left;
  display: block;
}
.label-default {
  height: 'fit-content';
}
.label-default[href]:hover,
.label-default[href]:focus,
.label-default[href].form-control--focused {
  background-color: #5e5e5e;
}

.nodata {
  color: #00a1e0;
  text-align: center;
  position: relative;
  margin: 0 auto;
  max-width: 400px;
  max-width: 35vw;
  padding-top: 40px;
}
.nodata__link {
  margin-top: 10px;
}
.nodata__icon {
  display: block;
  font-size: 64px;
  margin-bottom: 30px;
}
.nodata--error .nodata__icon {
  color: #de475e;
}
.nodata__title {
  color: #383838;
  font-size: 24px;
  letter-spacing: 0.5px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px;
}
.nodata__msg {
  font-size: 16px;
  color: #9ca4b5;
  line-height: 1.5;
  font-weight: 400;
}
.nodata__msg p {
  line-height: 1.45;
}
.nodata__msg .btn,
.nodata__msg .navi__bt--integrate .navi__bt__link,
.navi__bt--integrate .nodata__msg .navi__bt__link {
  margin-top: 16px;
}
.nodata__msg__truncated {
  max-width: 100%;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.3em !important;
  display: block;
  word-break: break-all;
  color: tomato;
  font-family: 'Menlo', 'Monaco', 'Consolas', 'Courier New', monospace;
}
.nodata-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}
.nodata--sm .nodata__icon {
  font-size: 40px;
}
.nodata--sm .nodata__title {
  font-size: 20px;
}
.nodata--sm .nodata__msg {
  margin: 8px 0;
  font-size: 14px;
}
.attributePicker .nodata {
  margin: 32px auto;
  max-width: 640px;
}
.attributePicker .nodata h5 {
  line-height: 1.1em;
}
.attributePicker .nodata__title {
  font-size: 18px;
  line-height: 0.7em;
  margin: 0;
}
.attributePicker .nodata .nodata__msg {
  margin-top: 16px;
}

.attributePicker__list {
  margin: 4px -8px;
}
.attributePicker .attr,
.attributePicker .btn--label,
.attributePicker .btn--attr {
  display: inline-block;
  align-items: center;
  margin: 6px;
  padding: 4px 8px 4px 10px;
  text-align: center;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 11px;
  flex-grow: 1;
  height: auto;
  line-height: 1em;
  color: #383838;
  white-space: nowrap;
  font-weight: 500;
  background-color: #f2f3f8;
  transition: color 0.3s ease, border-color 0.3s ease;
}
.attributePicker .attr[disabled],
.attributePicker .btn--label[disabled],
.attributePicker .btn--attr[disabled] {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.attributePicker .attr.btn--label,
.attributePicker .btn--label.btn--label,
.attributePicker .btn--attr.btn--label {
  text-transform: none;
  padding: 4px 8px 5px 8px;
}
.attributePicker .attr--locked,
.attributePicker .attr--locked .attr__icon.fa:before,
.attributePicker .btn--label--locked,
.attributePicker .btn--label--locked .attr__icon.fa:before,
.attributePicker .btn--attr--locked,
.attributePicker .btn--attr--locked .attr__icon.fa:before {
  cursor: default;
  color: #c1cad6;
}
.attributePicker .attr__icon,
.attributePicker .btn--label__icon,
.attributePicker .btn--attr__icon {
  text-align: left;
  line-height: 1em;
  display: inline-flex;
  margin: 0 8px 0 0;
}
.attributePicker .attr__icon .fa:before,
.attributePicker .btn--label__icon .fa:before,
.attributePicker .btn--attr__icon .fa:before {
  color: #858ea1;
}
.attributePicker .attr__text,
.attributePicker .btn--label__text,
.attributePicker .btn--attr__text {
  flex-grow: 1;
  line-height: 2;
}
.attributePicker .attr:hover,
.attributePicker .btn--label:hover,
.attributePicker .btn--attr:hover {
  color: #212c3c;
  border-color: #cccfda;
}
.attributePicker .attr:hover .attr__icon .fa:before,
.attributePicker .btn--label:hover .attr__icon .fa:before,
.attributePicker .btn--attr:hover .attr__icon .fa:before {
  color: #383838;
}
.attributePicker .attr.active,
.attributePicker .btn--label.active,
.attributePicker .btn--attr.active {
  color: #fff;
  background-color: #00a1e0;
}
.attributePicker .attr.active .attr__icon .fa:before,
.attributePicker .btn--label.active .attr__icon .fa:before,
.attributePicker .btn--attr.active .attr__icon .fa:before {
  color: #fff;
}
.popin__content__targeting .tab-content .attributePicker__list {
  margin: 0 -8px;
  min-height: 200px;
}
.btn-link {
  color: #00a1e0;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus,
.btn-link.form-control--focused {
  color: #00a1e0;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled].form-control--focused,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link.form-control--focused {
  color: #777777;
  text-decoration: none;
}

.styles .control-label {
  font-size: 11px;
}
.styles .nav-tabs {
  padding-bottom: 0;
  border-bottom: none;
}
.styles .uib-tab {
  background: #cccfda;
  font-size: 11px;
  padding: 0;
  margin-right: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: none !important;
}
.styles .uib-tab a {
  padding: 5px 15px;
}
.styles .tab-content {
  border: 1px solid #cccfda;
  padding: 15px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-bottom: 5px;
}
.text-muted {
  color: #cccfda;
}
.text-center {
  text-align: center;
}
.popin__content__targeting {
  display: flex;
  border-top: 1px solid #e4e6ed;
}
.popin__content__targeting .nav {
  flex: 0 0 280px;
  background-color: #fdfdfe;
  border-right: 1px solid #e4e6ed;
  list-style-type: none;
  padding-bottom: 160px;
  margin-right: 0;
}
.popin__content__targeting .nav-item {
  height: 48px;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #e4e6ed;
  font-weight: 500;
  cursor: pointer;
}
.popin__content__targeting .nav-item:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.popin__content__targeting .nav-item .nav-link {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  padding: 0 16px;
  color: #858ea1;
}
.popin__content__targeting .nav-item .nav-link .fa {
  margin-right: 4px;
  font-size: 14px;
}
.popin__content__targeting .nav-item .nav-link .fa-device {
  font-size: 20px;
  margin-left: -5px;
}
.popin__content__targeting .nav-item .nav-link__header {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.popin__content__targeting .nav-item .nav-link__header .locked {
  opacity: 0.4;
}
.popin__content__targeting .nav-item.disabled {
  pointer-events: none;
}
.popin__content__targeting .nav-item.active {
  background-color: #fff;
  border-right: 0;
  margin-right: -1px;
  padding-right: 1px;
}
.popin__content__targeting .nav-item.active .nav-link {
  color: #212c3c;
}
.popin__content__targeting .nav-item.active .fa {
  color: #00a1e0;
}
.popin__content__targeting .tab-content {
  padding: 24px;
  flex: 1 1 100%;
  position: relative;
  max-height: 352px;
  overflow-y: scroll;
  background: #fff;
}
.popin__content__targeting .tab-content .overlay-notpro {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 96px 64px;
  width: calc(100% - 24px);
  text-align: center;
}
.popin__content__targeting .tab-content .attributePicker__list {
  margin: 0 -8px;
  min-height: 200px;
}
.popin__content__targeting .tab-content .searchbox--targeting {
  width: 100%;
  margin-bottom: 8px;
}
.popin__content__targeting .tab-content .searchbox--targeting .searchbox__icon {
  top: 11px;
}
.popin__content__targeting .tab-content .searchbox--targeting .searchbox__delete {
  background-color: #858ea1;
  border-radius: 70px;
  padding: 2px 5px 2px 6px;
  text-align: center;
}
.popin__content__targeting .tab-content .searchbox--targeting .searchbox__delete .fa {
  color: #ffffff;
  font-size: 8px;
}
.popin__content__targeting .tab-content .searchbox--targeting .searchbox__input {
  border-radius: 3px;
  height: 40px;
  font-size: 16px !important;
  width: 100%;
}
.input-group-btn:last-child > .btn,
.navi__bt--integrate .input-group-btn:last-child > .navi__bt__link,
.input-group-btn:last-child > .btn-group {
  height: 32px;
}

.input-group-addon {
  height: 32px;
}

.btn-group .btn,
.btn-group .navi__bt--integrate .navi__bt__link,
.navi__bt--integrate .btn-group .navi__bt__link {
  margin-right: 0;
}

.btn-group__item,
.btn--group__item {
  background: #eff0f4;
  color: #6d8098;
  box-shadow: none;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  margin: 0 !important;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.btn-group__item:last-child,
.btn--group__item:last-child {
  border-right: 1px solid transparent;
}
.btn-group__item:hover,
.btn--group__item:hover {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  margin-left: 0 !important;
  color: #858ea1;
}
.btn-group__item.active,
.active.btn--group__item,
.btn-group__item:active,
.btn--group__item:active {
  background: #00a1e0;
  color: #fff;
  box-shadow: none;
  border-right: 1px solid transparent;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control,
.input-group .form-control--focused,
.input-group .bootstrap-timepicker-widget table td input,
.bootstrap-timepicker-widget table td .input-group input,
.input-group .bdtp__itm,
.input-group .bdtp {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus,
.input-group .form-control--focused,
.input-group .bootstrap-timepicker-widget table td input:focus,
.bootstrap-timepicker-widget table td .input-group input:focus,
.input-group .bdtp__itm:focus,
.input-group .bdtp:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control,
.input-group .form-control--focused,
.input-group .bootstrap-timepicker-widget table td input,
.bootstrap-timepicker-widget table td .input-group input,
.input-group .bdtp__itm,
.input-group .bdtp {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child),
.input-group .form-control--focused:not(:first-child):not(:last-child),
.input-group .bootstrap-timepicker-widget table td input:not(:first-child):not(:last-child),
.bootstrap-timepicker-widget table td .input-group input:not(:first-child):not(:last-child),
.input-group .bdtp__itm:not(:first-child):not(:last-child),
.input-group .bdtp:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 15px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #212c3c;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccfda;
  border-radius: 3px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn,
.navi__bt--integrate .input-group-sm > .input-group-btn > .input-group-addon.navi__bt__link {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn,
.navi__bt--integrate .input-group-lg > .input-group-btn > .input-group-addon.navi__bt__link {
  padding: 10px 16px;
  font-size: 17px;
  border-radius: 3px;
}
.input-group-addon input[type='radio'],
.input-group-addon input[type='checkbox'] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group .form-control--focused:first-child,
.input-group .bootstrap-timepicker-widget table td input:first-child,
.bootstrap-timepicker-widget table td .input-group input:first-child,
.input-group .bdtp__itm:first-child,
.input-group .bdtp:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.navi__bt--integrate .input-group-btn:first-child > .navi__bt__link,
.input-group-btn:first-child > .btn-group > .btn,
.navi__bt--integrate .input-group-btn:first-child > .btn-group > .navi__bt__link,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.navi__bt--integrate
  .input-group-btn:last-child
  > .navi__bt__link:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.navi__bt--integrate .input-group-btn:last-child > .btn-group:not(:last-child) > .navi__bt__link {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group .form-control--focused:last-child,
.input-group .bootstrap-timepicker-widget table td input:last-child,
.bootstrap-timepicker-widget table td .input-group input:last-child,
.input-group .bdtp__itm:last-child,
.input-group .bdtp:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.navi__bt--integrate .input-group-btn:last-child > .navi__bt__link,
.input-group-btn:last-child > .btn-group > .btn,
.navi__bt--integrate .input-group-btn:last-child > .btn-group > .navi__bt__link,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.navi__bt--integrate .input-group-btn:first-child > .navi__bt__link:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.navi__bt--integrate .input-group-btn:first-child > .btn-group:not(:first-child) > .navi__bt__link {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn,
.navi__bt--integrate .input-group-btn > .navi__bt__link {
  position: relative;
}
.input-group-btn > .btn + .btn,
.navi__bt--integrate .input-group-btn > .navi__bt__link + .btn,
.navi__bt--integrate .input-group-btn > .btn + .navi__bt__link,
.navi__bt--integrate .input-group-btn > .navi__bt__link + .navi__bt__link {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.navi__bt--integrate .input-group-btn > .navi__bt__link:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn.form-control--focused,
.navi__bt--integrate .input-group-btn > .navi__bt__link:focus,
.navi__bt--integrate .input-group-btn > .navi__bt__link.form-control--focused,
.input-group-btn > .btn:active,
.navi__bt--integrate .input-group-btn > .navi__bt__link:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.navi__bt--integrate .input-group-btn:first-child > .navi__bt__link,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.navi__bt--integrate .input-group-btn:last-child > .navi__bt__link,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.condi__builder__func,
.condi__builder__operator,
.condi__builder__value {
  padding: 0 5px 0 0;
}
.condi__builder__func {
  flex: 0 0 170px;
}
.condi__builder__func--short {
  flex: 0 0 120px;
}

.mapContent {
  background: #ccc;
  width: 100%;
  height: 200px;
}

.mapPicker {
  border: 1px solid #e4e6ed;
  border-radius: 2px;
  flex-grow: 1;
  background: #fff;
}
.mapPicker__header {
  padding: 15px;
}
.mapPicker__map {
  border-bottom: 1px solid #e4e6ed;
}
.mapPicker__controls {
  display: inline-flex;
  background: #fff;
  padding: 0 15px;
  align-items: center;
  justify-content: flex-start;
}
.mapPicker__controls .mpc__item {
  padding: 15px 0;
}
.mapPicker__controls .mpc__item--label {
  color: #858ea1;
  padding-right: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mapPicker__controls .mpc__item--radius {
  flex: 0 0 85px;
  padding-right: 10px;
}

/* LANDINGS */
@keyframes slidein {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0.01);
  }
}
.landingPreview {
  opacity: 1;
}
.landingPreview__content .fa-delete {
  font-size: 12px;
  width: 10px;
  position: relative;
  height: 11px;
  top: -1px;
}
.landingPreview__content__close {
  position: absolute;
  color: #000;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 20px;
  right: 15px;
  font-size: 15px;
  z-index: 999;
}
.landingPreview__content__close svg {
  stroke: currentColor;
  stroke-width: 2px;
  fill: transparent;
}
.landingPreview__content__close svg circle {
  fill-opacity: 0;
  stroke-dasharray: 100;
}
.landingPreview__content__close svg circle.auto {
  animation-name: circleDismiss;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-fill-mode: backwards;
}
.landingPreview__content__container {
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lpcc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  align-items: stretch;
  z-index: 97;
}
.lpcc--selectable {
  cursor: pointer;
}
.lpcc__imgcont {
  -ms-flex-positive: 0;
  flex-grow: 0;
  text-align: center;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  position: relative;
}
.lpcc__imgcont__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
}
.lpcc__main {
  display: -ms-flexbox;
  display: flex;
  padding: 20px 15px;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: center;
  justify-content: center;
}
.lpcc__btc {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.lpcc__btc:empty {
  padding: 0 0 5px 0 !important;
}
.lpcc__btc__ct {
  display: inline-block;
  text-align: center;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  overflow: hidden;
}
.lpcc__btc__ct__bt {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
  line-height: 1em;
  color: #fff;
  font-weight: bold;
}
.lpcc__btc__ct__bt::after {
  content: '.';
  visibility: hidden;
}
.lpccItem {
  text-align: center;
  white-space: pre-line;
  word-break: break-word;
}
.lpccItem--subtitle {
  display: none;
}

/* Chrome browser */
.lpccItem::-webkit-scrollbar {
  width: 4px;
}
.lpccItem::-webkit-scrollbar-track {
  background: transparent;
}
.lpccItem::-webkit-scrollbar-thumb {
  width: 25px;
  height: 6px;
  background: #c2c2c2;
  border-radius: 16px;
  border: 4px solid transparent;
}

.lpccItem--text {
  padding: 0 10px;
  max-height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-color: #c2c2c2;
  scrollbar-width: thin;
}

.lpccItem:empty {
  display: none;
}
.landingPreview__content__statusbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 8px;
  color: #212c3c;
  z-index: 799;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 10px;
  line-height: 10px;
  height: 15px;
  -ms-flex-align: center;
  align-items: center;
}
.landingPreview__content__statusbar__battery {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  text-align: right;
  font-size: 19px;
}
.landingPreview__content__statusbar__hour {
  font-weight: bold;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  text-align: center;
}
.landingPreview__content__statusbar__operator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
}
.landingPreview__content__statusbar__operator .operator-circle {
  display: inline-block;
  height: 5px;
  width: 5px;
  margin-right: 1px;
  border-radius: 50%;
  background-color: #212c3c;
  border: 1px solid #212c3c;
}
.landingPreview__content__statusbar__operator .operator-circle--empty {
  background: transparent;
}
.landingPreview__content__statusbar--light {
  color: #fff;
}
.landingPreview__content__statusbar--light .operator-circle {
  background-color: #fff;
  border: 1px solid #fff;
}
.landingPreview__content__statusbar--light .operator-circle--empty {
  background: transparent;
}
.landingPreview--ctaBottom .lpcc__main {
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.landingPreview--ctaBellow .lpcc {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.landingPreview--ctaBellow .lpcc__main {
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.landingPreview--ctaBellow.landingPreview--heroUp .lpcc__spacer {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.landingPreview--ctaBellow.landingPreview--heroDown .lpcc__spacerb,
.landingPreview--ctaBellow.landingPreview--heroDown .lpcc__spacer {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.landingPreview--ctaBellow.landingPreview--heroDown .lpcc__btc + .lpcc__spacer {
  display: none;
}
.landingPreview--ctaBellow.landingPreview--heroDown .lpcc__spacerb {
  -ms-flex-order: 2;
  order: 2;
}
.landingPreview--ctaBellow.landingPreview--heroDown .lpcc__main {
  -ms-flex-order: 0;
  order: 0;
}
.landingPreview--ctaBellow.landingPreview--heroDown .lpcc__imgcont {
  -ms-flex-order: 3;
  order: 3;
}
.landingPreview--ctaBellow.landingPreview--heroDown .lpcc__btc {
  -ms-flex-order: 1;
  order: 1;
}
.landingPreview--ctaStretch .lpcc__btc__ct {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
}
.landingPreview--ctaH .lpcc__btc {
  -ms-flex-direction: row;
  flex-direction: row;
}
.landingPreview--ctaV .lpcc__btc {
  border: 0;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  text-align: center;
}
.landingPreview--ctaV .lpcc__btc__ct:first-child {
  -ms-flex-order: 2;
  order: 2;
}
.landingPreview--ctaV .lpcc__btc__ct__bt {
  display: inline-block;
}
.landingPreview--ctaV.landingPreview--ctaStretch .lpcc__btc__ct__bt {
  display: block;
}
.landingPreview--heroDown .lpcc__imgcont {
  -ms-flex-order: 1;
  order: 1;
}
.landingPreview--heroDown .lpcc__btc {
  -ms-flex-order: 2;
  order: 2;
}
.landingPreview--ctaStretch.landingPreview--ctaV.landingPreview--heroDown .lpcc__imgcont {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}
@media only screen and (max-width: 580px) {
  .pf__head__content .split {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .boxl__title {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .themes__placeholder {
    text-align: center;
    margin: 0;
  }
}
.landingPreview.landingPreview--noImage.landingPreview .lpccItem--text {
  max-height: 380px;
}
.landingPreview.landingPreview--modal .lpccItem--text {
  max-height: 70px;
}
.landingPreview.landingPreview--banner.landingPreview:before,
.landingPreview.landingPreview--modal.landingPreview:before {
  content: ' ';
  background: #eee;
  border-radius: 2px;
  top: 0px;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.landingPreview.landingPreview--banner.landingPreview .lpcc__main,
.landingPreview.landingPreview--modal.landingPreview .lpcc__main {
  padding: 10px 10px 5px 10px;
}
.landingPreview.landingPreview--banner.landingPreview .landingPreview__content,
.landingPreview.landingPreview--modal.landingPreview .landingPreview__content {
  height: auto;
  position: absolute;
}
.landingPreview.landingPreview--banner.landingPreview .landingPreview__content__close,
.landingPreview.landingPreview--modal.landingPreview .landingPreview__content__close {
  right: 10px;
  top: 10px;
  font-size: 10px;
  width: 22px;
  height: 22px;
  text-align: center;
}
.landingPreview.landingPreview--banner.landingPreview .landingPreview__content__close .fa,
.landingPreview.landingPreview--modal.landingPreview .landingPreview__content__close .fa {
  font-size: 13px;
  font-weight: bold;
  width: auto;
  height: auto;
  left: 1px;
  top: 0px;
}
.landingPreview.landingPreview--banner.landingPreview .landingPreview__content__container,
.landingPreview.landingPreview--modal.landingPreview .landingPreview__content__container {
  position: relative;
}
.landingPreview.landingPreview--banner.landingPreview.landingPreview--ctaV .lpcc__btc,
.landingPreview.landingPreview--modal.landingPreview.landingPreview--ctaV .lpcc__btc {
  -ms-flex-align: stretch;
  align-items: stretch;
}
.landingPreview.landingPreview--banner.landingPreview.landingPreview--ctaV
  .lpcc__btc
  .lpcc__btc__ct__bt,
.landingPreview.landingPreview--modal.landingPreview.landingPreview--ctaV
  .lpcc__btc
  .lpcc__btc__ct__bt {
  display: block;
}
.landingPreview.landingPreview--banner .landingPreview__content__close,
.landingPreview.landingPreview--modal .landingPreview__content__close {
  background: transparent;
}
.landingPreview.landingPreview--banner .landingPreview__content__close .fa-delete,
.landingPreview.landingPreview--modal .landingPreview__content__close .fa-delete {
  font-size: 8px;
}
.landingPreview.landingPreview--banner .landingPreview__content--dismiss,
.landingPreview.landingPreview--modal .landingPreview__content--dismiss {
  height: 2px;
  -ms-flex-order: 12;
  order: 12;
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -ms-transform-origin: left center;
  transform-origin: left center;
  animation: 5s linear 1s slidein;
  animation-iteration-count: infinite;
  animation-delay: 1s;
}
.landingPreview.landingPreview--banner .lpccItem--header,
.landingPreview.landingPreview--banner .landingPreview__content__statusbar,
.landingPreview.landingPreview--modal .lpccItem--header,
.landingPreview.landingPreview--modal .landingPreview__content__statusbar {
  display: none;
}
.landingPreview.landingPreview--banner.landingPreview.landingPreview--banner--bottom
  .landingPreview__content {
  bottom: 0px;
}
.landingPreview.landingPreview--banner.landingPreview.landingPreview--banner--bottom
  .landingPreview__content--dismiss {
  -ms-flex-order: 0;
  order: 0;
}
.landingPreview__content {
  width: 100%;
}
.landingPreview.landingPreview--banner.landingPreview--banner--detached .lpcc__imgcont,
.landingPreview.landingPreview--modal.landingPreview--modal--detached .lpcc__imgcont {
  border-radius: 6px 6px 0 0;
}
.landingPreview.landingPreview--banner.landingPreview--banner--detached
  .lpcc__imgcont
  .lpcc__imgcont__img,
.landingPreview.landingPreview--modal.landingPreview--modal--detached
  .lpcc__imgcont
  .lpcc__imgcont__img {
  border-radius: 6px 6px 0 0;
}
.landingPreview.landingPreview--banner.landingPreview--banner--detached .landingPreview__content,
.landingPreview.landingPreview--modal.landingPreview--modal--detached .landingPreview__content {
  border-radius: 6px;
  width: calc(100% - 40px);
  margin: 20px;
}
.landingPreview.landingPreview--banner.landingPreview--banner--detached
  .landingPreview__content
  .landingPreview__content__container,
.landingPreview.landingPreview--modal.landingPreview--modal--detached
  .landingPreview__content
  .landingPreview__content__container {
  border-radius: 6px;
}
.landingPreview.landingPreview--modal.landingPreview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}
.landingPreview.landingPreview--modal.landingPreview .lpcc__imgcont {
  -ms-flex-preferred-size: 150px;
  flex-basis: 150px;
}
.landingPreview.landingPreview--modal.landingPreview .landingPreview__content {
  margin-top: -10px;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
}
.landingPreview.landingPreview--modal.landingPreview .landingPreview__content--dismiss {
  -ms-flex-order: 0;
  order: 0;
}
.landingPreview.landingPreview--image.landingPreview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.landingPreview.landingPreview--image.landingPreview .landingPreview__content__close {
  top: 5px;
  right: 5px;
}
.landingPreview.landingPreview--image.landingPreview .lpcc__main,
.landingPreview.landingPreview--image.landingPreview .lpcc__btc {
  display: none;
}
.landingPreview.landingPreview--image.landingPreview .landingPreview__content__container {
  position: relative;
  margin: 20px;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
.landingPreview.landingPreview--image.landingPreview .landingPreview__content {
  position: relative;
}
.landingPreview.landingPreview--image.landingPreview .lpcc__imgcont {
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  border-radius: 6px;
  max-height: 480px;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
}
.landingPreview.landingPreview--image.landingPreview .lpcc__imgcont img.lpcc__imgcont__img {
  border-radius: 5px;
  line-height: 0;
  max-height: 480px;
  max-width: 100%;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 0 auto;
  display: block;
}
.landingPreview.landingPreview--image:before,
.landingPreview.landingPreview--imageFullScreen:before {
  content: ' ';
  background: #eee;
  border-radius: 2px;
  top: 0px;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.landingPreview.landingPreview--imageFullScreen.landingPreview .lpcc__imgcont {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.landingPreview.landingPreview--imageFullScreen.landingPreview .lpcc__main,
.landingPreview.landingPreview--imageFullScreen.landingPreview .lpcc__btc {
  display: none;
}

/* theme editor */

.itemline {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e7e9f2;
  cursor: pointer;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  padding: 7px 8px;
  min-height: 51px;
}
.itemline .fa-times {
  position: relative;
  top: -1px;
  left: -1px;
  background: #475165;
  border-radius: 42px;
  padding: 4px 4px 4px 5px;
  font-size: 7px;
  color: #fff;
}
.itemline__input {
  margin-bottom: 0;
  margin: 0;
}
.itemline .switch {
  padding: 0;
  vertical-align: baseline;
}
.itemline--general {
  margin-left: -31px;
}
.itemline--active {
  background: #fcfcfd;
}
.itemline:last-child {
  border-bottom: none;
}
.itemline__input {
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  text-align: right;
}
.itemline:hover .itemline__text {
  color: #00a1e0;
}
.itemline__image {
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  text-align: center;
}
.itemline__image__icon:before {
  font-family: Georgia !important;
  font-weight: bold !important;
  font-style: normal !important;
  line-height: 13px !important;
  vertical-align: middle !important;
  font-size: 13px !important;
}
.itemline__image__icon--body:before {
  content: 'B';
}
.itemline__image__icon--title:before {
  content: 'T';
}
.itemline__image__icon--header:before {
  content: 'H';
}
.boxed {
  background: #fff;
  border: 1px solid #e7e9f2;
  border-radius: 3px;
  margin-bottom: 15px;
}
.boxed__head {
  padding: 13px 15px;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1.2;
  background: #f2f3f8;
  border-bottom: 1px solid #e7e9f2;
}
.boxed__body {
  padding: 20px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.boxed__selected {
  padding: 8px 15px;
  background: rgba(242, 243, 248, 0.4);
  border-bottom: 1px solid rgba(231, 233, 242, 0.4);
}
.themes__thumb__preview .landingPreview,
.editor__preview .landingPreview {
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
@keyframes circleDismiss {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 100;
  }
}

#previewLandingContainer {
  overflow: hidden;
}
.editor {
  display: -ms-flexbox;
  display: flex;
}
.editor__preview {
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  max-width: 371px;
  padding: 0 30px;
}
.editor__content {
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
  overflow: hidden;
  min-width: 210px;
  max-width: 300px;
}
.editor__config {
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  min-width: 300px;
}


#color {
  border-radius: 0 2px 2px 0;
}

.navi__bt--integrate {
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  max-width: 95px;
  border: none;
  margin-right: 4px;
  border-right: 0;
  background: transparent;
  position: relative;
}
.navi__bt--integrate + .navi__bt--settings {
  margin-left: 12px;
}
.expandable__rate {
  padding-left: 10px;
  opacity: 0.5;
}
textarea.form-control {
  resize: vertical;
  height: auto;
}

.pills__pill--select {
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
  overflow: visible;
  height: 12px;
  background-color: transparent !important;
}
.form-control.v.ng-invalid.ng-touched,
.v.ng-invalid.ng-touched.bdtp,
.v.ng-invalid.ng-touched.bdtp__itm,
.bootstrap-timepicker-widget table td input.v.ng-invalid.ng-touched,
.form-control.form-control--err,
.form-control--err.bdtp,
.form-control--err.bdtp__itm,
.bootstrap-timepicker-widget table td input.form-control--err {
  border-color: #de475e;
  box-shadow: inset 0 0 0 1px #de475e;
}
.review__title {
  text-transform: uppercase;
  color: #212c3c;
  font-size: 12px;
  margin: 0 0 6px 0;
}
.review__upgrade {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: rgba(0, 161, 224, 0.08);
  color: #00a1e0;
  padding: 15px 15px;
  margin-top: 20px;
  border-radius: 4px;
}
.review__upgrade p:last-child {
  margin-bottom: 0;
}
.review__message {
  line-height: 21px;
  word-break: break-word;
  margin-top: 2px;
  display: inline-block;
  background: #fbfbfc;
  border-radius: 3px;
  padding: 8px 16px;
}
.review__message--empty {
  color: #9ca4b5;
}
.review__payload {
  margin-top: 10px;
  max-width: 100%;
}
.review__payload pre {
  white-space: pre-line;
  border: 0;
  padding: 5px;
  max-width: 500px;
  max-height: 250px;
}
.review__payload--respect pre {
  white-space: normal;
}
.review__targeting .prr__item--icon {
  display: none;
}
.review__targeting .prr {
  margin-top: 0;
}
.review__targeting .prr__item {
  width: 100%;
}

/* fix css osano du vendredi */

.osano-cm-content__usage-list {
  padding: 10px 28px 0 28px;
  font-size: 16px;
  line-height: 1.4;
  color: #323639;
}
.osano-cm-dialog .osano-cm-dialog__buttons {
  display: flex;
}
.osano-cm-dialog .osano-cm-dialog__buttons button {
  white-space: nowrap;
}

.osano-cm-manage,
.osano-cm-denyAll {
  font-weight: 500;
  color: #5f666c;
  background: rgba(33, 43, 55, 0.08);
  background: #eaeaeb;
}
.osano-cm-manage:hover,
.osano-cm-manage:focus,
.osano-cm-manage.form-control--focused,
.osano-cm-denyAll:hover,
.osano-cm-denyAll:focus,
.osano-cm-denyAll.form-control--focused {
  background: rgba(33, 43, 55, 0.12);
  background: #e5e5e6;
}
.osano-cm-manage:active,
.osano-cm-denyAll:active {
  background: rgba(33, 43, 55, 0.18);
  background: #e0e0e1;
}
.osano-cm-toggle__switch::after,
.osano-cm-toggle__switch::before {
  margin: 2px;
}
.osano-cm-toggle__input:checked + .osano-cm-toggle__switch {
  background: var(--text-success);
  border-color: var(--text-success);
}
.osano-cm-toggle__input:checked:focus + .osano-cm-toggle__switch::before {
  border-color: var(--text-success);
}
.osano-cm-toggle__input:checked:focus + .osano-cm-toggle__switch, .osano-cm-toggle__input:checked:hover + .osano-cm-toggle__switch {
  background: var(--text-success);
  border-color: var(--text-success);
}
.osano-cm-toggle__input:checked + .osano-cm-toggle__switch::after {
  left: 100%;
  transform: translateX(-138%);
}

.osano-cm-toggle__input:disabled:checked + .osano-cm-toggle__switch, .osano-cm-toggle__input:disabled:checked:focus + .osano-cm-toggle__switch, .osano-cm-toggle__input:disabled:checked:hover + .osano-cm-toggle__switch {
  background: var(--text-success);
  border-color: var(--text-success);
}

.bgtext {
  position: relative;
}
.bgtext__bg {
  font-size: 300px;
  line-height: 200px;
  color: #fafafb;
}
.bgtext__over {
  position: absolute;
  top: 100px;
  text-align: center;
  width: 100%;
}
.title {
  font-size: 20px;
  margin: 0 0 16px 0;
}
.title--xxl {
  font-size: 40px;
  letter-spacing: 1px;
}
.btn--full-width {
  display: block;
  width: 100%;
}
}