:root{
    --primary-color: #0060CA;
    --secondary-color: #5FCC9C;
    --tertiary-color: #66A0DF;
    --dark-color: #393E46;
    --text-color: #5a5a5a;
}

[v-cloak] {
    display: none;
}

*:focus{
    outline: none !important;
    box-shadow: none !important;
}
body{
    font-family: Calibre;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:17px;
    font-style: normal;
    line-height: 1.618;
    background-color: #F3F4F4;
    font-weight: 300;
    color:var(--text-color);
}

img {
    max-width: 100%;
}
a {
    color: var(--primary-color);
}
a:hover {
    text-decoration: none;
}

.fs-30 {
    font-size: 30px;
}

.search-full-page-height {
    min-height: calc(100vh - 333px);
} 

.font-weight-bold,
b,
strong {
    font-family: CalibreBold;
}
.pointer {
    cursor: pointer !important;
}
.zoom-in {
    cursor: -webkit-zoom-in !important; 
    cursor: -moz-zoom-in !important;
    cursor: zoom-in !important;
}
.zoomable-image {
    cursor: pointer !important;
    display: block;
}
.invisible {
    visibility: hidden;
}
.text-dark {
    color: var(--dark-color) !important;
} 
.text-primary {
    color: var(--primary-color);
}
.bg-primary {
    background-color: var(--primary-color) !important;
}
.d-flex.spaced {
    justify-content: space-between;
}
.d-flex.centered {
    align-items: center;
}
.sub-title-size {
    font-size: 18px;
    font-weight: bold;
    font-family: CalibreBold;
    color: var(--dark-color);
}
.relative {
    position: relative;
}
.rounded-25 {
    border-radius: 25px;;
}
.drop-shadow {
    box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.1);
}
.card-shadow {
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
}

.btn-primary {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: #fff !important;
}
.btn-success {
    border-color: var(--secondary-color) !important;
    background-color: var(--secondary-color) !important;
    color: #fff !important;
}
.btn-sm {
    min-width: 125px;
    min-height: 37px;
    padding-top: 9px;
}
.fixed-top {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0; 
}
header {
    padding: 15px 0;
    background-color: transparent;
    transition: 0.3s;
}
.page header {
    background-color: #fff;
    transition: 0s;
}
.fixed-top.opaque {
    border-bottom: none;
}
.fixed-top.opaque header {
    /* background-color: rgba(0,0,0,0.5); */
    background-color: #fff;
    /* border-bottom: 1px solid #f5f5f5; */
    transition: 0.3s;
    box-shadow: 3px -4px 20px -7px rgba(1, 1, 1, 0.25);
}
header .logo {
    display: block;
}
header .logo img {

}

header .top-right-nav {
    float: right;
}
header .top-right-nav a {
    font-family: CalibreSemiBold;
    display: inline-block;
    color: var(--dark-color);
    font-size: 16px;
    padding-right: 15px;
}
.fixed-top header .top-right-nav a,
.fixed-top header .top-right-nav .text-dark {
    color: #E4F2F2 !important;
}
.page .fixed-top header .top-right-nav a,
.page .fixed-top header .top-right-nav .text-dark {
    color: var(--dark-color) !important;
}
.fixed-top.opaque header .top-right-nav a,
.fixed-top.opaque header .top-right-nav .text-dark,
.page .fixed-top.opaque header .top-right-nav a,
.page .fixed-top.opaque header .top-right-nav .text-dark  {
    color: var(--dark-color) !important;
}
header .top-right-nav a:last-child {
    padding-right: 0;
}
.dropdown-menu {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
    border: none;
    padding: 0;
    border-radius: 0;
}
.dropdown-menu a {
    padding: 12px 15px 5px 15px;
    font-size: 14px !important;
    cursor: pointer;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary-color);
    color: #fff !important;
}
.user-options .dropdown-menu a {
    display: block !important;
    width: 100%;
}
.user-options .dropdown-toggle {
    cursor: pointer;
    padding: 10px 0;
}
.user-options .dropdown-toggle::after {
    vertical-align: 1px;
}
.user-options .dropdown-toggle img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}
.help-center-section {    
    background: transparent;
    position: relative;
    overflow: hidden;
    padding-top: 15px;
}
.help-center-section::before {
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
    /* background-color: rgba(0,0,0,0.4); */
}
.help-center-section.page {
    background-color: var(--primary-color);
    margin-bottom: 35px;
}
.home .help-center-section {
    min-height: 620px;
}
.page .help-center-section {
    min-height: 150px;
}
.help-center-section.page::before {
    background-color: transparent;
}
.help-center-section .help-center {
    text-align: center;
    margin-top: 75px;
}
.help-center-section .help-center .title {
    color: #fff;
    font-family: CalibreSemiBold;
    margin-bottom: 30px;
}
.help-center-section .help-center .search {
    display: flex;
    margin-bottom: 50px;
}
.help-center-section .help-center .search input[type="search"]{
    border-radius: 0;
    padding: 30px 30px 25px 30px;
    border-color: #fff !important;
    position: relative;
}
.help-center-section .help-center .search input[type="search"]:focus {
    border-color: #fff !important;
}
.help-center-section .help-center .search button {
    font-family: CalibreSemiBold;
    width: 150px;
    background-color: var(--secondary-color);
    border: none;
    color: #fff;
    font-size: 20px;
    padding-top: 5px;
}
.help-center-section .help-center .notification {
    font-family: CalibreBold;
    background-color: rgba(20, 20, 20, 0.7);
    border-radius: 30px;
    padding: 6px 15px 4px 15px;
    margin: 0 auto;
    max-width: 290px;
}
.es .help-center-section .help-center .notification {
    max-width: 370px;
}

.help-center-section .help-center .notification .icon {
    width: 20px;
    margin-right: 10px;
}
.help-center-section .help-center .notification a {
    color: #e4e4e4;
    font-size: 16px;
}

/* Page search */
.help-center-section.page .help-center .search input[type="search"]{
    border-radius: 20px;
    padding: 6px 50px 0 25px;
    border-color: var(--primary-color) !important;
}
.help-center-section.page .help-center .search button {
    position: absolute;
    top: 4px;
    right: 6px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #393E46;
    font-size: 13px;
}
.help-center-section.page .help-center .search {
    margin-bottom: 0;
}

/* Default search */
.search-container .search-section {
    margin-top: 18px;
    float: right;
    min-width: 54%;
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    height: 35px;
}
.search-container .search-section input[type="search"] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    background: none;
    padding: 3px 45px 0 15px;
    color: var(--text-color);
}
.search-container .search-section .search-icon {
    position: absolute;
    right: 4px;
    top: 3px;
    width: 30px;
    height: 30px;
    background-color: #393E46;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding-top: 7px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
}
/* Default search */
.single-category-product {
    max-width: 285px;
    flex: 1 0 21%;
    margin-bottom: 30px;
}

.card-count-1 .single-category-product {
    max-width: 55.5%;
}
.card-count-1 .single-category-product.px-2 {
    padding: 0 !important;
}
.card-count-2 .single-category-product {
    max-width: 50%;
}
.card-count-2 .single-category-product.px-2 {
    padding: 0 .9rem !important;
}

.card-count-3 .single-category-product,
.card-count-4 .single-category-product {
    max-width: none;
}
.card-count-5 .single-category-product {
    flex: 1 0 33%;
}
.card-count-5 .single-category-product {
    max-width: initial;
}
.card-count-5 .single-category-product:nth-child(n+4) {
    max-width: 365px;
}

.products-list {
    margin-top: -130px;
}
.products-list .product {
    display: block;
    padding: 15px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.1);
    color:var(--text-color);
    /* min-height: 260px; */
    min-height: 100%;
}
.home.es .products-list .product {
    min-height: 325px;
}
.home.fr .products-list .product {
    min-height: 315px;
}
.products-list .product p {
    transition: 0.3s;
}
.products-list .product:hover p {
    color: var(--secondary-color) !important;
    transition: 0.3s;
}
.products-list .product .icon {
    margin: 25px 0;
}
.products-list .product .icon img {
    max-width: 40px !important;
}
.products-list .product .title {
    /* margin-bottom: 15px; */
    min-height: 55px;
}
.page-section {
    margin-top: 80px;
}
.page-section .title {
    margin-bottom: 30px;
}
ul {
    margin:0;
    padding:0;
    list-style-type: none;
}
.centered-list {
    margin: 0;
    padding: 30px 75px;
    background-color: #fff;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
    list-style-type: none;
}
.centered-list li {
    width: 100%;
    border-bottom: 1px dashed rgb(57,62,70, 0.2);
    text-align: center;
    padding: 15px 15px;
}
.centered-list li:last-child {
    border-bottom: none;
}
.centered-list li a {
    color:var(--text-color);
}
.article-list {
    margin:0;
    padding:0;
    list-style-type: none;
    background-color: #fff;
}
.article-list .article-list-item {
    width: 100%;
    border-bottom: 1px dashed rgb(57,62,70, 0.2);
    padding: 15px 0 10px 0;
}
.article-list .article-list-item a {
    color:var(--text-color);
}
.article-subscribe {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.section-subscribe button,
.article-subscribe button {
    background-color: #f3f4f4;
    border: 1px solid var(--dark-color);
    border-radius: 25px;
    padding: 7px 35px 3px 7px;
    color: var(--dark-color);
    transition: 0.3s;
    font-weight: bold;
    font-family: CalibreBold;
    position: relative;
    width: 170px;
}

.fr .section-subscribe button, .article-subscribe button {
    font-size: 13px;
}

.section-subscribe button.section-sub-btn {
    background-color: #ffffff !important;
    padding: 7px 35px 3px 30px;
}
.category-subscription button {
    background-color: transparent;
    border: 1px solid var(--dark-color);
    border-radius: 25px;
    padding: 9px 0 2px 12px;
    color: var(--dark-color);
    transition: 0.3s;
    font-weight: bold;
    font-family: CalibreBold;
    position: relative;
    width: 135px;
    font-size: 16px;
    text-align: left;
}
.category-subscription button.unsubscribed {
    width: 120px;
}
.section-subscribe {
    border: none;
    background-color: transparent;
}
.article-subscribe button {
    background-color: #fff;
}
.section-subscribe button.unsubscribed,
.article-subscribe button.unsubscribed,
.category-subscription button.unsubscribed {
    border-color: var(--primary-color);
    color: var(--primary-color);
}
.section-subscribe button.subscribed::before,
.section-subscribe button.unsubscribed::before,
.article-subscribe button.subscribed::before,
.article-subscribe button.unsubscribed::before,
.category-subscription button.subscribed::before,
.category-subscription button.unsubscribed::before,
.section-subscribe button::before,
.section-subscribe button::before,
.article-subscribe button::before,
.article-subscribe button::before,
.category-subscription button::before,
.category-subscription button::before 
 {
    position: absolute;
    top:10px;
    right:20px;
    content : "";
    width: 20px;
    height: 20px;
}
.category-subscription button.subscribed::before,
.category-subscription button.unsubscribed::before {
    right: 8px;
}
.category-subscription {
    text-align: center;
}

.video-content {
    background-color: #fff;
    /* box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.1); */
    text-align: center;
    margin-bottom: 25px;
    overflow: hidden;
    /* border-radius: 3px; */
}
.video-content .thumbnail {
    position: relative;

}
.video-content .thumbnail:before {
    content:' ';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(108, 109, 109, 0.8);
}
.video-content .thumbnail .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 45px;
    height: 45px;
    border-radius: 50%;    
    padding-top: 8px;
    text-align: center;
    transition: 0.3s;
    border: 2px solid #fff;
    background-color: transparent;    
}
.video-content .thumbnail:hover>.play-btn,
.video-content .thumbnail .play-btn:hover {
    background-color: var(--secondary-color);
    transition: 0.3s;
    border-color: var(--secondary-color);
}
.video-content .thumbnail .play-btn img {
    margin-left: 5px;
}
.video-content .details {
    padding: 15px;
    /* min-height: 115px; */
}
.video-content .details.on-white {
    border: 1px solid #f3f3f3;
    background-color: #fbfbfb;
}
.video-content .details .title {
    margin: 15px 0;
}

footer.main {
    background-color: var(--dark-color);
    margin-top: 100px;
    /* padding: 45px 0; */
    padding: 40px 0 15px 0;
    color: #C4C4C4;
}
footer.main a {
    color: #C4C4C4;
}
footer.main .footer-icons {
    margin-bottom: 30px;
}
footer.main .footer-icons a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 2px solid #C4C4C4;
    border-radius: 50%;
    color: #C4C4C4;
    padding-top: 8px;
    margin-right: 15px;
}
.footer-copyright {
    margin-bottom: 45px;
}
.fancybox-is-open .fancybox-bg {
    opacity: .5;
}
.fancybox-bg {
    background: #000000;
}

.centered-list li .icon-lock i {
    font-size: 11px;
    margin-left: 10px;
}
/***** Recent activity *****/
.recent-activity-header {
    margin-bottom: 10px;
    text-align: center;
    display: none;
  }
  
  .recent-activity-list {
    padding: 0;
  }
  
  .recent-activity-item {
    border-bottom: 1px dashed rgb(57,62,70, 0.2);
    overflow: auto;
    padding: 20px 0;
  }
  
  .recent-activity-item-parent {
    font-size: 16px;
    font-weight: bold;
    font-family: CalibreBold;
    color: var(--dark-color) !important;
  }
  
  .recent-activity-item-parent, .recent-activity-item-link {
    margin: 6px 0;
    color: var(--text-color);
    display: inline-block;
    width: 100%;
  }
  .recent-activity-item-link:hover {
      color: var(--secondary-color);
  }
  a[data-recent-activity-seemore]{
      color: var(--secondary-color);
  }
  
  @media (min-width: 768px) {
    .recent-activity-item-parent, .recent-activity-item-link {
      width: 70%;
      margin: 0;
    }
  }
  
  .recent-activity-item-link {
    font-size: 16px;
    font-weight: 300;
  }
  
  
  .recent-activity-item-meta {
    margin: 15px 0 0 0;
    float: none;
  }
  
  @media (min-width: 768px) {
    .recent-activity-item-meta {
      margin: 0;
      float: right;
    }
    [dir="rtl"] .recent-activity-item-meta {
      float: left;
    }
  }
  
  .recent-activity-item-time, .recent-activity-item-comment {
    color: lighten(var(--text-color), 20%);
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
  }
  
  .recent-activity-item-comment {
    padding-left: 5px;
  }
  
  [dir="rtl"] .recent-activity-item-comment {
    padding: 0 5px 0 0;
  }
  
  .recent-activity-item-comment::before {
    display: inline-block;
  }
  
  .recent-activity-controls {
    padding-top: 15px;
  }
  
  .recent-activity-accessibility-label {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }
  
  .recent-activity-comment-icon svg {
    vertical-align: middle;
    color: var(--secondary-color);
    width: 16px;
    height: 16px;
  }
  
  .recent-activity-comment-icon:after {
    content: attr(data-comment-count);
    margin-left: 3px;
  }
  
  [dir="rtl"] .recent-activity-comment-icon:after {
    margin-left: 0;
    margin-right: 3px;
  }
  
  .page .help-center-section {
    min-height: 100px;
} 

.page .help-center-section .help-center {
    margin-top: 12px;
    float: right;
    min-width: 54%;
    position: relative;
}
.breadcrumbs {
    margin: 22px 0 15px 0;
    padding: 0;
}
.breadcrumbs li {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}

.breadcrumbs li + li::before {
    content: ">";
    margin: 0 4px;
}

.breadcrumbs li a:visited {
    
}

.breadcrumbs li a {
    color: #fff;
    font-family: CalibreSemiBold;
    font-size: 14px;
}
.breadcrumbs li:last-child {
    color: #fff;
}
.breadcrumbs li + li::before {
  content: "/";
  color: #8db5e2;
}
.breadcrumbs li a:visited,
.breadcrumbs li a:active
.breadcrumbs li a {
  color: #fff;
}
.section-tree .section {
    margin-bottom: 35px;
}
.section-tree .section ul.article-list {
    margin:0;
    list-style-type: none;
}
.section-tree .section ul.article-list li {
    width: 100%;
    border-bottom: 1px dashed rgb(57,62,70, 0.2);
    padding: 15px 0;
}
.section-tree .section ul.article-list li:last-child {
    border-bottom: none;
}
.section-tree .section ul.article-list li a {
    color:var(--text-color);
}
.section-tree-title {
    margin-bottom: 0;
    font-size: 18px;   
}
.section-tree-title a {
    font-family: CalibreBold;
    color: var(--dark-color);
    font-weight: bold;
}
.icon-lock {
    width: 12px;
    margin: 0 5px;
    color: var(--secondary-color);
}
button.article-vote {
    background-color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 2px;
    color: var(--primary-color);
    font-weight: bold;
    font-family: CalibreBold;
    padding-top: 6px;
    transition: 0.3s;
}
button.article-vote.article-vote-up:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    transition: 0.3s;
}
button.article-vote.article-vote-down {
    color: #ca001c;
    border-color: #ca001c;
}
button.article-vote.article-vote-down:hover {
    background-color: #ca001c;
    border-color: #ca001c;
    transition: 0.3s;
    color: #fff;
}
textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 2px;
}
.see-all-articles,
.read-more-link,
.see-all-articles-v1 {
    font-weight: bold;
    font-family: CalibreBold;
    border-bottom: 3px solid rgba(0,96,202, 0.4);
    color: var(--primary-color) !important;
}
.see-all-articles-count {
    display: inline-block;
    margin-left: 15px;
    background-color: #393E46;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff !important;
    font-weight: bold;
    font-family: CalibreBold;
    text-align: center;
    padding-top: 2px;
}
.see-all-articles-count:hover {
    color: #fff;
}
.icon-star {
    color: #FFC107;
}
.article-section-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.article-section-header .title {
    font-weight: bold;
    font-family: CalibreBold;
    color: var(--dark-color);
    font-size: 30px;
    margin-bottom: 25px;
}
.article-section-header .back {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    padding-top: 12px;
    padding-right: 4px;
    color: var(--dark-color);
    transition: 0.5s;
}
.article-section-header .back:hover {
    background-color: var(--secondary-color);
    color: #fff;
}
.article-title {
    font-family: CalibreSemiBold;
    font-weight: 500;
    color: var(--dark-color);
    font-size: 33px;
    margin: 0 0 30px 0;
}
.title-border {
    position: absolute;
    top: 40px;
    left: 0;
    content:" ";
    width: 5px;
    height: 45px;
    background-color: var(--primary-color);
}
.article-header {
    margin-top: 15px 0 !important;
}
.vote-btn-circular {
    background-color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    padding-top: 4px;
    font-size: 13px;
    margin-right: 20px;
}
.vote-btn-circular.active {
    border-color: var(--primary-color);
    color: #fff;
    background-color: var(--primary-color);
}
.vote-btn-circular.-vote-down {
    border-color: #393E46;
    color: #393E46;
}
.vote-btn-circular.-vote-down.active{
    border-color: #393E46;
    color: #fff;
    background-color: #393E46;
}
.topic-header {
    border-bottom-style: dashed;
}
.striped-list-item {
    border-bottom-style: dashed;
}
.striped-list-title {
    color: var(--dark-color);
    font-weight: bold;
    font-family: CalibreBold;
    font-size: 16px;
}
.striped-list-title:hover {
    color: var(--secondary-color);
    text-decoration: none;
}
.striped-list-title:visited {
    color: var(--dark-color);
}
.guides-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0;
}
.guides-holder .guide {
    width: 255px;
    margin-bottom: 25px;
    margin-right: 15px;
    margin-left: 15px;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 25px 30px 10px 30px;
    align-items: flex-start;
}
.guides-holder .guide .thumbnail {
    background-color: #fff;
}
.guides-holder .guide .thumbnail img{
    margin-top: -7px;
}
.guides-holder .guide .title {
    max-width: 125px;
    font-size: 14px;
}
.category-section-list-holder {
    /* min-height: 315px; */
    padding: 30px;
}
.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6 {
    font-weight: bold;
    font-family: CalibreBold;
    color: var(--dark-color);
}
.article-body h1 {
    font-size: 22px;
}
.article-body h2 {
    font-size: 20px;
}
.article-body h3 {
    font-size: 17px;
    color: #616161 !important;
}
.article-body h4 {
    font-size: 16px;
}
.article-body h5 {
    font-size: 15px;
}
.article-body h6 {
    font-size: 14px;
}

/* Release notes */
.release-notes-page .article-body h2 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 0;
    letter-spacing: 0.03em;
}
.release-notes-page .article-body h3 {
    font-size: 17px;
}
.release-notes-page .article-body h4 {
    font-size: 16px;
}
.release-notes-page .article-body h5 {
    font-size: 15px;
}
.release-notes-page .article-body h6 {
    font-size: 14px;
}

.article-body ol {
    list-style: none;
    counter-reset: gh--counter-reset;
  }
  .article-body ol li {
    counter-increment: gh--counter-reset;
    margin: 0.25rem;
  }
  .article-body ol li::before {
    content: counter(gh--counter-reset);
    background: #f1f1f1;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    line-height: 30px;
    color: #393E46;
    text-align: center;
    margin-right: 0.5rem;
  }
  .article-body ol ol {
    margin-top: 15px;
  }
  .article-body ol ol li::before {
    background: #f7f7f7;
  }
  .article-body ol ol ol li::before {
    background: #f7f7f7;
  }
  .article-body ol li img {
    margin-top: 15px;
  }

  ul.section-list.section-list--collapsed {

  }
  ul.section-list.section-list--collapsed li.section-list-item {
    width: 100%;
    border-bottom: 1px dashed rgb(57,62,70, 0.2);
    padding: 15px 0 10px 0;
}
ul.section-list.section-list--collapsed li.section-list-item a {
    display: flex;
    justify-content: space-between;
    color: var(--text-color);
    font-weight: bold;
    font-size: 16px;
}
ul.section-list.section-list--collapsed li.section-list-item a>svg {
    width: 25px;
    height: 25px;
    border: 1px solid transparent;
    padding: 5px;
    border-radius: 50%;
}
ul.section-list.section-list--collapsed li.section-list-item a:hover {
    color: #66A0DF;
}
.nested-section-list {

}
.nested-section-list-item {
    margin-bottom: 45px;
}
.nested-section-list .nested-section-list-item a.title {
    color: var(--dark-color);
    font-weight: bold;
    font-family: CalibreBold;
    font-size: 18px;
}
.nested-section-list .nested-section-list-item a.title:visited {
    color: var(--dark-color) !important;
}
.nested-section-list ul {
    margin-bottom: 0;
}
.nested-section-list ul li {
    width: 100%;
    border-bottom: 1px dashed rgb(57,62,70, 0.2);
    padding: 15px 0 10px 0;
}
.nested-section-list ul li:last-child {
    border-bottom-color: transparent;
}
.nested-section-list ul li a,
.nested-section-list ul li a:visited {
    color: var(--text-color) !important;
}

.multibrand-filter-list {
    margin-bottom: 0;
    margin-top: 15px;
}
.search-results-sidebar .sidenav-item {
    background-color: #fff !important;
}
.search-results-sidebar .sidenav-item:hover {
    font-weight: bold;
}
.search-results-sidebar .sidenav-item.current {    
    color: var(--primary-color);
    font-weight: bold;    
}

.sidenav-item {
    border-radius: unset;
    color: var(--text-color);
    display: flex;
    justify-content: space-between;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 0 0 5px 0;
    border-bottom: 1px dashed rgb(57,62,70, 0.2);
    font-size: 15px;
}
.sidenav-item .sidenav-subitem.doc-count {
    background-color: #607D8B;
    color: #fff;
    padding: 0 5px;
    border-radius: 4px;
    height: 16px;
    font-size: 13px;
}

.search-results-subheading {
    font-size: 35px;
    font-weight: bold;
    font-family: CalibreBold;
    color: var(--dark-color);
    padding: 40px 30px 0 30px;
    position: relative;
}
.search-results-subheading:before {
    position: absolute;
    top: 32px;
    left: 0;
    content: " ";
    height: 45px;
    width: 5px;
    background-color: var(--primary-color);
}
.search-results-list {
    margin-bottom: 45px;
    padding: 0 35px;
}
.search-results-list > li:first-child {
    border-top: none;
}
.search-results-list>li {
    border-bottom: 1px dashed rgb(57,62,70, 0.2);
}
.search-results-list .search-result-title a{
    font-weight: bold;
    font-family: CalibreBold;
    color: var(--secondary-color);
}
.search-results-list .search-result-title a:hover {
    color: var(--primary-color);
}
ol.search-result-breadcrumbs li a {
    color: var(--text-color) !important;
}
.search-result-breadcrumbs li + li::before {
    content: ">";
    font-size: 15px;
    margin-left: 10px;
    margin-right: 8px;
    color: #9c9c9c;
}
.search-results .meta-group .meta-data {
    font-size: 14px;
}
ol.search-result-breadcrumbs li a:hover {
    color: var(--secondary-color) !important;
}
.pagination {
    padding: 0 25px;
    margin-bottom: 45px;
}
.pagination .pagination-list {
    margin: 0 auto;
}
.pagination a {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 9px 15px 5px 15px;
    border-radius: 3px;
    transition: 0.3s;
}
.pagination a:hover {
    background-color: var(--primary-color);
    color: #fff;
}
.collapsible-sidebar-title {
    margin: 10px 0 0 0;
    font-family: CalibreBold;
    font-weight: bold;
    color: var(--text-color);
}
/* TABLE */
table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 30px;
  }
  
  table td, table th {
    border: 1px solid #ececec;
    padding: 8px 25px;
  }
  
  table tr:nth-child(even){
      /* background-color: #f9f9f9; */
    }
  table>tbody>tr:first-child {
      background-color: #F3F4F4;
  }
  table tr:hover {
      /* background-color: #fbfbfb; */
    }
    table>tbody>tr:first-child th {
        
    }
  
  table th {
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: normal;
    font-family: Calibre;
    color: #393E46;
    font-size: 18px;
  }

  /* Other table related */
  .table-heading {
    background-color: #60cc9c;
    color: #fff !important;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
    margin: 15px 0 0 0;
    padding: 15px 25px;
    font-size: 17px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    letter-spacing: 0.03em;
  }
  .article-body h3.table-heading {
      color: #fff !important;
  }
  .table-heading.closed-last {
      margin-bottom: 25px;
  }
  
  .table-toggle {
      cursor: pointer;
  }

  .release-notes-page table tr td:first-child {
      font-weight: bold;
      font-family: CalibreBold;
      color: var(--dark-color);
  }

  .pdf-thumbnails-holder {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
  }
.pdf-thumbnails {
    width: 160px;
    height: 250px;
    position: relative;
    overflow: hidden;
    flex: 0 16.6666666%;
    text-align: center;
}
.preloader-pdf-thumbnails {
    width: 160px;
    height: 245px;
    position: relative;
    overflow: hidden;
    flex: 0 16.6666666%;
}
.pdf-thumbnails .img-holder {
    width: 160px;
    height: 195px;
    position: relative;
    overflow: hidden;
    padding: 5px;
    background-color: #fff;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
    margin: 0 auto;
}
.pdf-thumbnails .img-holder img {
    height: 184px;
}
.pdf-thumbnails .img-holder .cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    text-align: center;
    padding-top: 0;
    color: transparent;
    font-weight: bold;
    font-family: CalibreBold;
}
.pdf-thumbnails .img-holder .cover:hover{
    background-color: rgb(95,204,156, 0.9);
    padding-top: 44%;
    transition: 0.3s;
    color: #fff;
}
.pdf-thumbnails .title {
    font-weight: bold;
    font-family: CalibreBold;
    color: var(--dark-color);
    margin-top: 10px;
    font-size: 14px;
    max-width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* Confirm dialog */
.modal .modal-dialog .modal-title {
    color: var(--secondary-color);
    font-size: 74px;
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
    padding: 0;
  }
  .modal .modal-dialog .modal-header {
    padding: 35px 30px 0 30px;
    position: relative;
    background-color: #fff;
    color: var(--secondary-color);
  }
  .modal-header ._close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--secondary-color);
    color: #fff;
    box-shadow: 3px 5px 22px -7px rgba(1, 1, 1, 0.25);
    padding-top: 0;
    text-align: center;
    font-size: 31px;
    cursor: pointer;
  }
  .modal-header ._close:hover {
      color: #fff;
  }
  .modal .modal-dialog .modal-body {
    padding: 0 30px 45px 30px;
  }
  .modal .modal-dialog .modal-body .context-title {
    font-size: 25px;
  }
  .modal .modal-dialog .modal-body .context-text {
    font-size: 18px;
  }
  .modal .modal-dialog .btn {
    font-size: 20px;
  }
  .modal .modal-dialog .btn-secondary,
  .modal .modal-dialog .btn-success {
    padding: 7px 25px 3px 25px;
  }
  .modal .modal-dialog .btn-secondary {
    background-color: var(--dark-color) !important;    
  }

  .error-page {
    min-height: 240px;
  }

  .article-body img {
    margin-bottom: 20px;
    border-radius: 4px;
}

.article-list .article-list-item a,
.centered-list li a,
.nested-section-list ul li a,
.pdf-thumbnails .title,
ul.section-list.section-list--collapsed li.section-list-item a {
    transition: 0.3s;
}
.article-list .article-list-item a:hover,
.centered-list li a:hover,
.nested-section-list ul li a:hover,
.pdf-thumbnails .title:hover,
ul.section-list.section-list--collapsed li.section-list-item a:hover {
    color: var(--secondary-color);
    transition: 0.3s;
}
.article-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

/* Lang selector */

.lang-selector button {
    background: none;
    border: none;
    color: #716d6d;
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 15px;
    margin-top: 6px;
}
.fixed-top .lang-selector button {
    color: #E4F2F2;
}
.fixed-top.opaque .lang-selector button,
.page .fixed-top .lang-selector button {
    color: #716d6d;
}
.lang-selector button>i{
    margin-top: -5px;
}
.lang-selector button img.flag {
    width: 15px;
    margin: -3px 1px 0 0;
    border-radius: 50%;
}
.lang-selector .dropdown-menu {
    border-radius: 4px;
    overflow: hidden;
}
.lang-selector .dropdown-menu .dropdown-item img.flag {
    width: 15px;
    margin: -3px 5px 0 0;
}
.lang-selector .dropdown-menu a.dropdown-item {
    color: var(--text-color) !important;
}

.lang-selector .dropdown-item.active, 
.lang-selector .dropdown-item:active,
.lang-selector .dropdown-menu a.dropdown-item:active {
    background-color: var(--secondary-color);
    color: #fff !important;
}
header .top-right-nav .lang-selector a {
    font-family: inherit;
    display: inline-block;
    color: var(--dark-color);
    font-size: 16px;
    padding-right: 15px;
}
.lang-selector .dropdown-menu a {
    padding: 10px 15px 7px 15px;
    border-bottom: 1px solid #efefef;
}

.footer-lang-selector button {
    background: none;
    border: none;
    color: #C4C4C4;
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 14px;
}
.footer-lang-selector button>i{
    margin-top: -5px;
}
.footer-lang-selector button img.flag {
    width: 15px;
    margin: -5px 5px 0 0;
}
.footer-lang-selector .dropdown-menu {

}
.footer-lang-selector .dropdown-menu .dropdown-item img.flag {
    width: 15px;
    margin: -3px 5px 0 0;
}
.footer-lang-selector .dropdown-menu a.dropdown-item {
    color: var(--text-color) !important;
}

.footer-lang-selector .dropdown-item.active, 
.footer-lang-selector .dropdown-item:active {
    background-color: var(--secondary-color);
    color: #fff !important;
}

.article-body a:visited {
    color: var(--primary-color) !important;
}

.footer-buttons {
    position: fixed;
    bottom:75px;
    right: 15px;
    display: flex;
    flex-direction: column;
}
.footer-buttons .footer-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.1);
    background-color: transparent;
    border:none;
    text-align: center;
    padding-top:6px;
    cursor: pointer;
    transition: 0.3s;
}
.footer-buttons .footer-button[go-top]{
    background-color: var(--secondary-color) !important;
}
.footer-buttons .footer-button.d-none{
    transition: 0.3s;
}
.footer-buttons .footer-button:focus {
    outline: none;
}

ul.categorized-results {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
ul.categorized-results li {
    width: 250px;
    border: 1px solid #eaeaea;
    display: inline-block;    
    border-radius: 5px;
}
ul.categorized-results li a,
ul.categorized-results li a.sidenav-item {
    border: none;
    display: flex;
    flex-direction: column;
    color: var(--dark-color);
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 25px;
    height: 100%;
}
ul.categorized-results li a:hover {
    background-color: #fff;
    color: var(--primary-color);
}
ul.categorized-results li a .sidenav-subitem.doc-count{
    display: block;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    text-align: center;
    font-size: 27px;
    margin: 10px auto 0 auto;
    padding-top: 15px;
    background-color: var(--secondary-color);
}

article#main-content .video-content .details {
    min-height: 115px !important;
    transition: 0.3s;
}
.video-content:hover > .details .text-dark {
    color: var(--secondary-color) !important;
    transition: 0.3s;
}

.panWrapper a.controls {
    background-color: var(--secondary-color);
    border-radius: 50%;
    background-repeat: no-repeat;
}
.category-menu-title {
    
}

  /*RESPONSIVE*/
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) and (max-width: 1366px) {
    
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .home.es .products-list .product {
        min-height: 355px;
    }
    .home.fr .products-list .product {
        min-height: 340px;
    }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
    .products-list .product {
        /* min-height: 305px; */
    }
    
    .pdf-thumbnails {
        flex: 0 21%;
    }

    .home.fr .products-list .product {
        min-height: 425px;
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 768px) {
    .products-list .product {
        min-height: 355px;
    }
    .video-content {
        min-height: 235px;
    }
    .pdf-thumbnails {
        flex: 0 30%;
    }
    #requiredHomeCategories {
        flex-direction: column;
    }
    #requiredHomeCategories .single-category-product {
        max-width: 96%;
        align-self: center;
        margin-bottom: 15px;
    }

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    header .logo img {
        width: 110px;
    }
    .btn-sm {
        min-width: 100px;
    }
    .help-center-section.home {
        min-height: 570px;
        padding-top: 45px;
    }
    .help-center-section.page {
        height: 180px !important;
        padding-top: 15px;
    }
    .search-container .search-section {
        margin-top: 5px;
        float: none;
        min-width: 100%;
    }
    .products-list .product {
        margin-bottom: 30px;
    }
    .page-section {
        margin-top: 45px;
    }
    .pdf-thumbnails {
        flex: 0 41%;
    }
    #requiredHomeCategories {
        flex-direction: column;
    }
    #requiredHomeCategories .single-category-product {
        max-width: 96%;
        align-self: center;
    }
}