@charset: "utf8";

@font-face {
  font-family: 'TTNorms';
  src: url('../webfonts/TT_Norms_Pro_Normal.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'TTNorms-Medium';
  src: url('../webfonts/TT_Norms_Pro_Medium.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'TTNorms';
  src: url('../webfonts/TT_Norms_Pro_Bold.woff') format('woff');
  font-weight: 700;
}

:root {
  --colors-neutral-10: #201B22;
  --colors-neutral-20: #362D39;
  --colors-neutral-30: #49404F;
  --colors-neutral-40: #6B6071;
  --colors-neutral-50: #7D7184;
  --colors-neutral-60: #94879B;
  --colors-neutral-70: #AFA487;
  --colors-neutral-80: #C9C1CD;
  --colors-neutral-90: #DFDAE1;
  --colors-neutral-93: #EFEBEF;
  --colors-neutral-95: #F6F4F6;
  --colors-neutral-100: #FFFFFF;
  --colors-purple-10: #2B0E3F;
  --colors-purple-20: #421560;
  --colors-purple-30: #5C2A7E;
  --colors-purple-40: #7B3BA5;
  --colors-purple-50: #9247C2;
  --colors-purple-60: #AE63DE;
  --colors-purple-70: #C289E6;
  --colors-purple-80: #D5ADEB;
  --colors-purple-90: #EAD4F2;
  --colors-purple-93: #F3E7F9;
  --colors-purple-95: #F9F2FD;
  --colors-purple-100: #FFFFFF;
  --colors-red-10: #47060C;
  --colors-red-20: #630811;
  --colors-red-30: #78111C;
  --colors-red-40: #A91E2E;
  --colors-red-50: #D72D40;
  --colors-red-60: #F7596C;
  --colors-red-70: #FF8091;
  --colors-red-80: #FFA8B5;
  --colors-red-90: #FFCCD5;
  --colors-red-93: #FFE5EB;
  --colors-red-95: #FFF0F3;
  --colors-red-100: #FFFFFF;
  --colors-orange-10: #421000;
  --colors-orange-20: #661900;
  --colors-orange-30: #7A2200;
  --colors-orange-40: #A33500;
  --colors-orange-50: #D45202;
  --colors-orange-60: #ED720C;
  --colors-orange-70: #FD9730;
  --colors-orange-80: #FFB766;
  --colors-orange-90: #FFD5A3;
  --colors-orange-93: #FFE9CF;
  --colors-orange-95: #FFF4E5;
  --colors-orange-100: #FFFFFF;
  --colors-yellow-10: #2E1C00;
  --colors-yellow-20: #4D2F00;
  --colors-yellow-30: #613E00;
  --colors-yellow-40: #875B00;
  --colors-yellow-50: #B27E00;
  --colors-yellow-60: #D6A200;
  --colors-yellow-70: #EBBA00;
  --colors-yellow-80: #F9CC15;
  --colors-yellow-90: #FBE074;
  --colors-yellow-93: #FFEFAD;
  --colors-yellow-95: #FFF6D1;
  --colors-yellow-100: #FFFFFF;
  --colors-green-10: #042A0F;
  --colors-green-20: #064217;
  --colors-green-30: #0B5620;
  --colors-green-40: #167231;
  --colors-green-50: #2A9D4C;
  --colors-green-60: #4EB76C;
  --colors-green-70: #77CF8F;
  --colors-green-80: #A1DEB2;
  --colors-green-90: #C3EACE;
  --colors-green-93: #E1F4E7;
  --colors-green-95: #EEF9F1;
  --colors-green-100: #FFFFFF;
  --colors-turquoise-10: #002924;
  --colors-turquoise-20: #003D36;
  --colors-turquoise-30: #005248;
  --colors-turquoise-40: #007366;
  --colors-turquoise-50: #009E8E;
  --colors-turquoise-60: #11BBA9;
  --colors-turquoise-70: #55CEC3;
  --colors-turquoise-80: #8AE0D7;
  --colors-turquoise-90: #AEEFE8;
  --colors-turquoise-93: #D8F8F4;
  --colors-turquoise-95: #E9FBF9;
  --colors-turquoise-100: #FFFFFF;
  --colors-blue-10: #002442;
  --colors-blue-20: #00315C;
  --colors-blue-30: #044781;
  --colors-blue-40: #1066AC;
  --colors-blue-50: #2582D0;
  --colors-blue-60: #4F9BDE;
  --colors-blue-70: #71B8EF;
  --colors-blue-80: #99D1F5;
  --colors-blue-90: #C2E7FA;
  --colors-blue-93: #DEF2FC;
  --colors-blue-95: #ECF8FD;
  --colors-blue-100: #FFFFFF;
  --colors-brand-primary: #5C2A7E;
  --colors-text-body: #201B22;
  --colors-text-secondary: #6B6071;
  --colors-separator-primary: #DFDAE1;
}

html[data-theme='light'] {
  --deep-bg: var(--colors-purple-40);
  --colors-text-link: var(--colors-purple-50);
  --colors-text-linkHover: var(--colors-brand-primary);
  --button-text-hover: var(--colors-neutral-100);
  --heading-color: var(--colors-purple-20);
  --sidebar-active: var(--colors-purple-95);
  --page-header: var(--colors-purple-30);
  --nav-highlight: var(--colors-neutral-95);
  --background-main: var(--colors-neutral-100);
  --font-color: var(--colors-text-body);
  --codefont: var(--colors-neutral-20);
  --code-bg: hsla(0, 0%, 93%, 0.5);
  --sidebar-active-border: var(--colors-purple-50);
  --tablehead: var(--colors-neutral-93);
  --border-separator: var(--colors-separator-primary);
  --h3-title: var(--colors-text-secondary);
  --breadcrumb-bg: var(--colors-neutral-95);
  --warning-border: var(--colors-red-50);
  --warning-background: var(--colors-red-93);
  --caution-border: var(--colors-yellow-50);
  --caution-background: var(--colors-yellow-95);
  --note-border: var(--colors-blue-50);
  --note-background: var(--colors-blue-93);
  --important-border: var(--colors-green-50);
  --important-background: var(--colors-green-93);
  --tip-border: var(--colors-purple-40);
  --tip-background: var(--colors-purple-93);
  --example-border: 0.8rem solid var(--colors-neutral-93);
  --example-background: var(--colors-neutral-95);
  --tab-color: var(--colors-neutral-50);
  --icon-filter: none;
  --toggle-icon: url(/css/image/navicons/moon.svg);
  --lang-option: var(--colors-text-link);
}

html[data-theme='dark'] {
  --deep-bg: var(--colors-neutral-30);
  --colors-text-link: var(--colors-turquoise-70);
  --colors-text-linkHover: var(--colors-turquoise-50);
  --button-text-hover: var(--colors-neutral-100);
  --heading-color: var(--colors-neutral-90);
  --page-header: var(--colors-neutral-20);
  --background-main: var(--colors-neutral-10);
  --font-color: var(--colors-neutral-93);
  --codefont: var(--colors-neutral-100);
  --code-bg: var(var(--colors-neutral-40));
  --nav-highlight: var(--colors-neutral-20);
  --sidebar-active: var(--colors-neutral-30);
  --sidebar-active-border: var(--colors-turquoise-70);
  --tablehead: var(--colors-neutral-20);
  --border-separator: var(--colors-neutral-50);
  --h3-title: var(--colors-neutral-90);
  --breadcrumb-bg: var(--colors-neutral-30);
  --warning-border: var(--colors-red-50);
  --warning-background: var(--colors-red-20);
  --caution-border: var(--colors-yellow-60);
  --caution-background: var(--colors-yellow-40);
  --note-border: var(--colors-blue-50);
  --note-background: var(--colors-blue-20);
  --important-border: var(--colors-green-50);
  --important-background: var(--colors-green-20);
  --tip-border: var(--colors-purple-40);
  --tip-background: var(--colors-purple-10);
  --example-border: 0.8rem solid var(--colors-neutral-50);
  --example-background: var(--colors-neutral-30);
  --lang-dropdown: var(--sidebar-active);
  --tab-color: var(--colors-neutral-70);
  --icon-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(164deg) brightness(108%) contrast(101%);
  --toggle-icon: url(/css/image/navicons/sun.svg);
  --lang-option: var(--font-color);
}

.aa-dropdown-menu {
  background-color: var(--background-main);
}

.aa-search-body {
  color: var(--font-color);
}

.aa-suggestion .aa-search-title em {
  color: var(--codefont);
  font-style: normal;
}

.aa-suggestion:hover,
.aa-suggestion.aa-cursor {
  background-color: var(--tablehead);
}

.darktoggle {
  height: 100%;
  width: 50px;
  margin-right: 15px;
  border: none;
  background: transparent;
}

.darktoggle:hover {
  background-color: var(--deep-bg);
}

.darktoggle:before {
  content: var(--toggle-icon);
  position: absolute;
  transform: translate(-12px, -12px);
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(164deg) brightness(108%) contrast(101%);
}

/* search.html styling */

.filters-title, .refinement-title, .search-results-title, .hit-title {
  font-family: 'TTNorms', sans-serif;
}

.theme2 .portal-header::before {
  background-color: transparent;
}

.theme2 .portal-header::after {
  background: url(https://theme.zdassets.com/theme_assets/9115360/3f1eb3147106fce9c7b8db60a7f307b224c3df1a.png?fbclid=IwAR07azaOY1jiaPnKFOGaXHR8b_n49bnPlN9-CykM8SN1xpt8OAOK6dtfM7M) no-repeat center center;
  background-size: cover;
  filter: none;
  opacity: 1;
}

.portal-header .portal-search button {
  background-color: var(--deep-bg);
}

.ais-Hits-item:hover {
  border-bottom: 3px solid var(--colors-turquoise-70);
}

h3.hit-title {
  font-size: 1.7rem;
  font-weight: bold;
  color: var(--deep-bg);
}

p.hit-body {
  color: #333;
  opacity: 0.8;
}

mark {
  padding: 0;
  color: var(--colors-text-link);
  font-weight: bold;
  background: transparent;
}

/* search.html styling ends */

body.theme2 {
  font-family: TTNorms, sans-serif;
  letter-spacing: 0.2px;
  background-color: var(--background-main);
  color: var(--font-color);
}

.toolbar {
  background-color: var(--page-header);
}

em {
  font-style: normal;
}


.site-sidebar .logo {
  height: 48px;
  width: 200px;
  padding: 10px 20px;
}

#logotype-pageheader {
  float: left;
}

.theme2 .toolbar.top-nav-on {
  min-height: 48px;
  height: 48px;
  padding: 0 25px 0 25px;
}

div#navbar.navbar-collapse.collapse {
  height: 100% !important;
  margin-right: 0;
}


.colored-top .site-sidebar-header {
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--page-header);
  border-color: var(--page-header);
  height: 48px;
}

ul.top-nav-menu.sm.sm-simple { 
  font-weight: bold;
}

ul.top-nav-menu.sm.sm-simple > li:nth-child(1) > .external-top-nav-link, ul.top-nav-menu.sm.sm-simple > li:nth-child(2) > .external-top-nav-link {
  border: none;
  border-radius: 4px;
  padding: 8px 10px;
  width: 120px;
  text-align: center;
  margin: 0 1rem;
  cursor: pointer;
  font-size: 1.2rem;
}

ul.top-nav-menu.sm.sm-simple > li:nth-child(1) > .external-top-nav-link {
  background-color: #ffff !important;
  color: #351d48 !important;
  margin-left: 5px;
}

ul.top-nav-menu.sm.sm-simple > li:nth-child(1) > .external-top-nav-link:hover {
  background-color: #ececec !important;
}

ul.top-nav-menu.sm.sm-simple > li:nth-child(2) > .external-top-nav-link {
  background-color: var(--colors-turquoise-70) !important;
  color: #ffffff;
}

ul.top-nav-menu.sm.sm-simple > li:nth-child(2) > .external-top-nav-link:hover {
  background-color: var(--colors-green-60) !important;
}

.toolbar-tools {
  height: 100%;
}

.top-nav-menu.sm.sm-simple, .top-nav-menu.sm.sm-simple > li, .external-top-nav-link {
  height: 100% !important;
}

.top-nav-menu.sm.sm-simple > li {
  padding: 7px 0;
}
/*
ul.top-nav-menu.sm.sm-simple > li:nth-child(1) > .external-top-nav-link, ul.top-nav-menu.sm.sm-simple > li:nth-child(2) > .external-top-nav-link {
  padding: 7px 15px;
}
*/
ul.top-nav-menu.sm.sm-simple > li:nth-child(5) {
  position: relative;
}

ul.top-nav-menu.sm.sm-simple > li:nth-child(5) > .external-top-nav-link {
  padding-top: 7px;
}

ul.top-nav-menu.sm.sm-simple > li:nth-child(5) > .external-top-nav-link:after {
  content: url(/css/image/navicons/linktarget.svg);
  position: absolute;
  transform: translateY(3px);
  margin-left: 10px;
}

ul.top-nav-menu.sm.sm-simple > li:nth-child(5) > .external-top-nav-link:hover {
  opacity: 0.5;
}

ul.top-nav-menu.sm.sm-simple > li:nth-child(1) {
  margin-left: 12px;
}

/*
ul.top-nav-menu.sm.sm-simple > li:nth-child(1):hover, ul.top-nav-menu.sm.sm-simple > li:nth-child(2):hover {
  background-color: #5f4870 !important;
}
*/

.fa.fa-search {
  position: relative;
  background-color: rgba(255,255,255,0.12);
  transition: background-color 0.25s cubic-bezier(0.1, 0.7, 0.1, 1);
  border-radius: 8px;
  padding: 8px 10px 8px 10px;
  width: 200px;
}
.fa.fa-search::before {
  position: absolute;
  content: url(/css/image/navicons/magnifier.svg);
}

.fa.fa-search::after {
  content: "Search...";
  font-family: TTNorms;
  font-size: 13px;
  color: #B0A3B7;
  margin-left: 2em;
}

.fa.fa-search:hover {
  opacity: 0.9;
}



@media (max-width: 1024px) {
  .fa.fa-search {
    width: 0;
    background-color: transparent;
  }

  .fa.fa-search::after {
    content: "";
  }

  .adv-search {
    display: none;
  }
}

.adv-search-link {
  position: relative;
  color: #fff; 
  font-size: 0.8em; 
  border-left: solid 1px #fff; 
  padding-left: 10px; 
  margin-left: 10px;
}

.adv-search-link:hover, .adv-search-link:active, .adv-search-link:focus {
  opacity: 0.5;
  color: #fff;
}

.adv-search-link::after {
  content: url(/css/image/navicons/linktarget.svg);
  position: absolute;
  margin-left: 10px;
  transform: translateY(4px);
}

.tool-search-form .search-field {
  background-color: var(--deep-bg);
  height: 48px;
}

.search-container > h2 {
  font-family: TTNorms;
  font-size: 2rem;
  font-weight: bold;
  opacity: 0.8;
}

.searchresultitem > a {
  color: var(--font-color);
}

.searchresultitem > a:hover {
  color: var(--font-color);
}

.searchresultitem:hover, .searchresultitem.selected-searchresultitem:hover {
  border-bottom: 3px solid var(--colors-turquoise-70);
  background-color: #fafafa;
}

.searchresultitem h3 {
  font-size: 1.6rem;
  font-weight: bold;
}

.searchresultitem p {
  opacity: 0.8;
}

.searchresultitem.selected-searchresultitem {
  background-color: #fff;
  border-radius: 0;
}

ul.searchresults .search-highlight {
  color: var(--deep-bg);
  font-style: normal;
}

.search-result-breadcrumbs {
  color: var(--deep-bg);
  font-size: 1.2rem;
}

.dropdown-container {
  position: relative;
  margin-left: 50px;
  text-transform: uppercase;
  font-size: 0.8em;
  height: 100%;
  text-align: center;
  padding-top: 15px;
  padding-right: 20px;
}

@media (max-width: 1024px) {

  .dropdown-container {
    margin-left: 20px;
  }
}


.dropdown-container:hover, .dropdown-container:focus {
  background-color: var(--lang-dropdown);
}

.dropdown-container span {
  font-weight: bold;
  padding-left: 12px;
  padding-right: 12px;
}


.dropdown-container span:after {
  position: absolute;
  content: "\e259";
  font-family: 'Glyphicons Halflings';
  margin-left: 8px;
  transform: translateY(-1px);
}

.dropdown-content {
  display: none;
  position: absolute;
  top: 54px;
  transform: translateX(-5px);
  min-width: 85px;
  background-color: var(--example-background);
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius: 8px;
  border: solid 1px #ececec;
  z-index: 9999;
  list-style-type: none;
  text-align: left;
  padding: 5px 0 5px 0;
}

.dropdown-container:hover {
  cursor: pointer;
}

.show {
  display: inline-block;
}

.lang-option {
  height: 100%;
}

.lang-option:hover {
  cursor: pointer;
  background-color: var(--nav-highlight);
}

li.lang-option > a {
  color: var(--lang-option);
  font-family: TTNorms, sans-serif;
  font-size: 14px;
  display: inline-block;
  padding: 8px 12px;
}

li.lang-option.active-lang > a {
  font-weight: bold;
}

li.lang-option.active-lang > a:after {
  position: absolute;
  content: url(/css/image/navicons/tick.svg);
  filter: var(--icon-filter);
  transform: translateY(-3px);
}

@media (min-width: 1200px) {
  .site-sidebar {
    width: 20%;
  }
  
  .site-content {
    margin-left: 20%;
    width: 80%;
  }

  .fixed-toolbar .tool-search-form {
    margin-left: 20%;
  }
}

button.navbar-toggle {
  padding: 15px 10px;
}

.theme2.colored-top .nav-site-sidebar {
  top: 48px;
}

.toc.nav.nav-site-sidebar > li > a:before, .toc.nav.nav-site-sidebar > li.active > a:before {
  position: absolute;
  left: 20px;
  transform: translateY(-2px);
}

.toc.nav.nav-site-sidebar > li:nth-child(1) > a:before {
  content: url(/css/image/navicons/getting-started.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(2) > a:before {
  content: url(/css/image/navicons/cpu.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(3) > a:before {
  content: url(/css/image/navicons/dudes.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(4) > a:before {
  content: url(/css/image/navicons/laptop.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(5) > a:before {
  content: url(/css/image/navicons/app.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(6) > a:before {
  content: url(/css/image/navicons/workflow.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(7) > a:before {
  content: url(/css/image/navicons/connectivity.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(8) > a:before {
  content: url(/css/image/navicons/build.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(9) > a:before {
  content: url(/css/image/navicons/caching.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(10) > a:before {
  content: url(/css/image/navicons/code-signing.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(11) > a:before {
  content: url(/css/image/navicons/testing.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(12) > a:before {
  content: url(/css/image/navicons/deployment.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(13) > a:before {
  content: url(/css/image/navicons/release-mgt.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(14) > a:before {
  content: url(/css/image/navicons/insights.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(15) > a:before {
  content: url(/css/image/navicons/window.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(16) > a:before {
  content: url(/css/image/navicons/code.svg);
}

.toc.nav.nav-site-sidebar > li:nth-child(17) > a:before {
  content: url(/css/image/navicons/book.svg);
}

.toc.nav.nav-site-sidebar > li > a:before {
  filter: var(--icon-filter);
}

.theme2.colored-top .nav-site-sidebar {
  background-color: var(--background-main);
  font-size: 14px;
  color: #fff;
  border-right: 1px solid var(--border-separator);
}

.nav-site-sidebar>li>a {
  color: var(--font-color);
  padding: 10px 15px 10px 60px
}

.nav-site-sidebar ul a {
  color: var(--font-color);
  padding: 8px 20px 8px 75px
}

.nav-site-sidebar ul ul a {
  padding-left: 90px;
}

.theme2 .toc > li {
  border-bottom-color: var(--border-separator);
}

.nav-site-sidebar a.topic-link.section:focus, .nav-site-sidebar a.topic-link.section:hover, a.topic-link.swagger-subnav:hover {
  background-color: var(--nav-highlight);
}

.nav-site-sidebar .active > a.topic-link.section:hover, .nav-site-sidebar .active > a.topic-link.swagger-subnav:hover {
  background-color: var(--nav-highlight);
}

.nav-site-sidebar ul .active > a {
  font-weight: bold;
  color: var(--font-color);
  background-color: var(--sidebar-active);
  border-right: 2px solid var(--sidebar-active-border);
}

.nav-site-sidebar li.active.opened>a {
  color: var(--font-color);
  background-color: var(--sidebar-active);
  font-weight: bold;
}

.nav-site-sidebar li.opened>a {
  background-color: var(--nav-highlight);
  font-weight: normal;
}


.breadcrumb-container, .breadcrumb {
  font-size: 1.5rem;
}

.breadcrumb-invisible {
  display: none;
}

ul.breadcrumb {
  display: inline-block;
  padding: 12px;
  background-color: var(--breadcrumb-bg);
  border-radius: 8px;
}

ul.breadcrumb li {
  color: var(--font-color);
}

li.breadcrumb-link:hover {
  color: var(--colors-text-linkHover);
}

.breadcrumb-node {
  font-weight: bold;
}

.breadcrumb>li+li:before {
  color: var(--font-color);;
  content: "/\00a0";
  padding: 0 5px;
}

.abstract {
  display: none;
}

.section-nav.nav>li a {
  color: var(--font-color);
}


.theme2 .section-nav.nav li.active > a, .theme2 .section-nav.nav > li.active > a:before {
  color: var(--colors-text-linkHover);
}

.theme2 .section-nav.nav > li.active > a:before {
  background: var(--colors-text-linkHover);
}

.theme2.page-toc main article {
  padding-right: 6%;
  padding-left: 6%;
}


@media (max-width: 768px) {

  .page-toc main article {
    padding-right: 20px !important;
  }
}

.section.accordion {
  padding: 5px;
}

.abstract {
  display: none;
}

main article p {
  line-height: 1.5em;
  font-size: 1.5rem;
}

a {
  color: var(--colors-text-link);
}

a:focus, a:hover, a:active {
  color: var(--colors-text-linkHover);
}

#topic-content > section > .titlepage h1.title.homepage-title {
  margin-top: 1em;
  font-size: 3.5rem;
  color: var(--heading-color);
}

#topic-content > section > .titlepage .title {
  margin: 0 0 1em;
}

.titlepage h2.title, .titlepage h1.title {
    font-family: TTNorms, sans-serif;
    color: var(--heading-color);
    font-weight: bold;
    letter-spacing: 0.2px;
    margin: 0 0 1em;
}

.titlepage h1.title {
  font-size: 3.125rem;
}

.titlepage h2.title {
  font-size: 2.6rem;
}

.titlepage h3.title, .titlepage h4.title, .titlepage h5.title {
  font-family: TTNorms, sans-serif;
  color: var(--h3-title);
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 1.4;
  margin: 0 0 1em;
}

.fa-chain:before, .fa-link:before {
  content: url(/css/image/navicons/anchor.svg);
  position: absolute;
  transform: translateY(-0.9em);
  cursor: pointer;
  filter: var(--icon-filter);
}

p {
  margin: 0 0 1em;
}

ol.procedure {
  margin-left: 15px;
}

thead {
  background-color: var(--tablehead);
  color: var(--font-color);
}

.table-title {
  margin-bottom: 1em;
  margin-top: 0.75em;
}

.table .table {
  margin-bottom: 0;
  background-color: var(--background-main);
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border: 1px solid var(--border-separator);
}

td a, a.glossterm {
  color: var(--colors-green-60);
  font-weight: bold;
}

td a:hover, a.glossterm:hover {
  color: var(--colors-turquoise-70);
}

.popover {
  background-color: var(--background-main);
  border: 0.25px solid var(--colors-separator-primary);
}

.popover-title {
  background-color: var(--background-main);
}

.example .fa.fa-link {
  display: none;
}


.warning, .note, .notice, .important, .caution, .tip, .example {
	margin-top: 2rem;
	margin-bottom: 2rem;
	border-left: 0.8rem solid;
	border-radius: 8px;
	letter-spacing: 0.2px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
  width: 75%;
}

.example {
  border: none;
  border-left: var(--example-border);
  background-color: var(--example-background);
}

.warning {
  border-left-color: var(--warning-border);
  background-color: var(--warning-background);
}

.warning h3, .note h3, .note.notice h3, .caution h3, .important h3, .tip h3 {
  font-family: TTNorms, sans-serif;
  font-weight: 700;
}

.warning h3, .warning:before {
  color: var(--warning-border);
}

.note, .note.notice {
  border-left-color: var(--note-border);
  background-color: var(--note-background);
}

.note h3, .note:before, .note.notice h3, .note.notice:before {
  color: var(--note-border);
}

.caution {
  border-left-color: var(--caution-border);
  background-color: var(--caution-background);
}

.caution h3, .caution:before {
  color: var(--caution-border);
  ;
}

.important {
  border-left-color: var(--important-border);
  background-color: var(--important-background);
}


.important h3, .important:before {
  color: var(--important-border);
}

.tip {
  border-left-color: var(--tip-border);
  background-color: var(--tip-background);
}

.tip h3, .tip:before {
  color: var(--tip-border);
}

.site-header {
    color: var(--colors-text-link);
}
.guibutton, .guilabel, .guimenu, .guimenuitem, .guisubmenu, .guisubmenuitem {
  font-weight: bold;
}

.procedure > li::before {
  float: left;
  margin-left: -40px;
  padding-left: 0px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: solid 1px #dbc3ed;
  color: var(--colors-brand-primary);
  display: block;
  background-color: #fdfaff !important;
  font-weight: 600;
  content: counter(step-counter);
  font-size: 14px;
  text-align: center;
}

ol.procedure {
  padding-left: 26px;
  border-left: solid 1px #dbc3ed;
}

.programlisting {
  display: block;
  position: relative;
  -webkit-font-feature-settings: "kern";
  font-feature-settings: "kern";
  font-family: Courier, monospace;
  font-size: 12px;
  direction: ltr;
  word-wrap: break-word;
  margin: 1em 0;
  padding: 2rem 8rem 2rem 2rem;
  border-radius: 8px;
  line-height: 18px;
  -webkit-overflow-scrolling: touch;
  background-color: #272822;
  color: #3dc9b0;
  border: 1px solid var(--border-separator);
}

.code, .filename, .envar, .varname, .userinput, .parameter, code, .command {
  background-color: var(--code-bg);
  color: var(--codefont);
}

.code-button {
  position: absolute;
  top: 1.3rem;
  right: 1.3rem;
  border-radius: 4px;
  border: none;
  color: #fff;
  background-color: var(--colors-turquoise-70);
  font-family: TTNorms;
  font-weight: bold;
  font-size: 13px;
  padding: 6px 24px;
  height: 32px;
}

.code-button:hover {
  background-color: var(--colors-green-60);
}


.section-toc.section-toc-after .section-toc-title {
  color: var(--heading-color);
  border-top: solid 2px #ececec;
  padding-top: 20px;
}

.section-toc.section-toc-after .section-toc-title:before {
  content: url(/css/image/navicons/doc.svg);
  filter: var(--icon-filter);
  padding-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

.section-toc.section-toc-after a {
  padding-left: 5px;
}

/*
.section-toc.section-toc-after a:after {
  content: ">>";
  padding-left: 5px;
}
*/

.kb-wrapper {
  width: 75%;
  max-width: 75%;
  display: flex;
  justify-content: flex-start;
  margin-left: 6%;
  padding-right: 0;
  margin-top: 20px;
}

@media (max-width: 1200px) {
  .kb-wrapper {
    width: 100%;
    max-width: 100%;
    padding-right: 10px;
  }

  .kb-cta, .int-cta {
    width: 45%;
  }
}

.kb-cta, .int-cta {
  display: inline-block;
  box-sizing: border-box;
  width: 25%;
  text-align: center;
  padding: 16px;
  margin-bottom: 20px;
  margin-right: 20px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
}

.kb-cta {
  color: #fff;
  background-image: linear-gradient(to bottom, var(--colors-purple-40), var(--colors-purple-20));
  border-color: var(--colors-purple-40);
}

.int-cta {
  color: #fff;
  background-image: linear-gradient(to bottom, var(--colors-turquoise-80), var(--colors-turquoise-60));
}

.kb-cta:active, .kb-cta:hover, .kb-cta:focus {
  text-decoration: none;
  color: #fff;
  background-color: var(--colors-brand-primary);
}

.int-cta:active, .int-cta:hover, .int-cta:focus {
  text-decoration: none;
  color: #fff;
  background-color: var(--colors-green-60);
}

div.feedback-panel {
  display: none;
  /*
  flex-direction: column;
  */
  justify-content: flex-start;
  align-items: center;
  max-width: 70%;
  width: 70%;
  margin-left: 6%;
  margin-top: 15px;
  padding-left: 0;
  padding-right: 0;
  border: none;
  background: var(--background-main);
}

div.feedback-panel .btn {
  position: relative;
  border: 1px solid var(--colors-text-linkHover);
  border-radius: 8px !important;
  box-shadow: 0 0.125rem 8.75rem 0 rgba(0, 0, 0, 0.06);
  margin-left: 0 !important;
  margin-right: 15px !important;
  font-size: 14px;
  letter-spacing: 0.6px;
}

div.feedback-panel .btn:focus, div.feedback-panel .btn:hover, div.feedback-panel .btn.active {
  background-color: var(--colors-text-link);
  color: var(--button-text-hover);
}

/*
#feedback-yes-btn::before {
  content: url(../css/image/navicons/tick.svg);
  position: absolute;
  left: 5px;
  margin: auto;
}

#feedback-no-btn::before {
  content: url(../css/image/navicons/close-small.svg);
  position: absolute;
  left: 5px;
  margin: auto;
}
*/

.voting-title {
  font-size: 18px;
  font-weight: bold;
  margin-right: 20px;
}

.page-toc .pager {
  padding-left: 40px;
  padding-right: 40px;
}

.pager li > a {
  padding: 10px 20px;
}

.pager li > a:hover {
  background-color: var(--colors-text-linkHover);
  border-radius: 8px;
  border-radius: 8px;
}

.index-container {
  list-style-type: none !important;
  display: flex;
  padding: 0;
  margin-top: 0.5em;
  width: 100%;
}

@media (max-width: 1200px) {

  .index-container {
    flex-direction: column;
    width: 100%;
  }

  .index-box {
    width: 100%;
  }
}

@media (min-width: 1200px) {

  .index-box {
    width: 30%;
  }
}

p.index-title {
  position: relative;
  font-weight: bold;
  font-size: 1.6rem;
  color: var(--heading-color);
  cursor: pointer;
  background-color: var(--tablehead);
  padding: 15px 10px 15px 40px;
}

p.index-title:before {
  position: absolute;
  left: 10px;
  top: 15px;
  content: url(/css/image/navicons/doc.svg);
  filter: var(--icon-filter);
}

.index-box {
  padding: 0 0 1.5rem;
  margin: 0.825rem auto;
  background-color: var(--background-main);
  text-align: left;
  color: font-color;
  cursor: pointer;
}

li.listitem.index-box:nth-child(1) {
  margin-left: 0;
}

li.listitem.index-box:nth-child(3) {
  margin-right: 0;
}

p.box-para {
  padding-left: 15px;
  padding-right: 15px;
  line-height: 1.3;
}

.index-box ul.itemizedlist {
  list-style-type: disc !important;
  padding-right: 10px;
}

.section.index-box .titlepage {
  display: none;
}

ul.itemizedlist.explore {
  list-style-type: none !important;
  border-top: solid 2px #ececec;
  position: relative;
  text-align: center;
  margin: 4rem auto 0;
  padding-left: 0;
}

.explore-text {
  position: relative;
  display: inline-block;
  top: -0.7em;
  background-color: var(--background-main);
  padding: 0 20px;
  line-height: 1.38 !important;
  font-size: 1.4rem !important;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--heading-color);
}

div.intro-container {
  display: flex;
  flex-direction: row;
  padding: 30px 0px 20px;
  justify-content: space-between;
  /*
  border-radius: 8px;
  box-shadow: 0 11px 24px 0 rgb(0 0 0 / 8%);
  background-image: url(https://assets-global.website-files.com/5db35de024bb983af1b4e151/5e4d482a42706efe90fac7fb_stars-landing-bg.svg),linear-gradient(
180deg,#f8f8f8,#fff);
*/
}

.slogan-text {
  text-transform: uppercase;
  color: var(--colors-text-linkHover);
  font-weight: bold;
}

ul.itemizedlist.intro-container {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  width: 50%;
}

.itemizedlist .intro-container .listitem {
  list-style-type: none;
}

.index-image {
  width: 40%;
}

@media (max-width: 1024px) {

  .index-image {
    display: none;
  }

  .homepage-intro {
    width: 100% !important;
  }
}

div.index-image img {
  max-width: 100% !important;
  box-shadow: none !important;
}

img.materialboxed {
  max-width: 70%;
  margin-right: 0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.image-viewport img {
  margin: 0;
}

.homepage-intro {
  font-size: 1.6rem;
  letter-spacing: 0px;
  margin: 0;
}

.bitbutton {
  display: inline-block;
  background-color: var(--colors-turquoise-70);
  color: #fff;
  letter-spacing: 0.2px;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  width: 150px;
  text-align: center;
  cursor: pointer;
  margin-top: 1em;
  padding: 1em 0.8em;
  line-height: 1;
  font-size: 1em;
}

.bitbutton:hover {
  color: #fff;
  background-color: var(--colors-green-60);
}

div.tab-content {
  display: none;
}

ul.itemizedlist.tab-content {
  list-style-type: none !important;
  padding-left: 0;
}

div.tab-content.is-active {
  display: block;
}

.tabs {
  display: inline-block;
  text-align: center;
  padding: 10px;
  min-width: 20%;
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--tab-color);
  border-left: none;
  border-bottom: 1px solid var(--border-separator);
  margin-bottom: 2.5rem;
  margin-left: -2px;
  background-color: var(--breadcrumb-bg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
.tabs:after {
  position: absolute;
  left: 0;
  content: " ";
  display: block;
  border-bottom: 1px solid #DFDAE1;
  height: 10px;
  width: 70%;
  margin-left: 7%;
}
*/

.tabs:hover {
  cursor: pointer;
  background-color: RGBA(223,218,225,0.2);
}

.tabs.is-active {
  border-top: solid 4px var(--colors-text-link);
  border-bottom: solid 0.25px var(--colors-text-link);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: var(--colors-text-link);
  background-color: var(--background-main);
  border-left: none;
  border-right: none;
}

.slack-button {
  display: inline-flex;
  border-radius: 4px;
  border-color: #7b3ba5;
  background-color: #7b3ba5;
  color: white;
  outline-offset: 2px;
  padding-block: 0.5625rem;
  padding-inline: 0.6875rem 0.9375rem;
}

.slack-button > a.link {
  color: white;
}

/*
.tabs.is-active {
  border-bottom: solid 2px #9247C2;
  color: #9247C2;
  background-color: #fff;
  border-left: none;
  border-right: none;
}
*/


.index-list .listitem a.linktype-component {
  padding: 10px;
  border: solid 0.2px var(--border-separator);
  border-radius: 8px;
  background-color: var(--breadcrumb-bg);
  color: var(--font-color);
  width: 90%;
  margin-bottom: 20px;
  float: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.index-list .listitem a.linktype-component:hover {
  background-color: var(--tablehead);
}

.index-list .listitem {
  list-style-type: none;
}

.index-list .listitem:before {
  position: absolute;
  content: url(/css/image/step-icon.svg);
  transform: translate(-25px, 5px);
}

.listitem.deploy:before{
  content: url(/css/image/deploy.svg);
}

.listitem.ios-deploy:before {
  content: url(/css/image/ios-deploy.svg);
}

.listitem.getting-started:before {
  content: url(/css/image/getting-started.svg);
}

.listitem.starting-builds:before {
  content: url(/css/image/starting-builds.svg);
}

.listitem.release:before {
  content: url(/css/image/release.svg);
}

.listitem.adding-app:before {
  content: url(/css/image/adding-app.svg);
}

.index-list .listitem p {
  text-align: left;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-list .listitem p a {
  color: rgb(32, 27, 34);
}