@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
font-family: 'Inter', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;*/
}

::selection {
    background-color: rgba(76, 42, 137, 1);
    color: rgba(253, 253, 254, 1);
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

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

a {
    background-color: transparent;
}

.link-spanner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

video {
    max-width: 100%;
    cursor: pointer;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

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

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
html,
body {
    font-family: 'Inter', 'Open sans', sans-serif !important;
}

.material-icons,
.material-icons-outlined {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.article-body ol li>.material-icons,
.article-body ol li>.material-icons-outlined {
    font-size: 20px;
    vertical-align: text-bottom;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

/***** Base *****/
* {
    box-sizing: border-box;
}

body {
    background-color: rgba(253, 253, 254, 1);
    color: rgba(61, 62, 64, 1);
    font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 1024px) {
    body>main {
        min-height: 65vh;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
    margin-top: 0;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
    font-weight: 600;
}

h4 {
    font-size: 16px;
    margin: 20px 0px 0px 0px;
}

a {
    color: rgba(107, 72, 157, 1);
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    text-decoration: underline;
}

input,
textarea {
    color: #000;
    font-size: 14px;
}

input {
    max-width: 100%;
    box-sizing: border-box;
    transition: border .12s ease-in-out;
}

input:not([type="checkbox"]) {
    outline: none;
}

input:not([type="checkbox"]):focus {
    border: 1px solid rgba(76, 42, 137, 1);
}

input[disabled] {
    background-color: #ddd;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
    background-position: right 10px center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 30px 8px 10px;
    outline: none;
    color: #555;
    width: 100%;
}

select:focus {
    border: 1px solid rgba(76, 42, 137, 1);
}

select::-ms-expand {
    display: none;
}

textarea {
    border: 1px solid #ddd;
    border-radius: 2px;
    resize: vertical;
    width: 100%;
    outline: none;
    padding: 10px;
}

textarea:focus {
    border: 1px solid rgba(76, 42, 137, 1);
}

.container {
    max-width: 1300px;
    /*1160*/
    margin: 0 auto;
    padding: 0 5%;
}

.crm_bridges {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}

.crm_bridges h2 {
    color: rgba(76, 42, 137, 1);
    font-weight: 500;
    font-size: 28px;
    margin: 10px 0px 20px;
    line-height: 1.4em;
}

.crm_bridges p {
    font-size: 15px;
}

.crm_bridges>div:nth-of-type(1) {
    flex: 1 35%;
}

.crm_bridges>div:nth-of-type(2) {
    flex: 1 60%;
    padding-left: 5%;
}

@media (min-width: 1300px) {
    .container {
        padding: 0;
        width: 90%;
    }
}

.container-full {
    background-color: white;
    border-top: 1px solid #dee0e3;
    border-bottom: 1px solid #dee0e3;
    padding: 30px 0px;
}

.container-divider {
    padding-top: 35px;
    padding-bottom: 35px;
}

.container-divider hr {
    height: 1px;
    background-color: #dee0e3;
    border: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.error-page {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 5%;
}

@media (min-width: 1300px) {
    .error-page {
        padding: 0;
        width: 90%;
    }
}

.visibility-hidden {
    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;
}

/***** Buttons *****/
.button,
.split-button button,
.service-notif-button button,
.section-subscribe button,
.article-subscribe button,
.community-follow button,
.requests-table-toolbar .organization-subscribe button,
.subscriptions-subscribe button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link {
    cursor: pointer;
    background-color: rgba(76, 42, 137, 1);
    border: 0;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    width: fit-content;
    line-height: 2.72;
    padding: 0 15px;
}

/*
@media (min-width: 800px) {
  .button, .split-button button, .service-notif-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
    width: auto;
  }
}*/

.button:hover,
.split-button button:hover,
.service-notif-button button:hover,
.section-subscribe button:hover,
.article-subscribe button:hover,
.community-follow button:hover,
.requests-table-toolbar .organization-subscribe button:hover,
.subscriptions-subscribe button:hover,
.pagination-next-link:hover,
.pagination-prev-link:hover,
.pagination-first-link:hover,
.pagination-last-link:hover,
.button:active,
.split-button button:active,
.service-notif-button button:active,
.section-subscribe button:active,
.article-subscribe button:active,
.community-follow button:active,
.requests-table-toolbar .organization-subscribe button:active,
.subscriptions-subscribe button:active,
.pagination-next-link:active,
.pagination-prev-link:active,
.pagination-first-link:active,
.pagination-last-link:active,
.button:focus,
.split-button button:focus,
.service-notif-button button:focus,
.section-subscribe button:focus,
.article-subscribe button:focus,
.community-follow button:focus,
.requests-table-toolbar .organization-subscribe button:focus,
.subscriptions-subscribe button:focus,
.pagination-next-link:focus,
.pagination-prev-link:focus,
.pagination-first-link:focus,
.pagination-last-link:focus,
.button.button-primary,
.split-button button.button-primary,
.service-notif-button button.button-primary,
.section-subscribe button.button-primary,
.service-notif-button button[data-selected="true"],
.section-subscribe button[data-selected="true"],
.article-subscribe button.button-primary,
.article-subscribe button[data-selected="true"],
.community-follow button.button-primary,
.requests-table-toolbar .organization-subscribe button.button-primary,
.requests-table-toolbar .organization-subscribe button[data-selected="true"],
.subscriptions-subscribe button.button-primary,
.subscriptions-subscribe button[data-selected="true"],
.button-primary.pagination-next-link,
.button-primary.pagination-prev-link,
.button-primary.pagination-first-link,
.button-primary.pagination-last-link {
    background-color: #361e62;
    color: #FFFFFF;
    text-decoration: none;
}

.button.button-primary:hover,
.split-button button:hover,
.section-subscribe button.button-primary:hover,
.section-subscribe button:hover[data-selected="true"],
.article-subscribe button.button-primary:hover,
.article-subscribe button:hover[data-selected="true"],
.community-follow button.button-primary:hover,
.requests-table-toolbar .organization-subscribe button.button-primary:hover,
.requests-table-toolbar .organization-subscribe button:hover[data-selected="true"],
.subscriptions-subscribe button.button-primary:hover,
.subscriptions-subscribe button:hover[data-selected="true"],
.button-primary.pagination-next-link:hover,
.button-primary.pagination-prev-link:hover,
.button-primary.pagination-first-link:hover,
.button-primary.pagination-last-link:hover,
.button.button-primary:focus,
.split-button button.button-primary:focus,
.section-subscribe button.button-primary:focus,
.section-subscribe button:focus[data-selected="true"],
.article-subscribe button.button-primary:focus,
.article-subscribe button:focus[data-selected="true"],
.community-follow button.button-primary:focus,
.requests-table-toolbar .organization-subscribe button.button-primary:focus,
.requests-table-toolbar .organization-subscribe button:focus[data-selected="true"],
.subscriptions-subscribe button.button-primary:focus,
.subscriptions-subscribe button:focus[data-selected="true"],
.button-primary.pagination-next-link:focus,
.button-primary.pagination-prev-link:focus,
.button-primary.pagination-first-link:focus,
.button-primary.pagination-last-link:focus,
.button.button-primary:active,
.split-button button.button-primary:active,
.section-subscribe button.button-primary:active,
.section-subscribe button:active[data-selected="true"],
.article-subscribe button.button-primary:active,
.article-subscribe button:active[data-selected="true"],
.community-follow button.button-primary:active,
.requests-table-toolbar .organization-subscribe button.button-primary:active,
.requests-table-toolbar .organization-subscribe button:active[data-selected="true"],
.subscriptions-subscribe button.button-primary:active,
.subscriptions-subscribe button:active[data-selected="true"],
.button-primary.pagination-next-link:active,
.button-primary.pagination-prev-link:active,
.button-primary.pagination-first-link:active,
.button-primary.pagination-last-link:active {
    background-color: #21123b;
    border-color: #21123b;
}

.button[data-disabled],
.split-button button[data-disabled],
.section-subscribe button[data-disabled],
.article-subscribe button[data-disabled],
.community-follow button[data-disabled],
.requests-table-toolbar .organization-subscribe button[data-disabled],
.subscriptions-subscribe button[data-disabled],
.pagination-next-link[data-disabled],
.pagination-prev-link[data-disabled],
.pagination-first-link[data-disabled],
.pagination-last-link[data-disabled] {
    cursor: default;
}

.button-large,
input[type="submit"] {
    cursor: pointer;
    background-color: rgba(76, 42, 137, 1);
    border: 0;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    min-width: 190px;
    width: fit-content;
    padding: 10px;
}

@media (min-width: 800px) {

    .button-large,
    input[type="submit"] {
        width: auto;
    }
}

.button-large:hover,
.button-large:active,
.button-large:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
    background-color: #361e62;
}

.button-large[disabled],
input[type="submit"][disabled] {
    background-color: #ddd;
}

.button-secondary {
    cursor: pointer;
    background-color: #f4f5f6;
    color: rgba(76, 42, 137, 1);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-transform: uppercase;
    width: fit-content;
    line-height: 2.72;
    padding: 0 1.9286em;
}

.button-secondary:hover,
.button-secondary:focus,
.button-secondary:active {
    text-decoration: none;
    transition: color .3s ease-in-out;
    background-color: #f1ecf9;
}

/***** Split button *****/
.split-button {
    display: flex;
}

.split-button button {
    background-color: rgba(76, 42, 137, 1);
    border: 0;
    color: #FFFFFF;
    height: 32px;
    line-height: 16px;
    outline-color: rgba(76, 42, 137, 1);
}

[dir="rtl"] .split-button button:not(:only-child):first-child {
    border-left: 1px solid #FFFFFF;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):first-child {
    border-right: 1px solid #FFFFFF;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}

.split-button button:not(:only-child):last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    min-width: 26px;
    max-width: 26px;
    padding: 0;
}

[dir="rtl"] .split-button button:not(:only-child):last-child {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):last-child {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
  	margin: 30px 0px;
}

@media (min-width: 800px) {
    .table {
        table-layout: auto;
    }
}

.table th {
  padding: 10px 15px 10px 0px;
 	background-color: #EFEBF7;
  color: rgba(76, 42, 137, 1);
}

.table th,
.table th a {
    text-align: left;
}

[dir="rtl"] .table th,
[dir="rtl"] .table th a {
    text-align: right;
}

.table tr {
    border-bottom: 1px dashed #ecedef;
    display: block;
    padding: 20px 0;
}

/*.table tr:last-of-type {
    border-bottom: 0px;
}*/

@media (min-width: 800px) {
    .table tr {
        display: table-row;
    }

    .table tr:hover {
        background-color: #EFEBF7;
        color: #6639B6;
    }
}

.table td {
    display: block;
}

@media (min-width: 800px) {
    .table td {
        display: table-cell;
    }
}

@media (min-width: 1024px) {

    .table td,
    .table th {
        padding: 20px 30px;
    }
}

@media (min-width: 800px) {

    .table td,
    .table th {
        padding: 10px 20px;
        height: 60px;
    }
}

/***** Tables *****/
figure.wysiwyg-table {
   margin:0px;
}

.wysiwyg-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
  	margin: 20px 0px;
}

@media (min-width: 800px) {
    .wysiwyg-table {
        table-layout: auto;
    }
}

.wysiwyg-table th {
  padding: 10px 15px 10px 0px;
 	background-color: #EFEBF7;
  color: rgba(76, 42, 137, 1);
}

.wysiwyg-table th,
.wysiwyg-table th a {
    text-align: left;
}

[dir="rtl"] .wysiwyg-table th,
[dir="rtl"] .wysiwyg-table th a {
    text-align: right;
}

.wysiwyg-table tr {
    border-bottom: 1px dashed #ecedef;
    display: block;
    padding: 20px 0;
}

.table tr:last-of-type {
    border-bottom: 0px;
}

@media (min-width: 800px) {
    .wysiwyg-table tr {
        display: table-row;
    }

    .wysiwyg-table tr:hover {
        background-color: #EFEBF7;
        color: #6639B6;
    }
}

.wysiwyg-table td {
    display: block;
}

@media (min-width: 800px) {
    .wysiwyg-table td {
        display: table-cell;
    }
}

@media (min-width: 1024px) {

    .wysiwyg-table td,
    .wysiwyg-table th {
        padding: 20px 30px;
    }
}

@media (min-width: 800px) {

    .wysiwyg-table td,
    .wysiwyg-table th {
        padding: 10px 20px;
        height: 60px;
    }
}


/***** Forms *****/
.form {
    max-width: 650px;
}

.form-field~.form-field {
    margin-top: 25px;
}

.form-field label {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
}

.form-field input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
}

.form-field input:focus {
    border: 1px solid rgba(76, 42, 137, 1);
}

.form-field input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 4px;
}

.form-field input[type="text"]:focus {
    border: 1px solid rgba(76, 42, 137, 1);
}

.form-field input[type="checkbox"] {
    width: auto;
}

.form-field .nesty-input {
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    outline: none;
    vertical-align: middle;
}

.form-field .nesty-input:focus {
    border: 1px solid rgba(76, 42, 137, 1);
    text-decoration: none;
}

.form-field .hc-multiselect-toggle:focus {
    outline: none;
    border: 1px solid rgba(76, 42, 137, 1);
    text-decoration: none;
}

.form-field textarea {
    vertical-align: middle;
}

.form-field input[type="checkbox"]+label {
    margin: 0 0 0 10px;
}

.form-field .optional {
    color: #6f7174;
    margin-left: 4px;
}

.form-field p {
    color: #6f7174;
    font-size: 12px;
    margin: 5px 0;
}

.form footer {
    margin-top: 40px;
    padding-top: 30px;
}

.form footer a {
    color: #6f7174;
    cursor: pointer;
    margin-right: 15px;
}

.form .suggestion-list {
    font-size: 13px;
    margin-top: 30px;
}

.form .suggestion-list label {
    border-bottom: 1px solid #ddd;
    display: block;
    padding-bottom: 5px;
}

.form .suggestion-list li {
    padding: 10px 0;
}

.form .suggestion-list li a:visited {
    color: rgba(64, 84, 178, 1);
}

/***** Header *****/
.header {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 5%;
    position: relative;
    align-items: center;
    display: flex;
    height: 71px;
    justify-content: space-between;
    user-select: none;
    z-index: 10;
    background-color: rgba(253, 253, 254, 1);
}

@media (min-width: 1300px) {
    .header {
        padding: 0;
        width: 90%;
    }
}

.logo img {
    max-height: 65px;
    height: 65px;
    /*   max-height: 45px;
  height: 45px; */
    vertical-align: middle;
    position: relative;
}

/* .logo .main_logo:after{
  content: "";
  display: inline-block;
  min-height: 27px;
  height: 27px;
  width:82px;
  margin: 0px 5px 0 12px;
  background: url("https://storage.waw.cloud.ovh.net/v1/AUTH_214bd296f64f46649da7e1d260aecbff/helpcenter/internal/help_center_logo.svg") no-repeat;
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  bottom:22.5px;
} */

@media (max-width: 800px) {
    /*   .logo .main_logo:after{
    display:none;
  } */
    /*   .header {
  position: relative;
  justify-content: none;
}
  .nav-wrapper{
    position:absolute;
    right:10px;
  }
  .logo{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
  } */
}

.logo span {
    margin: 0 10px;
    color: rgba(76, 42, 137, 1);
}

.logo a {
    display: inline-block;
}

.logo a:hover,
.logo a:focus,
.logo a:active {
    text-decoration: none;
}

.user-nav {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    line-height: initial;
}

@media (min-width: 800px) {
    .user-nav {
        position: relative;
        line-height: inherit;
    }
}

.user-nav[aria-expanded="true"] {
    background-color: rgba(253, 253, 254, 1);
    border-top: solid 1px #dee0e3;
    border-bottom: solid 1px #dee0e3;
    right: 0;
    left: 0;
    top: 71px;
    z-index: 10;
    padding: 10px 0;
}

.dark-shape {
    display: none;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
}

.dark-shape[aria-expanded="true"] {
    display: block;
}

.user-nav[aria-expanded="true"]>a {
    display: block;
    margin: auto;
    width: 90%;
}

.user-nav[aria-expanded="true"] .all-categories,
.user-nav[aria-expanded="true"] .header-language {
    display: block;
    margin: auto;
    width: 90%;
}

.user-nav[aria-expanded="true"] .dropdown-menu {
    border: none;
    font-size: 14px;
    left: 0;
    padding: 10px 0;
    position: relative;
    text-align: left;
    z-index: 1000;
}

.user-nav[aria-expanded="true"]>div>button {
    display: block;
}

.nav-wrapper a {
    color: rgba(76, 42, 137, 1);
    font-weight: 600;
    font-size: 16px;
    display: none;
    padding: 20px;
}

.nav-wrapper a:hover,
.nav-wrapper a:focus,
.nav-wrapper a:active {
    background: #e2d8f3;
    text-decoration: none;
    border-radius: 4px;
}

@media (min-width: 800px) {

    .nav-wrapper a {
        display: inline-block;
        border-bottom: none;
        border-radius: 4px;
        padding: 5px;
    }
}

[dir="rtl"] .nav-wrapper a {
    padding: 0 0 0 20px;
}

.nav-wrapper a.sign-in {
    /*   display: inline-block; */
    cursor: pointer;
    background-color: rgba(76, 42, 137, 1);
    border: 0;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    width: fit-content;
    line-height: 2.72;
    padding: 0 1.9286em;
    margin-left: 30px;
}

.nav-wrapper a.sign-in:hover {
    background-color: #361e62;
    color: #FFFFFF;
    text-decoration: none;
}

@media (max-width: 800px) {
    .nav-wrapper .hide-on-mobile {
        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;
    }
}

.menu-button:before {
    font-family: "Material Icons";
    font-size: 26px;
    font-weight: 500;
    content: "\e5d2";
    margin: 0 4px;
    vertical-align: middle;
}

.menu-button[aria-expanded="true"]:before {
    content: "\e9bd";
}

.nav-wrapper .menu-button {
    background: none;
    border: 0;
    color: rgba(107, 72, 157, 1);
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    width: auto;
}

@media (min-width: 800px) {
    .nav-wrapper .menu-button {
        display: none;
    }
}

.nav-wrapper .menu-button .icon-menu {
    vertical-align: middle;
    width: 13px;
    height: 13px;
}

[dir="rtl"] .nav-wrapper .menu-button {
    margin-left: 10px;
    margin-right: 0;
}

.nav-wrapper .menu-button:hover,
.nav-wrapper .menu-button:focus,
.nav-wrapper .menu-button:active {
    background-color: transparent;
    color: rgba(107, 72, 157, 1);
}

.skip-navigation {
    align-items: center;
    background-color: black;
    color: white;
    display: flex;
    font-size: 14px;
    justify-content: center;
    left: -999px;
    margin: 20px;
    padding: 20px;
    overflow: hidden;
    position: absolute;
    top: auto;
    z-index: -999;
}

[dir="rtl"] .skip-navigation {
    left: initial;
    right: -999px;
}

.skip-navigation:focus,
.skip-navigation:active {
    left: auto;
    overflow: auto;
    text-align: center;
    text-decoration: none;
    top: auto;
    z-index: 999;
}

[dir="rtl"] .skip-navigation:focus,
[dir="rtl"] .skip-navigation:active {
    left: initial;
    right: auto;
}

/***** Categories in header *****/
.all-categories,
.header-language {}

.all-categories button,
.header-language button {
    color: rgba(76, 42, 137, 1);
    font-weight: 600;
    font-size: 16px;
    padding: 20px;
    border-radius: 4px;
    display: none;
    line-height: inherit;
    border-top: 1px solid #ecedef;
    width: 100%;
}

#user-nav>div.header-language.dropdown>button {
    border-bottom: none;
}

@media (min-width: 800px) {

    .all-categories button,
    .header-language button {
        display: block;
        border-top: none;
        padding: 5px;
        border-radius: 0px;
    }
}

.all-categories button,
.header-language button {
    border-radius: 4px;
}

.all-categories button:hover,
.header-language button:hover,
.all-categories button:focus,
.header-language button:focus {
    background: #e2d8f3;
}

/***** User info in header *****/
.user-info {
    display: none !important;
    margin-left: 20px;
}

.user-info .dropdown-toggle::after {
    display: none;
}

@media (min-width: 800px) {

    .user-info,
    .user-info .dropdown-toggle::after {
        display: inline-block !important;
    }
}

.user-info>button {
    border: 0;
    color: rgba(107, 72, 157, 1);
    min-width: 0;
    padding: 0;
    white-space: nowrap;
}

.user-info>button:hover,
.user-info>button:focus {
    color: rgba(76, 42, 137, 1);
    background-color: transparent;
}

.user-info>button::after {
    color: rgba(107, 72, 157, 1);
    padding-right: 15px;
}

[dir="rtl"] .user-info>button::after {
    padding-left: 15px;
    padding-right: 0;
}

#user #user-name {
    display: none;
    font-size: 14px;
}

@media (min-width: 800px) {
    #user #user-name {
        display: inline-block;
    }
}

#user #user-name:hover {
    text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.avatar {
    display: inline-block;
    position: relative;
}

.avatar img {
    height: 40px;
    width: 40px;
}

.avatar .icon-agent {
    color: rgba(76, 42, 137, 1);
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -4px;
    background-color: #FFFFFF;
    font-size: 17px;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: -2px;
    text-align: center;
    width: 17px;
}

/***** Navigate by theme *****/

.navigate_theme {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.naviguate_macro_feat {
    flex: 1;
    margin: 1%;
    padding: 20px;
    border: 1px solid transparent;
}

.naviguate_micro_feat {
    flex: 1;
    margin: 1%;
    padding: 20px;
    border: 1px solid #dee0e3;
    background-color: transparent;
    border-radius: 15px;
}

.rainbow-lab-sub-naviguate_micro_feat {
    flex: 1;
    margin: 1%;
    padding: 20px;
    border: 1px solid #dee0e3;
    background-color: transparent;
    border-radius: 15px;
    max-height: 150px;
}

.naviguate_micro_feat_header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.naviguate_micro_feat_header_filter {
    position: relative;
}

.naviguate_micro_feat_header_filter>.icon-filter {
    left: 10px;
}

.naviguate_micro_feat_header_filter>.close-filter {
    right: 10px;
}

.naviguate_macro_feat>ul>.tag,
.naviguate_micro_feat>ul>.tag {
    display: inline-flex;
}

.naviguate_macro_feat>ul>li>a {
    font-size: 14px;
    padding: 3px 6px;
}

.naviguate_macro_feat>ul>li>a:before {
    font-size: 14px !important;
}

.naviguate_micro_feat>ul>li>a {
    font-size: 14px;
    padding: 3px 5px;
}

.naviguate_micro_feat>ul>li>a:before {
    font-size: 14px !important;
}


/***** Need more help *****/

.help_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
}

.need_help_img {
    float: left;
    width: 30%;
    height: 100%;
}

.need_help_text {
    float: left;
    width: 70%;
    padding-left: 20px;
}

.need_help_text h3 {
    margin: 0px;
}

.need_help_text p {
    margin: 5px 0px 15px 0px;
}

#ask_community {
    background: url("https://storage.waw.cloud.ovh.net/v1/AUTH_214bd296f64f46649da7e1d260aecbff/helpcenter/rainbow_ucaas/community.png");
    /* background-size:100px;  */
    background-size: contain;
    max-width: 152px;
    background-repeat: no-repeat;
    background-position: center;
}


/***** Footer *****/
.footer {
    margin-top: 0px;
    padding: 60px 0px 50px 0px;
    background-color: rgba(61, 62, 64, 1);
    width: 100%;
}

.footer a {
    color: #6f7174;
    text-decoration: none;
}

.footer_logo img {
    width: 220px;
    height: auto;
}

.footer_sub_logo {
    color: #fff;
    font-size: 10px;
    margin-bottom: 20px;
}

.footer-language-selector,
.footer-back-main {
    margin-top: 15px;
}

.footer_social .social_img img {
    height: 25px;
    width: auto;
    margin: 0 16px;
    transition: all 0.2s ease-in-out;
    vertical-align: bottom;
}

.footer_social .social_img img:hover {
    transform: scale(1.2);
    transition: all 0.2s ease-in-out;
}

.footer_social .social_img img:first-child {
    margin-left: 0px;
}

.footer-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 5%;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 800px) {
    .footer-inner {
        padding: 0 5%;
        display: block;
    }

    .ot-sdk-show-settings {
        margin-top: 25px;
    }
}

@media (min-width: 1300px) {
    .footer-inner {
        padding: 0;
        width: 90%;
    }
}


/***** Breadcrumbs *****/
.breadcrumbs {
    margin: 0 0 15px 0;
    padding: 0;
    text-indent: -5px;
}

@media (min-width: 800px) {
    .breadcrumbs {
        margin: 0;
        margin-right: 30px;
    }
}

.breadcrumbs li:nth-child(1) {
    display: none;
}

.breadcrumbs li {
    color: rgba(253, 253, 254, 1);
    display: inline;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-transform: uppercase;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumbs li+li::before {
    font-family: "Material Icons";
    font-size: 18px;
    font-weight: 500;
    content: "\e5cc";
    margin: 0 4px;
    vertical-align: sub;
}

.breadcrumbs li:nth-child(1)+li::before {
    display: none;
}

.breadcrumbs li a {
    color: rgba(253, 253, 254, 1);
    padding: 5px;
    transition: background .2s ease-in-out;
    border-radius: 4px;
}

.breadcrumbs li a:hover,
.breadcrumbs li a:focus {
    text-decoration: none;
    transition: background .2s ease-in-out;
    background: #e2d8f3;
    color: rgba(76, 42, 137, 1) !important;
}

/***** Search field *****/
.search {
    position: relative;
}

.search input[type="search"] {
    border: 1px solid #ddd;
    border-radius: 15px;
    box-sizing: border-box;
    color: #666;
    height: 40px;
    padding-left: 40px;
    padding-right: 20px;
    -webkit-appearance: none;
    width: 100%;
    /*   max-width:500px; */
}

[dir="rtl"] .search input[type="search"] {
    padding-right: 40px;
    padding-left: 20px;
}

.search input[type="search"]:focus {
    border: 1px solid rgba(76, 42, 137, 1);
    color: #555;
}

.search-full input[type="search"] {
    border: 1px solid #fff;
}

.search-icon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 15px;
    z-index: 1;
    width: 18px;
    height: 18px;
    color: #777;
}

[dir="rtl"] .search-icon {
    right: 15px;
    left: auto;
}

.search-container {
    position: relative;
    margin: 20px 0px;
}

/***** Hero component *****/
.hero {
    height: max-content;
    max-height: 72vh;
    padding: 10% 0px;
    text-align: center;
    width: 100%;
    background-color: rgba(76, 42, 137, 1);
}

@media (min-width: 1100px) {
    .hero {
        /*     padding: 2% 0px; */
        padding: 0% 0px;
    }
}

.hero .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hero .image {
    padding-right: 25px;
    height: 100%;
    color: #fff;
    display: none;
    max-height: 500px;
}

@media (min-width: 800px) {
    .hero .image {
        display: flex;
        flex: 1 50%;
        align-items: center;
        justify-content: center;
        max-height: 500px;
    }
}

@media (min-width: 400px) {
    .hero .hero-search h1 {
        font-size: 38px;
    }
}

.hero .image img,
.hero .image video {
    max-width: 85%;
    max-height: 85%;
    padding: 1%;
}

@media (min-width: 1100px) {

    .hero .image img,
    .hero .image video {
        max-width: 85%;
        max-height: 85%;
        padding: 8%;
    }
}

.hero .hero-search {
    flex: 1 50%;
    text-align: left;
}

.hero h1, .hero h2 {
    color: #fff;
    font-weight: 300;
    font-size: 32px;
    margin: 10px 0px 20px;
    line-height: 1.4em;
}

.nav_by_theme a,
.nav_by_theme p {
    color: #fff;
    font-weight: bold;
}

.nav_by_theme .tag {
    margin: 5px;
}

.nav_by_theme {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.hero h3, .hero-kicker {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 10px;
    text-transform: uppercase;
    color: rgba(253, 253, 254, 1);
    letter-spacing: .0892857143em;
}

.home.kits-wrapper {
    padding: 0px;
}

.section.kits-wrapper {
    margin-top: -35px;
}

/*
.home.kits-wrapper-several, .section.kits-wrapper-several {
    padding: 0px;
}
*/
.home .kits,
.section .kits {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*
.home .kits-several, .section .kits-several {
   height: auto;
   margin-bottom: 70px;
}
*/

.home .kits>li {
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    min-height: 150px;
}

.section .kits>li {
    flex: 0 0 49%;
    display: flex;
    flex-wrap: wrap;
    min-height: 65px;
}

@media (max-width: 800px) {
    .home .kits-several {
        flex-direction: column;
    }
}

@media (min-width: 800px) {
    .home .kits>li {
        flex: 0 0 48%;
        margin: 1%;
    }
}

/*
.home .kits-several > li {
  flex: 0 0 31%;
  margin: 0.75%;
  height: 150px;
}
*/

.home .kits>li>a:hover,
.section .kits>li>a:hover,
.section .kits>li>a:hover>span {
    background: #d9cdf0;
    text-decoration: none;
}

/*
.home .kits-several > li > a:hover {
  background:rgba(253, 253, 254, 1);
  border: 1px solid #b69ee1;
  text-decoration: none;
}
*/

.home .kits>li>a>.icone {
    flex: 1 20%;
    width: 20%;
    text-align: center;
}

.home .kits>li>a,
.section .kits>li>a {
    background: #e2d8f3;
    color: rgba(76, 42, 137, 1);
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 15px;
    width: 100%;
}

.section .kits>li>a>span {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.home .kits-several>li>a {
    background: rgba(253, 253, 254, 1);
}

.home .kits>li>a>.info {
    flex: 2 80%;
    padding-left: 5px;
}

.home .kits>li>a .title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.section .kits>li>a {
    font-size: 16px;
    font-weight: 500;
}

/*
.home .kits-several > li > a .title {
  margin-bottom: 5px;
}*/

.home .kits>li>a .description {
    font-size: 15px;
    color: rgba(61, 62, 64, 1);
}

/*
.home .kits-several > li > a:hover .description {
  text-decoration: none;
  color: #6236b0;
}*/

.page-header {
    margin: 0px 0px 50px 0px;
    background-color: #ecedef;
    border-radius: 15px;
    padding: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-header-gs {
    background-color: #ecedef;
    border-radius: 15px;
    padding: 20px;
}

.section-content>.page-header {
    margin: 0px 0px 35px;
}

.gs-level {
    font-weight: 400;
    font-size: 24px;
    margin-top: 32px;
}

.page-header .section-subscribe {
    flex-shrink: 0;
    margin-bottom: 10px;
}

@media (min-width: 800px) {
    .page-header .section-subscribe {
        margin-bottom: 0;
    }

    .gs-level {
        margin-top: 0px;
    }
}

.page-header-img {
    margin: 0 auto;
    float: left;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    /* poussé de la moitié de hauteur du référent */
    transform: translateY(-50%);
}

.page-header-img-gs {
    margin: 0 auto;
    width: fit-content;
}

.page-header-text {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 105px;
}

.page-header h1 {
    flex-grow: 1;
    margin-bottom: 0px;
    color: rgba(76, 42, 137, 1);
}

@media (max-width: 800px) {
    .page-header h1 {
        font-size: 6vw;
    }
}

.page-header-gs h1 {
    font-size: 21px;
    text-align: center;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 34px;
    color: rgba(76, 42, 137, 1);
}

.page-header-description {
    word-break: break-word;
    margin-top: 5px;
}

.page-header-description-gs {
    text-align: center;
    font-size: 14px;
}

@media (min-width: 1024px) {
    .page-header-description {
        flex-basis: 100%;
    }
}

.promoted-articles-item a>.icon-lock {
    margin-left: 8px;
    width: 14px;
    height: 14px;
}

.page-header .icon-lock {
    height: 20px;
    width: 20px;
    position: relative;
    left: -5px;
    vertical-align: baseline;
}

.library_other {
    background: #f1ecf9;
    border-radius: 15px;
    margin-top: 25px;
}

.sub-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sub-nav-gs>.breadcrumbs li:nth-child(4),
.sub-nav-gs>.breadcrumbs li:nth-child(5) {
    display: none;
}

@media (min-width: 800px) {
    .sub-nav {
        align-items: center;
        flex-direction: row;
    }
}

@media (min-width:900px) {
    .sub-nav input[type="search"] {
        min-width: 300px;
    }
}

.sub-nav input[type="search"]::after {
    font-size: 15px;
}

.header-breadcrumbs {
    background-color: rgba(76, 42, 137, 1);
    margin-bottom: 50px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */

.announcements{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}

.announcements-item, .announcements-promoted{
    border-radius: 15px;
    box-sizing: border-box;
    display: flex;
    flex: 1 100%;
    text-align: center;
    padding: 10px 0px;
}

@media (min-width: 500px) {
    .announcements-item {
        flex: 1 50%;
        padding: 1%;
    }
  	.announcements-promoted {
        flex: 1 100%;
        padding: 1%;
    }
}

@media (min-width: 800px) {
    .announcements-item {
        flex: 1 33%;
    }
  	.announcements-promoted {
        flex: 1 50%;
    }
}

.announcements-link{
    color: rgba(61, 62, 64, 1);
    border: 1px solid #dee0e3;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    border-radius: inherit;
  	position:relative;
}

.announce-label{
  	background-color: rgba(76, 42, 137, 1);
    color: white;
    border-radius: 3px;
    position: absolute;
    margin: 8px;
    top: 0;
    right: 0;
    font-size: 12px;
    padding: 2px 5px;
    font-weight: 600; 
}

.announcements-promoted-link{
  flex-direction: row;
  background: #d9cdf0;
  padding:30px;
}

.announcements-link:hover,
.announcements-link:active {
    text-decoration: none;
    border: 1px solid #b69ee1;
}

.announcements-link img{
  max-height:150px;
}

.announcements-promoted-link img{
  max-height: 150px;
  max-width: 30%;
  padding-right: 20px;
}

.announcements-link h2{
  line-height: normal;
  margin-top: 15px;
}

.announcements-link p{

}

.blocks-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}

.blocks-list-bridges {
    justify-content: flex-end;
}

.blocks-list-gs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}

.blocks-item {
    border-radius: 15px;
    box-sizing: border-box;
    color: rgba(76, 42, 137, 1);
    display: flex;
    flex: 1 100%;
    text-align: center;
    padding: 10px 0px;
}

@media (min-width: 500px) {
    .blocks-item {
        flex: 1 50%;
        padding: 1%;
        ;
    }
}

@media (min-width: 800px) {
    .blocks-item {
        flex: 1 33%;
    }
}

.blocks-item-gs {
    border-radius: 15px;
    flex: 0 100%;
    border: 1px solid #dee0e3;
    padding: 20px;
    margin: 10px 0px;
}

.blocks-item-gs:hover {
    text-decoration: none;
    border: 1px solid #b69ee1;
}

.blocks-item-gs-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.blocks-item-gs-container a:hover {
    text-decoration: none;
}

.blocks-item-gs-content {
    display: flex;
    align-items: center;

}

.blocks-item-gs-content a {
    color: rgba(61, 62, 64, 1);
}

.blocks-item-gs:hover .blocks-item-description-gs {
    text-decoration: none;
    color: #6236b0;
}

.blocks-item-bridges {
    flex: none;
    padding: 10px;
    border-radius: 15px;
}

.blocks-item-gs:last-of-type {
    margin-bottom: 0px;
}

/*
.blocks-item-internal {
    background-color: transparent;
    border: 1px solid #ddd;
}

.blocks-item-internal .icon-lock {
    height: 15px;
    width: 15px;
    bottom: 5px;
    position: relative;
}

.blocks-item-internal a {
    color: rgba(61, 62, 64, 1);
}
*/
.blocks-item-link {
    color: rgba(61, 62, 64, 1);
    border: 1px solid #dee0e3;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    border-radius: inherit;
}

.blocks-item-link:hover,
.blocks-item-link:active {
    text-decoration: none;
    border: 1px solid #b69ee1;
}

.blocks-item-link:hover .blocks-item-description {
    text-decoration: none;
    color: #6236b0;
}

.blocks-item-icon {
    display: flex;
    margin: 0 auto;
    height: 110px;
    width: 110px;
}

.blocks-item-img-gs {
    width: fit-content;
}

.blocks-item-title {
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    color: rgba(76, 42, 137, 1);
}

.blocks-item-text-gs {
    width: 70%;
    padding: 0% 3%;
}

.blocks-item-title-gs {
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(76, 42, 137, 1);
}

.blocks-item-description {
    font-size: 14px;
    text-align: center;
    padding: 0 20px;
}

.blocks-item-description-gs {
    font-size: 13px;
}

.button-start-course {
    min-width: 120px;
    width: 20%;
    text-align: center;
    margin-right: 0;
    margin-left: auto;
}

.button-start-course:hover {
    text-decoration: none;
}

#main_section_id_11826630318098 {
    background: url("/hc/theming_assets/01HZKYT1RX7TDV3W3R6W821X84");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

.page-header #main_section_id_11826630318098 {
    background-size: 80px;
}

#main_section_id_11830838475282 {
    background: url("/hc/theming_assets/01HZKYT6BDC2EE5GN2205JKSHG");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

.page-header #main_section_id_11830838475282 {
    background-size: 80px;
}

#main_section_id_11826613239826 {
    background: url("/hc/theming_assets/01HZKYT5K3EM4Q60RXW9BHE8P2");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

.page-header #main_section_id_11826613239826 {
    background-size: 80px;
}

#main_section_id_11834180136338 {
    background: url("/hc/theming_assets/01HZKYT4PMM6YGF7RB2SCK4Y1A");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_11834172292754 {
    background: url("/hc/theming_assets/01HZKYT39RYSRKEGZC03X3T6PF");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_11834171912722 {
    background: url("/hc/theming_assets/01HZKYT31F3J5WJF4TK2JSGA82");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_11835149203346 {
    background: url("/hc/theming_assets/01HZKYT4TN7VR3W5C2GHBPRFEN");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_11834143926930 {
    background: url("/hc/theming_assets/01HZKYT4JQ2E5D8EWDB8FWHG1W");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_11834162853778 {
    background: url("/hc/theming_assets/01HZKYT3FE35VN9WXER6X51SHA");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_18554182937618 {
    background: url("/hc/theming_assets/01HZKYT8ATG3DE4SB1FCS44X67");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_18554248663442 {
    background: url("/hc/theming_assets/01HZKYT8ESZTGBX7PT276CW008");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_18554268169234 {
    background: url("/hc/theming_assets/01HZKYT7ZGWFBFXD4NS6S67SJP");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
}

#main_section_id_18554172852754 {
    background: url("/hc/theming_assets/01HZKYT83FP7SGGHRYMJFN49B5");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_11830363913618 {
    background: url("/hc/theming_assets/01HZKYT4DAKD7279D2WFY4HVFE");
    background: url("/hc/theming_assets/01HZKYT6FKD90N57TXJ02VX17C");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_29653824298770 {
    background: url("/hc/theming_assets/01K5RQN2CA0BTK2JHNWDZJM83F");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_20454962107154 {
    background: url("/hc/theming_assets/01J420437W68VJEE8HBB4P967F");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_20457207926418 {
    background: url("/hc/theming_assets/01J43T7F6CNK41B5SNZEZ3W91X");
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

.page-header #main_section_id_11830363913618, .page-header #main_section_id_29653824298770 {
    background-size: 80px;
}

#main_section_id_11830536054930 {
    background: url("/hc/theming_assets/01HZKYT35T4Z60PXN5VMA5G6V3");
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
}

#main_section_id_9497094867858:before {
    font-family: "Material Icons";
    font-size: 50px;
    content: "\e666";
}

#main_section_id_gs_9497094867858:before {
    font-family: "Material Icons";
    font-size: 60px;
    content: "\e666";
    color: rgba(76, 42, 137, 1);
}

#main_section_id_gs_min_9497094867858:before {
    font-family: "Material Icons";
    font-size: 40px;
    margin-right: 10px;
    content: "\e666";
    color: rgba(76, 42, 137, 1);
}

#main_section_id_9497129522322:before {
    font-family: "Material Icons";
    font-size: 50px;
    content: "\ef3d";
}

#main_section_id_gs_9497129522322:before {
    font-family: "Material Icons";
    font-size: 60px;
    content: "\ef3d";
    color: rgba(76, 42, 137, 1);
}

#main_section_id_gs_min_9497129522322:before {
    font-family: "Material Icons";
    font-size: 40px;
    margin-right: 5px;
    content: "\ef3d";
    color: rgba(76, 42, 137, 1);
}

#main_section_id_9496543505682 {
    background: url("/hc/theming_assets/01HZKYT1CRASFZC7PHQ7BTCPZC");
    background-size: 110px;
}

.page-header #main_section_id_9496543505682 {
    background-size: 80px;
}

#main_section_id_9496572209938 {
    background: url("/hc/theming_assets/01HZKYT13Z3T2F938J27C1FTJE");
    background-size: 110px;
}

.page-header #main_section_id_9496572209938 {
    background-size: 80px;
}

#main_section_id_9496642690450 {
    background: url("/hc/theming_assets/01HZKYT2XPBWCHMYDY9YM0D9N6");
    background-size: 110px;
}

.page-header #main_section_id_9496642690450 {
    background-size: 80px;
}

#main_section_id_9497216010130 {
    background: url("/hc/theming_assets/01HZKYT1GNQ151AQXPKW1151TG");
    background-size: 110px;
}

.page-header #main_section_id_9497216010130 {
    background-size: 80px;
}

#main_section_id_200584612 {
    background: url("/hc/theming_assets/01HZKYT1RX7TDV3W3R6W821X84");
    background-size: 110px;
}

.page-header #main_section_id_200584612 {
    background-size: 80px;
}

#main_section_id_9496645125394 {
    background: url("/hc/theming_assets/01HZKYT1MR1TR7MAPCP9ARHY7X");
    background-size: 110px;
}

.page-header #main_section_id_9496645125394 {
    background-size: 80px;
}

#main_section_id_4413423273746 {
    background: url("/hc/theming_assets/01HZKYT2506YXRTQRZTQCDXMK8");
    background-size: 110px;
}

.page-header #main_section_id_4413423273746 {
    background-size: 80px;
}

#main_section_id_11594574622866 {
    background: url("/hc/theming_assets/01J477TN70QS9H0DQN8ZC8YVPG");
    background-size: 110px;
}

.page-header #main_section_id_11594574622866 {
    background-size: 80px;
}

#main_section_id_11594506280978 {
    background: url("/hc/theming_assets/01J4790RSYVCDCN1A310XNGZXK");
    background-size: 110px;
}

.page-header #category_id_11594506280978 {
    background-size: 80px;
}

#main_section_id_11594506280978 {
    background: url("/hc/theming_assets/01J4790RSYVCDCN1A310XNGZXK");
    background-size: 110px;
}

.page-header #category_id_11594506280978 {
    background-size: 80px;
}

#main_section_id_11594522369170 {
    background: url("/hc/theming_assets/01J47908RDNZE6YY9ZJQMK51MP");
    background-size: 110px;
}

.page-header #main_section_id_11594522369170 {
    background-size: 80px;
}

#main_section_id_20526184339858 {
    background: url("/hc/theming_assets/01J4GY2BDSSRJGDVEYV2H0NQJY");
    background-size: 110px;
}

.page-header #main_section_id_20526184339858 {
    background-size: 80px;
}

#main_section_id_20526187049618 {
    background: url("/hc/theming_assets/01J4GY27XRNRWP5YG4R7KJ1XP6");
    background-size: 110px;
}

.page-header #main_section_id_20526187049618 {
    background-size: 80px;
}

#main_section_id_12189707000850 {
    background: url("/hc/theming_assets/01J4GY2F4FJ5FTRTVH6FEMC4HR");
    background-size: 110px;
}

.page-header #main_section_id_12189707000850 {
    background-size: 80px;
}


/***** Homepage *****/
.section {
    margin-bottom: 50px;
}

.section.hero {
    margin-bottom: 50px;
}

.home-section h2 {
    margin-bottom: 10px;
    text-align: center;
}

/***** Promoted articles *****/

.container_promoted,
.container_grey {
    background-color: #ecedef;
    margin: 1%;
    border-radius: 15px;
    padding: 20px;
    border: 1px solid #dee0e3;
}

.container_grey {
    padding: 35px;
}

.container_grey h2 {
    font-weight: 400;
    font-size: 1.6em;
    margin-bottom: 0px;
    text-align: center;
}

.container_grey p {
    font-size: 15px;
    margin: 5px 0px 15px;
    text-align: center;
}

.container_grey a {
    text-align: center;
    display: block;
}

.promoted-articles {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0px;
}

.promoted-articles-item {
    background-color: rgba(253, 253, 254, 1);
    border-radius: 6px;
    margin: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: border .3s ease-in-out;
}

.promoted-articles-item a:hover,
.promoted-articles-item a:focus,
.promoted-articles-item a:active {
    text-decoration: none;
    color: rgba(76, 42, 137, 1);
}

.promoted-articles-item a {
    display: inline-flex;
    color: rgba(61, 62, 64, 1);
    padding: 0px 10px 0px 5px;
    align-items: center;
    transition: color .3s ease-in-out;
}

.promoted-articles-item a:before {
    font-family: "Material Icons";
    font-size: 24px;
    margin-right: 8px;
    content: "\e8e5";
}

@media (min-width: 620px) {
    .promoted-articles {
        flex-direction: row;
        justify-content: center;
        margin-bottom: 15px;
    }

    .promoted-articles-item:hover {
        border: 1px solid rgba(76, 42, 137, 1);
        transition: border .3s ease-in-out;
    }
}

/***** Community section in homepage *****/
.community {
    text-align: center;
}

.community-image {
    min-height: 300px;
    margin-top: 32px;
    background-image: url(/hc/theming_assets/01HZKYT9R1QTYR0S002264GYGK);
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
}

.community,
.activity {
    border-top: 1px solid #ddd;
    padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
    margin-bottom: 15px;
    text-align: center;
}

.recent-activity-list {
    padding: 0;
}

.recent-activity-item {
    border-bottom: 1px solid #ddd;
    overflow: auto;
    padding: 20px 0;
}

.recent-activity-item-parent {
    font-size: 16px;
}

.recent-activity-item-parent,
.recent-activity-item-link {
    margin: 6px 0;
    color: rgba(61, 62, 64, 1);
    display: inline-block;
    width: 100%;
}

@media (min-width: 800px) {

    .recent-activity-item-parent,
    .recent-activity-item-link {
        width: 70%;
        margin: 0;
    }
}

.recent-activity-item-link {
    font-size: 14px;
}

.recent-activity-item-meta {
    margin: 15px 0 0 0;
    float: none;
}

@media (min-width: 800px) {
    .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: #6f7174;
    display: inline-block;
    font-size: 13px;
}

.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: rgba(76, 42, 137, 1);
    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;
}

/***** Category pages *****/
.category-container {
    display: flex;
    flex-wrap: wrap;
}

.category-sidebar,
.category-sidebar-gs {
    /*   flex: 0 0 25%;
  padding-right:35px;
  padding-top:15px; */
    flex: 0 0 20%;
    padding-right: 30px;
    padding-top: 20px;
    border-right: 1px solid #dee0e3;
}

.category-sidebar-gs {
    flex: 0 0 25%;
}

.nav-categories {
    height: fit-content;
    position: sticky;
    top: 60px;
}

.nav-categories ul {
    margin-bottom: 40px;
}

.category-content {
    flex: 0 0 80%;
    padding-left: 60px;
}

.category-content-gs {
    flex: 0 0 75%;
    padding-left: 60px;
}

/* .section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
} */

.section-tree-gs {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}

.section-tree .section {
    flex: initial;
}

.section-tree-gs .section {
    border-radius: 15px;
    padding: 15px;
    box-sizing: border-box;
    color: rgba(76, 42, 137, 1);
    display: flex;
    flex: 1 50%;
    text-align: center;
}

.section-tree-title {
    margin: 30px 0px 10px 0px;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: 1px solid #ecedef;
}

.section-tree .section:first-of-type .section-tree-title {
    margin: 0px 0px 10px 0px;
}

.section-tree-title a, h2.section-tree-title {
    color: rgba(76, 42, 137, 1);
}

.section-tree-title a:hover,
.section-tree-title a:focus {
    text-decoration: none;
}

.section-tree .see-all-articles {
    display: block;
    margin-top: 10px;
}

.article-list-item {
    font-size: 16px;
    padding: 5px 0;
    margin-left: 2em;
    text-indent: -2em;
}

.article-list-item a {
    color: rgba(61, 62, 64, 1);
}

.article-list-item a:hover {
    color: rgba(76, 42, 137, 1);
    text-decoration: none;
}

/* .article-list-item:before {
   font-family: "Material Icons";
   font-size: 24px;
   margin-right: 8px;
   content: "\e8e4";
   vertical-align: middle;
   color:rgba(76, 42, 137, 1);
} */
.article-list-item:before {
    font-family: "Material Icons";
    font-size: 24px;
    margin-right: 4px;
    content: "\e8e4";
    vertical-align: middle;
    color: rgba(76, 42, 137, 1);
}

.article-promoted:before {
    font-family: "Material Icons";
    font-size: 24px;
    margin-right: 8px;
    content: "\e8e5";
    vertical-align: middle;
    color: rgba(76, 42, 137, 1);
}

/***** Section pages *****/
.section-container {
    display: flex;
}

.section-content {
    flex: 0 0 80%;
    padding-left: 60px;
}

.header-section {
    background: #f1ecf9;
}

@media (max-width: 800px) {
    .header-section {
        flex-direction: column;
    }
}

.header-section h1 {
    margin-bottom: 0px;
    font-size: 26px;
    padding-right: 20px;
}

.header-section h1:before,
.section-tree h2:before {
    font-family: "Material Icons Outlined";
    font-weight: 100;
    font-size: 26px;
    margin-right: 10px;
    vertical-align: bottom;
}

.service-notif-button button:before {
    font-family: "Material Icons";
    font-size: 22px;
    position: relative;
    line-height: normal;
    margin-right: 5px;
    vertical-align: middle;
}

/*****
.section-tree h2:before {
    vertical-align: middle;
    color: rgba(76, 42, 137, 1);
}*****/

#section_id_4412014869266:before {
    content: "\e853";
    /***** My account *****/
}

#section_id_30008410543250:before {
    content: "\e84e";
  	border-radius:50%;
    border:2px solid rgba(76, 42, 137, 1);
    /***** Accessibility *****/
}

#section_id_4411990414482:before {
    content: "\e0b7";
    /***** Instant messaging *****/
    vertical-align: middle;
}

#section_id_4412014896786:before {
    content: "\e7fb";
    /***** Bubbles *****/
}

#section_id_16243711962514:before {
    content: "\e6b1";
    /***** Tasks *****/
}

#section_id_4412022835474:before {
    content: "\ea1d";
    /***** Presence *****/
}

#section_id_4411990673298:before {
    content: "\e7f4";
    /***** Notifications *****/
}

#section_id_4412022836754:before {
    content: "\e7fe";
    /***** My network *****/
}

#section_id_21538807716498:before {
    content: "\f045";
    /***** Public number *****/
}

#section_id_24050607538322:before {
    content: "\f069";
    /***** Sip devices *****/
}

#section_id_21465056336786:before, #section_id_29709488285202:before {
    font-family: "Material Symbols Outlined";
    font-weight: 400;
    font-size: 30px;
    vertical-align: sub;
    content: "\f7fa";
    /***** Telephone devices *****/
}

#section_id_4411990439954:before,
#section_id_4412017014418:before,
#section_id_11846177262354:before,
#section_id_12623545349010:before,
#section_id_21465037893266:before {
    content: "\e0b0";
    /***** Phone calls *****/
}

#section_id_4412022825874:before,
#section_id_4412014894098:before {
    content: "\e311";
    /***** Web calls - Web conferences *****/
}

#section_id_4411990435602:before {
    content: "\e873";
    /***** Files sharing *****/
}

#section_id_4411990441362:before {
    content: "\eb81";
    /***** Channels *****/
}

#section_id_4411992063634:before {
    font-family: "Material Symbols Outlined";
    font-weight: 400;
    vertical-align: sub;
    font-size: 30px;
    content: "\f7fb";
    /***** Webinar *****/
}

#section_id_21559168668690:before,
#section_id_21558630394642:before {
    content: "\e87b";
    /***** Outlook addin - Desktop extenssion *****/
}

#section_id_4413407957010:before {
    content: "\e3c9";
    /***** Articles guidlines - eLearning guidlines *****/
}

#section_id_6799793658130:before {
    content: "\e80c";
    /***** eLearning inApps *****/
}

#section_id_7369783632530:before {
    content: "\e8e2";
    /***** Translation *****/
}

#section_id_10387455664786:before {
    content: "\f10b";
    /***** Helpers *****/
}

#section_id_11845980311954:before {
    content: "\eb71";
    /***** Rainbow deployment *****/
}

#section_id_11846054974354:before {
    content: "\ea40";
    /***** Company customisation *****/
}

#section_id_11846059359890:before {
    content: "\f02e";
    /***** Manage members *****/
}

#section_id_11846086805522:before {
    content: "\e8cb";
    /***** Manage subscriptions *****/
}

#section_id_11846081724946:before {
    content: "\e0cf";
    /***** Business directory *****/
}

#section_id_25302632347410:before {
    content: "\ebcb";
    /***** SLA *****/
}

#section_id_23895452619922:before {
    content: "\e90e";
    /***** Legal *****/
}

#section_id_25305008065170:before {
    font-family: "Material Symbols Outlined";
  	font-weight: 400;
    vertical-align: sub;
    font-size: 30px;
    content: "\f3d9";
    /***** Edge *****/
}

#section_id_11846316386450:before,
#section_id_23371332417298:before{
    content: "\e32a";
    /***** Authentification *****/
    /***** Security *****/
}

#section_id_11846327312914:before {
    content: "\f092";
    /***** Statistics *****/
}

#section_id_29660818676114:before {
    content: "\ef3d";
    /***** Admin C2C *****/
}

#section_id_29661365909778:before {
    content: "\e0bf";
    /***** Whatsapp C2C *****/
}

#section_id_11846298117394:before,
#section_id_11846833229842:before {
    font-family: "Material Symbols Outlined";
    font-weight: 400;
    vertical-align: sub;
    font-size: 30px;
    content: "\e715";
    /***** Rainbow Room *****/
}

#section_id_21537979918610:before {
    font-family: "Material Symbols Outlined";
    font-weight: 400;
    vertical-align: sub;
    font-size: 30px;
    content: "\eb5a";
    /***** LDAP *****/
}

/***** Partner Space *****/
#section_id_19307407738642:before,
#section_id_19307438495890:before {
    content: "\e65f";
    /***** Early Adopter + BETA  *****/
}

#section_id_19584984005266:before,
#section_id_19584990552338:before {
    content: "\e0b0";
    /***** ALE PBX + Third-party PBX *****/
}

#section_id_19584923595794:before {
    content: "\e2c3";
    /***** WebRTC Gateway *****/
}

#section_id_20571174769042:before {
    content: url(/hc/theming_assets/01J4H7468E3EXYDN1EH91JWAXP);
    /***** Release Rainbow *****/
}

#section_id_20571150155666:before {
    content: "\e9f4";
    /***** Release Connectors *****/
    font-family: "Material Icons Outlined";
}

#section_id_20571307996178:before {
    content: "\e80c";
    /***** Release Classroom *****/
    font-family: "Material Icons Outlined";
}

#section_id_20571352598674:before {
    content: "\ef54";
    /***** Release Assets *****/
    font-family: "Material Icons Outlined";
}

#section_id_23084330969618:before {
    content: "\e8be";
    /***** Network config *****/
    font-family: "Material Icons Outlined";
}

#section_id_25443942599314:before {
    content: "\e8cc";
    /***** Invoicing BP *****/
    font-family: "Material Icons Outlined";
}


#section_id_star_announce:before {
    content: "\e885";
    font-family: "Material Icons Outlined";
    font-weight: 100;
    font-size: 26px;
    margin-right: 10px;
    vertical-align: bottom;
}

#section_id_all_announce:before {
    content: "\eb81";
    font-family: "Material Icons Outlined";
    font-weight: 100;
    font-size: 26px;
    margin-right: 10px;
    vertical-align: bottom;
}


#article_id_20704020243602:before {
    content: "\e1b1";
    /***** Current version *****/
    font-family: "Material Icons Outlined";
    font-size: 24px;
    margin-right: 10px;
}

#article_id_20572471983506:before {
    content: "\e179";
    /***** Feature list *****/
    font-family: "Material Icons Outlined";
    font-size: 24px;
    margin-right: 10px;
}

/***** Communication Space *****/
.service-notif-button button:before {
    content: "\e7f4";
    /***** Service notification *****/
}

.section-list {
    margin: 40px 0;
}

.section-list-item {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding: 15px 0;
}

.section-list-item:first-child {
    border-top: 1px solid #ddd;
}

.section-list-item a {
    align-items: center;
    color: rgba(61, 62, 64, 1);
    display: flex;
    justify-content: space-between;
}

.see-all-sections-trigger {
    cursor: pointer;
    display: block;
    padding: 15px;
    text-align: center;
}

.see-all-sections-trigger[aria-hidden="true"] {
    display: none;
}

/***** Article *****/

.article-container {
    display: flex;
}

.article {
    flex: 0 0 80%;
    max-width: 80%;
    padding-right: 60px;
}

.article-gs {
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: 45px;
    line-height: 1.15;
    display: flex;
    flex-direction: column;
}

.article-item {
    /*   padding:35px; */
    /*   padding:15px;
  border: 1px solid #dee0e3; */
    border-radius: 15px;
    margin-bottom: 45px;
}

.article-item-gs {
    margin-bottom: 45px;
}

.article-item:last-of-type,
.article-item-gs:last-of-type {
    margin-bottom: 0px;
}

.article-header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.article-header-gs {
    margin-bottom: 35px;
    background: #f1ecf9;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
}

.article-header-gs h1 {
    font-size: 28px;
    font-weight: 500;
    margin: 0px;
    color: rgba(76, 42, 137, 1);
}

.article-header-breadcrumbs-gs,
.article-header-breadcrumbs-gs-ct {
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

.article-header-breadcrumbs-gs-item,
.article-header-breadcrumbs-gs-item-ct {
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    text-transform: uppercase;
    letter-spacing: .0892857143em;
    list-style: none;
}

.article-header-breadcrumbs-gs li:nth-child(1),
.article-header-breadcrumbs-gs li:nth-child(2),
.article-header-breadcrumbs-gs li:nth-child(4) {
    display: none;
}

.article-header-breadcrumbs-gs-ct li:nth-child(1),
.article-header-breadcrumbs-gs-ct li:nth-child(2),
.article-header-breadcrumbs-gs-ct li:nth-child(4) {
    display: none;
}

@media (min-width: 900px) {
    .article-header {
        flex-direction: row;
        margin-top: 0;
    }

    .article-item {
        padding: 35px;
        /*     padding:15px; */
        border: 1px solid #dee0e3;
    }

}

.article-avatar {
    margin-right: 10px;
}

.article-author {
    margin-bottom: 10px;
}

@media (min-width: 800px) {
    .article-title {
        flex-basis: 100%;
        /* Take entire row */
    }
}

.article-title .icon-lock {
    position: relative;
    left: -5px;
    vertical-align: baseline;
}

.article [role="button"] {
    flex-shrink: 0;
    /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
    width: 100%;
}

@media (min-width: 800px) {
    .article [role="button"] {
        width: auto;
    }
}

.article-info {
    max-width: 100%;
}

.article-meta {
    display: inline-block;
    vertical-align: middle;
}

.article-body img {
    height: auto;
    max-width: 100%;
}

.article-body li img {
    margin: 15px 0px 0px 0px;
}

.article-body img[alt$=".svg"],
.service-notif-item img[alt$=".svg"] {
    filter: invert(16%) sepia(81%) saturate(58%) hue-rotate(218deg) brightness(92%) contrast(80%);
    width: 22px;
    margin: 0px;
    border-radius: 0px;
    vertical-align: bottom;
    border: none;
}

.article-body ul {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
}

[dir="rtl"] .article-body ul,
[dir="rtl"] .article-body ol {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px;
}

.article-body ul>ul,
.article-body ol>ol,
.article-body ol>ul,
.article-body ul>ol,
.article-body li>ul,
.article-body li>ol {
    margin: 0;
}

.article-body ul {
    list-style-type: disc;
}

ul.triptyque {
    list-style-type: none;
    margin: 30px 0px 35px 0px;
    border-bottom: 1px solid #dee0e3;
    overflow: hidden;
    width: 100%;
    padding: 0px;
}

ul.triptyque li {
    float: left;
}

ul.triptyque li button {
    cursor: pointer;
    border: 0px;
    background-color: transparent;
    padding: 10px;
    font-weight: 500;
    font-size: 16px;
    border-bottom: 3px solid transparent;
    color: rgba(61, 62, 64, 1);
}

ul.triptyque li.active button {
    color: rgba(76, 42, 137, 1);
    border-bottom: 3px solid rgba(76, 42, 137, 1);

}

.article-body a:visited {
    color: rgba(64, 84, 178, 1);
}

.article-body code {
    background: #f3f3f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
}

.article-body pre {
    background: #f3f3f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}

.article-body blockquote {
    border-left: 1px solid #ddd;
    color: #6f7174;
    font-style: italic;
    padding: 0 15px;
}

.article-body>p:last-child {
    margin-bottom: 0;
}

.article-content {
    line-height: 1.6;
    margin: 30px 0;
    word-wrap: break-word;
}

.article-content-gs {
    line-height: 1.6;
    word-wrap: break-word;
}

.article-content-gs video {
    border-radius: 15px !important;
}

.article-content-gs .callout-dashed {
    border-radius: 15px !important;
    border-width: 3px;
    margin: 35px 0px;
}

.article-content-gs h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 0px !important;
    padding: 10px 10px 0px 10px !important;
    text-transform: uppercase;
    letter-spacing: .0892857143em;
}

.article-content-gs h2:before {
    font-family: "Material Icons";
    font-size: 22px;
    font-weight: 400;
    content: "\eb44";
    vertical-align: sub;
    margin: 0px 8px 0px 0px;
}

.article-content-gs ul {
    padding: 5px 10px 10px 40px;
    margin: 0px;
}

.article-content-gs ul li {
    padding: 5px;
}

.article-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.article-comment-count {
    color: #6f7174;
}

.article-comment-count:hover {
    text-decoration: none;
}

.article-comment-count-icon {
    vertical-align: middle;
    color: rgba(76, 42, 137, 1);
    width: 18px;
    height: 18px;
}

.article-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    margin-bottom: 20px;
    padding: 0;
}

@media (min-width: 1024px) {
    .article-sidebar {
        border: 0;
        flex: 0 0 17%;
        height: auto;
    }
}

.article-relatives {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (min-width: 800px) {
    .article-relatives {
        flex-direction: row;
    }
}

.article-relatives>* {
    flex: 1 0 50%;
    min-width: 50%;
    overflow-wrap: break-word;
    margin-right: 0;
}

.article-relatives>*:last-child {
    padding: 0;
}

@media (min-width: 800px) {
    .article-relatives>* {
        padding-right: 20px;
    }
}

.article-votes {
    padding: 25px;
    text-align: center;
    background-color: #ecedef;
    border-radius: 15px;
}

.article-vote {
    margin: 10px 5px;
    min-width: 90px;
    width: auto;
}

.article-votes-question {
    font-weight: 400;
    font-size: 1.2em;
    margin-bottom: 15px;
    text-align: center;
}

.article-more-questions {
    text-align: center;
}

.article-return-to-top {
    border-top: 1px solid #ddd;
}

@media (min-width: 1024px) {
    .article-return-to-top {
        display: none;
    }
}

.article-return-to-top a {
    color: rgba(61, 62, 64, 1);
    display: block;
    padding: 20px 0;
}

.article-return-to-top a:hover,
.article-return-to-top a:focus {
    text-decoration: none;
}

.article-return-to-top-icon {
    transform: rotate(0.5turn);
}

.sidenav-title {
    font-size: 16px;
    position: relative;
    font-weight: 600;
}

.sidenav-item,
.months-list-item a,
.sections-list-item a {
    border-radius: 4px;
    color: rgba(61, 62, 64, 1);
    display: block;
    margin-bottom: 10px;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
}

.sidenav-item.current-article,
.sidenav-item:hover,
.months-list-item.current-month a,
.months-list-item a:hover,
.sections-list-item a:hover {
    background-color: #e9ebed;
    color: rgba(61, 62, 64, 1);
    text-decoration: none;
}

.sections-list-item.current-section a {
    background-color: #dbdfe2;
    color: rgba(61, 62, 64, 1);
    text-decoration: none;
}

.recent-articles li,
.related-articles li {
    padding: 5px 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recent-articles li a,
.related-articles li a {
    color: rgba(61, 62, 64, 1);
}

.recent-articles li a:hover,
.related-articles li a:hover {
    color: rgba(76, 42, 137, 1);
    text-decoration: none;
}

.recent-articles li:last-of-type,
.related-articles li:last-of-type {
    padding-bottom: 0px;
}

.recent-articles li:before,
.related-articles li:before {
    font-family: "Material Icons";
    font-size: 24px;
    margin-right: 8px;
    content: "\e8e4";
    vertical-align: middle;
    color: rgba(76, 42, 137, 1);
}

.article-sidebar-nav {
    flex: 0 0 20%;
}

.article-sidebar-nav-gs {
    flex: 0 0 25%;
    border: 1px solid #dee0e3;
    border-radius: 15px;
    line-height: 1.25;
    height: fit-content;
}

.article-sidebar-nav-inside {
    height: fit-content;
    position: sticky;
    top: 60px;
}


.article-sidebar-nav-inside-gs h2 {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 0px;
    letter-spacing: .0892857143em;
    padding: 15px;
    font-weight: 600;
    border-bottom: 1px solid #dee0e3;
}

.article-table h2,
.article-tags h2 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 25px;
    letter-spacing: .0892857143em;
}

.article-tags h2 {
    margin-top: 50px;
}

.article-table ul {
    margin-bottom: 0px;
    border-left: 1px solid #dee0e3;
}

.article-table li {
    display: flex;
    min-width: 100%;
}

.article-table-gs ul {
    border: 0px;
}

.filter-module-space {
    height: fit-content;
    width: 100%;
    border-bottom: 1px solid #dee0e3;
    padding: 8px;
    background-color: #ECEDEF;
    position: relative;
}

.filter-module,
.filter-theme {
    background-color: white;
    border-radius: 6px;
    border: 1px solid #dee0e3;
    padding: 0px 35px 0px 35px;
    width: 100%;
    height: 38px;
}

.filter-theme {
    width: fit-content;
}

.close-filter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
    right: 16px;
    font-size: 18px !important;
    padding: 2px;
    cursor: pointer;
    user-select: none;
    color: #666;
}

.icon-filter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    font-size: 16px !important;
    padding: 2px;
    user-select: none;
    color: #666;
}

.close-filter:hover {
    background-color: #ECEDEF;
}

#right_nav {
    max-height: 90vh;
    overflow: auto;
    position: relative;
    border-radius: 0 0 15px 15px;
}

.close_course,
.admin_courses,
.user_courses {
    color: rgba(61, 62, 64, 1);
    display: flex;
    padding: 25px 20px;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: .0892857143em;
    align-items: center;
}

a.close_course:hover,
a.close_course:active,
a.close_course:focus,
a.admin_courses:hover,
a.admin_courses:active,
a.admin_courses:focus,
a.user_courses:hover,
a.user_courses:active,
a.user_courses:focus {
    text-decoration: none;
}

#course_id_4410537708690:before {
    font-family: "Material Icons";
    font-size: 35px;
    font-weight: 300;
    color: white;
    background-color: #468B0B;
    content: "\eb9b";
    padding: 10px;
    border-radius: 50%;
}

#course_id_7037895751570:before {
    font-family: "Material Icons";
    font-size: 35px;
    font-weight: 300;
    color: white;
    background-color: #468B0B;
    content: "\e859";
    padding: 10px;
    border-radius: 50%;
}

#course_id_6341348905490:before {
    font-family: "Material Icons";
    font-size: 35px;
    font-weight: 300;
    color: white;
    background-color: #468B0B;
    content: "\e325";
    padding: 10px;
    border-radius: 50%;
}

#course_id_4410518492690:before {
    display: block;
    background-color: #D8AF30;
    background-image: url($assets-bubble_white_icon-svg);
    content: "";
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 27.5px;
    border-radius: 50%;
}

#course_id_4997471976722:before {
    font-family: "Material Icons";
    font-size: 35px;
    font-weight: 300;
    color: white;
    background-color: #D8AF30;
    content: "\e325";
    padding: 10px;
    border-radius: 50%;
}

#course_id_29922105965714:before {
    font-family: "Material Icons";
    font-size: 35px;
    font-weight: 300;
    color: white;
    background-color: #468B0B;
    content: "\e0cd";
    padding: 10px;
    border-radius: 50%;
}

.article-table-gs ul li {
    background-color: #f4f5f6;
}

.article-table-gs ul li a {
    color: rgba(61, 62, 64, 1);
    font-weight: 500;
    font-size: 16px;
    padding: 20px 15px;
}

.article-table-gs ul li ul li {
    border: 0px;
    background-color: rgba(253, 253, 254, 1);
}

.article-table-gs ul li ul li a {
    color: rgba(107, 72, 157, 1);
    font-weight: 400;
    font-size: 14px;
    padding: 16px 10px;
    border-bottom: 1px solid #f4f5f6;
}

.article-table-gs ul li ul li a:before {
    font-family: "Material Icons";
    font-size: 18px;
    font-weight: 400;
    content: "\e039";
    margin: 0px 8px 0px 0px;
    float: inline-start;
}

.article-table-gs ul li ul li:hover {
    background: #f1ecf9;
}

.article-table-gs a {
    display: block;
}

.article-table-gs a:hover {
    text-decoration: none;
}

.current-article {
    background: #f1ecf9 !important;
}

.current-article a {
    font-weight: 550 !important;
}

.chapter-duration {
    vertical-align: middle;
    background-color: #f4f5f6;
    padding: 1px 4px;
    border-radius: 2px;
    font-size: 10px;
    margin-left: 7px;
}

.article-table li a {
    cursor: pointer;
    color: rgba(76, 42, 137, 1);
    padding: 10px 10px 10px 14px;
    width: 100%;
    border-left: 4px solid transparent;
    font-size: 14px;
}

.article-table li a:hover {
    background-color: #f1ecf9;
    text-decoration: none;
}

a.active {
    background-color: #ecedef;
    text-decoration: none;
    border-left: 4px solid rgba(76, 42, 137, 1) !important;
}

.pc_hidden {
    display: none;
}

.mb_hidden {
    display: block;
}

@media (max-width: 900px) {

    .article-sidebar-nav-gs,
    .article-sidebar-nav {
        width: 111%;
        border-radius: 0px;
        padding-top: 0px;
        border: 0px;
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        background-color: rgba(253, 253, 254, 1);
        z-index: 9;
    }

    .rb-lab-article-sidebar-nav {
        padding-top: 0px;
        flex: 0 0 100%;
        border: 0px;
        border-bottom: 1px solid #dee0e3;
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        background-color: rgba(253, 253, 254, 1);
        z-index: 9;
        width: 111%;
    }

    .article-table h2 {
        margin: 0px;
    }

    .article-table li {
        background-color: #fff;
        border-bottom: 1px solid #f4f5f6;
    }

    .article-sidebar-nav {
        padding-top: 0px;
        flex: 0 0 100%;
        border: 0px;
        border-bottom: 1px solid #dee0e3;
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        background-color: rgba(253, 253, 254, 1);
        z-index: 9;
        width: 111%;
    }

    .pc_hidden {
        display: flex;
        margin: 0 0 16px 0;
        align-items: center;
        gap: 16px;
    }

    .pc_hidden h2 {
        margin: 0;
    }

    .mb_hidden {
        display: none;
    }
}

ul.tags_list li {
    float: left;
}

.article-tags ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}


.tag {
    margin: 5px 10px 5px 0px;
}

.tag a,
.tag-labels {
    user-select: none;
    padding: 3px 7px;
    font-size: 13px;
    border-radius: 4px;
    font-weight: 600;
}

.tag a:hover,
tag-labels:hover {
    text-decoration: none;
}

/*Micro feature  */
.related_to a {
    background-color: #EFEBF7;
    color: #6639B6;
    border-radius: 4px;
}

.related_to a:before {
    font-family: "Material Icons outlined";
    font-size: 16px;
    font-weight: 100;
    vertical-align: top;
    margin-right: 4px;
    content: "\f8d3";
}

/*MicroFeature end  */


/* License start */
/* 
License Business -> 01H0JD81CZNKV0BDEBDZ51BTBV
License Enterprise -> 01H0JD8PNY8HAFAG6RPJFNGYRF
License Attendant -> 01H0JD9T8KXHXDWSAX6SDQSXX5
License Voice Business -> 01H0JDB8RC1GXBE0R5S81A17ZP
License Voice Enterprise -> 01H0JDBJ6256BR0VYYKSSK4QWN
License Voice Attendant -> 01H0JDBVCYD3CGW0QJ0XCR7G7P
Early adopter -> 01H19GBMMJQC91R9VJ2VNX1C3R
RED -> 01H19GAA0XGJH67GREQVHKDW3R
*/

.class01H0JD81CZNKV0BDEBDZ51BTBV a,
.class01H0JDB8RC1GXBE0R5S81A17ZP a {
    background-color: #EFEBF7;
    color: #6639B6;
}

.class01H0JDBJ6256BR0VYYKSSK4QWN a,
.class01H0JD8PNY8HAFAG6RPJFNGYRF a {
    background-color: #EFEBF7;
    color: #6639B6;
}

.class01H0JD9T8KXHXDWSAX6SDQSXX5 a,
.class01H0JDBVCYD3CGW0QJ0XCR7G7P a {
    background-color: #EFEBF7;
    color: #6639B6;
}



.class01J4H8WE2J397ZNWD26P1500YG a:before,
.class01J4H8WKR6XJ06Y32RSH7W7KD3 a:before,
.class01H0JD81CZNKV0BDEBDZ51BTBV a:before,
.class01J4H8ZRJSDYB9FJVYXAQRYMYB a:before,
.class01J4H904F63AKPB081WNW7FW55 a:before {
    font-family: "Material Symbols outlined";
    font-size: 16px;
    font-weight: 400;
    vertical-align: bottom;
    margin-right: 3px;
    content: "\f5f4";
}

.class01H0JDBJ6256BR0VYYKSSK4QWN a:before,
.class01H0JD8PNY8HAFAG6RPJFNGYRF a:before,
.class01H0JD81CZNKV0BDEBDZ51BTBV a:before,
.class01H0JDB8RC1GXBE0R5S81A17ZP a:before,
.class01H0JD6781H48N2CZTF7XMTBZZ a:before,
.class01H0JD9T8KXHXDWSAX6SDQSXX5 a:before,
.class01H0JDBVCYD3CGW0QJ0XCR7G7P a:before {
    font-family: "Material Icons outlined";
    font-size: 16px;
    font-weight: 100;
    vertical-align: top;
    margin-right: 4px;
    content: "\e7fd";
}

.rb_lab_article-promoted .article-tags .related_to {
    display: inline-flex;
}

.class01H19GBMMJQC91R9VJ2VNX1C3R a,
.class01H19GAA0XGJH67GREQVHKDW3R a {
    background-color: #EFEBF7;
    color: #6639B6;
}

/* Options BETA, EA, RED */
.class01H19GBMMJQC91R9VJ2VNX1C3R a:before,
.class01H19GAA0XGJH67GREQVHKDW3R a:before,
.class01J00N37DNR7RNTCR4WB18JQFB a:before {
    font-family: "Material Icons outlined";
    font-size: 16px;
    font-weight: 100;
    vertical-align: top;
    margin-right: 4px;
    content: "\e65f";
}

/* Macrofeature Rainbow*/
.class01H0JDQZP47CH0411JZFYZGV8Z a:before,
.class01H0JDQ39FH9ZF608Z33S2T2J3 a:before,
.class01H0JDR91KDFXPD2E43PC6MZCR a:before,
.class01H0JDRZT36400J38XP2QFC31H a:before,
.class01H0JDSH27C95TPK8EY8YHTFWB a:before,
.class01H0JDQFRQ3NMMQR2SKZYT5SDR a:before,
.class01H0JDRDWYKNH34BE2FRGGSRZ5 a:before,
.class01H8ETHY6K60PZ1H6KET11W0B4 a:before,
.class01HGT30DPF96M0ZKPJXPH7QQ8B a:before,
.class01HGT2ZJNCTMV8VRAP3GRB1GB7 a:before {
    font-family: "Material Icons outlined";
    font-size: 16px;
    font-weight: 100;
    vertical-align: top;
    margin-right: 4px;
    content: "\e574";
}

/* Bubble */
.class01H0JDQZP47CH0411JZFYZGV8Z a {
    background-color: #def0db;
    color: #3a7731;
}

/* My account */
.class01H0JDQ39FH9ZF608Z33S2T2J3 a {
    background-color: #e2effe;
    color: #0a6ad1;
}

/* Instant Messaging */
.class01H0JDR91KDFXPD2E43PC6MZCR a {
    background-color: #dadefb;
    color: #3e4fea;
}

/* Contacts */
.class01H0JDRZT36400J38XP2QFC31H a {
    background-color: #F6F3BF;
    color: #7A6F08;
}

/* Hybrid Telephony */
.class01HGT2ZJNCTMV8VRAP3GRB1GB7 a {
    background-color: #fef6dc;
    color: #8b6904;
}

/* Calls&Conferences */
.class01H0JDSH27C95TPK8EY8YHTFWB a {
    background-color: #ffe5f4;
    color: #CF0072;
}

/*Cloud Telephony  */
.class01H0JDPR943XEM0XWWBCT3RFAF a,
.class01HGT30DPF96M0ZKPJXPH7QQ8B a {
    background-color: #d2eaea;
    color: #346f6f;
}

/* Channels */
.class01H0JDQFRQ3NMMQR2SKZYT5SDR a {
    background-color: #eedbf0;
    color: #92419b;
}

/* Administration */
.class01H0JDRDWYKNH34BE2FRGGSRZ5 a {
    background-color: #fbe0e0;
    color: #c91d1d;
}

/* Webinars */
.class01H8ETHY6K60PZ1H6KET11W0B4 a {
    background-color: #fef0e6;
    color: #b74e04;
}

/* Components */
.class01J4H96WBFR4YCB124B936D6XC a:before,
.class01HWB29JBGPKCK7QXWJE8K9T7R a:before,
.class01H28BEANZ76T79T4XTMP6ERFK a:before,
.class01HWB1Y2R4869SK291MB2J2X8X a:before,
.class01J4H97EFQ0Y34QR0ND8TPC70Y a:before,
.class01HWB22YRWTCHSZSS59NEEQ1YQ a:before,
.class01H28BEHFGV7R92ZHYX4QPYS08 a:before,
.class01H28BE2HCC2C0KAMBPCTYWMPK a:before,
.class01H28BERBAEWR1WVEM5FYTR1FZ a:before,
.class01H28BEWSEH3H3N4MHJFTT9EPY a:before,
.class01H28BF32BC0RNQJNYTJ4CVC5R a:before,
.class01H28BFE82VMGN3NF5GZ8Y3H4E a:before,
.class01HWB2D9NNWF1QM6C8G6KPE64V a:before,
.class01H28BF7S69H90TCM9YAKK2HPS a:before,
.class01H28BEWSEH3H3N4MHJFTT9EPY a:before,
.class01HG850BBS5AQ7H82431WR4Q4X a:before,
.class01J4H9MC4A4K7CVV7S37NS6EE1 a:before,
.class01J58GJ5EM8HHEGA29KEF54NFX a:before,
.class01J7GKEB4TPEGAJ8F6NGD05CA9 a:before,
.class01J7GKEB4TPEGAJ8F6NGD05CA9 a:before,
.class01J7XKP0FMBKNJC6E8AV2C0CFA a:before,
.class01J7GKE3D2R22MNX5NC0XWE96T a:before {
    font-family: "Material Symbols outlined";
    font-size: 16px;
    font-weight: 400;
    vertical-align: top;
    margin-right: 3px;
    content: "\f5f4";
}

/* Rainbow's Lab */
.class01HZHV1EJVJAKTRP2SSJ3YQFJY a:before,
.class01J00NG5W2651HMAN85YJZJ1X6 a:before,
.class01J015VMCNACP73JCTBAS6ADN6 a:before {
    font-family: "Material Icons outlined";
    font-size: 16px;
    font-weight: 100;
    vertical-align: middle;
    margin-right: 4px;
    content: "\ea4b";
}

.display-options {
    background-color: #f4f5f6 !important;
    font-size: 13px !important;
    padding: 3px 4px 3px 3px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    user-select: none !important;
    color: rgba(76, 42, 137, 1) !important;
}

.display-options:before {
    font-weight: 200;
    font-family: "Material Icons outlined";
    font-size: 16px;
    vertical-align: sub;
    content: "\e869";
    margin-right: 4px;
}

.translate-article:before {
    font-weight: 200;
    font-family: "Material Icons outlined";
    font-size: 16px;
    vertical-align: sub;
    content: "\e8e2";
    margin-right: 8px;
}

.edit-article:before {
    font-weight: 200;
    font-family: "Material Icons outlined";
    font-size: 16px;
    vertical-align: sub;
    content: "\e3c9";
    margin-right: 8px;
}

.display-label:before {
    font-weight: 200;
    font-family: "Material Icons outlined";
    font-size: 16px;
    vertical-align: sub;
    content: "\e892";
    margin-right: 8px;
}

.labels-panel {
    background-color: #F4F5F6;
    border-radius: 8px;
    padding: 15px;
    margin: 25px 0px 0px 0px;
    display: block;
    grid-area: 4 / 1 / 4 / 3;
}

.labels-panel ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    list-style: none;
    padding: 0px;
}

.labels-panel ul li {
    background-color: white;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 5px 5px 5px 0px;
    border: 1px solid #dee0e3;
    font-size: 14px;
}

.labels-panel ul li a {
    vertical-align: middle;
}

li.modify-labels-link {
    background-color: transparent !important;
    border: 0px !important;
    font-size: 13px;
}

.modify-labels-link:before {
    font-family: "Material Icons outlined";
    font-size: 13px;
    font-weight: 100;
    vertical-align: middle;
    margin-right: 4px;
    color: rgba(76, 42, 137, 1);
    content: "\e145";
}

.article-label {
    border-radius: 4px;
    padding: 2px 5px;
    margin: 2px;
    border: 1px solid #dee0e3;
    font-size: 12px;
    vertical-align: middle;
    text-wrap: nowrap;
}

.callout {
    padding: 12px;
    margin: 25px 0px;
    background-color: #ecedef;
    border-color: rgba(61, 62, 64, 1);
    color: rgba(61, 62, 64, 1);
    border-left-width: 6px;
    border-left-style: solid;
    border-radius: 6px;
    display: block;
}

.callout p:first-child, .callout ul:first-child {
  margin-top:0px;
}

.callout ul:last-child {
  margin: 20px 0px 10px 20px;
}

.callout a, .article-body a{
    border-bottom: 1px dashed rgba(76, 42, 137, 1);
  	padding-bottom:-1px:
  	font-weight:600;
    color: rgba(76, 42, 137, 1) !important;
}

.callout a:hover, .article-body a:hover {
   text-decoration:none;
}


.callout h4 {
    margin: 0px 0px 8px 0px;
    font-size: 17px;
    font-weight: 500;
}

.callout-dashed {
    border-style: dashed;
    border-width: 1px;
}

.callout-translation {
    border: 0px;
    position: relative;
    font-size: 13px;
}

.callout-translation>.material-icons-outlined {
    font-size: 20px;
    vertical-align: bottom;
    margin-right: 5px;
    font-weight: 100;
}

.callout-translation a {
    font-weight: 400;
  	border-bottom: 0px !important;
  	color: rgba(61, 62, 64, 1) !important;
}

.callout-translation a:hover {
    text-decoration: none;
}


.callout-moderate-orange {
    background-color: #ebd3b9;
    border-color: #ca8741;
}

.callout-soft-red {
    background-color: #f7cccc;
    border-color: #e44647;
}

.callout-strong-pink {
    background-color: #ec98c8;
    border-color: #c62582;
}

.callout-soft-violet {
    background-color: #e6d3f9;
    border-color: #9b4ce7;
}

.callout-soft-blue {
    background-color: #e6e8fc;
    border-color: #6573ee;
}

.callout-vivid-blue {
    background-color: #b7d2f6;
    border-color: #1b70e0;
}

.callout-soft-cyan {
    background-color: #e7f6f9;
    border-color: #6ec7d9;
}

.callout-lime-green {
    background-color: #e6f4ec;
    border-color: #98d1b1;
}

.callout-moderate-green {
    background-color: #cbe5b1;
    border-color: #7fbd40;
}

.callout-strong-yellow {
    background-color: #e2eeb2;
    border-color: #b2d334;
}

.callout-bright-yellow {
    background-color: #f2efb5;
    border-color: #dcd232;
}

.callout-pure-yellow {
    background-color: #f4e9c6;
    border-color: #D8AF30;
}

.article-body h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 30px 0px 20px 0px;
    letter-spacing: .07em;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 10px;
}

.article-attachments h2 {
    font-size: 16px;
    font-weight: 500;
    margin: 30px 0px 10px 0px;
    letter-spacing: .07em;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 10px;
}

.article-body h3 {
    font-size: 18px;
    margin: 0px;
    letter-spacing: .05em;
    text-decoration: none;
    margin-top: 30px;
}

.article-body h4 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .05em;
    text-decoration: none;
    border-bottom: 1px solid #dee0e3;
    margin-top: 20px;
    width: fit-content;
}

.article-body hr,
.service-notif-item hr {
    height: 1px;
    background-color: #dee0e3;
    border: none;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 30px;
}

hr.secondary_hr {
    height: 0.5px;
    border: none;
    margin: 0 auto;
    margin-top: 50px;
    width: 40%;
}

.article-body img,
.article-body video {
    height: auto;
    max-width: 100%;
    border: 1px solid #dee0e3;
    border-radius: 8px;
}

.article-body ol {
    margin: 30px 0px 35px 20px;
}

.article-body ol li {
    position: relative;
    list-style-type: none;
    list-style-position: outside;
    counter-increment: list;
    padding: 8px 0px;
    min-height: 40px;
}

article-body ol li ul li {
    position: relative;
    list-style-type: none;
    list-style-position: outside;
    counter-increment: no;
    padding: 8px 0px;
    min-height: 40px;
}


/* for new article */
.article-body ol li:before {
    content: counter(list);
    background: rgba(61, 62, 64, 1);
    border-radius: 50%;
    color: rgba(253, 253, 254, 1);
    position: absolute;
    height: 26px;
    width: 26px;
    text-align: center;
    left: -40px;
    /* 	top: 50%;
  transform: translateY(-50%); */
}

/* for new article */
.article-body ol li ul li:before {
    content: "a";!important
    background: rgba(61, 62, 64, 1);
    border-radius: 50%;
    color: rgba(253, 253, 254, 1);
    position: absolute;
    height: 26px;
    width: 26px;
    text-align: center;
    left: -40px;
    /* 	top: 50%;
  transform: translateY(-50%); */
}

/* For articles copied from old sites */
ol.article-list-color {
    counter-reset: item;
}

ol.article-list-color>li {
    list-style: none;
    position: relative;
}

.article-body ol.article-list-color>li::before {
    content: counter(item) " " !important;
    counter-increment: item !important;
    position: absolute !important;
    left: -40px;
    top: 5px;
    background: rgba(61, 62, 64, 1);
    color: rgba(253, 253, 254, 1);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.article-body ol.article-list-color ul li {
    list-style: disc !important;
}

.article-body ol.article-list-color ul li::before {
    content: "";
    !important;
    background: none !important;
}

.article-body ol ul {
    counter-reset: none;
}

ol.article-list-color ol {
    counter-reset: item;
}

ol.article-list-color ol>li::before {
    content: counter(item) " " !important;
    counter-increment: item !important;
    position: absolute !important;
    left: -32px;
    top: 10px;
    background: rgba(61, 62, 64, 1);
    color: rgba(253, 253, 254, 1);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* ol.article-list-color > li > ul > li{
	list-style-type: square;
  list-style-position: outside;
  counter-increment: none;
	margin: 10px;
  text-indent: 0px;
  margin-left: 0px;
}

ol.article-list-color > li > ul > li:before {
		display:none;
} */

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */

ul.attachments {
    margin: 20px 0px 0px 0px;
    list-style: none;
    padding-left: 0px;
}

.attachments .attachment-item {
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
    color: rgba(76, 42, 137, 1);
    padding-left: 45px;
    border-radius: 6px;
    transition: background .3s ease-in-out;
    background-color: #ecedef;
    user-select: none;
}

.attachments .attachment-item:hover {
    transition: background-color .3s ease-in-out;
    background-color: #f1ecf9;
    text-decoration: none;
}

.attachments .attachment-item:last-child {
    margin-bottom: 0;
}

.attachment-item-icon {
    position: absolute;
    padding: 3px;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
}

.attachment-meta .meta-group {
    display: inline-block;
    margin-left: 10px;
}

[dir="rtl"] .attachments .attachment-item {
    padding-left: 0;
    padding-right: 20px;
}

[dir="rtl"] .attachments .attachment-item .attachment-icon {
    left: auto;
    right: 0;
}

.upload-dropzone span {
    color: #6f7174;
}

/***** Social share links *****/
.share {
    padding: 0;
    white-space: nowrap;
}

.share li,
.share a {
    display: inline-block;
}

.share li {
    height: 25px;
    width: 25px;
}

.share a {
    color: #6f7174;
}

.share a:hover {
    text-decoration: none;
    color: rgba(76, 42, 137, 1);
}

.share a svg {
    height: 18px;
    width: 18px;
    display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.comment-heading,
.recent-articles-title,
.related-articles-title {
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
}

.comment-overview {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px 0;
}

.comment-overview p {
    margin-top: 0;
}

.comment-callout {
    color: #6f7174;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 0;
}

.comment-callout a {
    color: rgba(76, 42, 137, 1);
}

.comment-sorter {
    display: inline-block;
    float: right;
}

.comment-sorter .dropdown-toggle {
    color: #6f7174;
    font-size: 13px;
}

[dir="rtl"] .comment-sorter {
    float: left;
}

.comment-wrapper {
    display: flex;
    position: relative;
}

.comment-wrapper.comment-official {
    border: 1px solid rgba(76, 42, 137, 1);
    padding: 40px 20px 20px;
}

@media (min-width: 800px) {
    .comment-wrapper.comment-official {
        padding-top: 20px;
    }
}

.comment-info {
    min-width: 0;
    padding-right: 20px;
    width: 100%;
}

[dir="rtl"] .comment-info {
    padding-right: 0;
    padding-left: 20px;
}

.comment-author {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

@media (min-width: 800px) {
    .comment-author {
        justify-content: space-between;
    }
}

.comment-avatar {
    margin-right: 10px;
}

[dir="rtl"] .comment-avatar {
    margin-left: 10px;
    margin-right: 0;
}

.comment-meta {
    flex: 1 0 auto;
}

.comment-labels {
    flex-basis: 100%;
}

@media (min-width: 800px) {
    .comment-labels {
        flex-basis: auto;
    }
}

.comment .status-label:not(.status-label-official) {
    margin-top: 10px;
}

@media (min-width: 800px) {
    .comment .status-label:not(.status-label-official) {
        margin-top: 0;
    }
}

.comment-form {
    display: flex;
    padding-top: 30px;
    word-wrap: break-word;
}

.comment-container {
    width: 100%;
}

.comment-form-controls {
    display: none;
    margin-top: 10px;
    text-align: left;
}

@media (min-width: 800px) {
    [dir="ltr"] .comment-form-controls {
        text-align: right;
    }
}

.comment-form-controls input[type="submit"] {
    margin-top: 15px;
}

@media (min-width: 1024px) {
    .comment-form-controls input[type="submit"] {
        margin-left: 15px;
    }

    [dir="rtl"] .comment-form-controls input[type="submit"] {
        margin-left: 0;
        margin-right: 15px;
    }
}

.comment-form-controls input[type="checkbox"] {
    margin-right: 5px;
}

.comment-form-controls input[type="checkbox"] [dir="rtl"] {
    margin-left: 5px;
}

.comment-ccs {
    display: none;
}

.comment-ccs+textarea {
    margin-top: 10px;
}

.comment-attachments {
    margin-top: 10px;
}

.comment-attachments a {
    color: rgba(76, 42, 137, 1);
}

.comment-body {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
    line-height: 1.6;
    overflow-x: auto;
}

.comment-body img {
    height: auto;
    max-width: 100%;
}

.comment-body ul,
.comment-body ol {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
}

[dir="rtl"] .comment-body ul,
[dir="rtl"] .comment-body ol {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px;
}

.comment-body ul>ul,
.comment-body ol>ol,
.comment-body ol>ul,
.comment-body ul>ol,
.comment-body li>ul,
.comment-body li>ol {
    margin: 0;
}

.comment-body ul {
    list-style-type: disc;
}

.comment-body a:visited {
    color: rgba(64, 84, 178, 1);
}

.comment-body code {
    background: #f3f3f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
}

.comment-body pre {
    background: #f3f3f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}

.comment-body blockquote {
    border-left: 1px solid #ddd;
    color: #6f7174;
    font-style: italic;
    padding: 0 15px;
}

.comment-mark-as-solved {
    display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.vote a:active,
.vote a:hover,
.vote a:focus {
    text-decoration: none;
}

.vote-sum {
    color: #6f7174;
    display: block;
    margin: 3px 0;
}

[dir="rtl"] .vote-sum {
    direction: ltr;
    unicode-bidi: bidi-override;
}

.vote-up svg {
    transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
    color: rgba(76, 42, 137, 1);
}

.vote-up,
.vote-down {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #6f7174;
    cursor: pointer;
    min-height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vote-voted {
    color: rgba(76, 42, 137, 1);
}

.vote-voted:hover {
    color: #21123b;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
    text-align: center;
    flex-shrink: 0;
    /*Avoid collapsing elements in Safari*/
}

.actions button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    min-height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/***** Community *****/
.community-hero {
    /*   background-image: url(/hc/theming_assets/01HZKYT9HTH5XQJBRQKMFRBHY4); */
    margin-bottom: 10px;
}

.community-footer {
    padding-top: 50px;
    text-align: center;
}

.community-footer-title {
    font-size: 16px;
    margin-bottom: 20px;
}

.community-featured-posts .title {
    font-size: 18px;
    font-weight: 600;
}

.community-featured-posts,
.community-activity {
    padding-top: 40px;
  	margin-top:50px;
    width: 100%;
}

.community-header {
    margin-bottom: 40px;
}

.community-header .title {
    margin-bottom: 0;
    font-size: 16px;
}

.post-to-community {
    margin-top: 10px;
}

@media (min-width: 800px) {
    .post-to-community {
        margin: 0;
    }
}

/* Community topics grid */
.topics {
    max-width: none;
    width: 100%;
}

.topics-item {
    justify-content: center;
    text-align: left;
}

.topics-item-link {
    padding: 15px 20px;
}

.topics-item-title {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(76, 42, 137, 1);
}

.topics-item .meta-group {
    justify-content: center;
    text-align: center;
  	padding-top: 10px;
}

/* Community topic page */
.topic-header {
    border-bottom: 1px solid #ddd;
    font-size: 13px;
}

@media (min-width: 800px) {
    .topic-header {
        padding-bottom: 10px;
    }
}

.topic-header .dropdown {
    display: block;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

@media (min-width: 800px) {
    .topic-header .dropdown {
        border-top: 0;
        display: inline-block;
        margin-right: 20px;
        padding: 0;
    }
}

.no-posts-with-filter {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
    margin-bottom: 10px;
    width: 100%;
}

@media (min-width: 800px) {
    .community-follow {
        margin-bottom: 0;
        width: auto;
    }
}

.community-follow button {
    line-height: 30px;
    padding: 0 10px 0 15px;
    position: relative;
    width: 100%;
}

@media (min-width: 800px) {
    .community-follow button {
        width: auto;
    }
}

.community-follow button:hover {
    background-color: rgba(76, 42, 137, 1);
}

.community-follow button:hover::after,
.community-follow button:focus::after {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.community-follow button[data-selected="true"] {
    background-color: rgba(76, 42, 137, 1);
    color: #FFFFFF;
}

.community-follow button[data-selected="true"]::after {
    border-left: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.community-follow button[data-selected="true"]:hover {
    background-color: #21123b;
    border-color: #21123b;
}

.community-follow button::after {
    border-left: 1px solid rgba(76, 42, 137, 1);
    content: attr(data-follower-count);
    color: rgba(76, 42, 137, 1);
    display: inline-block;
    font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
    margin-left: 15px;
    padding-left: 10px;
    position: absolute;
    right: 10px;
}

@media (min-width: 800px) {
    .community-follow button::after {
        position: static;
    }
}

[dir="rtl"] .community-follow button::after {
    border-left: 0;
    border-right: 1px solid rgba(76, 42, 137, 1);
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
    padding: 0;
}

.striped-list-item {
    align-items: flex-start;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 0;
}

@media (min-width: 800px) {
    .striped-list-item {
        align-items: center;
        flex-direction: row;
    }
}

.striped-list-info {
    flex: 2;
}

.striped-list-title {
    color: rgba(107, 72, 157, 1);
    margin-bottom: 10px;
    margin-right: 5px;
}

.striped-list-title:hover,
.striped-list-title:focus,
.striped-list-title:active {
    text-decoration: underline;
}

.striped-list-title:visited {
    color: rgba(64, 84, 178, 1);
}

.striped-list .meta-group {
    margin: 5px 0;
}

.striped-list-count {
    color: #6f7174;
    font-size: 13px;
    justify-content: flex-start;
    text-transform: capitalize;
}

@media (min-width: 800px) {
    .striped-list-count {
        display: flex;
        flex: 1;
        justify-content: space-around;
    }
}

.striped-list-count-item::after {
    content: "·";
    display: inline-block;
    padding: 0 5px;
}

@media (min-width: 800px) {
    .striped-list-count-item::after {
        display: none;
    }
}

.striped-list-count-item:last-child::after {
    display: none;
}

.striped-list-number {
    text-align: center;
}

@media (min-width: 800px) {
    .striped-list-number {
        color: rgba(61, 62, 64, 1);
        display: block;
    }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
    background-color: #038153;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-right: 2px;
    padding: 3px 10px;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
}

.status-label:hover,
.status-label:active,
.status-label:focus {
    text-decoration: none;
}

.status-label-pinned,
.status-label-featured,
.status-label-official {
    background-color: rgba(76, 42, 137, 1);
}

.status-label-official {
    border-radius: 0;
    margin-right: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}

@media (min-width: 800px) {
    .status-label-official {
        border-radius: 0 0 4px 4px;
        right: 30px;
        width: auto;
    }
}

[dir="rtl"] .status-label-official {
    left: 30px;
    right: auto;
}

.status-label-not-planned,
.status-label-closed {
    background-color: #e9ebed;
    color: #6f7174;
}

.status-label-pending,
.status-label-pending-moderation {
    background-color: #1f73b7;
    text-align: center;
}

.status-label-open {
    background-color: #c72a1c;
}

.status-label-solved {
    background-color: #68737d;
}

.status-label-new {
    background-color: #ffb648;
    color: #703b15;
}

.status-label-hold {
    background-color: #000;
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
    flex: 1;
    margin-bottom: 10px;
}

@media (min-width: 1024px) {
    .post {
        flex: 1 0 70%;
        max-width: 70%;
    }
}

.post-container {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .post-container {
        flex-direction: row;
    }
}

.post-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 10px;
}

@media (min-width: 800px) {
    .post-header {
        align-items: baseline;
        flex-direction: row;
    }
}

.post-header .status-label {
    vertical-align: super;
}

.post-title {
    margin-bottom: 20px;
    width: 100%;
}

@media (min-width: 800px) {
    .post-title {
        margin-bottom: 0;
        padding-right: 10px;
    }
}

.post-title h1 {
    display: inline;
    vertical-align: middle;
}

@media (min-width: 800px) {
    .post-title h1 {
        margin-right: 5px;
    }
}

.post-author {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

.post-avatar {
    margin-bottom: 30px;
}

.post-content {
    font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
    line-height: 1.6;
    word-break: break-word;
}

.post-info-container {
    display: flex;
    margin-bottom: 40px;
}

.post-info {
    min-width: 0;
    padding-right: 20px;
    width: 100%;
}

[dir="rtl"] .post-info {
    padding-right: 0;
    padding-left: 20px;
}

.post-meta {
    display: inline-block;
    flex: 1;
    margin-left: 10px;
    vertical-align: middle;
}

[dir="rtl"] .post-meta {
    margin-left: 0;
    margin-right: 10px;
}

.post-body img {
    height: auto;
    max-width: 100%;
}

.post-body ul,
.post-body ol {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
}

[dir="rtl"] .post-body ul,
[dir="rtl"] .post-body ol {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px;
}

.post-body ul>ul,
.post-body ol>ol,
.post-body ol>ul,
.post-body ul>ol,
.post-body li>ul,
.post-body li>ol {
    margin: 0;
}

.post-body ul {
    list-style-type: disc;
}

.post-body a:visited {
    color: rgba(64, 84, 178, 1);
}

.post-body code {
    background: #f3f3f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
}

.post-body pre {
    background: #f3f3f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}

.post-body blockquote {
    border-left: 1px solid #ddd;
    color: #6f7174;
    font-style: italic;
    padding: 0 15px;
}

.post-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.post-comment-count {
    color: #6f7174;
}

.post-comment-count:hover {
    text-decoration: none;
}

.post-comment-count .icon-comments {
    color: rgba(76, 42, 137, 1);
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 5px;
    vertical-align: middle;
}

.post-sidebar {
    border-top: 1px solid #ddd;
    flex: 1;
    padding: 30px 0;
    text-align: center;
}

@media (min-width: 1024px) {
    .post-sidebar {
        border: 0;
        flex: 1 0 30%;
        padding: 0 0 0 50px;
        text-align: initial;
    }

    [dir="rtl"] .post-sidebar {
        padding: 0 50px 0 0;
    }
}

.post-sidebar-title {
    font-size: 18px;
    font-weight: 600;
}

.post-comments {
    margin-bottom: 20px;
}

@media (min-width: 1024px) {
    .post-comments {
        margin-bottom: 0;
    }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
    background-color: #04444d;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 0px 8px;
    vertical-align: top;
    white-space: nowrap;
    display: inline-flex;
    line-height: 18px;
    vertical-align: middle;
}

.profile-info .community-badge-title {
    padding: 2px 8px;
    line-height: 20px;
}

.community-badge-container-achievements {
    display: flex;
}

.community-badge-container-achievements>.community-badge-titles {
    margin-left: calc(28px - 0.5em);
}

[dir="rtl"] .community-badge-container-achievements>.community-badge-titles {
    margin-right: calc(28px - 0.5em);
}

.community-name-and-title-badges {
    display: flex;
    flex-wrap: wrap;
}

.community-badge {
    margin: 2px;
}

.community-badge-achievements {
    display: block;
    height: 16px;
    white-space: nowrap;
    width: 16px;
}

.profile-info .community-badge-achievements {
    height: 40px;
    width: 40px;
}

.community-title-badges {
    flex-basis: 100%;
    margin-top: 15px;
}

.community-badge-achievements-rest {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
}

.community-badge-achievements img {
    width: 100%;
    height: 100%;
}

.community-badge-titles img {
    width: 20px;
    height: 20px;
}

.profile-info .community-badge-achievements-rest {
    line-height: 40px;
    font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
    flex-direction: column;
    font-size: 14px;
    position: relative;
}

@media (min-width: 800px) {
    .collapsible-nav {
        flex-direction: row;
    }
}

.collapsible-nav-border {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

@media (min-width: 800px) {
    .collapsible-nav-border {
        border-top: 0;
    }
}

.collapsible-nav-toggle {
    top: calc(45px / 2);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    padding: 0;
    border: 0;
    background: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

@media (min-width: 800px) {
    .collapsible-nav-toggle {
        display: none;
    }
}

[dir="rtl"] .collapsible-nav-toggle {
    left: 0;
    right: auto;
}

.collapsible-nav-toggle-icon {
    display: none;
}

.collapsible-nav-toggle[aria-expanded="false"] .chevron-icon {
    display: inline-block;
}

.collapsible-nav-toggle[aria-expanded="true"] .x-icon {
    display: inline-block;
}

.collapsible-nav-toggle:focus {
    outline: none;
    border: 1px solid rgba(76, 42, 137, 1);
}

.collapsible-nav-list {
    display: flex;
    flex-direction: column;
}

@media (min-width: 800px) {
    .collapsible-nav-list {
        flex-direction: row;
    }
}

.collapsible-nav-list li {
    color: rgba(61, 62, 64, 1);
    line-height: 45px;
    order: 1;
}

@media (min-width: 800px) {
    .collapsible-nav-list li {
        line-height: normal;
        margin-right: 30px;
    }

    [dir="rtl"] .collapsible-nav-list li {
        margin-left: 30px;
        margin-right: 0;
    }

    .collapsible-nav-list li a {
        text-decoration: none;
        padding: 15px 0;
    }
}

.collapsible-nav-list li a {
    color: rgba(61, 62, 64, 1);
    display: block;
}

@media (min-width: 800px) {
    .collapsible-nav-list li:hover {
        border-bottom: 4px solid #ddd;
    }

    .collapsible-nav-list li:hover a:not([aria-current="page"]) {
        padding: 15px 0 11px 0;
        text-decoration: none;
    }
}

.collapsible-nav-list li:not([aria-selected="true"]),
.collapsible-nav-list li:not(.current) {
    display: none;
}

@media (min-width: 800px) {

    .collapsible-nav-list li:not([aria-selected="true"]),
    .collapsible-nav-list li:not(.current) {
        display: block;
    }
}

@media (min-width: 800px) {
    .collapsible-nav-list li[aria-selected="true"] {
        padding: 15px 0 11px 0;
    }
}

.collapsible-nav-list li[aria-selected="true"],
.collapsible-nav-list li.current {
    order: 0;
    position: relative;
}

@media (min-width: 800px) {

    .collapsible-nav-list li[aria-selected="true"],
    .collapsible-nav-list li.current {
        border-bottom: 4px solid rgba(76, 42, 137, 1);
        order: 1;
    }
}

.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
    color: rgba(61, 62, 64, 1);
}

.collapsible-nav[aria-expanded="true"] li:not([aria-selected="true"]),
.collapsible-nav[aria-expanded="true"] li:not(.current) {
    display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
    flex: 1;
    max-height: 45px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}

@media (min-width: 1024px) {
    .collapsible-sidebar {
        max-height: none;
        padding: 0;
    }
}

.collapsible-sidebar-title {
    margin-top: 0;
}

.collapsible-sidebar-toggle {
    position: absolute;
    top: calc(45px / 2);
    transform: translateY(-50%);
    right: 0;
    padding: 0;
    border: 0;
    background: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

@media (min-width: 1024px) {
    .collapsible-sidebar-toggle {
        display: none;
    }
}

[dir="rtl"] .collapsible-sidebar-toggle {
    left: 0;
    right: auto;
}

.collapsible-sidebar-toggle-icon {
    display: none;
}

.collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
    display: inline-block;
}

.collapsible-sidebar-toggle[aria-expanded="true"] .x-icon {
    display: inline-block;
}

.collapsible-sidebar-toggle:focus {
    outline: none;
    border: 1px solid rgba(76, 42, 137, 1);
}

.collapsible-sidebar-body {
    display: none;
}

@media (min-width: 1024px) {
    .collapsible-sidebar-body {
        display: block;
    }
}

.collapsible-sidebar[aria-expanded="true"] {
    max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body {
    display: block;
}

/***** My activities *****/
.my-activities-nav {
    background-color: #ececf6;
    margin-bottom: 20px;
}

.my-activities-sub-nav {
    margin-bottom: 30px;
}

.my-activities-table .striped-list-title {
    /* My activities tables */
    display: block;
    margin-bottom: 10px;
    max-width: 350px;
    white-space: normal;
}

@media (min-width: 1024px) {
    .my-activities-table .striped-list-title {
        margin-bottom: 0;
        max-width: 500px;
        min-width: 350px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.my-activities-table thead {
    display: none;
}

@media (min-width: 800px) {
    .my-activities-table thead {
        display: table-header-group;
    }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
    padding-left: 0;
}

@media (min-width: 1024px) {

    .my-activities-table th:first-child,
    .my-activities-table td:first-child {
        width: 500px;
    }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
    padding-right: 0;
}

.my-activities-table td:not(:first-child) {
    display: none;
}

@media (min-width: 800px) {
    .my-activities-table td:not(:first-child) {
        display: table-cell;
    }
}

/* Requests table */
.requests-search {
    width: 100%;
}

.requests-table-toolbar {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}

@media (min-width: 800px) {
    .requests-table-toolbar {
        flex-direction: row;
    }
}

.requests-table-toolbar .search {
    flex: 1;
    width: 100%;
}

.requests-table-toolbar .request-table-filter {
    width: 100%;
}

@media (min-width: 800px) {
    .requests-table-toolbar .request-table-filter {
        width: auto;
    }
}

.requests-table-toolbar .request-filter {
    display: block;
}

@media (min-width: 800px) {
    .requests-table-toolbar .request-filter {
        margin: 0 0 0 30px;
    }

    [dir="rtl"] .requests-table-toolbar .request-filter {
        margin: 0 30px 0 0;
    }
}

.requests-table-toolbar .request-filter-label {
    font-size: 13px;
    margin-top: 30px;
}

@media (min-width: 800px) {
    .requests-table-toolbar .request-filter-label {
        margin-top: 0;
    }
}

.requests-table-toolbar select {
    max-height: 40px;
    margin-bottom: 30px;
    width: 100%;
}

@media (min-width: 800px) {
    .requests-table-toolbar select {
        margin-bottom: 0;
        max-width: 300px;
        width: auto;
    }
}

@media (min-width: 800px) {
    .requests-table-toolbar .organization-subscribe {
        margin-left: 10px;
    }

    [dir="rtl"] .requests-table-toolbar .organization-subscribe {
        margin: 0 10px 0 0;
    }
}

.requests-table-toolbar .organization-subscribe button {
    line-height: 40px;
    max-height: 40px;
    padding: 0 20px;
}

.requests-table-toolbar+.requests-search-info {
    margin-top: 15px;
}

.requests-table-toolbar+.requests-search-info.meta-data::after {
    content: "";
    margin: 0;
}

.requests-table-toolbar+.requests-search-info+.requests {
    margin-top: 20px;
}

.requests-table-toolbar+.requests {
    margin-top: 40px;
}

.requests .requests-table-meta {
    display: block;
}

@media (min-width: 800px) {
    .requests .requests-table-meta {
        display: none;
    }
}

.requests .requests-table thead {
    display: none;
}

@media (min-width: 800px) {
    .requests .requests-table thead {
        display: table-header-group;
    }
}

.requests .requests-table-info {
    display: block;
}

@media (min-width: 800px) {
    .requests .requests-table-info {
        display: table-cell;
        vertical-align: middle;
        width: auto;
    }
}

.requests .requests-table .requests-link {
    position: relative;
}

.requests .requests-table .requests-sort-symbol {
    position: absolute;
    left: calc(100% + 3px);
    bottom: 0;
    font-size: 10px;
}

/* Following table */
@media (min-width: 800px) {
    .subscriptions-subscribe button {
        width: auto;
    }
}

.subscriptions-table td:last-child {
    display: block;
}

@media (min-width: 800px) {
    .subscriptions-table td:last-child {
        display: table-cell;
    }
}

.subscriptions-table td:first-child {
    display: flex;
    align-items: center;
}

.subscriptions-table .user-avatar {
    margin-right: 10px;
}

.subscriptions .striped-list-title {
    display: inline-block;
    vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
    color: #6f7174;
    font-size: 13px;
}

@media (min-width: 800px) {
    .contributions-table td:last-child {
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
    }
}

.no-activities {
    color: #6f7174;
}

/***** Request *****/
.request-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 1024px) {
    .request-container {
        align-items: flex-start;
        flex-direction: row;
    }
}

.request-container .comment-container {
    min-width: 0;
}

.request-breadcrumbs {
    margin-bottom: 40px;
}

@media (min-width: 1024px) {
    .request-breadcrumbs {
        margin-bottom: 60px;
    }
}

.request-main {
    flex: 1 0 auto;
    order: 1;
}

.request-main .comment-fields,
.request-main .request-submit-comment {
    display: none;
}

.request-main .comment-fields.shown {
    display: block;
}

.request-main .request-submit-comment.shown {
    display: inline;
}

@media (min-width: 1024px) {
    .request-main {
        flex: 0 0 66%;
        order: 0;
        min-width: 0;
    }
}

.request-main .comment-form-controls {
    display: block;
}

.request-main .comment-ccs {
    display: block;
}

.request-main .comment-show-container {
    border-radius: 2px;
    border: 1px solid #ddd;
    color: #6f7174;
    text-align: inherit;
    padding: 8px 25px;
    width: 100%;
}

.request-main .comment-show-container.hidden {
    display: none;
}

.request-main .form-field.comment-ccs>ul {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

.request-main .form-field.comment-ccs>ul[data-hc-focus="true"] {
    border: 1px solid rgba(76, 42, 137, 1);
}

.request-main .form-field.comment-ccs>input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

.request-main .comment-ccs+textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
}

.request-main .comment-ccs+textarea:focus {
    border-top: 1px solid rgba(76, 42, 137, 1);
}

.request-main input#mark_as_solved {
    display: none;
}

.request-title {
    width: 100%;
}

@media (min-width: 1024px) {
    .request-title {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
        max-width: 66%;
        padding-bottom: 20px;
    }
}

.request-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    order: 0;
}

@media (min-width: 1024px) {
    .request-sidebar {
        background-color: #f3f3f9;
        border: 0;
        font-size: 13px;
        flex: 0 0 auto;
        padding: 0 20px;
        width: 30%;
    }
}

.request-sidebar h2 {
    font-size: 15px;
    font-weight: 600;
    position: relative;
}

@media (min-width: 1024px) {
    .request-sidebar h2 {
        display: none;
    }
}

.request-details {
    border-bottom: 1px solid #ddd;
    font-size: 0;
    margin: 0;
    padding-bottom: 20px;
}

.request-details:last-child {
    border: 0;
}

.request-details dt,
.request-details dd {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    margin: 20px 0 0 0;
}

.request-details dd {
    padding: 0 10px;
    width: 60%;
}

.request-details dd::after {
    content: "\A";
    white-space: pre;
}

.request-details dt {
    color: #6f7174;
    width: 40%;
}

.request-details .request-collaborators {
    display: inline-block;
}

.request-attachments dt,
.request-attachments dd {
    width: 100%;
}

.request-attachments dd {
    margin: 10px 0 0 0;
}

.request-form textarea {
    min-height: 120px;
}

.request-follow-up {
    padding-top: 20px;
}

/***** Pagination *****/
.pagination {
    margin: 20px 0;
    text-align: center;
}

.pagination-next,
.pagination-prev,
.pagination-first,
.pagination-last {
    display: inline-block;
}

.pagination-first-link,
.pagination-last-link {
    padding: 0 10px;
}

.pagination-first-text,
.pagination-last-text {
    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;
}

.pagination-next-link {
    padding-right: 10px;
}

.pagination-next-text {
    margin-right: 10px;
}

[dir="rtl"] .pagination-next-link {
    padding-left: 10px;
}

[dir="rtl"] .pagination-next-text {
    margin-left: 10px;
}

.pagination-prev-link {
    padding-left: 10px;
}

.pagination-prev-text {
    margin-left: 10px;
}

[dir="rtl"] .pagination-prev-link {
    padding-right: 10px;
}

[dir="rtl"] .pagination-prev-text {
    margin-right: 10px;
}

/***** Metadata *****/
.meta-group {
    display: block;
}

.meta-group-opposite {
    float: right;
}

[dir="rtl"] .meta-group-opposite {
    float: left;
}

.meta-group * {
    display: inline;
}

.meta-data {
    color: #6f7174;
    font-size: 13px;
}

.meta-data:not(:last-child)::after {
    content: "\00B7";
    margin: 0 5px;
}

/* User Profiles */
.profile-header {
    padding: 30px 0;
    background-color: #f3f3f9;
}

.profile-header .container {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 800px) {
    .profile-header .container {
        flex-wrap: nowrap;
    }
}

.profile-header .profile-info {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
}

.profile-avatar {
    position: relative;
    line-height: 0;
    align-self: center;
    margin-right: 10px;
}

[dir="rtl"] .profile-avatar {
    margin-left: 10px;
    margin-right: 0;
}

.profile-avatar .user-avatar {
    width: 80px;
    height: 80px;
}

.profile-avatar .icon-agent {
    bottom: 0;
    right: 0;
}

.profile-header .basic-info {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 0;
}

.profile-header .basic-info .name {
    margin: 0;
    line-height: 25px;
}

.profile-header .options {
    display: flex;
    flex-basis: 100%;
    margin-top: 12px;
    align-items: flex-start;
    flex-wrap: wrap;
}

@media (min-width: 800px) {
    .profile-header .options {
        flex-wrap: nowrap;
        flex-basis: auto;
        margin-top: 0;
        margin-left: 10px;
    }

    [dir="rtl"] .profile-header .options {
        margin-left: 0;
        margin-right: 10px;
    }

    .profile-header .options> :not(:last-child) {
        margin-bottom: 0;
        margin-right: 10px;
    }

    [dir="rtl"] .profile-header .options> :not(:last-child) {
        margin-left: 10px;
        margin-right: 0;
    }
}

.user-profile-actions {
    width: 100%;
    margin-bottom: 15px;
}

.profile-header .description {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    margin: 15px 0;
    flex-basis: 100%;
}

.profile-stats {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}

.profile-stats .stat {
    display: flex;
    margin-bottom: 10px;
}

.profile-stats .stat-label {
    color: #6f7174;
    flex: 0 0 100px;
    margin-right: 10px;
}

[dir="rtl"] .profile-stats .stat-label {
    margin-left: 10px;
    margin-right: 0;
}

.profile-stats-activity {
    border-top: solid 1px #ddd;
    margin-top: 15px;
}

@media (min-width: 800px) {
    .profile-stats-activity {
        border-top: 0;
        flex-direction: row;
    }
}

@media (min-width: 800px) {
    .profile-stats-activity .stat {
        flex-direction: column;
    }
}

.profile-stats-activity .stat:first-child {
    margin-top: 10px;
}

@media (min-width: 800px) {
    .profile-stats-activity .stat:first-child {
        margin-top: 0;
    }
}

@media (min-width: 800px) {
    .profile-stats-activity .stat:not(:last-child) {
        margin-right: 40px;
    }

    [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
        margin-left: 40px;
        margin-right: 0;
    }
}

@media (min-width: 800px) {
    .profile-stats-activity .stat-label {
        flex: 0 1 auto;
    }
}

.profile-stats-counters {
    border-bottom: solid 1px #ddd;
}

@media (min-width: 800px) {
    .profile-stats-counters {
        flex: 0 0 200px;
        border-bottom: 0;
        margin-left: 40px;
    }

    [dir="rtl"] .profile-stats-counters {
        margin-left: 0;
        margin-right: 40px;
    }
}

@media (min-width: 1024px) {
    .profile-stats-counters {
        flex: 0 0 270px;
        margin-left: 60px;
    }

    [dir="rtl"] .profile-stats-counters {
        margin-right: 60px;
        margin-left: 0;
    }
}

@media (min-width: 800px) {
    .profile-stats-counters .stat {
        flex-direction: column;
    }
}

@media (min-width: 1024px) {
    .profile-stats-counters .stat {
        flex-direction: row;
    }
}

@media (min-width: 800px) {
    .profile-stats-counters .stat:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media (min-width: 800px) {
    .profile-stats-counters .stat-label {
        flex: 0 1 auto;
    }
}

@media (min-width: 1024px) {
    .profile-stats-counters .stat-label {
        flex: 0 0 100px;
    }
}

.profile-private-badge {
    flex-basis: 100%;
    border: solid 1px rgba(76, 42, 137, 1);
    border-radius: 4px;
    color: rgba(76, 42, 137, 1);
    padding: 5px 20px;
    font-size: 12px;
    text-align: center;
}

.profile-private-badge .profile-private-icon {
    margin-left: 5px;
    line-height: 15px;
}

@media (min-width: 800px) {
    .profile-private-badge {
        flex-basis: auto;
    }
}

.profile-nav {
    background-color: #ececf6;
    margin-bottom: 37px;
}

.profile-section {
    width: 100%;
}

@media (min-width: 1024px) {
    .profile-section {
        width: calc(100% - 330px);
    }
}

.profile-section-header {
    display: flex;
    flex-wrap: wrap;
}

.profile-section-title {
    flex-basis: 100%;
    margin-bottom: 0;
}

.profile-section-description {
    flex-basis: 100%;
    padding: 10px 0;
    color: #6f7174;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 800px) {
    .profile-section-description {
        flex: 1 0 50%;
        padding-bottom: 0;
    }
}

.profile-section-sorter {
    flex-basis: 100%;
    border-top: solid 1px #eee;
    font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
    padding: 10px 0;
    width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
    position: absolute;
    right: 0;
}

[dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
    left: 0;
    right: initial;
}

@media (min-width: 800px) {
    .profile-section-sorter .dropdown-toggle::after {
        position: relative;
    }
}

@media (min-width: 800px) {
    .profile-section-sorter {
        flex: 0 1 auto;
        padding-top: 0;
        border-top: 0;
        margin-left: 20px;
    }

    [dir="rtl"] .profile-section-sorter {
        margin-left: 0;
        margin-right: 20px;
    }
}

.profile-badges-items {
    margin-top: 25px;
}

.profile-badges-item {
    border-top: 1px solid #ddd;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: flex-start;
    padding: 27px 12px;
}

.profile-badges-item>div {
    padding-right: 12px;
    padding-left: 12px;
}

.profile-badges-item-image {
    height: 40px;
    width: 40px;
    margin-right: 12px;
}

.profile-badges-item-image img {
    max-height: 40px;
}

[dir="rtl"] .profile-badges-item-image {
    margin-left: 12px;
    margin-right: 0;
}

.profile-badges-item-title,
.profile-badges-item-metadata-title {
    font-size: 15px;
    margin-bottom: 10px;
}

.profile-badges-item-title {
    font-weight: 600;
}

.profile-badges-item-description,
.profile-badges-item-metadata-description {
    color: #6f7174;
    font-size: 13px;
    margin: 0;
}

.profile-badges-item-metadata {
    margin-left: auto;
    text-align: right;
}

[dir="rtl"] .profile-badges-item-metadata {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

.profile-contribution {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    padding: 20px 0;
    position: relative;
}

.profile-contribution-header {
    margin-bottom: 5px;
}

.profile-contribution-title {
    margin: 0 0 5px 0;
    display: inline;
    line-height: 21px;
    font-size: 15px;
    vertical-align: middle;
}

.profile-contribution-body {
    margin: 10px 0;
}

.profile-contribution-list>.profile-contribution {
    border-top: 1px solid #eee;
}

@media (min-width: 800px) {
    .profile-contribution-list>.profile-contribution {
        padding-left: 30px;
    }

    [dir="rtl"] .profile-contribution-list>.profile-contribution {
        padding-right: 30px;
        padding-left: 0;
    }
}

.profile-contribution-list>.profile-contribution:last-child {
    border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
    left: 0;
    position: absolute;
    color: #ccc;
    line-height: 25px;
}

[dir="rtl"] .profile-contribution-icon {
    right: 0;
}

.profile-contribution-icon svg {
    vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
    margin-left: 30px;
}

[dir="rtl"] .profile-contribution-list .profile-contribution-header {
    padding-right: 30px;
    padding-left: 0;
}

@media (min-width: 800px) {
    .profile-contribution-list .profile-contribution-header {
        margin-left: 0;
    }

    [dir="rtl"] .profile-contribution-list .profile-contribution-header {
        padding-right: 0;
    }
}

.profile-comments .profile-contribution-breadcrumbs {
    margin-left: 30px;
}

[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 30px;
    padding-left: 0;
}

@media (min-width: 800px) {
    .profile-comments .profile-contribution-breadcrumbs {
        margin-left: 0;
    }

    [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
        padding-right: 0;
    }
}

.profile-section .no-activity,
.profile-section .private-activity {
    display: block;
    margin-top: 40px;
    color: #999;
}

.private-activity-icon {
    margin-right: 10px;
}

[dir="rtl"] .private-activity-icon {
    margin-right: 0;
    margin-left: 10px;
}

.profile-activity-list {
    margin-top: 25px;
}

.profile-activity {
    position: relative;
    padding-bottom: 30px;
}

@media (min-width: 800px) {
    .profile-activity {
        padding-left: 20px;
    }

    [dir="rtl"] .profile-activity {
        padding-right: 20px;
        padding-left: 0;
    }
}

@media (min-width: 800px) {
    .profile-activity:not(:last-child) {
        border-left: 1px solid #ddd;
    }

    [dir="rtl"] .profile-activity:not(:last-child) {
        border-left: 0;
        border-right: 1px solid #ddd;
    }
}

.profile-activity-header {
    display: flex;
    align-items: center;
    margin-left: 35px;
}

[dir="rtl"] .profile-activity-header {
    margin-left: 0;
    margin-right: 35px;
}

@media (min-width: 800px) {
    .profile-activity-header {
        margin-left: 0;
    }

    [dir="rtl"] .profile-activity-header {
        margin-right: 0;
    }
}

.profile-activity-header .user-avatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    min-width: 40px;
    align-self: flex-start;
}

[dir="rtl"] .profile-activity-header .user-avatar {
    margin-left: 10px;
    margin-right: 0;
}

.profile-activity-description {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    margin: 0;
    min-width: 0;
    width: 100%;
}

.profile-activity-description span:first-child {
    font-weight: 600;
    display: inline;
}

.profile-activity-contribution {
    padding: 20px;
    margin-top: 10px;
    border-radius: 8px;
    background-color: #f3f3f9;
}

@media (min-width: 800px) {
    .profile-activity-contribution {
        margin-top: 0;
        margin-left: 50px;
    }

    [dir="rtl"] .profile-activity-contribution {
        margin-left: 0;
        margin-right: 50px;
    }
}

.profile-activity-icon {
    position: absolute;
    left: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-color: rgba(253, 253, 254, 1);
    background-position: 50% 50%;
    text-align: center;
    color: #ccc;
}

[dir="rtl"] .profile-activity-icon {
    right: 0;
}

@media (min-width: 800px) {
    .profile-activity-icon {
        left: -14px;
    }

    [dir="rtl"] .profile-activity-icon {
        right: -14px;
    }
}

.profile-activity-icon svg {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
    margin: auto;
}

/***** Search results *****/
.search-results {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 1024px) {
    .search-results {
        flex-direction: row;
    }
}

.search-results-column {
    flex: 1;
}

@media (min-width: 1024px) {
    .search-results-column {
        flex: 0 0 75%;
    }
}

.search-results-sidebar {
    /*   border-top: 1px solid #ddd; */
    flex: 1 0 auto;
    margin-bottom: 20px;
    padding: 0;
}

@media (min-width: 1024px) {
    .search-results-sidebar {
        /*     border: 0; */
        height: auto;
        flex: 0 0 20%;
        border-right: 1px solid #dee0e3;
        padding-right: 30px;
        padding-top: 20px;
    }
}

.search-results-sidebar .sidenav-item:hover,
.search-results-sidebar .sidenav-item.current {
    background-color: #e9ebed;
    color: inherit;
    text-decoration: none;
}

.search-results-sidebar .sidenav-subitem {
    unicode-bidi: embed;
}

.search-results-sidebar .collapsible-sidebar {
    margin-bottom: 30px;
}

.search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
    display: none;
}

@media (min-width: 1024px) {
    .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
        display: block;
    }
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n + 6) {
    display: none;
}

.search-results-sidebar .multibrand-filter-list .doc-count {
    color: #666;
}

.search-results-sidebar .see-all-filters {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    padding: 10px;
    color: rgba(107, 72, 157, 1);
}

.search-results-sidebar .see-all-filters[aria-hidden="true"] {
    display: none;
}

.search-results-sidebar .see-all-filters:hover {
    text-decoration: underline;
}

.search-results-sidebar .see-all-filters::after {
    content: ' \2304';
    font-weight: bold;
}

.search-results-subheading {
    font-size: 18px;
    font-weight: 600;
}

.search-results-list {
    margin-bottom: 25px;
}

.search-results-list>li {
    padding: 20px 0;
}

.search-results-list>li:first-child {
    /*   border-top: 1px solid #ddd; */
}

.search-results-list>li h2 {
    margin-bottom: 0;
}

.search-results .meta-group {
    display: block;
    align-items: center;
    clear: both;
    color: #666;
}

@media (min-width: 1024px) {
    .search-results .meta-group {
        display: flex;
    }
}

.search-results .meta-group>li {
    display: block;
}

@media (min-width: 1024px) {
    .search-results .meta-group>li {
        display: inline;
    }
}

@media (min-width: 1024px) {
    .search-results .meta-group li:first-child {
        flex: 1;
    }
}

.search-results .meta-group .meta-data {
    color: inherit;
}

[dir="ltr"] .search-results .meta-group .meta-data:not(:last-child) {
    margin-right: 20px;
}

[dir="rtl"] .search-results .meta-group .meta-data:not(:last-child) {
    margin-left: 20px;
}

.search-results .meta-group .meta-data::after {
    content: none;
}

.search-results-description {
    margin-top: 10px;
    word-break: break-word;
}

.search-result-title {
    font-size: 16px;
    display: inline-block;
}

[dir="ltr"] .search-result-icons {
    float: right;
}

[dir="rtl"] .search-result-icons {
    float: left;
}

.search-result-votes,
.search-result-meta-count {
    color: #6f7174;
    display: inline-block;
    font-size: 13px;
    padding: 4px 5px;
    position: relative;
}

.search-result-votes-icon,
.search-result-meta-count-icon {
    color: rgba(76, 42, 137, 1);
    vertical-align: middle;
    width: 13px;
    height: 13px;
}

[dir="ltr"] .search-result-votes,
[dir="ltr"] .search-result-meta-count {
    margin-left: 5px;
}

[dir="ltr"] .search-result-votes::before,
[dir="ltr"] .search-result-meta-count::before {
    margin-right: 3px;
}

[dir="rtl"] .search-result-votes,
[dir="rtl"] .search-result-meta-count {
    margin-right: 5px;
}

[dir="rtl"] .search-result-votes::before,
[dir="rtl"] .search-result-meta-count::before {
    margin-left: 3px;
}

.search-result .meta-group {
    align-items: center;
}

.search-result-breadcrumbs {
    margin: 0;
}

@media (min-width: 1024px) {
    .search-result-breadcrumbs {
        display: table-row;
    }
}

@media (min-width: 1024px) {
    .search-result-breadcrumbs li {
        display: table-cell;
    }
}

.search-result-breadcrumbs li,
.search-result-breadcrumbs li a,
.search-result-breadcrumbs li a:visited {
    color: inherit;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
    font-style: normal;
    font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|="zh"] .search-results-description em {
    font-style: normal;
    background: yellow;
}

/***** Notifications *****/
.notification {
    border: 1px solid;
    display: table;
    font-family: sans-serif;
    font-size: 12px;
    padding: 13px 15px;
    transition: height .2s;
    width: 100%;
    color: #555;
}

.notification a {
    color: #158ec2;
}

.notification-inner {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 980px;
}

.notification-icon,
.notification-text,
.notification-dismiss {
    display: table-cell;
    vertical-align: middle;
}

.notification-text {
    padding: 0 15px;
    width: 100%;
}

.notification+.notification {
    margin-bottom: -1px;
    position: relative;
    top: -1px;
}

/* Error */
.notification-error {
    background: #ffeded;
    border-color: #f7cbcb;
}

.notification-error .notification-icon::before,
.notification-error .notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
    background: #dbf3ff;
    border-color: #b5e0f5;
}

.notification-notice .notification-icon::before,
.notification-notice .notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
    color: #ad5e18;
    background: #fff8ed;
    border-color: #fcdba9;
}

.notification-alert .notification-icon::before,
.notification-alert .notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before,
.notification-inline.notification-error::before {
    background-size: cover;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss,
a.notification-dismiss {
    color: #555;
    cursor: pointer;
    opacity: .6;
    transition: opacity 100ms ease;
    text-decoration: none !important;
}

.notification-dismiss:hover {
    opacity: 1;
}

/* Inline notifications */
.notification-inline {
    border-radius: 4px;
    line-height: 14px;
    margin-top: 5px;
    padding: 5px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

[dir="rtl"] .notification-inline {
    text-align: right;
}

.notification-inline[aria-hidden="true"] {
    display: none;
}

.notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
    margin: -2px 5px 0 0;
}

[dir="rtl"] .notification-inline.notification-error::before {
    margin: 0 0 0 5px;
}

.notification-inline.notification-error {
    background-color: #fff0f1;
    border: 1px solid #e35b66;
    color: #cc3340;
}

.notification-inline.notification-large {
    padding: 13px 15px;
    margin-bottom: 25px;
}

.notification-left-aligned {
    text-align: left;
    padding-left: 0;
}

html[dir="rtl"] .notification-left-aligned {
    text-align: right;
    padding-left: auto;
    padding-right: 0;
}

.caret {
    position: absolute;
    background-color: #fff;
    width: 0.5rem;
    height: 0.5rem;
    top: -5px;
    right: 10px;
    border-left: solid 1px #dee0e3;
    border-top: solid 1px #dee0e3;
    transform: rotate(45deg);
}

@media (max-width: 800px) {
    .caret {
        display: none;
    }
}

.user-info .caret {
    right: 18px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-toggle {
    cursor: pointer;
    background: none;
    border: 0;
    display: inline-block;
    padding: 0;
    text-align: initial;
    vertical-align: middle;
}

.dropdown-toggle:hover {
    text-decoration: none;
}

.dropdown-toggle>* {
    display: inline-block;
}

.dropdown-menu {
    background: #fff;
    border: 1px solid #dee0e3;
    border-radius: 3px;
    display: none;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    margin-top: 1px;
    min-width: 170px;
    padding: 10px 0;
    position: absolute;
    text-align: left;
    z-index: 1000;
}

[dir="rtl"] .dropdown-menu {
    text-align: right;
}

.dropdown-menu[aria-expanded="true"] {
    display: block;
}

.dropdown-menu [role="separator"] {
    border-bottom: 1px solid #d8d8d8;
    color: #969696;
    display: block;
    font-weight: normal;
    font-size: 11px;
    padding: 5px 0;
    margin: 5px 20px 10px 20px;
}

.dropdown-menu [role="menuitem"] {
    color: rgba(61, 62, 64, 1);
    cursor: pointer;
    display: block;
    padding: 7px 40px 7px 20px;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    text-align: start;
    line-height: inherit;
    width: 90%;
    font-size: 16px;
    font-weight: 400;
    margin-right: 5px;
    border-radius: 0px;
    margin: auto;
}

.dropdown-menu a.display-label {
    border-bottom: none;
}

#get_category_header>a:last-child,
#user-nav>div.header-language.dropdown>span>a:nth-child(4) {
    border-bottom: none;
}

#get_category_header>a {
    padding: 7px 40px 7px 45px;
    position: relative;
}

#get_category_header>a:before {
    font-family: "Material Icons Outlined";
    font-size: 22px;
    margin-right: 10px;
    vertical-align: middle;
    position: absolute;
    top: 8%;
    left: 10px;
}

@media (max-width: 800px) {
    #get_category_header>a:before {
        top: 25%;
    }

    .dropdown-menu [role="menuitem"] {
        width: 100%;
    }

    .user-nav[aria-expanded="true"] .dropdown-menu {
        padding: 15px 0px 15px 10px;
    }

    #get_category_header>a {
        padding: 12px 40px 12px 45px;
    }
}

a#cat_menu_200562571:before {
    content: url(/hc/theming_assets/01J3FXN34QKYSBV7Q9MQBME4KC);
    ;
    /*Rainbow*/
}

a#cat_menu_11594218230674:before {
    content: "\e9f4";
    /*Connectors*/
}

a#cat_menu_11594245299090:before {
    content: "\e80c";
    /*Classroom*/
}

a#cat_menu_20317319763602:before {
    content: "\ef54";
    /*Assets*/
}

a#cat_menu_11594289870354:before {
    content: "\e32a";
    /*Security*/
}

a#cat_menu_29023576767762:before {
    content: "\e1c3";
    /*Rainbow Edge*/
}

a#cat_menu_15534779802130:before {
    content: "\ebcc";
    /*Update*/
}

a#cat_menu_12183201770130:before {
    content: "\ea12";
    /*Partner*/
}

a#cat_menu_4413423273746:before {
    content: "\e897";
    /*Internal*/
}




[dir="rtl"] .dropdown-menu [role="menuitem"] {
    padding: 7px 20px 7px 40px;
}

.dropdown-menu [role="menuitem"]:hover,
.dropdown-menu [role="menuitem"]:focus {
    background: #e9ebed;
    text-decoration: none;
    color: #333;
}

.dropdown-menu [role="menuitem"][aria-selected="true"] {
    cursor: default;
}

.dropdown-menu [role="menuitem"][aria-selected="true"]::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
    height: 12px;
    margin-left: 10px;
    width: 12px;
}

[dir="rtl"] .dropdown-menu [role="menuitem"][aria-selected="true"]::after {
    margin-left: 0;
    margin-right: 10px;
    float: left;
}

.dropdown-menu [role="menuitem"][hidden],
.dropdown-menu [role="menuitem"][aria-hidden="true"] {
    display: none !important;
}

.dropdown-menu-end {
    left: auto;
    right: 0;
}

.dropdown-menu-top {
    bottom: 100%;
    margin-bottom: 1px;
}

[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}

[dir="rtl"] .dropdown-menu-end {
    left: 0;
    right: auto;
}

@media (max-width: 800px) {
    .dropdown-menu-end {
        left: 0;
        right: auto;
    }

    .dropdown-menu [role="menuitem"] {
        padding: 12px 40px 12px 20px;
    }

    h2>.dropdown {
        display: block;
    }
}

.dropdown-chevron-icon {
    vertical-align: middle;
}

.hidden {
    display: none !important;
}

/* Accordeons Menu */

.accordion {
    padding-top: 0;
    border: 1px solid #dee0e3;
    border-radius: 6px;
    margin: 25px 0px;
    background-color: white;
}

.accordion:first-child {
    border-top: 0px;
}

.accordion-title {
    font-weight: 400;
    padding: 17px 52px 17px 15px;
    border-radius: 6px;
    background-color: #F9F9F9;
    position: relative;
}

.accordion-title img {
    margin-right: 5px;
    user-select: none;
}

.accordion__item ul {
    margin: 0px !important;
    padding: 25px !important;
    list-style-type: disc !important;
}

.accordion__item ul li {
    margin: 20px 0px 20px 20px !important;
}

.accordion__item ul li:first-of-type {
    margin: 0px 0px 20px 20px !important;
}

.accordion__item-title {
    position: relative;
    padding: 15px 52px 15px 20px;
    cursor: pointer;
    border-top: 1px solid #dee0e3;
}

.accordion__item-title:before {
    position: absolute;
    content: "";
}

.accordion__item-content {
    display: none;
    padding: 25px;
}

.accordion__item-content a {
    font-weight: 500;
}

.accordion__item-content ul {
    padding: 0px !important;
}

.accordion__item-content ul:last-of-type,
.accordion__item-content li>ul {
    border-bottom: 0px;
}

.accordion--default .accordion__item-title:before {
    top: 50%;
    right: 22px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-bottom: 1px solid rgba(61, 62, 64, 1);
    border-left: 1px solid rgba(61, 62, 64, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.accordion--default .accordion__item-title--active {
    border-bottom: 1px solid #dee0e3;
}

.accordion--default .accordion__item-title--active:before {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.accordion-content-show {
    display: block !important;
}

/* What's New */

.media_mobile {
    margin-top: 0px !important;
    text-align: center;
    background-color: rgba(232, 235, 237, 1);
    border-radius: 8px;
    padding: 5px 0px;
}

.media_mobile video {
    max-width: 100%;
    max-height: 500px;
    border: 1px solid rgba(222, 224, 227, 1);
    border-radius: 8px;
}

.filter-container {
    margin-bottom: 60px;
    border-bottom: 1px solid #dee0e3;
    padding: 30px 0px;
    display: flex;
    justify-content: space-between;
}

.filter-inside {
    flex: 0 0 30%;
}

.filter-inside label {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    margin-left: 4px;
    letter-spacing: .0892857143em;
}

.filter-inside>.tooltip {
    text-transform: none;
    font-size: 11px;
    color: red;
    font-weight: bold;
    margin-left: 4px;
    letter-spacing: .0892857143em;
}

.filter-inside select {
    font-size: 14px;
}

.header-breadcrumbs-new {
    background-color: rgba(76, 42, 137, 1);
    margin-bottom: 0px;
}

.category-container-new {
    display: flex;
}

.category-sidebar-new {
    flex: 0 0 20%;
    border-right: 1px solid #dee0e3;
    padding-right: 30px;
    padding-top: 20px;
}

.category-sidebar-new h2 {
    font-size: 18px;
}

.category-content-new {
    flex: 0 0 80%;
    padding-left: 60px;
}

@media (max-width: 1000px) {
    .filter-container {
        margin-bottom: 0px;
    }

    .category-container-new {
        display: flex;
        flex-direction: column;
    }

    .category-sidebar-new {
        flex: 0 0 100%;
        padding: 20px 0px 10px 0px;
        border: 0px;
        margin-bottom: 40px;
        border-bottom: 1px solid #dee0e3;
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        background-color: rgba(253, 253, 254, 1);
        z-index: 9;
    }

    .category-sidebar-new>.nav-categories {
        position: initial;
    }

    #months-list ul {
        overflow: auto;
        white-space: nowrap;
        margin-bottom: 0px;
        padding: 0px;
    }

    #months-list li {
        display: inline-block;
        text-align: center;
        padding-right: 10px;
        text-decoration: none;
    }

    #months-list h3 {
        display: none;
    }

    .category-content-new {
        flex: 0 0 100%;
        padding-left: 0px;
    }
}

#slideLeft {
    display: none;
    position: absolute;
    right: 29px;
    top: 22px;
    font-size: 28px;
    border: 1px solid #dee0e3;
    border-radius: 4px 0px 0px 4px;
    user-select: none;
    cursor: pointer;
}

#slideRight {
    display: none;
    position: absolute;
    right: 0px;
    top: 22px;
    font-size: 28px;
    border: 1px solid #dee0e3;
    border-radius: 0px 4px 4px 0px;
    user-select: none;
    cursor: pointer;
}

@media (min-width: 1001px) {
    #slideRight {
        display: none !important;
    }

    #slideLeft {
        display: none !important;
    }
}

.page-header-new {
    display: none;
    background-color: #ecedef;
    padding: 25px;
    margin-bottom: 60px;
    border-radius: 15px;
}

.page-header-new h1 {
    font-size: 24px;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    color: rgba(76, 42, 137, 1);
    margin-bottom: 0px;
}

.page-header-new p {
    font-size: 17px;
    margin: 0px;
}

#new-features video,
#new-features img {
    height: auto;
    max-width: 100%;
    border: 1px solid #dee0e3;
    border-radius: 8px;
}

#new-features h2 {
    margin-bottom: 10px;
    margin-top: 15px;
    color: rgba(76, 42, 137, 1);
    font-size: 26px;
}

#new-features>div {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

#new-features>div>div:nth-of-type(2n + 1) {
    grid-area: 1 / 1 / 2 / 2;
}

#new-features>div>div:nth-of-type(2n + 2) {
    grid-area: 2 / 1 / 3 / 2;
}

#new-features>div>div:nth-of-type(2n + 3) {
    grid-area: 3 / 1 / 4 / 2;
}

#new-features>div>div:nth-of-type(2n + 4) {
    grid-area: 4 / 1 / 5 / 2;
}

#new-features>div>div:nth-of-type(2n + 5) {
    grid-area: 5 / 1 / 6 / 2;
}

#new-features hr {
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
    height: 1px;
    background-color: #dee0e3;
    width: 30%;
    border: none;
}

#new-features div.newsItem:last-child hr {
    display: none;
}

@media (min-width: 800px) {
    #new-features>div:nth-of-type(2n + 1) {
        display: grid;
        grid-template-columns: 4fr 5fr;
        grid-template-rows: auto auto 1fr auto;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    #new-features>div:nth-of-type(2n + 2) {
        display: grid;
        grid-template-columns: 5fr 4fr;
        grid-template-rows: auto auto 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    #new-features>div:nth-of-type(2n + 1)>div:nth-of-type(1) {
        grid-area: 1 / 1 / 2 / 2;
        display: flex;
        align-items: flex-end;
    }

    #new-features>div:nth-of-type(2n + 1)>div:nth-of-type(2) {
        grid-area: 2 / 1 / 3 / 2;
    }

    #new-features>div:nth-of-type(2n + 1)>div:nth-of-type(3) {
        grid-area: 1 / 2 / 4 / 3;
        padding-left: 40px;
    }

    #new-features>div:nth-of-type(2n + 1)>div:nth-of-type(3) p {
        margin: 0px;
    }

    #new-features>div:nth-of-type(2n + 1)>div:nth-of-type(4) {
        grid-area: 3 / 1 / 4 / 2;
        display: flex;
        align-items: flex-start;
    }

    #new-features>div:nth-of-type(2n + 1)>div:nth-of-type(5) {
        grid-area: 4 / 1 / 4 / 4;
        display: flex;
        align-items: flex-start;
        height: fit-content;
    }

    #new-features>div:nth-of-type(2n + 2)>div:nth-of-type(1) {
        grid-area: 1 / 2 / 2 / 3;
        display: flex;
        align-items: flex-end;
    }

    #new-features>div:nth-of-type(2n + 2)>div:nth-of-type(2) {
        grid-area: 2 / 2 / 3 / 3;
    }

    #new-features>div:nth-of-type(2n + 2)>div:nth-of-type(3) {
        grid-area: 1 / 1 / 4 / 2;
        padding-right: 40px;
    }

    #new-features>div:nth-of-type(2n + 2)>div:nth-of-type(3) p {
        margin: 0px;
    }

    #new-features>div:nth-of-type(2n + 2)>div:nth-of-type(4) {
        grid-area: 3 / 2 / 4 / 3;
        display: flex;
        align-items: flex-start;
    }

    #new-features>div:nth-of-type(2n + 2)>div:nth-of-type(5) {
        grid-area: 4 / 1 / 4 / 4;
        display: flex;
        align-items: flex-start;
        height: fit-content;
    }


    #new-features hr {
        margin-top: 60px;
        margin-bottom: 60px;
        grid-area: 5 / 1 / 5 / 4;
    }

    #new-features h2 {
        margin-bottom: 0px;
        margin-top: 0px;
    }
}

::-webkit-scrollbar {
    display: none;
}

.show {
    display: inline-block;
}

.hide {
    display: none;
}

.agent_actions {
    display: none;
}

[data-tooltip] {
    --arrow-size: 5px;
    position: relative;
    z-index: 10;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 50%;
    bottom: calc(100% + var(--arrow-size));
    pointer-events: none;
    transition: 0.2s;
    will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
    content: attr(data-tooltip);
    padding: 10px 18px;
    min-width: 50px;
    max-width: 300px;
    width: max-content;
    width: -moz-max-content;
    border-radius: 6px;
    font-size: 12px;
    background-color: rgba(59, 72, 80, 0.9);
    background-image: linear-gradient(30deg,
            rgba(59, 72, 80, 0.44),
            rgba(59, 68, 75, 0.44),
            rgba(60, 82, 88, 0.44));
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: center;
    white-space: pre-wrap;
    transform: translate(-50%, calc(0px - var(--arrow-size))) scale(0.5);
    text-transform: none;
}

/* Tooltip arrow */
[data-tooltip]:after {
    content: '';
    border-style: solid;
    border-width: var(--arrow-size) var(--arrow-size) 0px var(--arrow-size);
    /* CSS triangle */
    border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
    transition-duration: 0s;
    /* If the mouse leaves the element, 
                              the transition effects for the 
                              tooltip arrow are "turned off" */
    transform-origin: top;
    /* Orientation setting for the
                              slide-down effect */
    transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}

/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
    transition-delay: 0.3s;
    transform: translate(-50%, calc(0px - var(--arrow-size))) scale(1);
}

/* 
  Arrow slide down effect only on mouseenter (NOT on mouseleave)
*/
[data-tooltip]:hover:after {
    transition-delay: 0.5s;
    /* Starting after the grow effect */
    transition-duration: 0.2s;
    transform: translateX(-50%) scaleY(1);
}

/*
  That's it for the basic tooltip.

  If you want some adjustability
  here are some orientation settings you can use:
*/

/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
    left: auto;
    right: calc(100% + var(--arrow-size));
    bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
    transform: translate(calc(0px - var(--arrow-size)), 50%) scale(0.5);
}

[data-tooltip-location="left"]:hover:before {
    transform: translate(calc(0px - var(--arrow-size)), 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
    border-width: var(--arrow-size) 0px var(--arrow-size) var(--arrow-size);
    border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
    transform-origin: left;
    transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="left"]:hover:after {
    transform: translateY(50%) scaleX(1);
}



/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
    left: calc(100% + var(--arrow-size));
    bottom: 50%;
}

[data-tooltip-location="right"]:before {
    transform: translate(var(--arrow-size), 50%) scale(0.5);
}

[data-tooltip-location="right"]:hover:before {
    transform: translate(var(--arrow-size), 50%) scale(1);
}

[data-tooltip-location="right"]:after {
    border-width: var(--arrow-size) var(--arrow-size) var(--arrow-size) 0px;
    border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
    transform-origin: right;
    transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="right"]:hover:after {
    transform: translateY(50%) scaleX(1);
}



/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
    top: calc(100% + var(--arrow-size));
    bottom: auto;
}

[data-tooltip-location="bottom"]:before {
    transform: translate(-50%, var(--arrow-size)) scale(0.5);
}

[data-tooltip-location="bottom"]:hover:before {
    transform: translate(-50%, var(--arrow-size)) scale(1);
}

[data-tooltip-location="bottom"]:after {
    border-width: 0px var(--arrow-size) var(--arrow-size) var(--arrow-size);
    border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
    transform-origin: bottom;
}

/* Service Notif */

.service-notif-left-panel {
    flex: 0 0 100%;
}

.article-tags-sn {
    display: flex;
    align-items: center;
    padding: 12px;
    margin: 20px 0px 25px 0px;
    background-color: #f1ecf9;
    border-color: rgba(76, 42, 137, 1);
    border-left-width: 6px;
    border-left-style: solid;
    border-radius: 6px;
    flex-wrap: wrap;
    line-height: normal;
}

.article-tags-sn>.related_to>a {
    background-color: white;
}

.service-notif-calendar {
    height: fit-content;
    border-radius: 15px;
    border: 1px solid #dee0e3;
    background: #F4F5F6;
    user-select: none;
    margin-bottom: 25px;
}

.service-notif-calendar header {
    display: flex;
    align-items: center;
    padding: 25px 30px 10px;
    justify-content: space-between;
}

header .icons {
    display: flex;
}

header .icons span {
    height: 38px;
    width: 38px;
    margin: 0 1px;
    cursor: pointer;
    color: #878787;
    text-align: center;
    line-height: 38px;
    font-size: 1.9rem;
    user-select: none;
    border-radius: 50%;
}

.icons span:last-child {
    margin-right: -10px;
}

header .icons span:hover {
    background: white;
}

header .current-date {
    font-size: 1.45rem;
    font-weight: 500;
}

.calendar {
    padding: 10px 20px 10px;
}

.calendar ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
}

.calendar .days {
    margin-bottom: 20px;
}

.calendar li {
    color: #333;
    width: calc(100% / 7);
    font-size: 1.07rem;
}

.calendar .weeks li {
    font-weight: 500;
    cursor: default;
}

.calendar .days li {
    z-index: 1;
    cursor: default;
    position: relative;
    margin-top: 30px;
}

.days li.inactive {
    color: #aaa;
}

.days li::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 40px;
    width: 40px;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.event:before {
    background: white;
    cursor: pointer !important;
}

.multiple:after {
   	border: 1px solid;
    content: "+";
    color: black;
    background-color: white;
    position: absolute;
    top: -10px;
    right: -5px;
    line-height: 14px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    margin-right: 4px;
    z-index: 0;
  	font-weight: bold;
    font-size:small;
}

.postponed:after {
   	border: 1px solid;
    content: "!";
    color: black;
    background-color: white;
    position: absolute;
    top: -10px;
    right: -5px;
    line-height: 14px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    margin-right: 4px;
    z-index: 0;
  	font-size:small;
  	font-weight: bold;
}

/* NOTIF COLORS*/
.color--default:before {
    border: 3px solid rgba(76, 42, 137, 1);
}
.color--hub:before {
    border: 3px solid #d8af30;
}
.color--hybrid:before {
    border: 3px solid #CF0072;
}
.color--connectors:before {
    border: 3px solid #1a5918;
}

/* SELECTED COLORS */
.days li.selected {
    color: white;
    font-weight: bold;
}

.selected.color--default:before {
    background: rgba(76, 42, 137, 1);
}
.selected.color--hub:before {
    background: #d8af30;
}
.selected.color--hybrid:before {
    background: #CF0072;
}
.selected.color--connectors:before {
    background: #1a5918;
}

/* INACTIVE COLORS */
.inactive.color--default:before {
    border: 3px solid rgba(75, 42, 137, 0.6);
}
.inactive.color--hub:before {
    border: 3px solid #d8af30;
  	opacity:0.4;
}
.inactive.color--hybrid:before {
  	border: 3px solid #CF0072;
 		opacity:0.4;
}
.inactive.color--connectors:before {
    border: 3px solid #1a5918;
	  opacity:0.4;
}

.days li:not(.event):hover::before{
    background: white;
    border: 3px solid white;
    color: #333;
}

.days > .event:hover {
   cursor:pointer; 
}

.calendar-legend {
	padding:0px 20px 20px;
  margin:0px;
  font-size:10px;
  display:flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.calendar-legend > div {
  margin:5px;
}

.calendar-legend > div:before {
  content: " ";
  display: inline-block;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  margin-right: 4px;
}

.calendar-legend > .legend_all:before {
  background-color: rgba(76, 42, 137, 1);
}

.calendar-legend > .legend_cloud:before {
  background-color: #d8af30;
}

.calendar-legend > .legend_hybrid:before {
  background-color: #CF0072;
}

.calendar-legend > .legend_connectors:before {
  background-color: #1a5918;
}

.service-notif-list {
    flex: 0 0 100%;
}

.service-notif-item {
    min-width: 100%;
    border: 1px solid #dee0e3;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 45px;
}

.service-notif-item h1 {
    font-size: 28px;
    margin-bottom: 20px;
}

.service-notif-item h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 30px 0px 20px 0px;
    letter-spacing: .07em;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 10px;
}

.regions>p:before {
    font-family: "Material Icons";
    font-size: 20px;
    font-weight: 500;
    content: "\e80b";
    margin: 0px 6px 0px 0px;
    vertical-align: sub;
}

.service-notif-item>.sn-body ul {
    display: block;
    list-style-type: disc;
    margin-left: 25px;
    margin-bottom: 40px;
}

.service-notif-item>.sn-body li {
    margin: 10px 0px;
}

@media (min-width: 900px) {
    .service-notif-left-panel {
        flex: 0 0 50%;
        padding-right: 35px;
    }

    .service-notif-list {
        flex: 0 0 50%;
        padding-left: 15px;
    }
}

@media (min-width: 1150px) {
    .service-notif-left-panel {
        flex: 0 0 40%;
    }

    .service-notif-list {
        flex: 0 0 60%;
    }
}

@media (min-width: 1300px) {
    .service-notif-left-panel {
        flex: 0 0 35%;
    }

    .service-notif-list {
        flex: 0 0 65%;
    }
}

.service-notif-sub {
    background: #f1ecf9;
    padding: 20px;
    border-radius: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  	margin-bottom:25px;
}

.rainbow-lab-sub {
    background: #f1ecf9;
    padding: 20px;
    border-radius: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-height: 150px;
}

.service-notif-sub h2,
.rainbow-lab-sub h2 {
    margin: 0px;
    font-size: 22px;
    color: rgba(76, 42, 137, 1);
    grid-area: 1 / 1 / 2 / 2;
    line-height: initial;
}

.service-notif-sub p,
.rainbow-lab-sub p {
    margin: 5px 0px 0px 0px;
    font-size: 14px;
    grid-area: 2 / 1 / 3 / 3;
    align-self: center;
}

.service-notif-item table,
.connector_guide_ed {
    margin: 0px 0px 50px 0px;
    background-color: #f4f5f6;
    border-radius: 15px;
    width: 100%;
    padding: 10px;
}

.service-notif-item table p,
.connector_guide_ed p {
    margin: 0px;
}

.service-notif-item table th,
.service-notif-item table td,
.connector_guide_ed table th,
.connector_guide_ed table td {
    padding: 4px 10px;
    vertical-align: middle;
    height: 40px !important;
    text-align: center;
}

.service-notif-button {
    margin: 0px;
    font-size: 14px;
    grid-area: 1 / 2 / 2 / 3;
    align-self: center;
    justify-self: end;
}

/* Page Download */
.download_buttons {
    display: flex;
    gap: 16px;
}

.download_buttons button {
    border: 1px solid #dee0e3;
    background-color: white;
    color: rgba(61, 62, 64, 1);
    fill: rgba(76, 42, 137, 1);
    border: none;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    letter-spacing: .8px;
    padding: 20px 40px 20px;
    display: block;
    width: 100%;
    margin: 0.5rem;
    transition: 0.5s;
}

.download_buttons button:hover {
    background-color: #e2d8f3;
    box-shadow: #331C5D 0px 4px 12px;
    transition: 0.5s;
}

button a:hover {
    text-decoration: none;
}

.download_hero_mobile .download_image img {
    max-width: 100%;
}

.download_link,
.download_link a {
    color: white;
    text-align: right;
    margin-top: 16px;
}

.download_mobile_img {
    text-align: center;
}

#download_mobile .download_image {
    max-width: 80%;
    height: auto;
}

#download_mobile {
    margin-top: 0px;
    padding-top: 50px;
}

.playstore_btn,
.appstore_btn {
    max-width: 100%;
    height: auto;
}

.playstore_btn,
.appstore_btn {
    max-width: 100%;
    min-width: 180px;
    height: auto;
    border-radius: 10px;
    margin: 0.5rem;
}

.playstore_btn:hover,
.appstore_btn:hover {
    box-shadow: #331C5D 0px 4px 12px;
    transition: 0.5s;
}

div.download_image {
    margin: 16px;
    height: 100%;
    text-align: center;
    width: 80%;
    height: auto;
    flex: 1 70% !important;
}

.download_hero {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 80vh;
    height: 80vh;
}

.download_mobile_section {
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
}




.hero_download_desktop_img {
    border-radius: 4px;
}

.download_hide_pc {
    display: none;
}

.download_hero_mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}

.download_hero_mobile h2 {
    color: rgba(76, 42, 137, 1);
    font-weight: 500;
    font-size: 28px;
    margin: 10px 0px 20px;
    line-height: 1.4em;
}

.download_hero_mobile p {
    font-size: 15px;
}

.download_hero_mobile>div:nth-of-type(1) {
    flex: 1 35%;
}

.download_hero_mobile>div:nth-of-type(2) {
    flex: 1 60%;
    padding-left: 5%;
}

.anim_icone img {
    width: 110px;
    height: auto;
}

@media (max-width: 1100px) {
    .download_buttons {
        flex-direction: column;
    }

    .download_hide_pc {
        display: block;
    }
}

@media (max-width: 800px) {
    .download_container {
        flex-direction: column-reverse;
        align-items: center;
    }

    .hero-download {
        margin: 32px 0px 32px 0px;
    }

    #download_mobile {
        flex-direction: column-reverse;
        align-items: center;
    }

    .download_buttons {
        flex-direction: column;
        margin: 32px 16px 0px;
        gap: 32px;
        text-align: center;
    }

    .download_buttons img {
        height: auto;
        width: 80%;
    }

    .download_image img {
        max-width: 100% !important;
        max-height: 100% !important;
        width: 100% !important;
        height: 100% !important;
    }

    .download_image {
        display: block !important;
        padding-right: 0px !important;
        margin: 0 !important;
        width: 100% !important;
        height: auto;
        padding-bottom: 32px;
    }

    .download_buttons button {
        margin: 0;
    }

    .download_hero {
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
        max-height: max-content;
        height: auto !important;
    }

    .download_hero_mobile {
        flex-direction: column-reverse;
    }
}

/*download end */

/*GA google analytics */
.mf_google {
    height: 2px;
    width: 2px;
    float: left;
    background-color: transparent;
}

/*GA google analytics end*/

/*Ucass Download app  */
.app_download-section {
    height: 242px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E2D8F3;
    border-radius: 15px;
    margin: 15px;
}


.app_download-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.app_download-column.image-col {
    box-sizing: border-box;
    justify-content: flex-end;
    display: flex;
}

.app_download-column.content-col {
    box-sizing: border-box;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.image-col img {
    height: 202px;
    width: auto;
}

.download-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgba(76, 42, 137, 1);
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.3s;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    max-width: 200px;
}

.download-button:hover {
    background-color: #361e62;
    text-decoration: none;
}

#get_app {
    background: url("https://storage.waw.cloud.ovh.net/v1/AUTH_214bd296f64f46649da7e1d260aecbff/helpcenter/rainbow_ucaas/download_app/Download_app.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 152px;
}

.help_menu_app_community {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 40px;
    margin: 40px 0px 20px 0px;
}

.help_menu_app_community_blocks {
    background-color: rgba(253, 253, 254, 1);
    flex: 0 0 100%;
    margin-bottom: 20px;
    justify-content: center;
    border-radius: 15px;
    padding: 25px;
}

.help_menu_app_community_blocks:last-of-type {
    margin-bottom: 0px;
}

.help_menu_app_community_blocks .need_help_text {
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media (min-width: 900px) {
    .help_menu_app_community_blocks {
        flex: 1;
        margin: 1% !important;
    }
}

/* Back to top button*/
.main_button {
    position: fixed;
    background: #e2d8f3;
    z-index: 10;
    right: 5px;
    cursor: pointer;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-right: 5px;
}

.main_button_scroll {
    display: none;
    bottom: 10px;
    opacity: 0.75;
    margin-bottom: 20px;
}

.main_button_scroll:hover {
    opacity: 1;
}

.main_button_scroll>a {
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: 35px;
    font-weight: 500;
    content: "/e5d8";
    color: rgba(76, 42, 137, 1);
    text-decoration: none;
}

.main_button_scroll>a:hover {
    text-decoration: none;
}

/* Back to top button end*/

/*NPS popup start */
#nps_popup-container {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 90px;
    transition: opacity 1s;
    z-index: 15;
}


#nps_popup {
    position: relative;
    min-width: 355px;
    width: 375px;
    height: 300px;
    background-color: #fff;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    border: 1px solid #dee0e3;
    opacity: 98%;
}

@media screen and (max-width: 500px) {
    #nps_popup-container {
        bottom: 0;
        right: 0;
    }

    #nps_popup {
        width: 100vw;
        border-radius: 0;
    }
}

#nps_popup #close-btn {
    position: absolute;
    right: 25px;
    top: 25px;
    padding: 10px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: rgba(76, 42, 137, 1);
}

.cross {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
}

.cross::before,
.cross::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: rgba(76, 42, 137, 1);
    transform: rotate(45deg);
    transform-origin: 0% 50%;
    position: absolute;
    top: calc(14% - 5px);
    left: 14%;
}

.cross::after {
    transform: rotate(-45deg);
    transform-origin: 100% 50%;
    left: auto;
    right: 14%;
}

#company-logo {
    display: block;
    margin: 20px auto;
}

#nps_popup_question {
    text-align: center;
    padding: 20px;
}

#nps_popup_question h2 {
    font-size: 18px;
}

.response-btn button {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 500;
    cursor: pointer;
    width: 35vw;
    padding: 10px 20px;
    border: none;
    display: inline-block;
    background-color: #f4f5f6;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
    position: absolute;
    bottom: 40px;
    max-width: 130px;
}

.response-btn button:hover {
    transition: color .3s ease-in-out;
    background-color: #f1ecf9;
}

.response-btn button img {
    vertical-align: bottom;
}

#no-btn {
    color: rgba(76, 42, 137, 1);
    left: 50%;
    transform: translateX(-100%) translateX(-16px);
}

#yes-btn {
    color: rgba(76, 42, 137, 1);
    left: 50%;
    transform: translateX(16px);
}

.response-btn:hover {
    background-color: #9d9d9d;
}

#no-btn::before {
    content: url(https://storage.waw.cloud.ovh.net/v1/AUTH_214bd296f64f46649da7e1d260aecbff/helpcenter/internal/NPS/sentiment_dissatisfied_FILL0_wght400_GRAD0_opsz24.svg);
    vertical-align: middle;
}

#yes-btn::before {
    content: url(https://storage.waw.cloud.ovh.net/v1/AUTH_214bd296f64f46649da7e1d260aecbff/helpcenter/internal/NPS/sentiment_very_satisfied_FILL0_wght400_GRAD0_opsz24.svg);
    vertical-align: middle;
}

#thanks-message {
    display: none;
    text-align: center;
    margin-top: 80px;
}

#progress-bar {
    height: 10px;
    background-color: rgba(76, 42, 137, 1);
    width: 0;
    transition: none;
    position: absolute;
    bottom: 80px;
    left: 0;
}

.nps_logo {
    width: 100px;
    height: auto;
}

.nps_popup_question {
    text-align: center;
    padding: 20px 0;
}


/*NPS popup end  */
/* Connector mobile start*/
@media (max-width: 800px) {
    .connector_container {
        display: block;
    }

    .connector_container .blocks-list {
        justify-content: center;
    }

    .crm_bridges>div:nth-of-type(2) {
        padding-left: 0;
    }
}

@media (max-width: 410px) {
    .connector_container .blocks-item-link {
        padding: 10px;
    }
}

/* Connector mobile end */

/* sidebar mobile start */
@media (max-width: 900px) {
    .category-sidebar {
        display: none;
    }

    .category-content {
        padding-left: 0;
    }

    .category-container {
        justify-content: center;
        display: block;
    }

    .article-container {
        flex-direction: column-reverse;
        align-items: center;
    }


    .article-container-gs {
        flex-direction: column;
    }

    .article {
        max-width: 100%;
        padding-right: 0;
    }

    .category-sidebar-gs {
        padding-right: 0;
        border-right: none;
    }

    .category-content-gs {
        padding-left: 0;
    }

    .blocks-item-gs-container {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .blocks-item-gs-content {
        flex-direction: column;
        gap: 16px;
    }

    .button-start-course {
        margin: 0 auto;
    }

    .blocks-item-text-gs {
        width: auto;
        text-align: center;
    }

    .article-gs {
        padding-left: 0;
        max-width: 100%;
        margin-top: 35px;
    }

    #right_nav {
        border-radius: 0;
        position: absolute;
        top: 113px;
        right: 0;
        width: 100%;
        overflow: auto;
        z-index: 10;
    }

}

/* Community start*/
.community_search-container {
    max-width: 500px;
    margin: 20px auto;

}

@media (max-width: 900px) {
    .container-divider {
        padding: 5%;
    }

    .section-content {
        flex: 0;
        padding-left: 0px;
    }

    .section-container {
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .category-sidebar-gs {
        display: none;
    }
}

/* 404 */
.error-page {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: rgba(76, 42, 137, 1);
    color: #fff;
    padding: 40px;
    border-radius: 16px;
}

.error-page img {
    width: 200px;
    height: auto;
}

.error-page a {
    cursor: pointer;
    background-color: #f4f5f6;
    color: rgba(76, 42, 137, 1);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    width: fit-content;
    line-height: 2.72;
    padding: 8px 16px;
    align-self: flex-end;
}

.error-page a:hover {
    text-decoration: none;
    transition: color .3s ease-in-out;
    background-color: #f1ecf9;
}

@media (max-width: 800px) {
    .error-page {
        display: flex;
        flex-direction: column;
        border-radius: 0px;
    }

    .error-page img {
        display: none;
    }
}

/* Accordeons Menu Mobile*/
@media (max-width: 900px) {
    .mb_accordion {
        padding-top: 0;
        border-radius: 6px;
    }

    .mb_accordion:first-child {
        border-top: 0px;
    }

    .mb_accordion-title {
        font-weight: 400;
        padding: 17px 52px 17px 15px;
        border-radius: 6px;
        background-color: #F9F9F9;
        position: relative;
    }

    .mb_accordion-title img {
        margin-right: 5px;
        user-select: none;
    }

    .mb_accordion__item ul {
        margin: 0px !important;
        padding: 25px !important;
        list-style-type: disc !important;
    }

    .article-table ul {
        border: 0px;
    }

    .mb_accordion__item-title {
        position: relative;
        padding: 20px 8% 20px 5% !important;
        cursor: pointer;
        font-size: 20px;
    }

    .mb_accordion__item-title:before {
        position: absolute;
        content: "";
    }

    .mb_accordion__item-content {
        display: none;
    }

    .mb_accordion__item-content a {
        font-weight: 500;
        font-size: 14px !important;
        padding: 15px 5% ! important;
    }

    .mb_accordion__item-content ul {
        padding: 0px !important;
    }

    .mb_accordion__item-content ul>li:last-of-type,
    .mb_accordion__item-content li>ul {
        border-bottom: 0px;
    }

    .mb_accordion--default .mb_accordion__item-title:before {
        top: 50%;
        right: 6%;
        width: 8px;
        height: 8px;
        margin-top: -6px;
        border-bottom: 2px solid rgba(61, 62, 64, 1);
        border-left: 2px solid rgba(61, 62, 64, 1);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .mb_accordion--default .mb_accordion__item-title--active {
        border-bottom: 1px solid #dee0e3;

    }

    .mb_accordion--default .mb_accordion__item-title--active:before {
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .mb_accordion-content-show {
        display: block !important;
    }
}

/* Accordion menu mobile end */
/* E-learning menu card link start */
.blocks-item-gs {
    position: relative;
}

.card-link-gs::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}

.blocks-item-description-gs {
    display: block;
}

/* E-learning menu card link end */


/* homepage start */
.home {
    padding: 5%;
}

.home .hero-search {
    text-align: center;
}


.home_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* grid-template-rows: repeat(3, 1fr); */
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

@media (max-width: 800px) {
    .home_grid {
        grid-template-columns: repeat(1, 1fr);
    }
}


/* .categories.blocks > ul.home_grid > li:first-child{
  height:70vh;
} */

/* .home_grid li:last-child{
  display:none;
} */
.home_grid .blocks-item-icon {
    background-color: rgba(76, 42, 137, 1);
    border-radius: 8px 8px 0 0;
    padding: 32px;
}

.home_grid .blocks-item {
    min-height: 275px;
    padding: 2%;
}

.home_grid .blocks-item-link {
    padding: 0px;
}

.home_grid .blocks-item-text {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.home_grid .blocks-item-link {
    justify-content: flex-start;
}


.home .hero-search .search-container {
    max-width: 690px;
    min-width: 350px;
    margin: 0 auto;
}

.home .image img {
    padding: 0%;
}

#home_section_200562571 {
    grid-column: 1/2;
    grid-row: 1/3;
}

.home_grid .blocks-item-icon {
    width: 100%;
    height: 70%;
    border-radius: 15px 15px 0 0;
}

#home_section_200562571 .blocks-item-icon {
    background: url("https://storage.waw.cloud.ovh.net/v1/AUTH_214bd296f64f46649da7e1d260aecbff/helpcenter/rainbow_ucaas/homepage/rainbow_ucass_img.png") no-repeat center / contain;
    background-color: rgba(76, 42, 137, 1);
    /*   background-size:50%; */
}

#home_section_11594218230674 .blocks-item-icon {
    background: url("https://storage.waw.cloud.ovh.net/v1/AUTH_214bd296f64f46649da7e1d260aecbff/helpcenter/rainbow_ucaas/homepage/connector_img.png") no-repeat center / contain;
    background-color: rgba(76, 42, 137, 1);
}

#home_section_11594245299090 .blocks-item-icon {
    background: url("https://storage.waw.cloud.ovh.net/v1/AUTH_214bd296f64f46649da7e1d260aecbff/helpcenter/rainbow_ucaas/homepage/classroom_img.png") no-repeat center / contain;
    background-color: rgba(76, 42, 137, 1);
}

#home_section_12183201770130 .blocks-item-icon {
    background: url("https://storage.waw.cloud.ovh.net/v1/AUTH_214bd296f64f46649da7e1d260aecbff/helpcenter/rainbow_ucaas/homepage/partner_img.png") no-repeat center / contain;
    background-color: rgba(76, 42, 137, 1);
}

#home_section_11594289870354 .blocks-item-icon {
    background: url("https://storage.waw.cloud.ovh.net/v1/AUTH_214bd296f64f46649da7e1d260aecbff/helpcenter/rainbow_ucaas/homepage/security_img.png") no-repeat center / contain;
    background-color: rgba(76, 42, 137, 1);
}

#home_section_15534779802130 .blocks-item-icon {
    background: url("https://storage.waw.cloud.ovh.net/v1/AUTH_214bd296f64f46649da7e1d260aecbff/helpcenter/rainbow_ucaas/homepage/communication_img.png") no-repeat center / contain;
    background-color: rgba(76, 42, 137, 1);
}

#home_section_200562571 {
    order: 1;
}

#home_section_11594218230674 {
    order: 2;
}

#home_section_11594245299090 {
    order: 3;
}

#home_section_12183201770130 {
    order: 4;
    position: relative;
}

#home_section_15534779802130 {
    order: 5;
}

#home_section_12183201770130::before {
    content: "";
    display: block;
    width: 198%;
    height: 0.5px;
    background-color: #dee0e3;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
}

#home_section_4413423273746 {
    display: none;
}


@media (max-width:800px) {
    #home_section_12183201770130::before {
        width: 100%;
    }
}

#home_section_11594289870354 {
    order: 5;
}


.article-votes .button.button-primary:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -3px 5px 0 0;
    background: url("https://storage.waw.cloud.ovh.net/v1/AUTH_214bd296f64f46649da7e1d260aecbff/helpcenter/internal/NPS/check_FILL0_wght400_GRAD0_opsz24.svg") no-repeat;
    background-size: contain;
    vertical-align: text-bottom;
}

.close-icon {
    vertical-align: middle;
}

#main_section_id_15535540602002 {
    background: url(/hc/theming_assets/01HZKYT6MHH5PACTP5ZCSG6RFB);
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

.page-header #main_section_id_15535540602002 {
    background-size: 80px;
}

#main_section_id_15535537632914 {
    background: url(/hc/theming_assets/01J0JM93VJTYZRY7NAKGH6BCG5);
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

.page-header #main_section_id_15535537632914 {
    background-size: 80px;
}

#main_section_id_15535571493266 {
    background: url(/hc/theming_assets/01HZKYT6SSV6HPJKQ1SS45PWYM);
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

.page-header #main_section_id_15535571493266 {
    background-size: 80px;
}

#main_section_id_15535610302098 {
    background: url(/hc/theming_assets/01HZKYT73453MQY1EASRBHSN95);
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

.page-header #main_section_id_15535610302098 {
    background-size: 80px;
}

#main_section_id_15535598658066 {
    background: url(/hc/theming_assets/01HZKYT77FZNGFX5NZX0FT4VY1);
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

.page-header #main_section_id_15535598658066 {
    background-size: 80px;
}

#main_section_id_19178786801298 {
    background: url(/hc/theming_assets/01J0JJ86B2XYEWC27BX223399C);
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}

.page-header #main_section_id_19178786801298 {
    background-size: 80px;
}

.help_menu_download,
.help_menu_community {
    position: relative;
}

.help_download_link::after,
.help_community_link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent;
    pointer-events: none;
}

/* pagination start*/
.pagination-prev-link,
.pagination-first-link,
.pagination-next-link,
.pagination-last-link {
    cursor: pointer;
    background-color: rgba(76, 42, 137, 1);
    border: 0;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    min-width: 190px;
    width: fit-content;
    padding: 10px;
}

/* pagination end*/

/* Slider(carousel) */
.csslider {
    display: inline-block;
    text-align: left;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 15px 0px 30px 0px;
}

.csslider>input {
    display: none;
}

.csslider>input:nth-of-type(10):checked~ul li:first-of-type {
    margin-left: -900%;
}

.csslider>input:nth-of-type(9):checked~ul li:first-of-type {
    margin-left: -800%;
}

.csslider>input:nth-of-type(8):checked~ul li:first-of-type {
    margin-left: -700%;
}

.csslider>input:nth-of-type(7):checked~ul li:first-of-type {
    margin-left: -600%;
}

.csslider>input:nth-of-type(6):checked~ul li:first-of-type {
    margin-left: -500%;
}

.csslider>input:nth-of-type(5):checked~ul li:first-of-type {
    margin-left: -400%;
}

.csslider>input:nth-of-type(4):checked~ul li:first-of-type {
    margin-left: -300%;
}

.csslider>input:nth-of-type(3):checked~ul li:first-of-type {
    margin-left: -200%;
}

.csslider>input:nth-of-type(2):checked~ul li:first-of-type {
    margin-left: -100%;
}

.csslider>input:nth-of-type(1):checked~ul li:first-of-type {
    margin-left: 0%;
}

.csslider>ul {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    margin: 0 auto;
    font-size: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 5px;
}

.csslider>ul>li {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 15px;
    font-size: initial;
    line-height: normal;
    -moz-transition: all 0.7s cubic-bezier(0.4, 1.3, 0.65, 1);
    -o-transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s cubic-bezier(0.4, 1.3, 0.65, 1);
    transition: all 0.7s cubic-bezier(0.4, 1.3, 0.65, 1);
    vertical-align: middle;
    scroll-snap-align: start;
}

.csslider>.navigation {
    position: absolute;
    left: 50%;
    z-index: 10;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
}

.csslider>.navigation>div {
    margin-left: -100%;
}

.csslider>.navigation label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    margin: 0 4px;
    padding: 4px;
    background: #f1ecf9;
    width: 10px;
    height: 10px;
}

.csslider>.navigation label:hover:after {
    opacity: 1;
}

.csslider>.navigation label:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -6px;
    background: rgba(76, 42, 137, 1);
    border-radius: 50%;
    padding: 6px;
    opacity: 0;
}

.csslider>.arrows {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.csslider.inside .navigation {
    bottom: 10px;
    margin-bottom: 10px;
}

.csslider.inside .navigation label {
    border: 1px solid #7e7e7e;
}

.csslider>input:nth-of-type(1):checked~.navigation label:nth-of-type(1):after,
.csslider>input:nth-of-type(2):checked~.navigation label:nth-of-type(2):after,
.csslider>input:nth-of-type(3):checked~.navigation label:nth-of-type(3):after,
.csslider>input:nth-of-type(4):checked~.navigation label:nth-of-type(4):after,
.csslider>input:nth-of-type(5):checked~.navigation label:nth-of-type(5):after,
.csslider>input:nth-of-type(6):checked~.navigation label:nth-of-type(6):after,
.csslider>input:nth-of-type(7):checked~.navigation label:nth-of-type(7):after,
.csslider>input:nth-of-type(8):checked~.navigation label:nth-of-type(8):after,
.csslider>input:nth-of-type(9):checked~.navigation label:nth-of-type(9):after,
.csslider>input:nth-of-type(10):checked~.navigation label:nth-of-type(10):after,
.csslider>input:nth-of-type(11):checked~.navigation label:nth-of-type(11):after {
    opacity: 1;
}

.csslider>.arrows {
    position: absolute;
    /*     left: -31px; */
    top: 45%;
    width: 100%;
    height: 1px;
    padding: 0 31px;
    z-index: 100;
}

@media (max-width: 800px) {
    .csslider>.arrows {
        position: absolute;
        left: auto;
        top: 45%;
        width: 100%;
        height: 1px;
        padding: 0 31px;
        z-index: 100;
    }
}

.csslider>.arrows label {
    display: none;
    position: absolute;
    top: -50%;
    padding: 13px;
    cursor: pointer;
}

.csslider.infinity>input:first-of-type:checked~.arrows label.goto-last,
.csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(0),
.csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(1),
.csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(2),
.csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(3),
.csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(4),
.csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(5),
.csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(6),
.csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(7),
.csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(8),
.csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(9),
.csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(10) {
    display: block;
    background: url("/hc/theming_assets/01HZKYT7PJEB68Z99DRVZDKBM1");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    left: -6px;
    padding: 20px;
    background-color: rgba(61, 62, 64, 0.7);
    border-radius: 50%;
}

.csslider.infinity>input:first-of-type:checked~.arrows label.goto-last:hover,
.csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(0):hover,
.csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(1):hover,
.csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(2):hover,
.csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(3):hover,
.csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(4):hover,
.csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(5):hover,
.csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(6):hover,
.csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(7):hover,
.csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(8):hover,
.csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(9):hover,
.csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(10):hover {
    background-size: 30px;
    background-color: rgba(61, 62, 64, 0.8);
}

.csslider.infinity>input:last-of-type:checked~.arrows label.goto-first,
.csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2),
.csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3),
.csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4),
.csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5),
.csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6),
.csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7),
.csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8),
.csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9),
.csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10),
.csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11),
.csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12) {
    display: block;
    right: -6px;
    padding: 20px;
    background: url("/hc/theming_assets/01HZKYT7V6JZJ9A50R2GWBN33A");
    background-size: 25px;
    background-color: rgba(61, 62, 64, 0.7);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}

.csslider.infinity>input:last-of-type:checked~.arrows label.goto-first:hover,
.csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2):hover,
.csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3):hover,
.csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4):hover,
.csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5):hover,
.csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6):hover,
.csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7):hover,
.csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8):hover,
.csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9):hover,
.csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10):hover,
.csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11):hover,
.csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12):hover {
    background-size: 30px;
    background-color: rgba(61, 62, 64, 0.8);
}

.article-body .csslider img {
    height: auto;
    max-width: 100%;
    box-shadow: 0px 8px 24px rgb(13 13 18 / 4%);
    border: 1px solid #dee0e3;
    border-radius: 8px;
}

.csslider>ul>li>p {
    font-size: 14px;
    margin: 10px 0px 0px 0px;
    font-weight: 500;
    white-space: normal;
    text-align: center;
}

@media (max-width: 800px) {

    .csslider.infinity>input:last-of-type:checked~.arrows label.goto-first,
    .csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2),
    .csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3),
    .csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4),
    .csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5),
    .csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6),
    .csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7),
    .csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8),
    .csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9),
    .csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10),
    .csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11),
    .csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12) {
        padding: 1.5rem;
    }

    .csslider.infinity>input:first-of-type:checked~.arrows label.goto-last,
    .csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(0),
    .csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(1),
    .csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(2),
    .csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(3),
    .csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(4),
    .csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(5),
    .csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(6),
    .csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(7),
    .csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(8),
    .csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(9),
    .csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(10) {
        padding: 1.5rem;
    }
}

/*Slider end  */


/* Rainbow's Lab */

.rb_lab_promoted_container {
    background-color: #f4f5f6;
    margin-top: -50px
}

.rb_lab_article-promoted {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-around;
    margin: 16px;
}

.rb_lab_article-promoted .article_info {
    display: flex;
    flex-direction: column;
    max-width: 492px;
    max-height: 240px;
    justify-content: space-evenry;
    margin-left: 100px;
    text-align: left;
}

.rb_lab_promoted:before {
    font-family: "Material Icons";
    font-size: 24px;
    margin-right: 8px;
    content: "\e8e5";
    vertical-align: middle;
    color: rgba(76, 42, 137, 1);
}

.rb_lab_article-promoted .article_info .rb_lab_article_title {
    color: rgba(61, 62, 64, 1);
    font-size: 32px;
    white-space: normal;
}

.rb_lab_article-promoted .article_info p {
    color: rgba(61, 62, 64, 1);
    font-size: 16px;
    white-space: normal;
}



.rb_lab_article_thumbnail_container {
    background-color: rgba(76, 42, 137, 1);
    width: auto;
    height: auto;
    max-width: 300px;
    border-radius: 20px;
}

.rb_lab_article_thumbnail {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.rb_lab_article_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}
}

.rb_lab_article_list>li {
    flex: 1 100%;
}

@media (max-width: 600px) {
    .rb_lab_article_list>li {
        flex: 1 50%;
        padding: 2%;
    }
}

@media (max-width: 900px) {
    .rb_lab_article_list>li {
        flex: 1 33%;
        padding: 1%;
    }
}

@media (max-width: 1200px) {
    .rb_lab_article_list>li {
        flex: 1 25%;
        padding: 1%;
    }
}

/* .rb_lab_article_list li .rb_lab_article_thumbnail_container{
    width: 100%;
  	max-width:407px;
   	height:auto;
}
*/

.rb_lab_article_list .rb_lab_article_title,
.rb_lab_article_list p {
    color: rgba(61, 62, 64, 1);
}

.rb_lab_article_title {
    font-size: 32px;
}

.rb-lab-article-info {
    padding: 35px;
}

.rb-lab-article-item {
    border: 1px solid #dee0e3;
    border-radius: 0 0 15px 15px;
    margin-bottom: 45px;
}

.rb-lab-article-header {
    background-color: rgba(76, 42, 137, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
    height: auto;
    margin-top: -81px;
}

.rb-lab-article-header h1 {
    margin: 0;
}

.rb-lab-article-header-bubble {
    display: flex;
}

.rb-lab-article-header .rb_lab_article_thumbnail {
    max-height: 280px;
    max-width: 280px;
    margin: 0 35px;
}

.rb-lab-article-header-title-bubble {
    background: #fff;
    border-radius: 6px 6px 6px 0;
    position: relative;
    padding: 16px;
}

.rb-lab-article-header-title-bubble::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0.5px;
    left: -16px;
    border-style: solid;
    border-width: 12.5px 16px 0 0;
    border-color: #fff transparent transparent transparent;
    transform: rotate(180deg);
}

.rb-lab-article-header .rb_lab_article_thumbnail_container {
    width: auto;
}

.rb-lab-meta-group {
    text-align: right;
}

.rb-lab-meta-group li {
    display: inline;
}

.rb-lab-article-meta .meta-data {
    color: rgba(61, 62, 64, 1);
    font-style: italic;
}

.rb-lab-author>a {
    color: rgba(61, 62, 64, 1);
    margin-left: 60px;
}

.rb-lab-article-avatar {
    margin-top: auto;
    margin-right: 20px;
}


.rb_lab_promoted_container ul a:hover,
.rb_lab_article_list .article-list-link:hover {
    text-decoration: none;
}

.rb_lab_article_list .article-tags ul li a.article-list-link,
.rb_lab_promoted .article-indo .article-tags div .tag+a:nth-child(1),
#article-slider>ul>li>div>div.article_info>div>div>div.tag.related_to+a:nth-child(1) {
    display: none;
}

.rb-lab-article-header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.rb-lab-article-sidebar-nav {
    position: absolute;
    top: 280px;
    left: 100px;
}


.rb-lab-article-sidebar-nav {
    background-color: #fff;
    padding: 35px;
    padding-top: 0px;
    border-radius: 8px;
}

.rb-lab-article-info {
    max-width: 750px;
    margin-right: 35px;
    margin-left: auto;
}

.rb-lab-article-body h2 {
    width: auto;
    padding: 0 0.5em;
}

.rb-lab-article-header-info {
    margin: 0 35px;
}

@media (max-width: 600px) {
    .rb-lab-article-header .rb_lab_article_thumbnail {
        display: none;
    }

    .rb_lab_article-promoted .article_info {
        margin-left: 0;
    }

    .rb_lab_article_thumbnail_container {
        width: auto;
        height: auto;
    }

    .rb_lab_article-promoted {
        flex-direction: column-reverse;
    }

    .rb_lab_article_list {
        flex-direction: column;
    }

    .rb_lab_article_list li {
        width: 100%;
    }

    .rb_lab_article_list>li {
        border-bottom: 1px solid #dee0e3;
        margin: 35px 0;
    }

    .rb-lab-article-header .article-tags h2 {
        color: #fff;
    }

    .navigate_theme {
        flex-direction: column;
    }

    .rb_lab_article_thumbnail_container {
        max-width: 100%;
    }

    .rb_lab_article_list li .rb_lab_article_thumbnail_container {
        max-width: 100%;
        text-align: center;
    }

    .rb_lab_article_thumbnail {
        max-width: 407px;
    }
}

@media (max-width: 900px) {
    .rb-lab-article-sidebar-nav {
        position: absolute;
        top: 0px !important;
        left: 0px !important;
        width: 100%;
        border-radius: 0;
    }

    .rb-lab-article-header {
        padding: 0;
    }

    .rb-lab-article-sidebar-nav {
        padding: 0 !important;
    }

    .rb-lab-article-header-info {
        margin: 35px !important;
        margin-top: 100px !important;
    }

    .rb-lab-article-info {
        margin-right: 0;
    }
}

/* Rainbow's Lab end */
/* Search result icon article type*/
.search-list-elearning,
.search-list-rb-lab,
.search-list-what-new,
.search-list-default {
    position: relative;
}

.search-list-elearning::before,
.search-list-rb-lab::before,
.search-list-what-new::before,
.search-list-default::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -30px;
    top: -20px;
    background-repeat: no-repeat;
}

.search-list-elearning::before {
    background-image: url(/hc/theming_assets/01HZHJPETERJCMHKJZ4J06FE7P);
}

.search-list-rb-lab::before {
    background-image: url(/hc/theming_assets/01HZHJYK4SVQ1QRZMH47K6CTDW);
}

.search-list-what-new::before {
    background-image: url(/hc/theming_assets/01HZHJSBVR5MVB0RH2WQS3B7WJ);
}

.search-list-default::before {
    background-image: url(/hc/theming_assets/01HZHJXNE2166VDYA48G5X530N);
}

/*Nav by theme toggle  */
#themes_list {
    height: 110px;
    overflow: hidden;
    transition: height 0.3s ease;
}

#themes_list.expanded {
    height: auto;
}

#toggleButton {
    margin-top: 10px;
    cursor: pointer;
    background-color: rgba(76, 42, 137, 1);
    color: white;
    border: none;
    padding: 10px;
    border-radius: 5px;
}

.navigate_theme .rainbow-lab-sub {
    flex: 1;
    margin: 1%;
}

/* VIDEO TRANSCRIPTION */
.video-transcript {
    display: none;
}

<style>

/*************** Pricing Comparison Table CSS ***************/
/* Customize the font family and table height below */
.comparisonTableContainer {
    font-family: system-ui;
    max-width:
        /*1280px !important*/
    ;
    margin: auto;
    position: relative;
    overflow-anchor: none;
}

/* Start: Generated CSS */
.horizontal-scroller {
    position: fixed;
    bottom: 0;
    height: 30px;
    overflow: auto;
    overflow-y: hidden;
}

.horizontal-scroller-content {
    height: 30px;
}

.comp-table__tableHead.stickyHeader {
    position: fixed;
    z-index: 999;
    overflow-x: scroll;
    top: 0px;
}

.comp-table__stickyRowGroupPH.stickyHeader {
    position: fixed;
    z-index: 9;
}

.comp-table__stickyRowGroupPH:not(.stickyHeader) {
    padding: 0;
    height: 0;
}

.comp-table__columnGroupSection.stickyHeader .comp-table__tableData {
    border-top: none
}

.comp-table__tableHead.stickyHeader.atBottom {
    position: absolute;
    z-index: 999;
    bottom: 0px;
    left: 0px !important;
    top: initial !important;
    width: initial !important;
    overflow-x: clip;
}

.comparisonTableContainer use:nth-child(2) {
    transform: translate(20px);
}

.comparisonTableContainer use:nth-child(3) {
    transform: translate(40px);
}

.comparisonTableContainer use:nth-child(4) {
    transform: translate(60px);
}

.comparisonTableContainer use:nth-child(5) {
    transform: translate(80px);
}

.comparisonTableContainer .rating {
    height: 20px;
    width: 100px;
}

.comparisonTableContainer #stars-empty-star {
    fill: #f1e8ca;
}

.comparisonTableContainer #stars-full-star,
.comparisonTableContainer #stars-half-star {
    fill: #fdcc0d;
}

@media (max-width:769px) {

    .comp-table__columnGroup .comp-table__tableData,
    .comp-table__columnHeader:nth-child(2),
    .comp-table__tableBodyRow .comp-table__tableData:nth-child(2) {
        border-left: 1px solid #bdbdbd !important
    }

    .comp-table__emptyCell,
    .comp-table__rowheader {
        display: none
    }

    .comp-table__productImage {
        height: auto;
        max-width: 100%
    }

    .comp-table__columnGroupSection .comp-table__tableData {
        font-size: 1rem !important
    }

    .comp-table__recommendedText {
        /*font-size:.8rem!important*/
    }

    .comparisonTableContainer .comp-table .comp-table__tableData:not([scope="colgroup"]) {
        min-width: 100px;
        max-width: 100px
    }

    .comparisonTableContainer.moreThan4 .comp-table .comp-table__tableData:not([scope="colgroup"]) {
        min-width: 100px;
        max-width: 100px
    }

    .comparisonTableContainer.moreThan4 .comp-table__tableData[scope="colgroup"] {
        text-align: left
    }

    .comp-table__productImageContainer {
        width: 80px;
        height: auto
    }

    .comparisonTableContainer use:nth-child(2) {
        transform: translate(15px);
    }

    .comparisonTableContainer use:nth-child(3) {
        transform: translate(30px);
    }

    .comparisonTableContainer use:nth-child(4) {
        transform: translate(45px);
    }

    .comparisonTableContainer use:nth-child(5) {
        transform: translate(60px);
    }

    .comparisonTableContainer .rating {
        height: 13px;
    }
}

.comparisonTableContainer .comp-table__tableData[scope="colgroup"] span,
.comp-table__stickyRowGroupPH span {
    padding-left: 10px;
}

.comp-table__stickyRowGroupPH .comp-table__tableData {
    padding-left: 0;
}

.comparisonTableContainer.moreThan4 .comp-table__tableData[scope="colgroup"],
.comparisonTableContainer.moreThan4 .comp-table__stickyRowGroupPH .comp-table__tableData {
    padding-left: 0
}

@media (max-width:769px) and (min-width:400px) {

    .comp-table__price,
    .comp-table__productLink,
    .comp-table__productName,
    .comp-table__tableData,
    .comp-table__recurrence {
        font-size: 1rem !important
    }
}

@media (max-width:400px) {

    .comp-table__price,
    .comp-table__productLink,
    .comp-table__productName,
    .comp-table__tableData,
    .comp-table__recurrence {
        font-size: .9rem !important
    }

    [scope="colgroup"] span {
        max-width: 278px;
        display: block
    }
}

.comp-table {
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #bdbdbd;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0
}

.comparisonTableContainer {
    overflow: auto
}

.comparisonTableContainer .comp-table__tableData:not([scope="colgroup"]) {
    min-width: 150px;
    max-width: 150px
}

.comparisonTableContainer .comp-table__rowheader {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    font-size: 1.2rem;
    border-left: 1px solid #bdbdbd;
}

#solid_circular_checkmark .checkmark,
#reg_circular_checkmark .checkmark,
#reg_checkmark .checkmark,
#solid_checkmark .checkmark {
    fill: #4ac263;
}

#solid_circular_xmark .xmark,
#reg_circular_xmark .xmark,
#reg_xmark .xmark,
#solid_xmark .xmark {
    fill: #808080;
}

.comp-table__tableData {
    border-right: 1px solid #bdbdbd;
    border-top: 1px solid #bdbdbd
}

.comp-table caption {
    position: absolute;
    opacity: 0;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.comp-table__rowheader {
    /*width:20%;*/
    text-align: left;
    padding: 10px;
    font-weight: 700;
    color: #000000;
    left: 0;
    position: sticky;
    position: -webkit-sticky
}

.comp-table__tableData {
    padding: 12px 5px;
    background: #ffffff;
    border-color: #bdbdbd;
    line-height: 1.4
}

[scope="colgroup"] span {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
}

.comp-table__columnGroup,
.comp-table__columnHeader,
.comp-table__tableDataCell {
    text-align: center;
    background-clip: padding-box !important
}

.comp-table__columnHeader {
    font-weight: 700;
    background: #ffffff;
    padding-top: 55px;
    padding-bottom: 10px;
    position: relative;
}

.includeGroups .comp-table__columnHeader:not(.comp-table__emptyCell) {
    border-bottom: 1px solid #bdbdbd;
}

.comp-table__emptyCell {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    background: #ffffff;
    position: sticky;
    left: 0;
    z-index: 99;
    padding-left: 20px;
}

.comp-table__tableDataCell {
    color: #000000;
    font-size: 1.2rem;
    padding: 12px 5px
}

.comp-table__tableDataCell svg {
    margin: auto;
    display: block;
}

.comp-table__tableDataCell>* {
    min-height: 28px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comp-table__columnHeader:not(.comp-table__recommended) .comp-table__recommendedText {
    display: none
}

.comp-table__recommendedText {
    background: #4ac263;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    font-size: %rec_font_size%;
    font-weight: 600;
    width: 100%;
    margin: 0;
    padding: 4px 0
}

@media (min-width:769px) {

    .comp-table__tableBodyRow:nth-child(2n),
    .comp-table__tableBodyRow:nth-child(2n) .comp-table__tableData {
        background: #ffffff
    }

    .comp-table__tableBodyRow:nth-child(4n),
    .comp-table__tableBodyRow:nth-child(4n) .comp-table__tableData {
        background: #ededed
    }

    .comp-table__columnGroup {
        display: none
    }

    .comp-table__productImage {
        max-width: 120px !important;
        height: auto
    }

    .comp-table__rowheader {
        padding-left: 20px !important
    }

    .comp-table__columnGroupSection .comp-table__tableData {
        text-align: left
    }

    .comp-table__productImageContainer {
        width: 140px;
        height: auto
    }
}

.comp-table__columnGroup .comp-table__tableData {
    background: #f0f0f0;
    color: #000000;
    font-weight: 700;
    border-top: 4px solid #bdbdbd
}

.comp-table__buyProduct {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    grid-gap: 10px;
    height: auto;
    position: relative
}

.comp-table__productLink:hover {
    filter: brightness(.9)
}

.comp-table__productLink {
    border: 2px solid #000000;
    background: #ffffff;
    color: #000000;
    padding: 12px 2px;
    border-radius: 5px;
    width: 95%;
    font-size: 1.1rem;
    line-height: 1.2;
    pointer-events: all !important
}

.comp-table__recommended .comp-table__productLink {
    border: 2px solid transparent;
    background: #f27e3d;
    color: #ffffff;
}

.comp-table__price {
    font-size: 1.8rem;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000000;
    word-break: break-word;
    line-height: 1.2
}

.comp-table__productName {
    line-height: 1.2;
    color: #000000;
    /*height:23px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem
}

.comp-table__recurrence {
    font-weight: 600;
    font-size: 1.2rem;
    margin-top: -10px;
    margin-bottom: 20px;
    color: #000000;
    line-height: 1rem
}

.comp-table__columnGroupSection .comp-table__tableData {
    font-size: .9rem;
    text-transform: uppercase;
    color: #000000;
    background: #9fd0d1;
    padding: 15px 0px;
    border-right: none;
    text-align: left
}

.comp-table__columnGroupSection.first .comp-table__tableData {
    border-top: none;
}

.comp-table__recommended {
    background: #eafbed !important
}

.comp-table__productImageContainer {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px
}

.comp-table__tableHead::-webkit-scrollbar {
    height: 0px;
}

/* Redirect Banner from old website */
.redirect-banner {
 		display: none;
  	flex-direction: column;
    align-items: center;
  	padding: 20px;
    font-size: 15px;
		background-color: #0069aa;
  	color: white;
}

.redirect-banner a{
  color: white;
  font-weight:bold;
}


/* Results banner for best practice reminder */
.results-banner {
 		display: none;
    font-size: 1.2em;
  	color: red;
  	font-style: italic;
}

/*************** Pricing Comparison Table CSS ***************/
</style>