/* global variables for the entire app */
/* never define selectors here or they will be included multiple times */
/* global variables for the entire app */
/* never define selectors here or they will be included multiple times */
.btn {
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.25px;
  text-transform: capitalize;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: none;
  padding: 10px 16px;
}

@media (max-width: 374px) {
  .btn {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.btn-block {
  display: inline-block;
}

/* --- primary button --- */
.btn-primary {
  background-color: #286851;
  border-color: #286851;
}

.btn-primary:hover,
.btn-primary:hover:enabled {
  background-color: #39745e;
  border-color: #39745e;
}

.btn-primary:hover:active,
.btn-primary:hover:active:enabled {
  background-color: #6d9888;
  border-color: #6d9888;
}

.btn-primary:active,
.btn-primary:active:enabled {
  background-color: #6d9888;
  border-color: #6d9888;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: 0;
}

.btn-primary:focus,
.btn-primary:focus:enabled {
  background-color: #6d9888;
  border-color: #6d9888;
  outline: 0;
}

.btn-primary:active:focus,
.btn-primary:active:focus:enabled {
  outline: 0;
}

.btn-primary:disabled,
.btn-primary:hover:disabled,
.btn-primary:active:disabled,
.btn-primary:focus:disabled,
.btn-primary:hover:active:disabled,
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:active,
.btn-primary.disabled:focus {
  background-color: #bdbdbd;
  border-color: #bdbdbd;
  color: #fff;
}

/* --- secondary button --- */
.btn-secondary {
  background-color: #AFB5C2;
  border-color: #AFB5C2;
  color: #fff;
}

.btn-secondary:hover,
.btn-secondary:hover:enabled {
  background-color: #989FAD;
  border-color: #989FAD;
  color: #fff;
}

.btn-secondary:hover:active,
.btn-secondary:hover:active:enabled {
  background-color: #47686E;
  border-color: #47686E;
}

.btn-secondary:active,
.btn-secondary:active:enabled {
  background-color: #47686E;
  border-color: #47686E;
  color: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: 0;
}

.btn-secondary:focus,
.btn-secondary:focus:enabled {
  background-color: #47686E;
  border-color: #47686E;
  color: #fff;
  outline: 0;
}

.btn-secondary:active:focus,
.btn-secondary:active:focus:enabled {
  outline: 0;
}

.btn-secondary:disabled,
.btn-secondary:hover:disabled,
.btn-secondary:active:disabled,
.btn-secondary:focus:disabled,
.btn-secondary:hover:active:disabled,
.btn-secondary.disabled,
.btn-secondary.disabled:hover,
.btn-secondary.disabled:active,
.btn-secondary.disabled:focus {
  background-color: #F8F9FA;
  border-color: #CACED6;
  color: #fff;
}

/* --- alt-primary button --- */
.btn-alt-primary {
  background-color: transparent;
  border-color: #286851;
  color: #286851;
}

.btn-alt-primary:hover,
.btn-alt-primary:hover:enabled {
  background-color: #f7f9f8;
}

.btn-alt-primary:active,
.btn-alt-primary:active:enabled {
  background-color: #e5ecea;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: 0;
}

.btn-alt-primary:focus,
.btn-alt-primary:focus:enabled {
  background-color: #e5ecea;
  outline: 0;
}

.btn-alt-primary:active:focus,
.btn-alt-primary:active:focus:enabled {
  outline: 0;
}

.btn-alt-primary:disabled,
.btn-alt-primary:hover:disabled,
.btn-alt-primary:active:disabled,
.btn-alt-primary:focus:disabled,
.btn-alt-primary:hover:active:disabled,
.btn-alt-primary.disabled,
.btn-alt-primary.disabled:hover,
.btn-alt-primary.disabled:active,
.btn-alt-primary.disabled:focus {
  border-color: #bdbdbd;
  color: #bdbdbd;
}

/* --- alt-secondary button --- */
.btn-alt-secondary {
  background-color: transparent;
  border-color: #AFB5C2;
  color: #AFB5C2;
}

.btn-alt-secondary:hover,
.btn-alt-secondary:hover:enabled {
  background-color: #989fad;
}

.btn-alt-secondary:active,
.btn-alt-secondary:active:enabled {
  background-color: #47686E;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: 0;
}

.btn-alt-secondary:focus,
.btn-alt-secondary:focus:enabled {
  background-color: #47686E;
  outline: 0;
}

.btn-alt-secondary:active:focus,
.btn-alt-secondary:active:focus:enabled {
  outline: 0;
}

.btn-alt-secondary:disabled,
.btn-alt-secondary:hover:disabled,
.btn-alt-secondary:active:disabled,
.btn-alt-secondary:focus:disabled,
.btn-alt-secondary:hover:active:disabled,
.btn-alt-secondary.disabled,
.btn-alt-secondary.disabled:hover,
.btn-alt-secondary.disabled:active,
.btn-alt-secondary.disabled:focus {
  border-color: #F8F9FA;
  color: #CACED6;
}

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

html, body {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #212121;
  line-height: 1.42857143;
}

@media (max-width: 767px) {
  html, body {
    font-size: 14px;
  }
}

a, a:link, a:visited, .breadcrumbs li a:link, .breadcrumbs li a:visited {
  color: #286851;
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

a:hover, .breadcrumbs li a:hover {
  color: #39745e;
  text-decoration: underline;
}

a:focus, .breadcrumbs li a:focus {
  color: #5b8c7a;
  text-decoration: underline;
}

a:active, a:focus, .breadcrumbs li a:active, .breadcrumbs li a:focus {
  color: #6d9888;
  text-decoration: none;
}

.container {
  max-width: 1100px;
}

body > main {
  min-height: inherit;
}

.relative {
  position: relative;
}

.bold, b, strong {
  font-weight: 500;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.nowrap {
  white-space: nowrap;
}

h1 {
  margin: 0;
  padding: 0;
}

.page-headline {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 400;
  color: #212121;
}

@media (max-width: 767px) {
  .page-headline {
    margin-bottom: 15px;
    font-size: 18px;
  }
}

.page-description {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .page-description {
    margin-bottom: 15px;
  }
}

.search-field-container {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.search-field-container .field-container {
  padding: 9px 50px 9px 20px;
  background-color: #fff;
  border-radius: 20px;
}

.search-field-container .icon-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 40px;
  background-color: #286851;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

.search-field-container .icon-container:before {
  position: absolute;
  top: 11px;
  left: 11px;
  content: "\f002";
  font-family: "Font Awesome\ 5 Pro";
  color: #fff;
}

.search-field-container .icon-container:hover {
  background-color: #39745e;
}

.search-field-container .icon-container:active, .search-field-container .icon-container:focus {
  background-color: #6d9988;
}

.search-field-container input[type="search"] {
  width: 100%;
  padding: 0;
  outline: none;
  box-shadow: none;
  border: none;
  -webkit-transition: none;
  transition: none;
}

@media (max-width: 767px) {
  .search-field-container .field-container {
    padding: 8px 50px 8px 20px;
  }
  .search-field-container .icon-container {
    width: 36px;
  }
  .search-field-container .icon-container:before {
    top: 10px;
    left: 10px;
  }
}

.knowlede-base-tree .promoted-articles-item a {
  font-size: inherit;
  color: #286851;
}

.knowlede-base-tree .promoted-articles-item a:hover {
  color: #39745e;
}

.knowlede-base-tree .promoted-articles-item a:active, .knowlede-base-tree .promoted-articles-item a:focus {
  color: #6d9888;
}

.knowlede-base-tree .promoted-articles-item a:after {
  content: '';
}

.breadcrumb-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

.breadcrumb-container .breadcrumbs {
  margin: 0;
  padding: 0;
}

.breadcrumb-container .breadcrumbs li {
  font-size: 12px;
  color: inherit;
  max-width: inherit;
}

.sidebar-container .collapsible-sidebar .sidebar-menu-container ul, .sidebar-container .collapsible-sidebar .sidebar-menu-container ol {
  margin: 0;
  padding: 0;
}

.sidebar-container .collapsible-sidebar .sidebar-menu-container li {
  margin-bottom: 3px;
}

.sidebar-container .collapsible-sidebar .sidebar-menu-container li a .list-item {
  background-color: #f2f2f2;
  margin: 0;
  padding: 15px;
}

.sidebar-container .collapsible-sidebar .sidebar-menu-container li.active a .list-item, .sidebar-container .collapsible-sidebar .sidebar-menu-container li[active="true"] a .list-item {
  border-right: 5px solid #286851;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.sidebar-container .collapsible-sidebar .sidebar-menu-container li.active a .list-item .list-item-name,
.sidebar-container .collapsible-sidebar .sidebar-menu-container li.active a .list-item .list-item-count, .sidebar-container .collapsible-sidebar .sidebar-menu-container li[active="true"] a .list-item .list-item-name,
.sidebar-container .collapsible-sidebar .sidebar-menu-container li[active="true"] a .list-item .list-item-count {
  font-weight: 500;
}

@media (min-width: 992px) {
  .sidebar-container .collapsible-sidebar .sidebar-title {
    font-weight: 500;
    margin-bottom: 10px;
  }
  .sidebar-container .collapsible-sidebar .sidebar-menu-container li a {
    color: #212121;
  }
}

@media (max-width: 991px) {
  .sidebar-container .collapsible-sidebar .sidebar-title {
    background-color: #f2f2f2;
    padding: 10px 15px;
    cursor: pointer;
    position: relative;
  }
  .sidebar-container .collapsible-sidebar .sidebar-title:after {
    position: absolute;
    top: 8px;
    right: 15px;
    content: '\f107';
    font-family: "Font Awesome 5 Pro";
    font-size: 18px;
  }
  .sidebar-container .collapsible-sidebar .sidebar-menu-container {
    display: none;
  }
  .sidebar-container .collapsible-sidebar .sidebar-menu-container li {
    margin-bottom: 0;
  }
  .sidebar-container .collapsible-sidebar .sidebar-menu-container li a .list-item {
    padding: 10px 15px;
  }
  .sidebar-container .collapsible-sidebar .sidebar-menu-container li.active a .list-item, .sidebar-container .collapsible-sidebar .sidebar-menu-container li[active="true"] a .list-item {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .sidebar-container .collapsible-sidebar[aria-expanded="true"] .sidebar-title:after {
    content: '\f00d';
  }
  .sidebar-container .collapsible-sidebar[aria-expanded="true"] .sidebar-menu-container {
    display: block;
  }
}

.pagination ul {
  margin: 0;
  padding: 0;
}

.pagination ul li {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  float: inherit;
  width: inherit;
  height: inherit;
}

.pagination ul li a {
  margin: 0;
  padding: 0;
  font-size: inherit;
  color: #286851;
  line-height: 1;
  width: 30px;
}

.pagination ul li.pagination-first a, .pagination ul li.pagination-prev a, .pagination ul li.pagination-next a, .pagination ul li.pagination-last a {
  font-size: 24px;
}

.pagination ul li.pagination-current {
  background: none;
}

.pagination ul li.pagination-current span {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: 500;
  color: #212121;
  width: 30px;
}

.pagination ul li:hover:not(.pagination-current) {
  background: none;
}

.pagination ul li:hover:not(.pagination-current) a {
  color: #39745e;
}

.pagination ul li:active a, .pagination ul li:focus a {
  color: #6d9888;
}

@media (max-width: 767px) {
  .pagination ul li.pagination-first a, .pagination ul li.pagination-prev a, .pagination ul li.pagination-next a, .pagination ul li.pagination-last a {
    font-size: 22px;
  }
}

.article-app-icons-container {
  position: absolute;
  left: 120px;
  top: -7px;
  line-height: 0;
}

.article-app-icons-container .ios-icon, .article-app-icons-container .android-icon {
  display: inline-block;
}

.article-app-icons-container .ios-icon svg, .article-app-icons-container .android-icon svg {
  width: 110px;
  height: 33px;
}

.article-app-icons-container .android-icon {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .article-app-icons-container {
    left: 100px;
    top: -4px;
  }
  .article-app-icons-container .ios-icon svg, .article-app-icons-container .android-icon svg {
    width: 80px;
    height: 24px;
  }
}