/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Muli:wght@200;300;500;700;800;900");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,1,0");
/*
&icon_names=arrow_range,ballot,check_circle,contacts,emoji_objects,flag_check,flare,graph_1,help_center,inbox_text,newsmode,outgoing_mail,settings,thumb_up,view_object_track,warning"
*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "SegoeUI", Arial, sans-serif !important;
  font-size: 15px;
  font-size: 1em;
  line-height: 1.5;
  overflow-y: scroll;
  min-height: 100%;
  background-color: #f0f1f1;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'kern';
  font-feature-settings: 'kern';
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

a.btn, input.btn {
  display: inline-block !important;
  zoom: 1 !important;
  padding: 9px 20px !important;
  font-size: 16px !important;
  line-height: 20px !important;
  text-align: center !important;
  vertical-align: middle !important;
  font-weight: 300 !important;
  cursor: pointer !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 24px !important;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  color: #fff !important;
  background-color: #2c00ac !important;
  text-decoration: none !important;
  margin-bottom: 24px;
}

a.btn:hover {
  background-color: #270a7d !important;
}

a {
  color: #34435c;
  text-decoration: none;
}

h1.title {
  font-family: 'Muli', sans-serif;
  margin-bottom: 0;
}

ul,
ol {
  padding: 0;
  margin: 0 0 0 24px;
}

#categoryHead .sort select {
  margin: 0;
  padding: 4px 5px;
  height: 30px;
  color: #434343;
  background-color: #FFFFFF;
  border: 1px solid #cad3e0;
  border-radius: 3px;
  cursor: pointer;
  outline: 0;
}

#categoryHead .sort {
  position: absolute;
  right: 48px;
  top: 48px;
}

.container-fluid {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  padding-right: 48px;
  padding-left: 48px;
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container-fluid#contentArea {
  max-width: 1280px;
}

#main-content {
  background: none;
}

.articleRatings {
  color: #9da4b0;
  border: 0;
  background: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 4px;
  border: 2px solid #cad3e0;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin-top: 96px;
}

.contentWrapper {
  background: #fff;
  border: none;
  color: #222;
  min-height: auto;
  padding: 0;
  position: relative;
  -webkit-box-shadow: 0 0 4px rgba(51, 51, 51, 0.05);
          box-shadow: 0 0 4px rgba(51, 51, 51, 0.05);
  border-radius: 4px;
}

.contentWrapper > h1:first-child,
.contentWrapper > #serp {
  padding-top: 48px;
}

.contentWrapper > #serp h1 {
  margin-bottom: 6px;
}

#serp .articlesFound, #serp .nada {
  margin-top: 12px;
}

.contentWrapper > *:last-child {
  padding-bottom: 48px;
  margin-bottom: 0;
}

footer {
  margin-top: 5em;
}

.contentWrapper > *,
.contentWrapper > #fullArticle > * {
  margin-left: 48px;
  margin-right: 48px;
  display: block;
}

.contentWrapper > #fullArticle {
  margin: 0;
}

#fullArticle h1,
#fullArticle h2,
#fullArticle h3,
#fullArticle h4,
#fullArticle h5 {
  margin-bottom: 24px;
  color: #34435c;
}

#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div,
#fullArticle blockquote,
#fullArticle dd,
#fullArticle table {
  color: #707070;
  font-size: 17px;
  line-height: 1.55;
}

.contentWrapper > #fullArticle > h1.title,
.contentWrapper > h1,
.contentWrapper > #categoryHead {
  background-color: #fafafa;
  margin: 0 0 48px 0 !important;
  padding: 48px;
}

#fullArticle h4 {
  font-size: 24px;
  line-height: 25px;
  margin-top: 48px;
  margin-bottom: 24px;
}

#fullArticle table {
  width: unset;
  border-collapse: collapse;
  border-spacing: 0;
}

#fullArticle table td {
  padding: 16px 8px;
  font-size: 15px;
  border-top: 1px solid #e6e8eb;
}

#fullArticle .callout-blue {
  background: #e2dbf5;
}

#fullArticle .callout-yellow {
  background: #FFF0D7;
}

#fullArticle .callout-red {
  background: #FFD1CA;
}

#fullArticle .callout-green {
  background: #d9edc2;
}

#fullArticle .callout {
  background: #e6e6e6;
}
#fullArticle .callout p, 
#fullArticle .callout-blue p, 
#fullArticle .callout-green p, 
#fullArticle .callout-red p, 
#fullArticle .callout-yellow p, 
#fullArticle .private-note p {
  color: #707070;
  font-size: 17px;
  line-height: 1.55;
}

#fullArticle li {
  margin-bottom: 6px;
  margin-top: 6px;
}

#fullArticle h5 {
  position: relative;
  color: #34435c;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.3;
}

/*
.contentWrapper > #categoryHead > h1 {
  background-color: #fafafa;
    margin: 0 0 48px 0 !important;
    padding: 48px;
}
*/
.contentWrapper > #fullArticle > ul,
.contentWrapper > #fullArticle > ol {
  margin-left: 72px;
}

.contentWrapper > #fullArticle > ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 12px;
}

.contentWrapper > #fullArticle > ol > li {
  margin: 1rem 0 1rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}

.contentWrapper > #fullArticle > ol > li::before {
  content: counter(my-awesome-counter);
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  --size: 24px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  background: #a395bf;
  border-radius: 50%;
  text-align: center;
  font-family: 'Muli', Arial;
}

.contentWrapper > #fullArticle a {
  text-decoration: underline;
}

.contentWrapper > #fullArticle img {
  display: block;
  -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.1);
          box-shadow: 0 0 3px rgba(51, 51, 51, 0.1);
  border: 1px solid #D5DCE1;
  margin: 2em 0 3em;
  padding: 0;
}

.contentWrapper > #fullArticle a.printArticle {
  margin: 0;
  top: 24px;
  right: 24px;
  text-decoration: none;
}

.contentWrapper > #fullArticle a.printArticle i {
  text-decoration: none;
}

.contentWrapper > #fullArticle hr {
  border-top: 0px solid #f2f3f5;
  border-bottom: 2px solid #f2f3f5;
}

.contentWrapper ul.articleList li {
  padding-left: 0;
}

.contentWrapper ul.articleList a {
  margin-left: 0;
}

.contentWrapper h1.title {
  font-size: 30px;
  font-size: 2.25rem;
  line-height: 1.3;
  line-height: 1.2em;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 400;
}

.contentWrapper p.descrip {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 0px solid #e6e8eb;
  margin-top: 6px;
}

.navbar .navbar-inner {
  background: #ff6f59;
  padding-left: 20px;
  padding-right: 12px;
}

.navbar .nav a {
  font-size: 17px;
  line-height: 1.5;
  display: block;
  font-weight: 400;
  padding: 24px;
  text-decoration: none;
  -webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s, background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s, background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  overflow: visible;
  background: 0 0;
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFF;
  font-family: muli, arial;
}

.navbar .nav li a {
  color: #ffdcd7;
}

.navbar .nav li.active a {
  color: white;
  font-weight: 600;
}

.navbar .brand,
.navbar .nav li a:hover,
.navbar .nav li a:focus,
.navbar .nav .active a,
.navbar .nav .active a:hover,
.navbar .nav .active a:focus {
  color: #ffffff;
}

.navbar .brand img {
  width: 200px;
}

.navbar .brand {
  padding: 22px 0;
}

#docsSearch {
  position: relative;
  border: none;
  background-color: #ff6f59;
  margin: 0 0 80px 0;
  padding: 0;
  position: relative;
  height: 300px;
}

#docsSearch::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1709.94' height='361.99' viewBox='0 0 1709.94 361.99'%3E%3Cdefs%3E%3CclipPath id='a' transform='translate(37.83 56.8)'%3E%3Crect width='1600' height='300' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Crect x='37.83' y='111.6' width='1600' height='250.39' fill='%23f0f1f1'/%3E%3Cpath d='M-21.22,294.32s168.54-90.61,424.58-105.59c0,0,212.24-24.17,465.83,56.08,0,0,277.45,96.08,626.64-27.09,0,0,134.4-43.27,176.29-76.22L1657.68.74-37.83,68.1l16.61,226.22Z' transform='translate(37.83 56.8)' fill='%23FFC8AF'/%3E%3Cpath d='M-21.57,289.59S138,188.28,370.17,159.42c0,0,241-39.75,523.83,26.85,0,0,338.41,81,606.43-101.86,0,0,109.61-72.24,158.76-119l-1.63-22.23L-17.86-12.38Z' transform='translate(37.83 56.8)' fill='%23ff6f59'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  height: 360px;
  position: absolute;
  bottom: 0;
  width: 100%;
  top: 85px;
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: bottom center;
}

#docsSearch h1 {
  color: #FFF;
  display: block;
  font-size: 48px;
  font-weight: 100;
  letter-spacing: -0.35px;
  line-height: 55px;
  margin: 0;
  padding-top: 1.5em;
  position: relative;
  text-align: center;
  z-index: 2;
}

#searchBar .search-query {
  background: #fff;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #777;
  border-radius: 48px;
  padding-left: 24px;
}

#searchBar button {
  background: #2C00AC;
  border-color: transparent;
  color: #fff;
  top: inherit;
  height: 48px;
  border-top-right-radius: 48px;
  border-bottom-right-radius: 48px;
}

#searchBar button:hover {
  background: #270a7d;
  border-color: transparent;
  color: #fff;
}

.collection-category h2 a {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.3;
  margin-bottom: 24px;
  color: #34435c;
  font-weight: 500;
  font-family: "Muli", sans-serif;
}

.collection-category .category-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.category-list .category {
  background-color: #FFF;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 4px rgba(51, 51, 51, 0.05);
          box-shadow: 0 0 4px rgba(51, 51, 51, 0.05);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0 30px 30px 0;
  margin-right: 30px;
  margin-bottom: 30px;
  padding: 30px;
  min-height: 220px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  width: 100%;
}

.category-list .category:hover {
  text-decoration: none;
  background-color: #FFF;
  -webkit-box-shadow: 0 0 8px rgba(51, 51, 51, 0.15);
          box-shadow: 0 0 8px rgba(51, 51, 51, 0.15);
}

.category-list .category,
.category-list .category:hover {
  background-repeat: no-repeat;
  background-position: center 36px;
  background-size: 100px;
  color: #270a7d;
}

.category-list .category,
.category-list.two-col .category {
  margin-bottom: 30px;
}

.category-list .category {
  width: calc(100%/4 - 27px);
}

/*
.category-list.two-col .category {
  width: calc(100%/2 - 27px);
}
*/
.category-list .category:nth-child(4n+4) {
  margin-right: 0;
}

.category-list h3 {
  color: #34435c;
  font-weight: 600;
  font-size: 21px;
  margin-bottom: 3px;
}

.category-list .category:hover h3 {
  color: #242e40;
}

.category-list .category p {
  color: #707070;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 15px;
  line-height: 20px;
}

.category-list .category .article-count {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.84615;
  color: #9da4b0;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.category .article-count,
.category-list .category:hover .article-count {
  color: #5c697d;
}

/* Iconen */
#sidebar .nav-list a:before {
  font-family: "Material Symbols Outlined";
  font-size: 19px;
  position: absolute;
  color: #707070;
  margin-top: -2px;
  font-weight: 100;
  left: 6px;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  -webkit-transform: rotateZ(0);
  -ms-transform: rotate(0);
      transform: rotateZ(0);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#sidebar .nav-list a:hover:before,
#sidebar .nav-list .active a:before {
  color: #34435c;
}

.category-list .category:before {
  font-family: "Material Symbols Outlined";
  font-size: 58px;
  line-height: 72px;
  color: #2C00AC;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  -webkit-transform: rotateZ(0);
  -ms-transform: rotate(0);
      transform: rotateZ(0);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.category-list a:hover.category:before {
  color: #270a7d;
}


/* Getting started */ 
#category-580:before,
#sidebar .nav-list a[href^='/category/580']:before,
#category-832:before,
#sidebar .nav-list a[href^='/category/832']:before,
#category-757:before,
#sidebar .nav-list a[href^='/category/757']:before {
  content: "signpost";
}

/* Campaigns */ 
#category-241:before,
#category-272:before,
#category-279:before,
#sidebar .nav-list a[href^='/category/241']:before,
#sidebar .nav-list a[href^='/category/279']:before,
#sidebar .nav-list a[href^='/category/272']:before,
#category-604:before,
#category-833:before,
#category-924:before,
#sidebar .nav-list a[href^='/category/604']:before,
#sidebar .nav-list a[href^='/category/833']:before,
#sidebar .nav-list a[href^='/category/924']:before,
#category-673:before,
#category-754:before,
#category-949:before,
#sidebar .nav-list a[href^='/category/673']:before,
#sidebar .nav-list a[href^='/category/754']:before,
#sidebar .nav-list a[href^='/category/949']:before {
  content: "outgoing_mail";
}

/* Messages */
#category-250:before,
#category-269:before,
#category-280:before,
#sidebar .nav-list a[href^='/category/250']:before,
#sidebar .nav-list a[href^='/category/269']:before,
#sidebar .nav-list a[href^='/category/280']:before,
#category-605:before,
#category-834:before,
#category-925:before,
#sidebar .nav-list a[href^='/category/605']:before,
#sidebar .nav-list a[href^='/category/834']:before,
#sidebar .nav-list a[href^='/category/925']:before,
#category-674:before,
#category-743:before,
#category-950:before,
#sidebar .nav-list a[href^='/category/674']:before,
#sidebar .nav-list a[href^='/category/743']:before,
#sidebar .nav-list a[href^='/category/950']:before {
  content: "inbox_text";
}

/* Forms */ 
#category-273:before,
#category-255:before,
#category-281:before,
#sidebar .nav-list a[href^='/category/281']:before,
#sidebar .nav-list a[href^='/category/273']:before,
#sidebar .nav-list a[href^='/category/255']:before,
#category-926:before,
#category-835:before,
#category-606:before,
#sidebar .nav-list a[href^='/category/926']:before,
#sidebar .nav-list a[href^='/category/835']:before,
#sidebar .nav-list a[href^='/category/606']:before,
#category-675:before,
#category-744:before,
#category-951:before,
#sidebar .nav-list a[href^='/category/675']:before,
#sidebar .nav-list a[href^='/category/744']:before,
#sidebar .nav-list a[href^='/category/951']:before {
  content: "ballot";
}

/* surveys */ 
#category-479:before,
#category-478:before,
#category-480:before,
#sidebar .nav-list a[href^='/category/479']:before,
#sidebar .nav-list a[href^='/category/480']:before,
#sidebar .nav-list a[href^='/category/478']:before,
#category-607:before,
#category-836:before,
#category-927:before,
#sidebar .nav-list a[href^='/category/607']:before,
#sidebar .nav-list a[href^='/category/836']:before,
#sidebar .nav-list a[href^='/category/927']:before,
#category-676:before,
#category-745:before,
#category-952:before,
#sidebar .nav-list a[href^='/category/676']:before,
#sidebar .nav-list a[href^='/category/745']:before,
#sidebar .nav-list a[href^='/category/952']:before {
  content: "help_center";
}

/* contacts */ 
#category-263:before,
#category-251:before,
#category-282:before,
#sidebar .nav-list a[href^='/category/282']:before,
#sidebar .nav-list a[href^='/category/263']:before,
#sidebar .nav-list a[href^='/category/251']:before,
#category-608:before,
#category-837:before,
#category-928:before,
#sidebar .nav-list a[href^='/category/608']:before,
#sidebar .nav-list a[href^='/category/837']:before,
#sidebar .nav-list a[href^='/category/928']:before,
#category-677:before,
#category-746:before,
#category-953:before,
#sidebar .nav-list a[href^='/category/677']:before,
#sidebar .nav-list a[href^='/category/746']:before,
#sidebar .nav-list a[href^='/category/953']:before {
  content: "contacts";
}

/* segments */
#category-274:before,
#category-264:before,
#category-283:before,
#sidebar .nav-list a[href^='/category/283']:before,
#sidebar .nav-list a[href^='/category/274']:before,
#sidebar .nav-list a[href^='/category/264']:before,
#category-609:before,
#category-838:before,
#category-929:before,
#sidebar .nav-list a[href^='/category/609']:before,
#sidebar .nav-list a[href^='/category/838']:before,
#sidebar .nav-list a[href^='/category/929']:before,
#category-678:before,
#category-747:before,
#category-954:before,
#sidebar .nav-list a[href^='/category/678']:before,
#sidebar .nav-list a[href^='/category/747']:before,
#sidebar .nav-list a[href^='/category/954']:before {
  content: "view_object_track";
}

/* interests */ 
#category-275:before,
#category-242:before,
#sidebar .nav-list a[href^='/category/275']:before,
#sidebar .nav-list a[href^='/category/242']:before,
#category-610:before,
#category-839:before,
#sidebar .nav-list a[href^='/category/610']:before,
#sidebar .nav-list a[href^='/category/839']:before,
#category-679:before,
#category-748:before,
#sidebar .nav-list a[href^='/category/679']:before,
#sidebar .nav-list a[href^='/category/748']:before {
  content: "check_circle";
}

/* Landing pages */
#category-252:before,
#category-276:before,
#category-285:before,
#sidebar .nav-list a[href^='/category/285']:before,
#sidebar .nav-list a[href^='/category/252']:before,
#sidebar .nav-list a[href^='/category/276']:before,
#category-612:before,
#category-841:before,
#category-932:before,
#sidebar .nav-list a[href^='/category/612']:before,
#sidebar .nav-list a[href^='/category/841']:before,
#sidebar .nav-list a[href^='/category/932']:before,
#category-681:before,
#category-750:before,
#category-957:before,
#sidebar .nav-list a[href^='/category/681']:before,
#sidebar .nav-list a[href^='/category/750']:before,
#sidebar .nav-list a[href^='/category/957']:before {
  content: "newsmode";
}

/* workflows */ 
#category-253:before,
#category-258:before,
#category-286:before,
#sidebar .nav-list a[href^='/category/253']:before,
#sidebar .nav-list a[href^='/category/258']:before,
#sidebar .nav-list a[href^='/category/286']:before,
#category-613:before,
#category-842:before,
#category-933:before,
#sidebar .nav-list a[href^='/category/613']:before,
#sidebar .nav-list a[href^='/category/842']:before,
#sidebar .nav-list a[href^='/category/933']:before,
#category-682:before,
#category-752:before,
#category-959:before,
#sidebar .nav-list a[href^='/category/682']:before,
#sidebar .nav-list a[href^='/category/752']:before,
#sidebar .nav-list a[href^='/category/959']:before {
  content: "graph_1";
}

/* Settings */ 
#category-278:before,
#category-249:before,
#category-288:before,
#sidebar .nav-list a[href^='/category/288']:before,
#sidebar .nav-list a[href^='/category/278']:before,
#sidebar .nav-list a[href^='/category/249']:before,
#category-615:before,
#category-844:before,
#category-935:before,
#sidebar .nav-list a[href^='/category/615']:before,
#sidebar .nav-list a[href^='/category/844']:before,
#sidebar .nav-list a[href^='/category/935']:before,
#category-684:before,
#category-753:before,
#category-960:before,
#sidebar .nav-list a[href^='/category/684']:before,
#sidebar .nav-list a[href^='/category/753']:before,
#sidebar .nav-list a[href^='/category/960']:before {
  content: "settings";
}


#category-1180:before,
#category-1179:before,
#category-930:before,
#sidebar .nav-list a[href^='/category/1180']:before,
#sidebar .nav-list a[href^='/category/1179']:before,
#sidebar .nav-list a[href^='/category/930']:before,
#category-1182:before,
#category-1181:before,
#category-284:before,
#sidebar .nav-list a[href^='/category/1182']:before,
#sidebar .nav-list a[href^='/category/1181']:before,
#sidebar .nav-list a[href^='/category/284']:before,
#category-1184:before,
#category-1183:before,
#category-955:before,
#sidebar .nav-list a[href^='/category/1184']:before,
#sidebar .nav-list a[href^='/category/955']:before,
#sidebar .nav-list a[href^='/category/1183']:before {
  content: "check_circle";
}

/* billing */ 
#category-1197:before,
#category-1198:before,
#category-1199:before,
#sidebar .nav-list a[href^='/category/1197']:before,
#sidebar .nav-list a[href^='/category/1198']:before,
#sidebar .nav-list a[href^='/category/1199']:before {
  content: "account_circle";
}

/*transactional */ 
#category-1231:before,
#category-1233:before,
#category-1237:before,
#sidebar .nav-list a[href^='/category/1231']:before,
#sidebar .nav-list a[href^='/category/1233']:before,
#sidebar .nav-list a[href^='/category/1237']:before,
#category-1228:before,
#category-1229:before,
#category-1230:before,
#sidebar .nav-list a[href^='/category/1228']:before,
#sidebar .nav-list a[href^='/category/1229']:before,
#sidebar .nav-list a[href^='/category/1230']:before,
#category-1232:before,
#category-1235:before,
#category-1236:before,
#sidebar .nav-list a[href^='/category/1232']:before,
#sidebar .nav-list a[href^='/category/1235']:before,
#sidebar .nav-list a[href^='/category/1236']:before {
  content: "arrow_range";
}

/* NEW label */
#category-1231 h3:after,
#category-1233 h3:after,
#category-1237 h3:after,
#sidebar .nav-list a[href^='/category/1231']:after,
#sidebar .nav-list a[href^='/category/1233']:after,
#sidebar .nav-list a[href^='/category/1237']:after,
#category-1228 h3:after,
#category-1229 h3:after,
#category-1230 h3:after,
#sidebar .nav-list a[href^='/category/1228']:after,
#sidebar .nav-list a[href^='/category/1229']:after,
#sidebar .nav-list a[href^='/category/1230']:after,
#category-1232 h3:after,
#category-1235 h3:after,
#category-1236 h3:after,
#sidebar .nav-list a[href^='/category/1232']:after,
#sidebar .nav-list a[href^='/category/1235']:after,
#sidebar .nav-list a[href^='/category/1236']:after{
  	content: 'new';
	margin-left: 4px;
	background: #ff6f59;
	font-size: 10px;
	border-radius: 5px;
	color: #ffffff;
	text-transform: uppercase;
	position: relative;
}
#category-1231 h3:after,
#category-1233 h3:after,
#category-1237 h3:after,
#category-1228 h3:after,
#category-1229 h3:after,
#category-1230 h3:after,
#category-1232 h3:after,
#category-1235 h3:after,
#category-1236 h3:after{
	top: -15px;
	padding: .25rem .3rem;
}
#sidebar .nav-list a[href^='/category/1231']:after,
#sidebar .nav-list a[href^='/category/1233']:after,
#sidebar .nav-list a[href^='/category/1237']:after,
#sidebar .nav-list a[href^='/category/1228']:after,
#sidebar .nav-list a[href^='/category/1229']:after,
#sidebar .nav-list a[href^='/category/1230']:after,
#sidebar .nav-list a[href^='/category/1232']:after,
#sidebar .nav-list a[href^='/category/1235']:after,
#sidebar .nav-list a[href^='/category/1236']:after{
	top: -2px;
	padding: .2rem .3rem;
	text-shadow: none;
}


.twoCol .collection,
.threeCol .collection {
  background: #FFFFFF;
  border-color: #DBDBDB;
}

.articleList {
  list-style: none;
  line-height: 1.6;
  position: relative;
  color: #434343;
  font-size: 17px;
}

.contentWrapper > #serp ul.articleList a {
  margin-left: 0;
}

#serp .articleList > li {
  padding-left: 0;
}

#serp-dd {
  position: absolute;
  background: #fff;
  width: 100%;
  top: 83px;
  border: 1px solid #CCC;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  border-radius: 0;
  z-index: 1;
}

.icon-article-doc:before {
  content: "";
  color: #333333;
  margin-right: 0px;
}

.articleList li {
  border-top: 1px dashed #cad3e0;
  padding-top: 12px;
  margin: 12px 0 0 0;
}

.navbar .nav > li {
  margin: 0 12px;
}

.navbar .nav > li > a {
  padding: 24px 0;
}

.articleList li:first-child {
  border-top: 0px dashed #cad3e0;
  margin-top: -12px;
}

.navbar .nav .active .caret {
  display: none;
}

.navbar .nav .active {
  -webkit-box-shadow: inset 0px -4px 0px 0px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px -4px 0px 0px rgba(255, 255, 255, 0.5);
}

.navbar .nav li:hover {
  -webkit-box-shadow: inset 0px -4px 0px 0px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px -4px 0px 0px rgba(255, 255, 255, 0.5);
}

footer p:before {
  content: "";
  text-align: center;
  opacity: .3;
  width: 25px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 49%;
  margin-top: -36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' class='c-brand-icon'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.68188,14.95467L31.4153,3.71933 c0.43774-0.72957,0-1.60505-0.87548-1.60505h-8.17115c-0.43774,0-0.87548,0.29183-1.16731,0.72957l-2.91827,4.23149 c0,0,0,0.14591,0,0.29183l4.96106,7.44159C23.24414,15.10058,23.53597,15.10058,23.68188,14.95467'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.26938,31.00515l-7.73342-11.67308 c-0.14591-0.14591-0.29182-0.14591-0.43774,0l-4.96106,7.14976c0,0,0,0.14591,0,0.29183l3.50193,5.10697 c0.29182,0.43774,0.72957,0.58366,1.16731,0.58366h7.73342C31.26938,32.46429,31.85303,31.5888,31.26938,31.00515'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.63909,16.26789L12.73837,2.84385 c-0.29183-0.43774-0.72957-0.72957-1.16731-0.72957H3.254c-0.72957,0-1.31322,0.87548-0.87548,1.60505l9.04663,13.42404 L2.2326,30.85924c-0.43774,0.72957,0,1.60505,0.87548,1.60505h7.73341c0.43774,0,0.87548-0.29183,1.16731-0.58366l9.63029-14.00769 C21.93092,17.4352,21.93092,16.85155,21.63909,16.26789'%3E%3C/path%3E%3C/svg%3E");
  background-size: 25px 25px;
}

footer p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.84615;
  padding: 12px 0;
  color: #9da4b0;
  text-align: center;
  margin-bottom: 0;
}

.navbar .btn-navbar .icon-bar {
  background: #FFF2F1 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar .btn-navbar:hover .icon-bar {
  background: white !important;
}

#sidebar h3 {
  text-transform: none;
  font-size: 21px;
  color: #9da4b0;
  margin-bottom: 12px;
  font-weight: 300;
  font-family: 'muli', arial;
}

#sidebar .nav-list li {
  border-top: 1px solid #e6e6e6;
  margin: 0;
}

#sidebar .nav-list li:first-child {
  border-top: 0px solid #e6e6e6;
}

#sidebar .nav-list a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 12px 0 12px 32px;
  -webkit-transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  text-decoration: none;
  display: block;
  margin-right: 0px;
}

#sidebar .nav-list a,
#sidebar .nav-list a:hover,
#sidebar .nav-list a:focus {
  color: #707070;
  text-decoration: none;
}

#sidebar .nav-list a:hover,
#sidebar .nav-list a:focus,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus {
  background-color: #e6e8eb;
  color: #34435c;
}

#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus {
  font-weight: 600;
  color: #34435c;
}

#fullArticle .callout-yellow,
#fullArticle .callout-blue,
#fullArticle .callout-red,
#fullArticle .callout-green,
#fullArticle .callout-inspiration,
#fullArticle .callout-how,
#fullArticle .callout-what,
#fullArticle .callout,
#fullArticle .private-note {
  border: 0 solid;
  padding: 24px;
  position: relative;
  margin-bottom: 3em;
  color: #434343;
  border-radius: 10px;
  line-height: 1.55em;
  font-size: 17px;
}

#fullArticle .callout-yellow:before,
#fullArticle .callout-blue:before,
#fullArticle .callout-green:before,
#fullArticle .callout-red:before {
  content: "";
  height: 24px;
  width: 24px;
  top: 22px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom center;
  left: 17px;
  color: #434343;
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  position: absolute;
}

#fullArticle .callout-yellow,
#fullArticle .callout-blue,
#fullArticle .callout-green,
#fullArticle .callout-red {
  padding-left: 55px;
}

#fullArticle .callout-what:before,
#fullArticle .callout-how:before,
#fullArticle .callout-inspiration:before {
  content: "";
  height: 64px;
  position: absolute;
  width: 64px;
  top: 18px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom center;
  left: 18px;
}

#fullArticle .callout-yellow:before {
  content: "flare";
}

#fullArticle .callout-blue:before {
  content: "emoji_objects";
}

#fullArticle .callout-green:before {
  content: "thumb_up";
}

#fullArticle .callout-red:before {
  content: "warning";
}

#fullArticle .callout-how:before {
  background-image: url("https://cdn.flexmail.eu/manual/illustration_how.svg");
}

#fullArticle .callout-what:before {
  background-image: url("https://cdn.flexmail.eu/manual/illustration_what.svg");
}

#fullArticle .callout-inspiration:before {
  background-image: url("https://cdn.flexmail.eu/manual/illustration_inspiration.svg");
}

#fullArticle .related-title {
  color: #ff6f59;
}

#fullArticle .callout-what > ul,
#fullArticle .callout-how > ul,
#fullArticle .callout-inspiration > ul {
  margin: 0 auto 0;
  list-style: none;
  padding: 0;
}

#fullArticle .callout-what > ul li a,
#fullArticle .callout-how > ul li a,
#fullArticle .callout-inspiration > ul li a {
  color: #2C00AC;
}

#fullArticle .callout-what > ul li a:hover,
#fullArticle .callout-how > ul li a:hover,
#fullArticle .callout-inspiration > ul li a:hover {
  color: #270a7d;
}

#fullArticle .callout-what > ul li,
#fullArticle .callout-how > ul li,
#fullArticle .callout-inspiration > ul li {
  border-top: 1px dashed #cad3e0;
  margin: 12px 0 0 72px;
  padding: 12px 0 0 0;
}

#fullArticle .callout-what > ul li:first-child,
#fullArticle .callout-how > ul li:first-child,
#fullArticle .callout-inspiration > ul li:first-child {
  border-top: 0px dashed #f4f2fa;
}

#fullArticle .callout-what > strong,
#fullArticle .callout-how > strong,
#fullArticle .callout-inspiration > strong {
  color: #34435c;
  margin: 12px 0;
  display: block;
  padding-left: 72px;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 700;
}

#fullArticle .callout-what {
  background: #fbfaff;
}

#fullArticle .callout-how {
  background: #fbfaff;
}

#fullArticle .callout-inspiration {
  background: #fbfaff;
}

.related {
  border: 0px solid #E9E5E5;
  border-top: 0;
  background: #fff;
  position: relative;
  padding: 25px 46px;
}

.articleFoot {
  margin-top: 1.5em;
  margin-bottom: 48px;
}

.articleFoot p,
.articleFoot time {
  color: #9da4b0;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "SegoeUI", Arial, sans-serif !important;
  font-style: normal;
  font-size: 14px;
}

#sbContact {
  color: #34435c;
  border-bottom: 1px dotted #C5C5C5;
}

@media (min-width: 300px) and (max-width: 768px) {
  #searchBar button {
    background: #2C00AC;
    border-color: transparent;
    color: #fff;
    top: inherit;

    border-top-right-radius: 48px;
    border-bottom-right-radius: 48px;
  }
}
@media (max-width: 480px) {
  #searchBar button {
    height: 18px
  }
}

@media (max-width: 768px) {
  .collection-category .category-list {
    margin: 0 32px 4em;
  }
  #main-content {
    float: none;
    width: auto;
    padding: 0;
    margin: 0 0;
    background: 0 0;
  }
  .contentWrapper > *,
  .contentWrapper > #fullArticle > * {
    margin-left: 24px;
    margin-right: 24px;
    display: block;
  }
  .contentWrapper > #fullArticle > h1,
  .contentWrapper > h1,
  .contentWrapper > #categoryHead {
    padding: 24px;
  }
  .contentWrapper > #fullArticle > ul,
  .contentWrapper > #fullArticle > ol {
    margin-left: 48px;
  }
  #sidebar {
    margin-top: 48px;
    padding-bottom: 48px;
    padding-left: 24px;
    padding-right: 24px;
  }
  #sidebar .nav-list .is-active > a {
    -webkit-box-shadow: inset -4px 0 0 #cad3e0;
    box-shadow: inset -4px 0 0 #cad3e0;
  }
  .navbar {
    margin: 0;
  }
  .navbar .navbar-inner {
    background: #ff6f59;
  }
  body {
    padding-left: 0;
    padding-right: 0;
  }
  .navbar .nav li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px 3px 8px;
    margin: 0 auto 8px auto;
  }
  .navbar .nav li a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    margin-bottom: 8px;
    font-size: 21px;
  }
  .nav-collapse.collapse {
    border-top: 1px solid #ff6f59;
  }
  .nav-collapse.in.collapse {
    border-top: 1px solid #ffffff;
    padding: 48px 0 32px;
  }
  .navbar .btn-navbar {
    padding: 25px 0;
    margin: 0;
    width: auto;
  }
  .container-fluid {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
    border-radius: 0;
  }
  .category-list .category {
    margin-right: 0;
    width: 100%;
  }
  .contentWrapper {
    border-radius: 0;
    padding: 0;
  }
  .navbar .nav .active a:hover,
  .navbar .nav .active a:focus {
    font-weight: 600;
  }
  #docsSearch::before {
    margin: 0;
  }
  #docsSearch::before {
    top: 0px;
    background-size: 110%;
  }
  .articleFoot p.lu,
  .articleFoot time.lu {
    float: left;
  }
  ul.articleList {
    margin-left: 24px;
  }
  #searchBar {
    padding: 1.5em 0;
    padding: 1.5em 0;
    max-width: 620px;
    margin: 0 24px;
  }
  #categoryHead .sort {
    position: relative;
    padding-top: 12px;
    right: 0;
    top: 0;
  }
  .contentWrapper > #serp h1 {
    display: inline-block;
    margin-bottom: 6px;
  }
  .contentWrapper ul.articleList {
    margin-left: 24px;
  }
  .contentWrapper > #serp ul.articleList {
    margin-left: 0;
  }
  .contentWrapper ul.articleList li,
  .contentWrapper > #serp ul.articleList li {
    padding-left: 0;
    padding-top: 24px;
    margin: 24px 0 0 0;
  }
  .contentWrapper ul.articleList a,
  .contentWrapper > #serp ul.articleList a {
    margin-left: 0;
  }
}

@media screen and (max-width: 1104px) and (min-width: 769px) {
  .category-list .category {
    width: calc(100%/2 - 18px);
    margin: 0 30px 30px 0;
  }
  .category-list .category:nth-child(odd) {
    margin-right: 30px;
  }
  .category-list .category:nth-child(even) {
    margin-right: 0;
  }
}

.navbar .icon-private-w {
  color: #ffffff;
}

#collection-category-236,
#collection-category-246,
#collection-category-243 > H2,
#collection-category-1,
#collection-category-598,
#collection-category-581,
#collection-category-595 > H2,
#collection-category-592,
#collection-category-584,
#collection-category-589 > H2 {
  display: none;
}