/* 2025 */
/* ===================
   LUMINATE SHARED CSS
====================== */
.footer-spacing {
  margin: 72px 0 0;
}
.luminateNoBox--header {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.luminateNoBox--header .common-locations--descriptor {
    margin-bottom: 0;
}
.leftArea {
    display: flex;
    align-items: center;
    gap: 24px;
}
i.lite {
    position: absolute;
    top: 14px;
    right: 0px;
    opacity: 3%;
    width: 131px;
    height: 131px;
}
#product-search input[type="search"] {
  border-radius: 8px !important;
  border: 2px solid #c8cdd1;
  transition: all 0.2s ease-in-out;
  font-weight: 500;
  color: var(--ideagen-color-neutral-90);
}
#product-search input[type="search"]:hover,
#product-search input[type="search"]:focus,
.public-tag-container .public-tag-wrapper:hover {
  border: 2px solid var(--ideagen-brand-teal-05);
}
#product-search input[type="search"]::placeholder {
  color: var(--ideagen-color-neutral-40);
}

/*Navigation fix */
div[data-element-type="customer_success_plan"] {
    display: none;
}
.disabledElement {
    opacity: 0.6;
    filter: grayscale(1);
    pointer-events: none;
}
.sub-sec-list .sub-section {
    height: unset;
}
.sub-sec-list {
    margin-left: 32px;
}
.sub-sec-list {
    display: none;
}
.sub-sec-list.open {
    display: block;
}

/* Article widget */
.luminateBox .wide {
    margin-top: 0;
}
.luminateBox .solution-search .search {
    width: unset;
}
.luminateBox .solution-search .search input[type="search"],
.luminateBox .solution-search input[type="search"] {
    color: var(--ideagen-color-neutral-90);
    -webkit-appearance: none;
    font-weight: 500;
    font-size: 14.5px;
    transition: all 0.2s ease-in-out;
    height: 30px;
    padding: 6px 38px 6px 6px !important;
    border: 1px solid rgba(221, 224, 227, 1);
    background: var(--ideagen-color-neutral-05);
    width: 100%;
}
.luminateBox .solution-search .search input[type="search"]:hover,
.luminateBox .solution-search input[type="search"]:hover {
    border: 1px solid var(--ideagen-brand-teal-10);
}
.luminateBox .solution-search .search input[type="search"]:focus,
.luminateBox .solution-search input[type="search"]:focus {
    border: 1px solid var(--ideagen-brand-teal-20) !important;
}
.luminateBox .solution-search .search::before,
.solution-search.support-search::before {
    top: 50%;
    transform: translateY(-50%);
    color: var(--ideagen-color-neutral-50);
    content: "";
    position: absolute;
    right: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-color: currentColor !important;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.8492 4.94973C17.3428 7.44332 17.5618 11.3502 15.5062 14.092L20.5061 19.0919C20.8966 19.4824 20.8966 20.1156 20.5061 20.5061C20.1156 20.8966 19.4824 20.8966 19.0919 20.5061L14.092 15.5062C11.3502 17.5618 7.44334 17.3428 4.94975 14.8492C2.21608 12.1156 2.21608 7.6834 4.94975 4.94973C7.68342 2.21606 12.1156 2.21606 14.8492 4.94973ZM13.435 13.435C15.3877 11.4824 15.3877 8.31656 13.435 6.36394C11.4824 4.41132 8.31658 4.41132 6.36396 6.36394C4.41134 8.31656 4.41134 11.4824 6.36396 13.435C8.31658 15.3876 11.4824 15.3876 13.435 13.435Z" fill="%232F4051"/></svg>');
    z-index: 1;
}
.luminateBox .solution-search .search.search-has-value::before {
    display: none;
}
.luminateBox .solution-search .search .clear-button {
    width: 20px;
    height: 20px;
    align-items: center;
}
aside.sidebar.luminateSidebar {
    padding: 20px 26px 26px;
    border-radius: 12px;
    margin-bottom: 24px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
    margin-left: 24px;
    flex: 0 1 344px;
    width: unset;
    max-width: 344px;
}
.sidebar-inner.luminateSidebar {
    padding: 20px 26px 26px;
    border-radius: 12px;
    margin-bottom: 24px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
    flex: 0 1 344px;
    width: unset;
    max-width: 344px;
}
aside.sidebar.luminateSidebar ul#sidebar-menu {
    margin: 0;
}
.luminateSidebar .common-locations--descriptor {
    margin-bottom: 0;
}
.sitewidth.latest-articles {
    padding: 20px 26px 26px;
    border-radius: 12px;
    margin-bottom: 24px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
    .sitewidth.latest-articles {
        padding: 20px 16px 26px;
    }
}
.la-container {
    border: 1px solid rgba(221, 224, 227, 1);
    border-radius: 12px;
}
.la-container a:nth-child(n + 5) {
    border-bottom: 0;
}
.la-container a:nth-child(n + 6) {
    display: none;
}
.la-container a:nth-child(even) {
    background: var(--ideagen-color-neutral-05);
}
.article-item {
    padding: 12px 14px;
    display: flex;
    border-bottom: 1px solid var(--ideagen-color-neutral-10);
    align-items: center;
}
.article-item h3 {
    transition: 0.2s;
}
.article-item:hover h3 {
    color: var(--ideagen-brand-teal-20);
}
.article-item:last-child {
    border-bottom: 0;
}
.la-container h3 {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    line-height: 1.5;
    font-weight: 600;
}
.la-container span {
    color: var(--ideagen-color-neutral-60);
    font-size: 13px;
}
a.article-item:before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.586 2.586C16.211 2.211 15.702 2 15.172 2H6C4.896 2 4 2.896 4 4V20C4 21.104 4.896 22 6 22H18C19.104 22 20 21.104 20 20V6.829C20 6.298 19.789 5.789 19.414 5.414L16.586 2.586ZM18 20H6V4H14V8H18V20ZM8 13H16V11H8V13ZM8 17H14V15H8V17Z" fill="%232F4051"/></svg>');
    margin-right: 12px;
}
span.secton-pill {
    background: var(--ideagen-color-pink-05);
    padding: 1px 5px;
    border-radius: 25px;
    font-weight: 600;
    line-height: normal;
    font-size: 12px;
    color: var(--ideagen-color-pink-90);
}
.article-metadata {
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.widget.switch-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: -8px;
}
.widget .tab-buttons-container {
    display: flex;
    gap: 8px;
    align-items: center;
}
.col.fw {
    margin: 0 10px;
}
/* Suggested page */
.solution-metadata {
    margin-bottom: 24px;
}
.solution-metadata img#solution-logo {
    margin-left: -10px;
    height: 170px;
    max-width: 100%;
}
.solution-metadata h1 {
    line-height: 1.3;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.18px;
    margin: 0 0 12px;
}
.switch-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
a.tab-switch-pill {
    background: var(--ideagen-color-neutral-05);
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 25px;
    font-size: 13px;
    color: var(--ideagen-color-neutral-90);
    line-height: normal;
    transition: 0.2s ease-in-out;
}
a.tab-switch-pill:hover {
    background: var(--ideagen-color-neutral-10);
    color: var(--ideagen-color-neutral-90);
}
a.tab-switch-pill.active {
    background: var(--ideagen-color-teal-10);
    color: var(--ideagen-color-teal-90);
}
/* Skill entry */
.skills-widget {
    padding: 20px 26px 26px;
    border-radius: 12px;
    margin: 0 10px 24px 10px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}
.skill-entry {
    padding: 12px 14px;
    transition: 0.2s;
    min-width: 234px;
    margin-right: 24px;
    border: 1px solid rgba(221, 224, 227, 1);
    border-radius: 12px;
    transition: 0.3s ease-in-out;
}
.skill-entry:hover {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
}
/* Remove margin-right from the last item */
.skill-entry:last-child {
    margin-right: 0;
}
.slick-initialized .slick-slide {
    margin-right: 24px;
}
.slick-initialized .slick-slide:last-child {
    margin-right: 0;
}
.skills-carousel .slick-track {
    gap: 0 !important;
    padding: 2px;
}
.avatar-wrapper {
    width: 100%;
    border: 1px solid var(--ideagen-color-neutral-10);
    border-radius: 12px;
    height: 107px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.skill-entry img.skill-avatar {
    width: 100%;
    transition: 0.3s ease-in-out;
}
.skill-entry:hover img.skill-avatar {
    transform: scale(1.03);
}
.skill-entry h3 {
    line-height: 1.2;
    height: 2.4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 14px 0;
    font-size: 16px;
}
.skill-entry:hover h3 {
    color: var(--ideagen-color-teal-90);
}
span.skill-time {
    background: var(--ideagen-color-yellow-10);
    color: var(--ideagen-color-yellow-90);
    font-weight: 600;
    font-size: 13px;
    border-radius: 24px;
    padding: 4px 6px;
    line-height: 13px;
    display: block;
    width: fit-content;
    margin: 23px 0 0;
}
p.skill-description {
    line-height: 1.4;
    height: 2.6em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 10px 0;
    color: var(--ideagen-color-neutral-70);
}
.tooltip-container.widget p.tooltip {
    visibility: hidden;
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    max-width: 260px;
    line-height: normal;
    color: var(--ideagen-color-white) !important;
    background: var(--ideagen-color-neutral-90);
    padding: 8px;
    border-radius: 8px;
    z-index: 5;
    transform: translateX(-50%) translateY(-0.2em);
    margin: 0;
    opacity: 0;
    width: max-content;
    transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s, visibility 0s linear 0.4s;
}
.tooltip-container.widget p.tooltip:after {
    content: "";
    background: var(--ideagen-color-neutral-90);
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translateX(-50%) rotate(45deg);
}
.tooltip-container.widget .information:hover + .tooltip {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s, visibility 0s linear;
    transform: translateX(-50%) translateY(0em);
}
/* End article widget */

.scroll-shadow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.09), transparent);
    pointer-events: none;
    display: none;
    z-index: 10;
}

.floating-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 2px;
    background-color: var(--ideagen-brand-pink-05);
    color: #fff;
    cursor: pointer;
    border-radius: 6px;
    font-size: 13px;
    line-height: 0;
    display: flex;
    align-items: center;
    font-weight: 600;
    z-index: 11;
}

.floating-btn span {
    display: none;
    margin-left: 4px;
}

.floating-btn:hover span {
    display: block;
}

.lightbox-overlay {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(47, 64, 81, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    top: 0;
    overflow: hidden;
    backdrop-filter: blur(5px);
}

.lightbox-table-content {
    background: #fff;
    border-radius: 12px;
    width: inherit;
    max-width: calc(100% - 80px);
    max-height: 80%;
    overflow-y: auto;
    top: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.25);
}

.lightbox-close {
    font-family: "Ideagen";
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: white;
    cursor: pointer;
    z-index: 10000;
    font-weight: 300;
}

/* 2025 Skills launch */
ul.cta--buttons {
    display: flex;
    align-items: center;
}

.unified-navigation--cta-buttons a#loginButton:before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4H17C17.5523 4 18 4.44772 18 5C18 5.55228 17.5523 6 17 6H6C5.44772 6 5 6.44772 5 7V17C5 17.5523 5.44772 18 6 18H17C17.5523 18 18 18.4477 18 19C18 19.5523 17.5523 20 17 20H5C3.89543 20 3 19.1046 3 18V6C3 4.89543 3.89543 4 5 4ZM13.6322 14.7097C13.8762 15.0235 13.8541 15.4773 13.5657 15.7657C13.2533 16.0781 12.7467 16.0781 12.4343 15.7657L9.2343 12.5657L9.16775 12.4903C8.92373 12.1765 8.94592 11.7227 9.2343 11.4343L12.4343 8.23433L12.5097 8.16778C12.8235 7.92376 13.2773 7.94594 13.5657 8.23433L13.6322 8.3097C13.8762 8.62353 13.8541 9.07731 13.5657 9.3657L11.9318 11L19.9939 11L20 11C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13V13L11.9317 13L13.5657 14.6343L13.6322 14.7097Z" fill="%23FFF"/></svg>')
        "";
    margin-right: 4px;
    line-height: 0;
}

.unified-navigation--cta-buttons a#newaccButton:before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 11V5C13 4.44775 12.5523 4 12 4C11.4477 4 11 4.44775 11 5V11H5C4.44771 11 4 11.4477 4 12C4 12.5523 4.44771 13 5 13H11V19C11 19.5522 11.4477 20 12 20C12.5523 20 13 19.5522 13 19V13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H13Z" fill="%232F4051"/></svg>');
    margin-right: 4px;
    line-height: 0;
}

/* 2024 Open a Ticket Page */
.new_request_form__page .box--form {
    background-color: #fff;
    position: relative;
    flex: 1;
    padding: 20px 26px 26px;
    border-radius: 12px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

.new_request_form__page .box--sidebar h3 {
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
    font-size: 20px;
    margin: 0 0 12px 0;
    line-height: normal;
}

.new_request_form__page .box--sidebar a {
    color: var(--ideagen-color-teal-80);
    font-weight: 600;
    line-height: normal;
}

ul[data-hc-pills-container] {
    border: 2px solid var(--ideagen-color-neutral-50);
    border-radius: 8px;
    cursor: text;
    min-height: 45px;
    padding: 8px 12px;
    overflow: hidden;
    transition: 0.25s ease-in-out;
    display: flex;
    align-items: center;
}
.new_request_form__page ul[data-hc-pills-container]:hover {
    border: 2px solid var(--ideagen-brand-teal-05);
}

.new_request_form__page ul[data-hc-pills-container][data-hc-focus="true"] {
    border: 2px solid var(--ideagen-brand-teal-10);
}

.new_request_form__page ul[data-hc-pills-container] li[data-hc-pill="true"] {
    height: 20px;
    line-height: 19px;
    margin: 0 8px 0 0;
    background-color: var(--ideagen-color-neutral-05);
    cursor: default;
    border: 0;
    border-radius: 25px;
    padding: 0 4px;
}

.new_request_form__page ul[data-hc-pills-container] li[data-hc-pill="true"] > span:not([aria-label="close"]) {
    margin-left: 7.5px;
    max-width: 400px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
}

.new_request_form__page input#request_collaborators_ {
    border: 0;
    border-radius: 0;
}

.new_request_form__page .form-field label:not(.ck.ck-voice-label) {
    display: inline-block;
    font-size: 14.5px;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--ideagen-color-neutral-90);
    line-height: 17.5px;
}

.new_request_form__page ul[data-hc-pills-container] li {
    height: auto;
    line-height: 30px;
    max-width: 100%;
}

.new_request_form__page ul[data-hc-pills-container] li:last-child input {
    border: 0;
    height: auto;
    max-width: 100%;
    padding: 0;
}

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

.new_request_form__page .form-field input[type="text"] {
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    height: 45px;
    transition: 0.25s ease-in-out;
}

.new_request_form__page .form-field input[type="text"]:hover {
    border: 2px solid var(--ideagen-brand-teal-05);
}

.new_request_form__page .form-field input[type="text"]:focus {
    border: 2px solid var(--ideagen-brand-teal-10);
}

.new_request_form__page .ck.ck-editor {
    position: relative;
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    transition: 0.2s;
}

.new_request_form__page .ck.ck-editor:hover {
    border: 2px solid var(--ideagen-brand-teal-05);
}

.new_request_form__page .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.new_request_form__page .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
    border: none;
    border-width: 0;
}

.new_request_form__page .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
    border: 0;
    border-radius: 8px;
}

.new_request_form__page .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border-color: none;
    border-top: none;
    border-width: 0;
}

.new_request_form__page .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    border-width: 0;
    border-top: 2px solid var(--ideagen-color-neutral-10);
}

.new_request_form__page .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
    border: 0;
    border-radius: 8px;
}

.new_request_form__page .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.new_request_form__page .ck.ck-button:focus-visible,
.new_request_form__page .ck.ck-content.ck-editor__editable.ck-editor__editable_inline.ck-focused,
.new_request_form__page .ck.ck-content.ck-editor__editable.ck-focused,
.new_request_form__page .ck.ck-toolbar:focus-visible {
    box-shadow: none;
    outline: none;
    outline-offset: 0;
}

.new_request_form__page .ck .ck-content p {
    font-size: 14px;
    margin: 8px 0;
}

.new_request_form__page .ck.ck-editor__editable_inline {
    border: 1px solid transparent;
    overflow: auto;
    padding: 0 12px;
}

.new_request_form__page .ck.ck-content ol,
.ck.ck-content p,
.ck.ck-content ul {
    color: var(--ideagen-color-neutral-90) !important;
    font-family: "Gilroy";
    font-size: 14px;
}

.new_request_form__page .ck-content blockquote {
    border-left: 5px solid var(--ideagen-color-neutral-10);
    font-style: normal;
    overflow: hidden;
    border-radius: 0;
    padding: 0 12px !important;
    margin: 8px 0 !important;
}

.new_request_form__page .ck ul li {
    list-style-type: disc;
}

.new_request_form__page .ck ol li {
    list-style-type: decimal;
}

.new_request_form__page .ck.ck-button {
    border: 0;
}

.new_request_form__page .ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
    color: var(--ideagen-color-neutral-90);
}

.new_request_form__page .ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
    background: var(--ideagen-color-neutral-05);
    border: 0;
}

.new_request_form__page .ck.ck-button.ck-on:not(.ck-disabled):active,
a.ck.ck-button.ck-on:not(.ck-disabled):active {
    background: var(--ideagen-color-neutral-10);
    border: 0;
}

.new_request_form__page .ck.ck-button:active,
.ck.ck-button:focus,
a.ck.ck-button:active,
a.ck.ck-button:focus {
    border: 0;
    box-shadow: none;
    outline: none;
}

.new_request_form__page .ck.ck-button.ck-on:not(.ck-disabled):hover,
a.ck.ck-button.ck-on:not(.ck-disabled):hover {
    background: var(--ideagen-color-neutral-10);
    border: 0;
}

.new_request_form__page .nesty-input {
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 2px;
    box-shadow: none;
    padding: 8px 12px;
}

.new_request_form__page .form-field .nesty-input {
    border-radius: 8px;
    height: 45px;
    line-height: 25px;
    outline: none;
    vertical-align: middle;
}

.new_request_form__page .form-field .nesty-input:hover {
    border: 2px solid var(--ideagen-brand-teal-05);
}

.new_request_form__page .form-field .nesty-input:focus {
    border: 2px solid var(--ideagen-brand-teal-10);
    text-decoration: none;
}

.nesty-panel {
    height: auto;
    max-height: 200px;
}

.nesty-panel {
    background: #fff;
    border: 1px solid var(--ideagen-color-neutral-10);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    min-width: 100px;
    position: absolute !important;
    z-index: 999;
    border-radius: 8px;
    padding: 8px 0;
}

.nesty-panel li {
    background: #fff;
    border: 0;
    color: var(--ideagen-color-neutral-90);
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: "Gilroy";
    line-height: 1;
    margin: 0 !important;
    min-height: 27px;
    padding: 8px 12px !important;
    position: relative;
    box-sizing: border-box;
}

.nesty-panel li:hover,
.nesty-panel li:active,
.nesty-panel li:focus {
    background-color: var(--ideagen-color-neutral-05);
}

.nesty-panel li.nesty-selected {
    font-weight: 500;
}

input[aria-describedby="request_subject_error"] {
    border: 2px solid var(--ideagen-color-red-60) !important;
}

#request_subject_error:after {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.2737 7C11.5706 7 11 7.57061 11 8.27368V12.0947C11 12.7991 11.5706 13.3684 12.2737 13.3684C12.9768 13.3684 13.5474 12.7991 13.5474 12.0947V8.27368C13.5474 7.57061 12.9768 7 12.2737 7Z" fill="%23D11723"/><path d="M13.5474 15.9158C13.5474 16.6201 12.9768 17.1895 12.2737 17.1895C11.5706 17.1895 11 16.6201 11 15.9158C11 15.2114 11.5706 14.6421 12.2737 14.6421C12.9768 14.6421 13.5474 15.2114 13.5474 15.9158Z" fill="%23D11723"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z" fill="%23D11723"/></svg>');
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    top: -40px;
    right: 12px;
}

.new_request_form__page #request_subject_error,
#request_description_error {
    color: var(--ideagen-color-red-60);
    margin-top: 8px;
    position: relative;
}

.new_request_form__page .upload-dropzone {
    border: 2px dashed var(--ideagen-color-neutral-20);
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 82px;
    border-radius: 8px;
    background: var(--ideagen-color-neutral-05);
    transition: 0.2s;
}

.new_request_form__page .upload-dropzone:hover {
    background: var(--ideagen-color-teal-05);
}

.new_request_form__page .upload-dropzone[data-hover="true"] {
    background: var(--ideagen-color-teal-05);
}

.new_request_form__page .upload-dropzone input[type="file"] {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    transform: translateY(-50%);
    display: block;
    z-index: 1;
}

.new_request_form__page .upload-dropzone a {
    text-decoration: none;
    color: var(--ideagen-color-teal-80);
    font-size: 14px;
    font-weight: 700;
}

.new_request_form__page .upload-dropzone a:hover {
    text-decoration: none;
}

.new_request_form__page .upload-dropzone span {
    color: var(--ideagen-color-neutral-90);
    display: inline-block;
    line-height: 14px;
    padding: 0;
    font-size: 14px;
    position: relative;
    top: 42px;
}

.new_request_form__page .upload-dropzone:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7097 12.1678C15.0235 11.9238 15.4773 11.9459 15.7657 12.2343C16.0781 12.5467 16.0781 13.0533 15.7657 13.3657L12.5657 16.5657L12.4903 16.6322C12.1765 16.8763 11.7227 16.8541 11.4343 16.5657L8.23433 13.3657L8.16778 13.2903C7.92376 12.9765 7.94594 12.5227 8.23433 12.2343L8.3097 12.1678C8.62353 11.9238 9.07732 11.9459 9.3657 12.2343L11 13.8683V4.00636L11 4C11 3.44771 11.4477 3 12 3C12.5523 3 13 3.44771 13 4V4.00002H13V13.8682L14.6343 12.2343L14.7097 12.1678ZM7 8C5.34315 8 4 9.34315 4 11V18C4 19.6569 5.34315 21 7 21H17C18.6569 21 20 19.6569 20 18V11C20 9.34315 18.6569 8 17 8H15C14.4477 8 14 8.44772 14 9C14 9.55228 14.4477 10 15 10H17C17.5523 10 18 10.4477 18 11V18C18 18.5523 17.5523 19 17 19H7C6.44772 19 6 18.5523 6 18V11C6 10.4477 6.44772 10 7 10H9C9.55228 10 10 9.55228 10 9C10 8.44772 9.55228 8 9 8H7Z" fill="%232F4051"/></svg>');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.new_request_form__page .form {
    max-width: 100%;
}

.new_request_form__page .form footer {
    margin-top: 24px;
    padding-top: 0;
}

.new_request_form__page .button-large,
input[type="submit"] {
    background-color: #1b838b;
    border: 0;
    border-radius: 8px;
    color: var(--ideagen-color-white);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    min-width: 100px;
    padding: 8px 10px;
    width: auto;
    transition: 0.2s;
    cursor: pointer;
}

.new_request_form__page .button-large:hover,
.button-large:active,
.button-large:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
    background-color: var(--ideagen-color-teal-70);
}

.new_request_form__page blockquote.content-warning {
    background-color: var(--ideagen-color-red-05);
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.2737 7C11.5706 7 11 7.57061 11 8.27368V12.0947C11 12.7991 11.5706 13.3684 12.2737 13.3684C12.9768 13.3684 13.5474 12.7991 13.5474 12.0947V8.27368C13.5474 7.57061 12.9768 7 12.2737 7Z" fill="%23E22D38"/><path d="M13.5474 15.9158C13.5474 16.6201 12.9768 17.1895 12.2737 17.1895C11.5706 17.1895 11 16.6201 11 15.9158C11 15.2114 11.5706 14.6421 12.2737 14.6421C12.9768 14.6421 13.5474 15.2114 13.5474 15.9158Z" fill="%23E22D38"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z" fill="%23E22D38"/></svg>');
    background-repeat: no-repeat;
    background-position: 14px 14px;
    line-height: 20px;
}

.new_request_form__page div#screendeskiframecontainer {
    margin: 0;
    height: 37px;
}

.new_request_form__page iframe#screendesk_screen_recorder_frame {
    height: 37px !important;
}

.new_request_form__page button.unified-navigation--btn-secondary.disablediframe {
    height: 37px;
    color: var(--ideagen-color-neutral-50);
    font-weight: 500;
    align-items: center;
    gap: 10px;
    font-size: 14.7px;
    width: 184px;
    padding: 0 0 0 12px;
    cursor: default;
}

.new_request_form__page button.unified-navigation--btn-secondary.disablediframe:hover,
.new_request_form__page button.unified-navigation--btn-secondary.disablediframe:active,
.new_request_form__page button.unified-navigation--btn-secondary.disablediframe:focus {
    background: var(--ideagen-color-neutral-05);
}

.new_request_form__page button.unified-navigation--btn-secondary.disablediframe:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="%238b939a" class="-ml-1 mr-2 h-5 w-5"><path stroke-linecap="round" d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z"></path></svg>');
    width: 20px;
    height: 20px;
}

.new_request_form__page .form-field {
    position: relative;
}

.new_request_form__page .description {
    display: block;
    position: relative;
    line-height: normal;
    color: var(--ideagen-color-neutral-60);
    font-size: 14px;
    margin-top: -4px;
    margin-bottom: 8px;
}

.new_request_form__page .description p {
    color: unset;
    font-size: unset;
    margin: 8px 0;
}

.new_request_form__page .description p:first-child {
    margin: 0 0 8px;
}

.new_request_form__page .description p:last-child {
    margin: 8px 0 0;
}

.new_request_form__page .description a {
    color: var(--ideagen-color-teal-80);
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}

.new_request_form__page .description a:hover {
    color: var(--ideagen-color-teal-70);
}

.new_request_form__page .description a:active,
.new_request_form__page .description a:focus {
    color: var(--ideagen-color-teal-90);
}

.new_request_form__page .description a:before {
    content: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.1221 4.59375C14.7277 4.54438 14.4225 4.20782 14.4225 3.79998C14.4225 3.35815 14.7807 2.99998 15.2225 2.99998L19.748 2.99998L19.8483 3.00621C20.2428 3.05558 20.548 3.39214 20.548 3.79998L20.548 8.32546L20.5417 8.42581C20.4924 8.82028 20.1558 9.12546 19.748 9.12546L19.6476 9.11923C19.2532 9.06986 18.948 8.7333 18.948 8.32546L18.9477 6.01447L10.2979 14.6642L10.2958 14.6621C10.279 14.6818 10.2612 14.701 10.2426 14.7196C9.85208 15.1101 9.21891 15.1101 8.82839 14.7196C8.43786 14.3291 8.43786 13.6959 8.82839 13.3054C8.84702 13.2868 8.8662 13.269 8.88589 13.2522L8.88373 13.25L17.5335 4.60026L15.2225 4.59998L15.1221 4.59375ZM5 4.40588H12C12.5523 4.40588 13 4.8536 13 5.40588C13 5.95817 12.5523 6.40588 12 6.40588H6C5.44772 6.40588 5 6.8536 5 7.40588V17.4059C5 17.9582 5.44772 18.4059 6 18.4059H17C17.5523 18.4059 18 17.9582 18 17.4059V11.4059C18 10.8536 18.4477 10.4059 19 10.4059C19.5523 10.4059 20 10.8536 20 11.4059V18.4059C20 19.5105 19.1046 20.4059 18 20.4059H5C3.89543 20.4059 3 19.5105 3 18.4059V6.40588C3 5.30131 3.89543 4.40588 5 4.40588Z" fill="%231b838b"/></svg>');
    line-height: 0;
    display: block;
}

.new_request_form__page .description.screendesk {
    margin-top: 18px;
}

.new_request_form__page .form-field:hover .show-description .description {
    display: block;
}

.new_request_form__page .nesty-input:after {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.29289 9.29289C7.65338 8.93241 8.22061 8.90468 8.6129 9.2097L8.70711 9.29289L12 12.585L15.2929 9.29289C15.6534 8.93241 16.2206 8.90468 16.6129 9.2097L16.7071 9.29289C17.0676 9.65338 17.0953 10.2206 16.7903 10.6129L16.7071 10.7071L12.7071 14.7071C12.3466 15.0676 11.7794 15.0953 11.3871 14.7903L11.2929 14.7071L7.29289 10.7071C6.90237 10.3166 6.90237 9.68342 7.29289 9.29289Z" fill="%232F4051"/></svg>');
    line-height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.new_request_form__page .info-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.new_request_form__page i.info-icon {
    margin-left: 4px;
    transform: translateY(2px);
    display: block;
    cursor: pointer;
}

ul[aria-labelledby="request_type_label"] li#problem,
ul[aria-labelledby="request_type_label"] li#task {
    display: none;
}

ul[aria-labelledby="request_type_label"] li#incident {
    color: transparent;
    font-size: 0;
}

ul[aria-labelledby="request_type_label"] li#incident:before {
    color: var(--ideagen-color-neutral-90);
    font-size: 14px;
    content: "Issue";
}

/* Error page */
.error-page.container.wrapper {
    text-align: center;
    max-width: 600px;
    margin-bottom: 72px;
}

.error-page img {
    width: 250px;
    height: 250px;
}

.error-page .register-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
    margin-bottom: 8px;
}

.error-page h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22.5px;
    margin: 0;
}

.error-page p {
    font-weight: 500;
    font-size: 16px;
    color: #5d6977;
    line-height: 24px;
    margin: 8px 0;
}

.error-page a:not(.register-buttons a) {
    color: var(--ideagen-color-teal-80);
    font-size: 14.5px;
}

.error-page a:not(.register-buttons a):hover {
    color: var(--ideagen-color-teal-70);
}

.error-page a:not(.register-buttons a):active,
.error-page a:not(.register-buttons a):focus {
    color: var(--ideagen-color-teal-90);
}

.error-page .back-home {
    padding: 0;
    font-weight: 700;
}

/* Faux elements and placeholders */
.category.feux {
    background: var(--ideagen-color-neutral-05);
    opacity: 1;
}

.category.feux:hover {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 0.5px #dde0e3;
}

.category.feux .category-icon:before {
    background-color: var(--ideagen-color-neutral-10);
    background-image: unset;
    border-radius: 25px;
}

.category.feux h2 {
    background: var(--ideagen-color-neutral-10);
    height: 22px;
    border-radius: 25px;
}

.category.feux p {
    background: var(--ideagen-color-neutral-10);
    height: 14px;
    border-radius: 25px;
    font-size: 0;
}

.category.feux.visible {
    background: #f4f5f63d;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 1px var(--ideagen-color-neutral-05);
    overflow: visible;
    cursor: default;
}

.category.feux.visible .category-icon:before {
    background-image: url("/hc/theming_assets/01J67GBK2H2DJGYYDAD6Q0BQZS");
    background-color: unset;
    filter: saturate(0) opacity(0.4);
}

.category.feux.visible .category-icon:after {
    display: none;
}

.category.feux.visible h2 {
    background: none;
    height: unset;
    color: var(--ideagen-color-neutral-30);
}

.category.feux p {
    background: none;
    font-size: 15px;
    color: var(--ideagen-color-neutral-30);
    height: unset;
}

.tooltip.feux-category {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    z-index: 10;
    background: var(--ideagen-color-neutral-90);
    color: var(--ideagen-color-white);
    padding: 8px;
    border-radius: 8px;
    line-height: normal;
    text-align: center;
    transform: translateX(-50%);
    min-width: 300px;
}

.tooltip.feux-category:after {
    content: "";
    background: var(--ideagen-color-neutral-90);
    width: 10px;
    height: 10px;
    transform: rotate(45deg) translateX(-50%);
    top: -2px;
    position: absolute;
    left: 50%;
}

.hoverContainer {
    position: relative;
    flex: 0 0 calc(33.33% - 16px);
}

span.tooltip {
    transform: translateX(-50%) translateY(-0.2em) !important;
}

.hoverContainer:hover .disabledElement ~ .tooltip {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s, visibility 0s linear;
    transform: translateX(-50%) translateY(0em) !important;
}

/* Helix settings component */
section.settings--container {
    width: 100%;
}

.settings--entry h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22.5px;
    margin-bottom: 6px;
}

.settings--fold .settings--entry h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22.5px;
    margin-bottom: 6px;
}

.settings--fold .settings--entry p {
    font-size: 14px;
    font-weight: 500;
    line-height: 17.5px;
    margin: 0;
}

.settings--entry p {
    font-size: 14px;
    font-weight: 600;
    line-height: 17.5px;
    margin: 0;
}

.settings--entry a {
    color: var(--ideagen-brand-teal-10) !important;
    font-weight: 700;
}

.settings--entry a:hover {
    color: var(--ideagen-brand-teal-20) !important;
    background: none;
}

.settings--entry a:active,
.settings--entry a:focus {
    color: var(--ideagen-brand-teal-30) !important;
    background: none;
}

.settings--entry a:after {
    content: "";
    font-family: "Ideagen";
    font-size: 20px;
    font-weight: 300;
    line-height: 0;
    transform: translateY(4px);
    display: inline-block;
    margin-left: 4px;
}

.settings--entry {
    padding: 24px 24px 12px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.settings--entry:first-child {
    padding-top: 0;
}

.settings--fold .settings--entry {
    padding: 24px 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.settings--fold .settings--entry {
    border-bottom: 1px solid var(--ideagen-color-neutral-10);
}

.settings--fold .settings--entry:first-child {
    border-top: 1px solid var(--ideagen-color-neutral-10);
    padding-top: 24px;
}

.settings--fold .settings--entry:last-child {
    border-bottom: 0;
}

.settings--header {
    position: relative;
    padding: 24px 24px 12px 24px;
    cursor: pointer;
}

.settings--header#settings:before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 3C13.1362 3 11.5701 4.27477 11.126 6L3 6C2.44772 6 2 6.44771 2 7C2 7.55228 2.44772 8 3 8L11.126 8C11.5701 9.72523 13.1362 11 15 11C16.8638 11 18.4299 9.72523 18.874 8L21 8C21.5523 8 22 7.55228 22 7C22 6.44772 21.5523 6 21 6L18.874 6C18.4299 4.27477 16.8638 3 15 3ZM15 5C13.8954 5 13 5.89543 13 7C13 8.10457 13.8954 9 15 9C16.1046 9 17 8.10457 17 7C17 5.89543 16.1046 5 15 5ZM9 21C10.8639 21 12.43 19.7252 12.874 18H21C21.5523 18 22 17.5523 22 17C22 16.4477 21.5523 16 21 16H12.874C12.43 14.2748 10.8639 13 9 13C7.13609 13 5.57004 14.2748 5.12601 16H3C2.44772 16 2 16.4477 2 17C2 17.5523 2.44772 18 3 18H5.12601C5.57004 19.7252 7.13609 21 9 21ZM9 19C10.1045 19 11 18.1046 11 17C11 15.8954 10.1045 15 9 15C7.89551 15 7 15.8954 7 17C7 18.1046 7.89551 19 9 19Z" fill="%232F4051"/></svg>');
    position: absolute;
    left: 18px;
}

.settings--header#authorisation:before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.1902 7.11657C18.1902 7.88724 17.5506 8.51199 16.7616 8.51199C15.9726 8.51199 15.333 7.88724 15.333 7.11657C15.333 6.3459 15.9726 5.72114 16.7616 5.72114C17.5506 5.72114 18.1902 6.3459 18.1902 7.11657Z" fill="%232F4051"/><path d="M13.8287 13.7051L12.9998 14.5148V17.4194H10.6188V19.7451H8.71405V22.0708H1.95215V17.8593L10.0215 9.96592C9.80797 9.35002 9.69198 8.68855 9.69198 8C9.69198 4.68629 12.3783 2 15.692 2C19.0057 2 21.692 4.68629 21.692 8C21.692 11.3137 19.0057 14 15.692 14C15.0415 14 14.4153 13.8965 13.8287 13.7051ZM15.692 12C17.9011 12 19.692 10.2091 19.692 8C19.692 5.79086 17.9011 4 15.692 4C13.4828 4 11.692 5.79086 11.692 8C11.692 8.88095 11.9768 9.69539 12.4593 10.3563L11.9758 10.8398L11.7394 11.0832L11.4172 11.3984L11.2196 11.5988C11.2183 11.5972 11.0312 11.7788 11.0299 11.7772L3.95215 18.7007V20.0708H6.71405V17.7451H8.61881V15.4194H10.9998V13.6726L11.9758 12.7146L12.2848 12.402L13.4048 11.282C14.0529 11.7346 14.8415 12 15.692 12Z" fill="%232F4051"/></svg>');
    position: absolute;
    left: 18px;
}

.settings--fold {
    padding: 0 10px;
}

.settings--link {
    line-height: normal;
}

.rotate-180 {
    transform: translateY(4px) translateX(4px) rotate(180deg) !important;
}

.settings--link svg {
    transform: translateY(4px) translateX(4px);
    transition: transform 0.4s ease;
}

.settings--entry [role="button"] {
    all: unset;
    color: var(--ideagen-color-teal-80);
    font-weight: 700;
    cursor: pointer;
}

.settings--entry [role="button"]::after {
    all: unset;
    content: "";
    font-family: "Ideagen";
    font-size: 20px;
    font-weight: 300;
    line-height: 0;
    transform: translateY(4px);
    display: inline-block;
    margin-left: 4px;
}

@media (max-width: 767px) {
    .settings--fold .settings--entry {
        padding: 24px 10px;
    }

    .settings--fold .settings--link {
        flex: 1 0 150px;
        text-align: right;
        margin-left: 8px;
    }
}

/* 2024 Additional components */
.no-margin {
    margin: 0 !important;
}

.wide {
    width: 100%;
    margin-top: 24px;
    cursor: pointer;
}

.results-container .unified-navigation--btn-primary {
    display: block;
}

/* 2024 Informational banner */
section.informational-banner {
    background-color: var(--ideagen-color-white);
    position: relative;
    overflow: hidden;
    padding: 20px 26px 26px;
    border-radius: 12px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

aside.sidebar {
    margin-left: 24px;
    flex: 0 1 344px;
    width: unset;
    max-width: 344px;
}

@media (max-width: 1040px) {
    aside.sidebar {
        margin-left: 0;
        flex: 1;
        width: unset;
        max-width: unset;
        margin-top: 24px;
    }
}

aside.sidebar .informational-banner .common-locations--descriptor {
    max-width: fit-content;
}

.sidebar h3 {
    flex: 1;
}

section.informational-banner.two-columns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.informational-banner .banner-right {
    z-index: 1;
}

.informational-banner:after {
    z-index: 0;
}

.informational-banner#qpc:after {
    content: "";
    background-image: url("/hc/theming_assets/01JZ0F1P0T8GK06YRC25MBFE74");
    position: absolute;
    top: -90px;
    right: 30px;
    height: 400px;
    width: 400px;
    background-size: 400px;
    background-repeat: no-repeat;
}

.informational-banner[content-audience="premier"]:after {
    content: "";
    background-image: url("/hc/theming_assets/01JZ0F1P448C6QZZF941XPDVPN");
    position: absolute;
    top: -90px;
    right: 30px;
    height: 400px;
    width: 400px;
    background-size: 400px;
    background-repeat: no-repeat;
}

@media (max-width: 1040px) {
    section.informational-banner#qpc:after {
        top: -46px;
        height: 250px;
        width: 250px;
        background-size: 250px;
    }
}

@media (max-width: 830px) {
    section.informational-banner:after {
        display: none;
    }
}

@media (max-width: 767px) {
    section.informational-banner {
        margin-left: 16px;
        margin-right: 16px;
    }
}

.informational-banner a {
    color: var(--ideagen-brand-teal-10);
    font-weight: 700;
    margin-top: 8px;
}
.informational-banner a:hover {
    color: var(--ideagen-brand-teal-20);
}
.informational-banner a:active,
.informational-banner a:focus {
    color: var(--ideagen-brand-teal-30);
}

section.informational-banner .banner-right a {
    color: var(--ideagen-color-white);
}

section.informational-banner .banner-right a:hover {
    color: var(--ideagen-color-white);
}
section.informational-banner .banner-right a:active,
.section.informational-banner .banner-right a:focus {
    color: var(--ideagen-color-white);
}

.informational-banner h3 {
    margin: 0;
}
.informational-banner p {
    margin: 8px 0;
    max-width: 580px;
}
.informational-banner a:after {
    content: "";
    font-family: "Ideagen";
    vertical-align: middle;
    font-size: 18px;
    line-height: 0;
    margin-left: 2px;
}

section.informational-banner .banner-right a:after {
    content: unset;
}

.informational-banner i.close-button {
    font-family: "Ideagen";
    font-style: normal;
}

/* 2024 Widgets */
.common-locations--descriptor {
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    column-gap: 4px;
}

svg.lite {
    position: absolute;
    top: 14px;
    right: 0px;
    opacity: 3%;
    width: 131px;
    height: 131px;
}

i.information {
    content: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.50001 1.58334C5.12764 1.58334 1.58334 5.12763 1.58334 9.5C1.58334 13.8716 5.12764 17.4167 9.50001 17.4167C13.8716 17.4167 17.4167 13.8716 17.4167 9.5C17.4167 5.12763 13.8716 1.58334 9.50001 1.58334ZM9.50001 3.16667C12.9921 3.16667 15.8333 6.00796 15.8333 9.5C15.8333 12.992 12.9921 15.8333 9.50001 15.8333C6.00797 15.8333 3.16668 12.992 3.16668 9.5C3.16668 6.00796 6.00797 3.16667 9.50001 3.16667ZM9.25792 6.43071C9.25792 6.13779 9.33629 5.91692 9.49225 5.7665C9.649 5.61688 9.877 5.54167 10.1763 5.54167C10.4644 5.54167 10.6877 5.61846 10.846 5.77125C11.0043 5.92484 11.0835 6.14492 11.0835 6.43071C11.0835 6.70621 11.0035 6.92313 10.8436 7.08146C10.6837 7.24059 10.4613 7.31975 10.1763 7.31975C9.88413 7.31975 9.65771 7.24217 9.49779 7.087C9.33788 6.93184 9.25792 6.71334 9.25792 6.43071ZM9.84359 12.1139C9.57839 12.1139 9.57838 12.0213 9.57838 11.9318C9.57838 11.8851 9.59264 11.745 9.69001 11.3278L10.4334 8.1738H8.77959L7.98239 11.6445C7.93884 11.8242 7.91668 12.0086 7.91668 12.1955C7.91668 12.5921 8.04651 12.9056 8.3038 13.1265C8.55951 13.3466 8.77801 13.4582 9.24193 13.4582C9.5388 13.4582 9.85943 13.417 10.1951 13.3371L10.3257 13.3054L10.6463 11.9152L10.2695 12.049C10.1476 12.0926 10.0035 12.1139 9.84359 12.1139Z" fill="%23B6BBC1"/></svg>');
    display: inline-block;
    cursor: pointer;
}

p.tooltip {
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 100%;
    width: max-content;
    line-height: normal;
    color: var(--ideagen-color-white);
    background: var(--ideagen-color-neutral-90);
    padding: 8px;
    border-radius: 8px;
    z-index: 5;
    transform: translateY(-50%);
    margin: 0 0 0 10px;
    max-width: 360px;
}

p.tooltip:after {
    content: "";
    background: var(--ideagen-color-neutral-90);
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 767px) {
    p.tooltip {
        top: calc(100% + 10px);
        left: 0;
        width: calc(100vw - 60px);
        transform: translateY(0);
    }

    p.tooltip:after {
        left: 90px;
        top: 0;
    }
}

/* Show tooltip when hovering over the .information element */
.information:hover + .tooltip {
    visibility: visible;
    opacity: 1;
}

/* 2024 Request List Page */
.box--container {
    display: flex;
    margin: 34px 0 72px;
}

.box--form {
    border: 1px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    flex: 1;
}

.box--form h1 {
    margin: 4px 0 18px;
    font-size: 26px;
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
}

.box--requests {
    flex: 1;
}

aside.box--sidebar {
    width: 366px;
    margin-left: 20px;
    border-radius: 8px;
    padding: 24px;
    height: max-content;
    row-gap: 36px;
    display: flex;
    flex-direction: column;
}

.box--sidebar a {
    color: var(--ideagen-color-teal-80);
    font-weight: 700;
}

.filter-button-status {
    cursor: pointer;
    color: var(--ideagen-color-neutral-90);
    border: none;
    border-radius: 5px;
    display: block;
    background: unset;
    font-weight: 700;
}

.status-filter,
.org-filter {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 2;
    background: var(--ideagen-color-white);
    border: 1px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    text-align: left;
    width: max-content;
}

.status-filter a,
.org-filter button {
    display: block;
    text-decoration: none;
    color: var(--ideagen-color-neutral-90);
    font-weight: 500 !important;
    line-height: 22px;
    transition: 0.2s;
}

.status-filter a:hover,
.org-filter button:hover {
    color: var(--ideagen-brand-teal-10) !important;
}

.status-filter-container {
    flex-direction: row;
    flex-basis: auto;
    text-align: left;
    position: relative;
    background: var(--ideagen-color-neutral-05);
    border-radius: 25px;
    display: flex;
    align-items: center;
    transition: 0.25s ease-in-out;
    padding: 2px 2px;
}
.status-filter-container:hover {
    background: var(--ideagen-color-neutral-10);
}

.status-filter-container i.sort-chevron {
    font-family: "Ideagen";
    font-style: normal;
    line-height: normal;
    font-size: 21px;
    display: inline-block;
    transform: translate(-7px, 0);
}

.requests--meta {
    border-bottom: 1px solid var(--ideagen-color-neutral-10);
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 32.5px;
}

.requests--meta .meta-data {
    color: var(--ideagen-color-neutral-90);
    font-size: 14px;
    font-weight: 700;
}

.requests--meta .meta-data:after {
    display: none;
}

.requests-no-results {
    display: flex;
    text-align: center;
    padding: 24px 0;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
}

.requests .no-activities {
    font-size: 18px;
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
    margin: 0 0 8px;
}

.requests .no-activities-sub {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    color: var(--ideagen-color-neutral-70);
}

.requests .no-activities-sub a {
    color: var(--ideagen-brand-teal-10);
    font-weight: 700;
}

.requests .no-activities-sub a:hover {
    color: var(--ideagen-brand-teal-20);
}

.requests .no-activities-sub a:active,
.requests .no-activities-sub a:focus {
    color: var(--ideagen-brand-teal-30);
}

.filter-list .collapsible-nav-list {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 0 24px;
    align-items: center;
}

.solution-search {
    width: 565px;
}

.solution-search input[type="search"] {
    border: 2px solid #8b939a;
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--ideagen-color-neutral-90);
    padding: 9px 40px 9px 16px;
    -webkit-appearance: none;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    transition: all 0.1s ease-in-out;
}

.solution-search .search::before {
    top: 53%;
    transform: translateY(-50%);
    background-color: #fff;
    color: var(--ideagen-color-neutral-50);
    content: "";
    font-size: 26px;
    position: absolute;
    right: 10px;
    font-family: "Ideagen";
    z-index: 1;
}

.solution-search .search-has-value::before {
    display: none;
}

.solution-search input[type="search"]::placeholder {
    color: var(--ideagen-color-neutral-30);
}

.solution-search {
    position: relative;
}

.search-results-sidebar .solution-search {
    width: auto;
}

.filter-containers {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.requests .requests-table .requests-sort-symbol {
    position: absolute;
    left: 100%;
    bottom: 0;
    font-size: 21px;
    font-family: "Ideagen";
    font-weight: 300;
    line-height: 17px;
}

a.striped-list-title:hover {
    color: var(--ideagen-brand-teal-10);
}

a.striped-list-title:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
}

@media (max-width: 1040px) {
    .box--container {
        flex-direction: column;
    }

    .requests .table tr {
        display: table-row;
        /* padding: 20px 0; */
        width: 100%;
    }

    .requests .my-activities-table td:not(:first-child) {
        display: table-cell;
    }

    .requests .table {
        width: 100%;
        table-layout: auto;
    }

    .requests .table td,
    .requests .table th {
        display: table-cell;
    }

    aside.box--sidebar {
        width: 100%;
        margin-left: 0;
        border-radius: 0;
        padding: 0 20px;
        height: max-content;
        margin-top: 24px;
    }

    .solution-search {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .filter-list .collapsible-nav-list {
        padding: 0 0 24px;
    }
}

/* 2024 Request Page */
.original-comment {
    background-color: #fff;
    position: relative;
    padding: 20px 26px 26px;
    border-radius: 12px;
    margin-bottom: 24px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

.comment-responses {
    background-color: #fff;
    position: relative;
    padding: 20px 0 26px;
    border-radius: 12px;
    margin-bottom: 24px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

.comment-list {
    padding: 0 24px 24px;
}

.comment-data {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}

.comment-list li:last-child .comment-data {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.comment-list .comment-data {
    border-bottom: 1px solid var(--ideagen-color-neutral-10);
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.meta-group time {
    color: var(--ideagen-color-neutral-50);
    font-size: 12px;
}

ul[data-hc-pills-container] li {
    height: 20px;
    line-height: 20px;
    max-width: 100%;
}

ul[data-hc-pills-container] li:last-child input {
    border: 0;
    height: 20px;
    max-width: 100%;
    padding: 0 7.5px;
}

ul[data-hc-pills-container] {
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    cursor: text;
    min-height: 45px;
    padding: 8px 12px;
    overflow: hidden;
    transition: 0.2s;
    display: flex;
    align-items: center;
}

ul[data-hc-pills-container] li[data-hc-pill="true"] {
    height: 20px;
    line-height: 19px;
    margin: 0 8px 0 0;
    background-color: var(--ideagen-color-neutral-05);
    cursor: default;
    border: 0;
    border-radius: 25px;
    padding: 0 4px;
}

ul[data-hc-pills-container] li[data-hc-pill="true"][aria-selected="true"] {
    border: 0;
}

ul[data-hc-pills-container] li[data-hc-pill="true"] > span:not([aria-label="close"]) {
    margin-left: 7.5px;
    max-width: 400px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
}

ul.ticket--meta {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--ideagen-color-neutral-50);
    font-size: 14px;
    margin: 8px 0 24px;
}

.request-main .form-field.comment-ccs > ul[data-hc-pills-container]:hover {
    border: 2px solid var(--ideagen-color-teal-40);
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"][data-hc-pills-container][data-hc-focus="true"] {
    border: 2px solid var(--ideagen-color-teal-60);
}

.ticket--meta li:after {
    content: "•";
    padding: 0 6px;
    color: var(--ideagen-color-neutral-30);
    font-size: 12px;
}

.ticket--meta li:last-child:after {
    display: none;
}

.original-comment ul.meta-group {
    display: none;
}

.original-comment .status-label {
    margin: 0 0 8px;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    border-radius: 24px;
    font-size: 13px;
    padding: 6px 8px;
    letter-spacing: -0.18px;
    font-weight: 600;
    line-height: 1;
}

.box--toolbar {
    position: relative;
    display: flex;
    padding: 10px 20px;
    margin-top: -1px;
    margin-bottom: -1px;
    border-top: 0;
    border-bottom: 0;
}

.toolbar-option {
    padding: 0 24px;
}

.sign-in-prompt {
    position: fixed;
    bottom: 12px;
    left: 50%;
    z-index: 99;
    background: var(--ideagen-color-neutral-90);
    color: var(--ideagen-color-white);
    padding: 12px 24px;
    border-radius: 12px;
    transform: translateX(-50%) translateY(100vh);
    border: 2px solid var(--ideagen-color-teal-50);
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.19), 0px 1px 6px 0px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 850px;
    max-width: 850px;
    animation: slideUp 1s ease-out forwards; /* Apply the animation */
    animation-delay: 3s;
}

@media (max-width: 1040px) {
    .sign-in-prompt {
        visibility: hidden;
    }
}

.sign-in-prompt .sign-in-desc {
    flex: 1;
    margin-right: 24px;
}
.sign-in-prompt .sign-in-desc p {
    margin: 0;
    line-height: 20px;
}
.sign-in-prompt .buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 6px;
}
.sign-in-prompt .unified-navigation--btn-primary {
    padding: 4px 10px;
    border-radius: 6px;
    line-height: 18px;
    height: 26px;
}
.sign-in-prompt .button--container {
    display: flex;
    column-gap: 8px;
    align-items: center;
}
.sign-in-prompt .button--more {
    line-height: 13px;
}
.sign-in-prompt .button--more a {
    color: var(--ideagen-color-teal-50);
    font-weight: 600;
    font-size: 13px;
}
.sign-in-prompt .button--more a:hover,
.sign-in-prompt .button--more a:active,
.sign-in-prompt .button--more a:focus {
    color: var(--ideagen-color-teal-40);
}
ul.attachments {
    overflow-x: clip;
}
@media (max-width: 1040px) {
    .sign-in-prompt {
        display: none;
    }
}
@keyframes slideUp {
    from {
        transform: translateY(100vh) translateX(-50%); /* Start from below the screen */
    }
    to {
        transform: translateY(0) translateX(-50%); /* End at the element's final position */
    }
}

.more--wrapper {
    position: relative;
}
.more--message#signin {
    min-width: 500px;
    background: var(--ideagen-color-neutral-90);
    color: var(--ideagen-color-white);
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    padding: 8px;
}

.pre-container {
    position: relative;
}
.copy-button {
    position: absolute;
    background-color: var(--ideagen-brand-pink-05);
    color: var(--ideagen-color-white);
    padding: 4px 10px;
    cursor: pointer;
    border-radius: 8px;
    font-size: 12px;
    top: 8px;
    right: 8px;
    font-weight: 600;
    border: none;
    display: flex;
    align-items: center;
}
.copy-button:hover,
.copy-button:active {
    background-color: var(--ideagen-brand-pink-10);
}
.copy-button:after {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 4C8 2.89543 8.89543 2 10 2H19C20.1046 2 21 2.89543 21 4V16C21 17.1046 20.1046 18 19 18H16V20C16 21.1046 15.1046 22 14 22H5C3.89543 22 3 21.1046 3 20V8C3 6.89543 3.89543 6 5 6H8V4ZM10 6V8.13333V14.8667C10 15.419 10.4477 15.8667 11 15.8667H18C18.5523 15.8667 19 15.419 19 14.8667V5.13333C19 4.58105 18.5523 4.13333 18 4.13333H11C10.4477 4.13333 10 4.58105 10 5.13333V6ZM8 8.13333H6C5.44772 8.13333 5 8.58105 5 9.13333V18.8667C5 19.419 5.44772 19.8667 6 19.8667H13C13.5523 19.8667 14 19.419 14 18.8667V18H10C8.89543 18 8 17.1046 8 16V8.13333Z" fill="%23FFFFFF"/></svg>');
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-left: 4px;
}

.support-ticket-message {
    display: none;
    position: absolute;
    padding: 24px;
    z-index: 1000;
    border-radius: 8px;
    background: var(--ideagen-color-white);
    border: 1px solid var(--ideagen-color-neutral-10);
    box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1), 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
    font-size: 16px;
    animation: fadeIn 0.2s linear;
    margin-top: 18px;
    width: 100%;
    text-align: center;
    flex-direction: column;
    align-items: center;
}
.support-ticket-message h3 {
    margin: 8px 0 0;
    font-weight: 600;
}
.support-ticket-message a {
    color: var(--ideagen-color-teal-80);
    font-weight: 700;
}
.support-ticket-message a:hover {
    color: var(--ideagen-color-teal-70);
}
.support-ticket-message a:active {
    color: var(--ideagen-color-teal-90);
}
.support-ticket-message p {
    font-size: 16px;
    line-height: normal;
    max-width: 400px;
    color: var(--ideagen-color-neutral-70);
    margin: 8px 0 0;
}
.support-ticket-message:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    top: -3px;
    left: 50%;
    transform: rotate(45deg) translateX(-50%);
    border-top: 1px solid #dde0e3;
    border-left: 1px solid #dde0e3;
}
.input-wrapper {
    position: relative;
}

/* Permissions */
[role~="isGuest"],
[role~="isLoggedIn"],
[role~="isAgentAdmin"] {
    display: none;
}

/* General Body Styles */
html {
    overflow-x: hidden;
}
body {
    font-family: "Gilroy";
    color: #2f4051;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
a {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.ideagen-gradient {
    background: -webkit-linear-gradient(45deg, #ff48a0, #36eeff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Table of Contents Styles */
#toc {
    position: relative;
    margin-bottom: 36px;
    transition: 0.2s;
}

#toc h3 {
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
    font-size: 20px;
    margin: 0;
}

#toc a {
    display: block;
    padding: 0 0 0 14px;
    cursor: pointer;
    border-left: 2px solid var(--ideagen-color-neutral-05);
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#toc a:hover {
    color: var(--ideagen-brand-teal-10);
}

#toc a:active {
    color: var(--ideagen-brand-teal-20);
}

#toc a.h1-item {
    font-weight: bold;
    font-size: 1.2em;
}

#toc a.h2-item {
    font-size: 14px;
}

#toc a.h3-item {
    padding-left: 26px;
    font-size: 14px;
}

#toc .tab-item.tab-toc-content {
    color: var(--ideagen-color-neutral-50);
}

#toc .h2-item.tab-toc-content {
    padding: 0 0 0 14px;
}

#toc .h3-item.tab-toc-content {
    padding: 0 0 0 38px;
}

#toc a.active {
    font-weight: 700;
    color: var(--ideagen-brand-pink-05);
}

.line-indicator {
    display: none;
    position: absolute;
    width: 2px;
    height: 14px;
    background-color: var(--ideagen-brand-pink-05);
    transition: top 0.2s;
    margin-top: 7px;
}

/* Lightbox Styles */
#lightbox {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    top: 0;
    overflow: hidden;
    background-color: rgba(47, 64, 81, 0.42) !important;
    backdrop-filter: blur(5px) !important;
}

#lightbox::after {
    content: "";
    font-family: "Ideagen";
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: white;
    cursor: pointer;
    z-index: 10000;
    font-weight: 300;
}

#lightbox::after:hover {
    color: #ff0000; /* Change color on hover for better UX */
}

#lightbox img {
    max-width: 90%;
    max-height: 90%;
    box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.25);
}

body.lock-scroll {
    overflow: hidden;
}

/* Article Body and Sidebar Styles */
.article-body img,
.comment-body img {
    cursor: zoom-in;
}

.article-sidebar {
    position: relative;
}

.scroll-with-content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 24px 0 26px 12px;
    border-radius: 12px;
    margin-bottom: 24px;
    width: 100%;
}

/* 2024 Search */
.bottom-page-gap {
    margin-top: 72px;
}

/*.unified-navigation--search {
  display: none !important;
  }*/

.search-results-column {
    flex: 1;
    padding: 20px 26px 26px;
    border-radius: 12px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

@media (max-width: 767px) {
  .search-results-column {
    padding: 20px 16px 26px;
}
}

.search-page section.search-results-sidebar {
    width: 358px;
    margin-right: 16px;
}

.search-page .search-results-list {
    border: 1px solid rgba(221, 224, 227, 1);
    border-radius: 12px;
}

.search-page .search-results-list > li:first-of-type {
    border-radius: 12px 12px 0 0;
}

.search-page .search-results-list > li:last-of-type {
    border-radius: 0 0 12px 12px;
}

.search-page .search-results-list > li:first-child {
    margin-top: 0px;
    border-top: 0;
}

.search-page .search-results-list > li {
    margin: 0;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 20px 20px 20px 76px;
    position: relative;
    max-height: 500px;
}

.search-page .search-result-title {
    color: var(--ideagen-color-neutral-90);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0.1em;
    vertical-align: middle;
    transition: 0.2s;
    word-break: break-word;
    font-size: 16px;
    transition: 0.2s;
    padding-top: 0;
}

.search-page .search-result-title a:hover {
    color: var(--ideagen-color-teal-80);
    transition: 0.2s;
}

.search-page .search-result-title a:active {
    color: var(--ideagen-color-teal-90);
    transition: 0.2s;
}

ol.breadcrumbs.search-result-breadcrumbs {
    display: none;
}

.search-results-description {
    margin-top: 8px;
    margin-bottom: 0;
    color: var(--ideagen-color-neutral-80);
}

li article:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    font-family: "Ideagen";
    font-weight: 300;
    color: var(--ideagen-brand-teal-10);
    font-size: 35px;
    transform: translateY(-50%);
}

ul.meta-group-date {
    margin-top: 8px;
    display: inline-flex;
}

.article-meta .meta-data {
    color: var(--ideagen-color-neutral-60);
    font-size: 14px;
    font-weight: 400;
}

.article-meta .meta-data time {
    color: var(--ideagen-color-neutral-60);
    font-size: 14px;
    font-weight: 400;
}

.article-meta .meta-data#author:before {
    content: "";
    font-weight: 300;
    color: var(--ideagen-color-neutral-60);
    font-size: 19px;
    font-family: "Ideagen";
    margin-right: 4px;
    line-height: 0;
    transform: translateY(3.5px);
    display: inline-block;
}

.article-meta .meta-data#date:before {
    content: "";
    font-weight: 300;
    color: var(--ideagen-color-neutral-60);
    font-size: 19px;
    font-family: "Ideagen";
    margin-right: 4px;
    line-height: 0;
    transform: translateY(3.5px);
    display: inline-block;
}

.page-header-description {
    font-style: normal;
    margin: 0 0 30px 0;
    word-break: break-word;
    text-align: left;
    font-weight: 700;
    font-size: 40px;
    color: var(--ideagen-color-neutral-80);
}

.search-page .solution-search .search {
    position: relative;
    width: 320px;
}

.search-page .solution-search .search input[type="search"] {
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--ideagen-color-neutral-90);
    padding: 9px 40px 9px 16px;
    -webkit-appearance: none;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
}

.solution-search .search input[type="search"]::placeholder {
    color: var(--ideagen-color-neutral-30);
}

.solution-search .search input[type="search"]:hover {
    border: 2px solid #3bb7c2;
    transition: all 0.1s ease-in-out;
}

.solution-search .search input[type="search"]:focus {
    border: 2px solid #3bb7c2;
    transition: all 0.1s ease-in-out;
}

.solution-search .search::before {
    top: 53%;
    transform: translateY(-50%);
    background-color: #fff;
    color: var(--ideagen-color-neutral-50);
    content: "";
    font-size: 26px;
    position: absolute;
    right: 10px;
    font-family: "Ideagen";
}

.search-page .collapsible-sidebar {
    margin-top: 24px;
}

.search-page .collapsible-sidebar-title {
    position: relative;
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
    font-size: 20px;
    padding-bottom: 12px;
    margin: 0;
}

.search-page .collapsible-sidebar li {
    display: block;
    margin-bottom: 0;
    word-break: break-word;
}

.search-page .sidenav-item[aria-selected="true"] {
    color: var(--ideagen-color-teal-80);
}

.search-page .sidenav-item {
    color: var(--ideagen-color-neutral-90);
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    padding: 6px 16px 6px 0;
}

.pagination li {
    height: 28px;
    width: 28px;
    border-radius: 8px;
    position: relative;
}

.pagination li:hover:not(.pagination-current) {
    background-color: var(--ideagen-color-neutral-05);
}

.pagination-current {
    background-color: var(--ideagen-color-teal-60);
}

.pagination-current span {
    color: var(--ideagen-color-white) !important;
}

.pagination a,
.pagination span {
    font-size: 18px;
    padding: 0;
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
}

li.pagination-next a,
li.pagination-last a,
li.pagination-first a,
li.pagination-prev a {
    font-size: 0;
    width: 28px;
    height: 28px;
    position: relative;
    display: block;
}

li.pagination-next:before {
    content: "";
    font-family: "Ideagen";
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 30px;
    transform: translateY(-50%);
}

li.pagination-last:before {
    content: "";
    font-family: "Ideagen";
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 30px;
    transform: translateY(-50%) rotate(-90deg);
}

li.pagination-prev:before {
    content: "";
    font-family: "Ideagen";
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 30px;
    transform: translateY(-50%);
}

li.pagination-first:before {
    content: "";
    font-family: "Ideagen";
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 30px;
    transform: translateY(-50%) rotate(90deg);
}

span.sidenav-subitem.doc-count {
    background: var(--ideagen-color-neutral-05);
    border-radius: 25px;
    padding: 0px 8px;
    font-size: 13px;
    margin-left: 8px;
    color: var(--ideagen-color-neutral-90);
}

h1.search-results-subheading {
    font-size: 40px;
    margin: 0 0 12px 0;
}

.search-result-description {
    margin-top: 15px;
    word-break: break-word;
    margin-bottom: 0;
}

span.pagination-next-text,
span.pagination-next-icon,
span.pagination-last-text,
span.pagination-last-icon,
span.pagination-first-text,
span.pagination-first-icon,
span.pagination-prev-text,
span.pagination-prev-icon {
    display: none;
}

.no-results .action-prompt {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--ideagen-color-neutral-70);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.no-results .headline {
    font-size: 18px;
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
    margin-top: 8px;
}

.btn--primary.reduce-padding {
    padding: 6px 8px;
}

@media (max-width: 1040px) {
    aside.search-results-sidebar {
        padding: 0 15px 24px 15px;
    }

    .solution-search .search {
        width: 100% !important;
    }

    .search-page .collapsible-sidebar {
        margin-top: 8px;
    }
}

@media (max-width: 767px) {
    h1.search-results-subheading {
        margin: 0 15px 12px 15px;
    }

    .pagination li {
        height: 30px !important;
        width: 30px !important;
    }
}

/* 2024 Article */

#searchButton {
    padding: 10px 20px;
    font-size: 16px;
}
.article-search-lightbox {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 64, 81, 0.42);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    top: 0;
    overflow: hidden;
}
.lightbox-content {
    background: #fff;
    width: 70%;
    max-width: 800px;
    max-height: 80%;
    overflow-y: auto;
    top: 10vh;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    border: 1px solid rgba(233, 233, 233, 1);
    border-radius: 12px;
    padding: 0;
    box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1), 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
}
.searchBarcontainer {
    padding: 24px 24px 0 24px;
    position: relative;
}
.search-bar {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    font-size: 16px;
}
.result-item {
    padding: 12px 32px;
    cursor: pointer;
    border-bottom: 1px solid var(--ideagen-color-neutral-10);
}
.result-item:last-child {
    border-bottom: 0;
}
.result-item:hover {
    background: var(--ideagen-color-neutral-05);
}

.result-item.highlighted {
    background: var(--ideagen-color-neutral-05);
}
.highlight {
    background: var(--ideagen-color-yellow-10);
}
.search-instructions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    padding: 12px;
    border-top: 1px solid var(--ideagen-color-neutral-10);
}

div#searchResults {
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    /* row-gap: 8px; */
}

.no-results {
    text-align: center;
    font-size: 16px;
    padding: 24px;
    color: var(--ideagen-color-neutral-50);
}

span.instruction-symbol {
    margin-right: 4px;
    transform: translateY(3px);
    display: inline-block;
    font-weight: 1000;
}

.search-instructions div {
    display: flex;
    align-items: center;
}

span.instructon-key {
    background: var(--ideagen-color-neutral-05);
    border: 1px solid var(--ideagen-color-neutral-10);
    border-radius: 4px;
    display: inline-block;
    margin-right: 6px;
    font-size: 12px;
    font-weight: 600;
    padding: 0 4px;
}

.search-instructions svg {
    background: var(--ideagen-color-neutral-05);
    border: 1px solid var(--ideagen-color-neutral-10);
    border-radius: 4px;
    display: inline-block;
    margin-right: 6px;
}

i.search-icon,
i.clear-icon {
    position: absolute;
    top: 50%;
    right: 35px;
}
i.clear-icon {
    cursor: pointer;
}

.article-meta-tools {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    flex: 1;
}

.article-tools {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
    margin-bottom: 10px;
}

#searchButton {
    padding: 3px 7.5px;
    font-size: 14px;
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    color: var(--ideagen-color-neutral-90);
    background: var(--ideagen-color-neutral-05);
    font-weight: 600;
    line-height: 0;
    height: 28px;
    display: flex;
    align-items: center;
}

#searchButton:hover {
    background: var(--ideagen-color-teal-05);
}

span.toolbar-instruction {
    font-size: 11px;
    border-radius: 4px;
    padding: 8px 3px;
    line-height: 0;
    border: 1px solid var(--ideagen-color-neutral-10);
    display: inline-block;
    position: relative;
    margin-left: 2px;
    background: var(--ideagen-color-neutral-05);
}

.article-table {
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    margin: 14px 0;
    overflow-x: auto;
    position: relative;
}

.article-table table {
    table-layout: fixed;
}

@media (max-width: 1040px) {
    .article-sidebar {
        display: none;
    }

    section.article-column {
        width: 100% !important;
        padding: 10px;
    }

    .lightbox-content {
        width: 90%;
    }

    .search-instructions {
        display: none;
    }

    span.toolbar-instruction {
        display: none;
    }
}

@media (max-width: 767px) {
    section.article-column {
        padding: 0;
    }

    .lightbox-content {
        width: 95%;
    }

    .result-item {
        padding: 12px 18px;
    }

    div#searchResults {
        padding: 12px 0;
    }

    .searchBarcontainer {
        padding: 24px 16px 0 16px;
    }

    i.clear-icon {
        right: 30px;
    }
}

/* Community Prompt Styles */
.community-prompt {
    border: 1px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 24px;
    line-height: normal;
}

/* Button Styles */
.btn--primary {
    font-size: 16px;
    font-weight: 700;
    color: var(--ideagen-color-white);
    background: var(--ideagen-color-teal-80);
    border-radius: 8px;
    padding: 8px 10px;
    border: 0;
    line-height: 16px;
    transition: 0.2s;
}

.btn--primary:hover {
    color: var(--ideagen-color-white);
    background: var(--ideagen-color-teal-70);
}

.btn--primary:active,
.btn--primary:focus {
    color: var(--ideagen-color-white);
    background: var(--ideagen-color-teal-90);
}

.btn--primary#plus:before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
    font-size: 18px;
    line-height: 0;
    display: inline-block;
    margin-right: 4px;
}

.btn--primary#support:before {
    content: "";
}

/* Article Column and Section Styles */
section.article-column {
    flex: 1;
    max-width: 800px;
}

.section-articles.collapsible-sidebar ul li:nth-child(n + 5) {
    display: none;
}

/* Article Votes Styles */
span.article-votes-question {
    font-weight: 600;
    font-size: 14.5px;
}

small.article-votes-count span {
    font-weight: 400;
    font-size: 14.5px;
}

/* Scroll to Top Button Styles */
#scrollToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    background-color: var(--ideagen-color-neutral-90);
    color: var(--ideagen-color-white);
    border: 2px solid var(--ideagen-color-teal-20);
    padding: 4px 4px;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1), 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
    line-height: 0;
    align-items: center;
    transition: 0.2s;
}

#scrollToTopBtn:hover {
    background-color: var(--ideagen-color-neutral-90);
    border: 2px solid var(--ideagen-color-teal-20);
}

#scrollToTopBtn span.reveal-text {
    display: none;
    color: var(--ideagen-color-teal-20);
    font-size: 18px;
    font-weight: 700;
    vertical-align: middle;
    padding: 0 8px;
}

#scrollToTopBtn:hover span.reveal-text {
    display: block;
}

/* Article Pill Styles */
.article-pill-container {
    display: flex;
    column-gap: 8px;
    align-items: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 8px;
    position: relative;
}

.article-pill {
    font-size: 13px;
    padding: 6px 8px;
    border-radius: 25px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: -0.18px;
}

.article-pill#internal {
    background: var(--ideagen-color-red-50);
    color: var(--ideagen-color-white);
}

.article-pill#updated-status,
.article-pill#new-status {
    display: none;
}

.article-pill#updated-status {
    background: var(--ideagen-color-teal-10);
    color: var(--ideagen-color-teal-90);
}

.article-pill#new-status {
    background: var(--ideagen-color-green-10);
    color: var(--ideagen-color-green-90);
}

/* Column Styles */
.left-column {
    display: flex;
    content: "";
    font-size: 26px;
    font-family: "Ideagen";
    line-height: normal;
    padding: 6px;
    border-radius: 50%;
    font-weight: 300;
    vertical-align: middle;
    background-color: var(--ideagen-color-teal-10);
    color: var(--ideagen-color-teal-90);
}

.left-column#blue {
    background-color: var(--ideagen-color-blue-10);
    color: var(--ideagen-color-blue-90);
}

.left-column#red {
    background-color: var(--ideagen-color-red-10);
    color: var(--ideagen-color-red-90);
}

.right-column {
    color: var(--ideagen-color-neutral-90);
    transition: 0.1s;
}

.right-column::after {
    content: "";
    font-family: "Ideagen";
    font-size: 27px;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

/* Large Buttons Section */
section.category.quick-links {
    position: relative;
    transition: 0.25s ease-in-out;
    overflow: hidden;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
    flex: 0 0 calc(33.33% - 16px);
}

section.category.quick-links:hover {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--ideagen-color-teal-80);
}

section.category.quick-links:active,
section.category.quick-links:focus {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--ideagen-color-teal-100);
}

.large-buttons h2 {
    font-size: 18px;
    margin: 0 0 8px 0;
    padding: 0;
    line-height: 15px;
    font-weight: 700;
}

.large-buttons p {
    font-size: 16px;
    margin: 0;
    font-weight: 400;
    color: var(--ideagen-color-neutral-60);
    line-height: 18px;
}

.large-buttons a {
    flex: 1;
    align-self: stretch;
}

.large-buttons ul {
    display: flex;
    gap: 24px;
    list-style: none;
    padding: 0;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    margin: 18px 0 46px 0;
    flex-wrap: wrap;
}

.large-buttons li {
    display: flex;
    flex-direction: row;
    gap: 18px;
    align-self: stretch;
    flex: 1;
    background: var(--ideagen-color-white);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 0.5px #dde0e3;
    border-radius: 8px;
    padding: 18px;
    position: relative;
    transition: 0.1s;
    flex-wrap: wrap;
    align-items: flex-start;
    height: 100%;
}

.large-buttons a:hover li {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--ideagen-color-teal-80);
}

/* Unified Navigation Buttons */
.unified-nav-buttons .large-buttons img {
    width: 80px;
}

/* Product List Container */
.product-list-container {
    display: grid;
    grid-template-columns: 0.5fr 1.5fr;
    grid-template-rows: 1fr;
    gap: 0;
    grid-auto-flow: row;
    grid-template-areas: "filter-container results-container";
    margin: 0 0 72px;
}

/* Filter Container */
.filter-container {
    grid-area: filter-container;
    position: relative;
}

.filter-container .search-icon {
    position: relative;
}

.filter-container .search-icon .magnify-icon:after {
    content: "";
    font-family: "Ideagen";
    font-size: 24px;
    color: var(--ideagen-color-neutral-50);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.filter-container .clear-icon {
    display: none;
    cursor: pointer;
}

.filter-container .clear-icon:after {
    content: "";
    font-family: "Ideagen";
    font-size: 24px;
    color: var(--ideagen-color-neutral-50);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

#filter {
    padding: 9px 44px 9px 12px;
}

/* Results Container */
.results-container {
    grid-area: results-container;
    padding-left: 24px;
}

/* Product Filter */
.product-filter form,
#m-filter-replace form {
    vertical-align: middle;
}

.product-filter div,
#m-filter-replace div {
    margin-bottom: 18px;
    vertical-align: middle;
    align-items: center;
}

.product-filter div:not(.reset) {
    display: flex;
}

.product-filter label,
#m-filter-replace label {
    font-weight: 600;
    margin-left: 8px;
    vertical-align: middle;
}

.product-filter input,
#m-filter-replace input {
    margin-left: 0;
}

/* Product Box */
.product-box {
    display: flex;
    grid-template-rows: 1fr;
    gap: 14px;
    grid-auto-flow: row;
    grid-template-areas: "product-icon product-name";
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.product-name {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-top: 4px;
}

.product-pillar {
    grid-area: product-pillar;
    font-size: 13px;
    font-weight: 600;
    color: var(--ideagen-color-teal-70);
    line-height: 13px;
}

span.former-name {
    color: var(--ideagen-color-neutral-50);
}

span.former-name:before {
    content: "•";
    margin-left: 6px;
    margin-right: 6px;
    line-height: 0;
    vertical-align: middle;
    font-weight: 300;
    color: var(--ideagen-color-neutral-40);
}

.product-title {
    grid-area: product-title;
    font-weight: 700;
    color: #2f4051;
    vertical-align: middle;
    font-size: 22px;
    line-height: 20px;
    padding-bottom: 4px;
}

.product-icon {
    grid-area: product-icon;
}

i.editions-chevron {
    font-family: "Ideagen";
    font-style: normal;
    font-size: 24px;
    line-height: 0;
    transform: translateY(2px);
    display: inline-block;
    font-weight: 300;
}

/* Product Block */
.product-block,
.product-block img,
.expanded img,
.product-block span,
.product-pillar-header,
.product-pillar-header h1,
.product-pillar-header p,
.not-found,
.not-found h3,
.not-found a,
.not-found p,
.not-found img,
.reset,
.reset label,
.reset label:before,
.reset input[type="radio"],
.expanded,
.expanded hr,
.expanded a,
.expanded button,
.expanded button img,
.expanded button:hover,
.expanded button:after,
.view-more-expand,
.view-more-expand img,
.view-more-expand img[class="open"],
.alt-names,
.filter-header,
.filter-button,
.m-product-filter,
.m-product-filter::after,
.industry-filter,
.industry-filter div,
input[type="text"],
input[type="password"],
input[type="text"]::placeholder,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="radio"],
input[type="radio"]:checked,
label,
.tag--pill,
.tag--pill:hover {
    /* All styles are optimized and grouped below as per their respective sections */
}

/* Fieldset */
fieldset {
    border: 0;
    padding: 10px 0;
}

/* List Item */
li {
    list-style-type: none;
    height: fit-content;
}

/* Product Block Elements */
.product-block {
    display: block;
}

.product-icon img,
.expanded img,
.product-block img {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
}

.product-icon img,
.expanded img,
.product-block img {
    display: inline-block;
    width: 50px;
    vertical-align: middle;
    background: var(--ideagen-color-neutral-05);
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    padding: 4px;
}

.product-block span {
    display: inline-block;
    font-weight: 700;
    color: #2f4051;
    vertical-align: middle;
    font-size: 20px;
}

span.pillar-name {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #22a3af;
}

/* Solution List */
.solution--list li {
    width: 100%;
    background: #fff;
    border-radius: 12px;
    transition: all 0.1s ease-in-out;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent;
    border: 1px solid var(--ideagen-color-neutral-10);
    height: auto;
    transition: 0.2s;
}
.solution--list li:hover {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), inset 0 0 0 2px var(--ideagen-color-teal-80);
    cursor: pointer;
}

.solution--list p {
    margin-bottom: 0;
    color: var(--ideagen-color-neutral-70);
    font-size: 14px;
}

.solution--list li a {
    position: relative;
    display: block;
    width: 100%;
    padding: 16px;
}

.solution--list ul {
    padding-left: 0;
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: stretch;
    align-items: stretch;
    gap: 16px;
}

/* Count */
.count {
    margin-left: 8px;
    min-width: 18px;
    width: auto;
    height: 18px;
    display: inline-block;
    background: #dde0e3;
    border-radius: 100px;
    padding: 0 6px;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    vertical-align: middle;
}

/* Product Pillar Header */
.product-pillar-header {
    display: none;
}

.product-pillar-header h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0;
    margin-bottom: 24px;
}

.product-pillar-header p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 24px;
}

/* Not Found */
.not-found {
    display: none;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.not-found h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22.5px;
    margin: 0;
}

.not-found a {
    color: var(--ideagen-color-teal-80);
    font-weight: 700;
    font-size: 16px;
    transition: 0.2s;
}

.not-found a:hover {
    color: var(--ideagen-color-teal-70);
}

.not-found a:active,
.not-found a:focus {
    color: var(--ideagen-color-teal-90);
}

/*.not-found a:after {
    content: '';
    font-family: 'Ideagen';
    vertical-align: middle;
    font-size: 21px;
    line-height: 0;
    margin-left: 2px;
}*/

.not-found p {
    font-weight: 500;
    font-size: 16px;
    color: #5d6977;
    line-height: 24px;
    margin: 8px 0;
}

.not-found img {
    width: 150px;
}

.not-found .product--search-type {
    font-weight: 700;
}

/* Reset */
.reset {
    display: none;
}

.reset label {
    background: #f4f5f6;
    width: fit-content;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 16px;
    margin-left: -6px;
}

.reset label:before {
    content: "";
    display: inline-block;
    font-size: 16px;
    font-family: "Ideagen";
    margin-right: 4px;
    transform: translateY(1.5px);
}

.reset input[type="radio"] {
    visibility: hidden;
    height: 0;
    width: 0;
}

/* Expanded */
.expanded {
    display: none;
    padding: 0 16px 16px 16px;
    flex-direction: column;
    row-gap: 16px;
    opacity: 0;
    transition: opacity 0.15s ease, display 0s 0.15s;
}

.expanded.show {
    display: flex !important;
    opacity: 1;
    transition: opacity 0.15s ease;
}

.expanded hr {
    display: block;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #dde0e3;
}

.expanded a {
    padding: 0 !important;
}

.expanded button {
    color: var(--ideagen-color-neutral-90);
    width: 100%;
    text-align: left;
    padding: 14px 20px;
    border-radius: 8px;
    border: 1px solid #dde0e3;
    background: #f4f5f6;
    font-size: 18px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    transition: all 0.1s ease-in-out;
    opacity: 0;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.expanded button img {
    height: 22px;
    margin-right: 0;
}

.expanded button:hover {
    background-color: #dde0e3;
    transition: all 0.1s ease-in-out;
    border: 1px solid transparent;
}

span.version-name.other {
    font-size: 13px;
    color: var(--ideagen-color-neutral-60);
    line-height: 15px;
    font-weight: 500;
}

span.other-version-name {
    font-size: 13px;
    font-weight: 500;
    color: var(--ideagen-color-neutral-60);
    line-height: 11px;
}

.expanded button:after {
    content: "";
    font-family: "Ideagen";
    font-size: 24px;
    font-weight: 300;
    color: #2f4051;
    float: right;
    position: absolute;
    vertical-align: middle;
    display: inline-block;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

.expanded button.external:after {
    content: url('data:image/svg+xml,<svg width="18" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.1221 4.59375C14.7277 4.54438 14.4225 4.20782 14.4225 3.79998C14.4225 3.35815 14.7807 2.99998 15.2225 2.99998L19.748 2.99998L19.8483 3.00621C20.2428 3.05558 20.548 3.39214 20.548 3.79998L20.548 8.32546L20.5417 8.42581C20.4924 8.82028 20.1558 9.12546 19.748 9.12546L19.6476 9.11923C19.2532 9.06986 18.948 8.7333 18.948 8.32546L18.9477 6.01447L10.2979 14.6642L10.2958 14.6621C10.279 14.6818 10.2612 14.701 10.2426 14.7196C9.85208 15.1101 9.21891 15.1101 8.82839 14.7196C8.43786 14.3291 8.43786 13.6959 8.82839 13.3054C8.84702 13.2868 8.8662 13.269 8.88589 13.2522L8.88373 13.25L17.5335 4.60026L15.2225 4.59998L15.1221 4.59375ZM5 4.40588H12C12.5523 4.40588 13 4.8536 13 5.40588C13 5.95817 12.5523 6.40588 12 6.40588H6C5.44772 6.40588 5 6.8536 5 7.40588V17.4059C5 17.9582 5.44772 18.4059 6 18.4059H17C17.5523 18.4059 18 17.9582 18 17.4059V11.4059C18 10.8536 18.4477 10.4059 19 10.4059C19.5523 10.4059 20 10.8536 20 11.4059V18.4059C20 19.5105 19.1046 20.4059 18 20.4059H5C3.89543 20.4059 3 19.5105 3 18.4059V6.40588C3 5.30131 3.89543 4.40588 5 4.40588Z" fill="%232F4051"/></svg>');
    float: right;
    position: absolute;
    vertical-align: middle;
    display: inline-block;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

/* View More Expand */
.view-more-expand {
    display: flex;
    color: #056d78;
    font-size: 16px;
    font-weight: 600;
    line-height: 125%;
    align-items: center;
}

.rotate.open {
    transform: rotate(-180deg) translateY(-2px);
}

.view-more-expand img {
    transform: translateY(7px);
}

.view-more-expand img[class="open"] {
    transform: rotate(180deg) translateY(-7px);
}

/* Alt Names */
.alt-names {
    visibility: hidden;
    font-size: 0;
}

/* Filter Header */
.filter-header {
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 8px;
    color: #2f4051;
}

h3.filter-header {
    font-size: 18px;
}

/* Filter Button */
.filter-button {
    display: none;
    background: #fff;
    border: 2px solid #8b939a;
    border-radius: 8px;
    font-family: "Ideagen";
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
}

/* Mobile Product Filter */
.m-product-filter {
    display: none;
    background: #fff;
    width: 100%;
    height: calc(100% - 60px);
    bottom: 0;
    position: fixed;
    z-index: 100;
}

.m-product-filter::after {
    content: "";
    background: #2f4051;
    z-index: 99;
    display: block;
    height: 60px;
    width: 100%;
    position: absolute;
    opacity: 0.3;
    top: -60px;
}

.m-filter-head {
    height: 62px;
    border-bottom: 1px solid #dde0e3;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}

.m-close-button {
    font-family: "Ideagen";
    font-size: 25px;
    border: none;
    background: none;
    position: relative;
    display: inline-block;
    left: 8px;
}

.m-empty-button {
    font-family: "Ideagen";
    font-size: 25px;
    border: none;
    background: none;
    position: relative;
    display: inline-block;
    right: 8px;
    opacity: 0;
}

.m-header {
    font-weight: 600;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.m-filter-footer {
    bottom: 0;
    height: auto;
    width: 100%;
    border-top: 1px solid #dde0e3;
    display: block;
    position: fixed;
    padding: 12px;
    background: #fff;
}

.show-results {
    background: #1b838b;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 12px;
    border-radius: 8px;
    width: 100%;
    border: none;
}

#m-filter-replace {
    margin: 0 12px;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    height: calc(100% - 123px);
}

/* Industry Filter */
.industry-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.industry-filter div {
    margin-bottom: 0;
}

.industry-filter label {
    margin: unset;
    width: fit-content;
}

.industry-filter #tag--filter {
    line-height: 13px;
}

.industry-filter .tag--pill {
    transition: 0.2s;
}

.industry-filter .tag--pill.selected {
    color: var(--ideagen-color-teal-90);
    background-color: var(--ideagen-color-teal-10);
}

.industry-filter .tag--pill.selected:hover {
    color: var(--ideagen-color-teal-90) !important;
    background-color: var(--ideagen-color-teal-20) !important;
}

/* Input Styles */
input[type="text"],
input[type="password"] {
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    transition: all 0.1s ease-in-out;
    line-height: 0;
    margin: 0;
    font-size: 14px;
    width: 100%;
    color: var(--ideagen-color-neutral-90);
    font-weight: 400;
}

input[type="text"]::placeholder {
    color: var(--ideagen-color-neutral-40);
}

input[type="text"]:hover,
input[type="password"]:hover {
    border: 2px solid #3bb7c2;
    transition: all 0.1s ease-in-out;
}

input[type="text"]:focus,
input[type="password"]:focus {
    border: 2px solid #3bb7c2;
    transition: all 0.1s ease-in-out;
}

/* Radio Input */
input[type="radio"] {
    appearance: none;
    border: 2px solid #8b939a;
    width: 18px;
    height: 18px;
    border-radius: 24px;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]:checked {
    appearance: none;
    background: #fff;
    border: 4px solid #1b838b;
    width: 18px;
    height: 18px;
    border-radius: 24px;
    margin: 0;
}

/* Labels */
label {
    cursor: pointer;
}

/* Tag Pill */
.tag--pill {
    color: #212d38;
    text-decoration: none;
    cursor: pointer;
    background-color: #f4f5f6;
    border-radius: 24px;
    display: block;
    float: left;
    border: 0;
    line-height: 100%;
    padding: 5.5px 8px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: -0.18px;
}

.tag--pill:hover {
    background-color: #dde0e3 !important;
    color: #2f4051 !important;
}

/* Responsive Media Query */
@media (max-width: 767px) {
    .product-list-container {
        display: block;
    }

    .product-filter {
        display: none;
    }

    .results-container {
        padding: 0 5px;
    }

    .filter-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 4px;
    }

    #live-search {
        display: block;
        width: 100%;
        margin-bottom: 0;
    }

    .filter-button {
        display: block;
        margin-left: 8px;
        padding: 8px;
        margin-bottom: 0;
    }

    .view-more-expand span {
        display: none;
    }

    .m-product-filter {
        display: none;
        background: #fff;
        width: 100%;
        height: calc(100% - 60px);
        bottom: 0;
        position: fixed;
        z-index: 100;
    }

    .m-product-filter::after {
        content: "";
        background: #2f4051;
        z-index: 99;
        display: block;
        height: 60px;
        width: 100%;
        position: absolute;
        opacity: 0.3;
        top: -60px;
    }

    .m-filter-head {
        height: 62px;
        border-bottom: 1px solid #dde0e3;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        background: #fff;
    }

    .m-close-button {
        font-family: "Ideagen";
        font-size: 25px;
        border: none;
        background: none;
        position: relative;
        display: inline-block;
        left: 8px;
    }

    .m-empty-button {
        font-family: "Ideagen";
        font-size: 25px;
        border: none;
        background: none;
        position: relative;
        display: inline-block;
        right: 8px;
        opacity: 0;
    }

    .m-header {
        font-weight: 600;
        text-align: center;
        position: relative;
        display: inline-block;
    }

    .m-filter-footer {
        bottom: 0;
        height: auto;
        width: 100%;
        border-top: 1px solid #dde0e3;
        display: block;
        position: fixed;
        padding: 12px;
        background: #fff;
    }

    .show-results {
        background: #1b838b;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        padding: 12px;
        border-radius: 8px;
        width: 100%;
        border: none;
    }

    #m-filter-replace {
        margin: 0 12px;
        position: relative;
        overflow-x: hidden;
        overflow-y: scroll;
        height: calc(100% - 123px);
    }

    #m-filter-replace form {
        vertical-align: middle;
    }

    #m-filter-replace div {
        margin-bottom: 18px;
        vertical-align: middle;
    }

    #m-filter-replace label {
        font-weight: 600;
        margin-left: 8px;
        vertical-align: middle;
    }

    #m-filter-replace input {
        margin-left: 0;
    }

    #m-filter-replace .filter-header {
        font-weight: 700;
        margin-bottom: 4px;
        margin-top: 18px;
    }

    #m-filter-replace .reset label {
        background: #f4f5f6;
        width: fit-content;
        font-size: 14px;
        padding: 4px 8px;
        border-radius: 4px;
        line-height: 16px;
        margin-left: -6px;
    }

    .product-pillar-header h1 {
        margin-top: 18px;
    }

    .industry-filter {
        gap: 0;
    }
}

/* 2024 Solution Metadata */
.solution-metadata {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 14.5px;
    position: relative;
    overflow: hidden;
    border: 0;
    background: var(--ideagen-color-neutral-05);
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-radius: 12px;
    padding: 34px 24px;
    margin-bottom: 24px;
}

.solution-metadata .content {
    max-width: 800px;
}

.solution-metadata h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;
    margin: 0;
}
.solution-metadata span {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--ideagen-color-neutral-70);
    max-width: 760px;
    line-height: 150%;
    margin-top: 6px;
}
.solution-metadata img {
    margin-left: -10px;
    height: 170px;
}

.solution-metadata img.bg-icon {
    position: absolute;
    display: block;
    width: 200px;
    right: 46px;
    top: 10px;
}

.solution-metadata p {
    font-size: 16px;
    margin: 12px 0 24px;
    font-weight: 500;
    letter-spacing: -0.18px;
    color: #5d6977;
    line-height: 24px;
    max-width: 900px;
}

@media (max-width: 767px) {
    .solution-metadata p {
        max-width: 100%;
    }
    .solution-metadata img {
        height: auto;
        max-height: 140px;
    }
}

/* 2024 Solution Search */
.solution-search .search {
    position: relative;
    width: 565px;
}

form.search.search-full.wide {
    width: 100%;
}

.solution-search .search input[type="search"] {
    border: 2px solid #8b939a;
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--ideagen-color-neutral-90);
    padding: 9px 40px 9px 16px;
    -webkit-appearance: none;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    transition: all 0.1s ease-in-out;
}

.solution-search .search input[type="search"]::placeholder {
    color: var(--ideagen-color-neutral-30);
}

.solution-search .search input[type="search"]:hover,
.solution-search .search input[type="search"]:focus {
    border: 2px solid #3bb7c2;
}

.solution-search .search::before {
    top: 53%;
    transform: translateY(-50%);
    background-color: #fff;
    color: var(--ideagen-color-neutral-50);
    content: "";
    font-size: 26px;
    position: absolute;
    right: 10px;
    font-family: "Ideagen";
}

/* 2024 Helix Solution Directory */
.solution-directory {
    display: flex;
    margin: 24px 0 72px;
}

.solution-directory .sidebar {
    width: 366px;
    margin-left: 20px;
    border-radius: 8px;
    padding: 24px;
    height: max-content;
}

.sidebar h3.sidebar-header {
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
    font-size: 20px;
    margin: 0;
}

span.new {
    padding: 0 8px;
    border-radius: 25px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 12px;
    display: inline-block;
    background: var(--ideagen-color-green-10);
    color: var(--ideagen-color-green-90);
}

span.updated {
    padding: 0 8px;
    border-radius: 25px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 12px;
    display: inline-block;
    background: var(--ideagen-color-teal-10);
    color: var(--ideagen-color-teal-90);
}

span.internal {
    padding: 0 8px;
    border-radius: 25px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 12px;
    display: inline-block;
    background: var(--ideagen-color-red-50);
    color: var(--ideagen-color-white);
}

.sidebar a:hover {
    color: var(--ideagen-brand-teal-20);
}

.sidebar a:active {
    color: var(--ideagen-brand-teal-30);
}

.solution-directory .all-articles {
    flex: 1;
}

.solution-directory .js-cat-link {
    font-weight: 700;
    font-size: 14px;
    margin-left: 16px;
}

#sidebar-menu li:not(.sec-list li) {
    margin-bottom: 12px;
}
#sidebar-menu li:not(.sec-list li):last-child {
    margin-bottom: 0;
}

ul.sec-list {
    display: none;
    padding-left: 18px;
}

ul.sec-list.open {
    display: block;
}

ul.child-sec-list {
    padding-left: 14px;
}

a#agents-only::before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
}

.luminateBoxNoPadding#categoryList {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.common-locations--with-link {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-bottom: 24px;
}

.common-locations--with-link h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.tooltip-container {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.widget-heading-flex {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.common-locations--with-link .common-locations--descriptor {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 4px;
    margin-bottom: 0;
}

.category-layout {
    display: flex;
    font-weight: 700;
    height: 100%;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.category-tree {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

section.category {
    flex: 0 0 calc(33.33% - 16px);
    padding: 18px 24px;
    transition: 0.3s ease-in-out;
    border-radius: 12px;
    border: 1px solid #ededed;
    background: #fff;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05) !important;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1140px) {
    section.category {
        flex: 0 0 calc(50% - 16px);
    }
    .hoverContainer {
        flex: 0 0 calc(50% - 16px);
    }
}

@media (max-width: 1040px) {
    .category-tree.in-solution {
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .category-tree.in-solution {
        gap: 12px;
        flex-direction: column;
    }

    section.category {
        flex: 0 0 100%;
    }
}

.category:hover {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 4px 30px 0px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--ideagen-brand-teal-10) !important;
}

.category-header {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
    transition: 0.2s;
}

.category-header h2 {
    margin: 0;
    line-height: 18px;
    font-size: 18px;
    width: 100%;
    flex: 1;
    padding-top: 0;
}

.category p {
    margin-bottom: 0;
    line-height: 20px;
    margin-top: 12px !important;
    color: var(--ideagen-color-neutral-70);
    font-weight: 400;
    font-size: 14.5px;
}

.category-icon {
    display: block;
    flex: 0 0 24px;
    height: 24px;
}

.category-icon::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--ideagen-color-teal-60);
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 4H8C6.89543 4 6 4.89543 6 6V15.1707C6.31278 15.0602 6.64936 15 7 15H18V4ZM19 17V20H20C20 21.1046 19.1046 22 18 22H8C5.79086 22 4 20.2091 4 18V6C4 3.79086 5.79086 2 8 2H18C19.1046 2 20 2.89543 20 4V17H19ZM6 18C6 19.1046 6.89543 20 8 20H17V17H7C6.44772 17 6 17.4477 6 18ZM8 6.5C8 6.22386 8.22386 6 8.5 6H15.5C15.7761 6 16 6.22386 16 6.5V7.5C16 7.77614 15.7761 8 15.5 8H8.5C8.22386 8 8 7.77614 8 7.5V6.5ZM8.5 9C8.22386 9 8 9.22386 8 9.5V10.5C8 10.7761 8.22386 11 8.5 11H15.5C15.7761 11 16 10.7761 16 10.5V9.5C16 9.22386 15.7761 9 15.5 9H8.5Z" fill="%232F4051"/></svg>');
}

.category-icon::after {
    content: url('data:image/svg+xml,<svg width="131" height="131" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M36 8H16C13.7909 8 12 9.79086 12 12V30.3414C12.6256 30.1204 13.2987 30 14 30H34H36V8ZM38 34V40H40C40 42.2092 38.2092 44 36 44H16C11.5817 44 8 40.4182 8 36V12C8 7.58172 11.5817 4 16 4H36C38.2092 4 40 5.79086 40 8V34H38ZM12 36C12 38.2092 13.7909 40 16 40H33.7142H34V34H14C12.8954 34 12 34.8954 12 36ZM16 13C16 12.4477 16.4477 12 17 12H31C31.5522 12 32 12.4477 32 13V15C32 15.5523 31.5522 16 31 16H17C16.4477 16 16 15.5523 16 15V13ZM17 18C16.4477 18 16 18.4477 16 19V21C16 21.5522 16.4477 22 17 22H31C31.5522 22 32 21.5522 32 21V19C32 18.4477 31.5522 18 31 18H17Z" fill="%232F4051"/></svg>');
    position: absolute;
    top: -5px;
    right: -40px;
    opacity: 3%;
    width: 131px;
    height: 131px;
    background-repeat: no-repeat;
}

/* Specific category icons */
.category-icon[id*="Getting started" i]::before,
.category-icon[id*="Getting started" i]::before {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--ideagen-color-yellow-60);
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.25 15.8971L16.25 12.433C16.5833 12.2406 16.5833 11.7594 16.25 11.567L10.25 8.10289C9.91667 7.91044 9.5 8.151 9.5 8.5359L9.5 15.4641C9.5 15.849 9.91667 16.0896 10.25 15.8971Z" fill="%232F4051"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.522 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4Z" fill="%232F4051"/></svg>');
}

.category-icon[id*="Getting started" i]::after,
.category-icon[id*="Getting started" i]::after {
    content: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.25 15.8971L16.25 12.433C16.5833 12.2406 16.5833 11.7594 16.25 11.567L10.25 8.10289C9.91667 7.91044 9.5 8.151 9.5 8.5359L9.5 15.4641C9.5 15.849 9.91667 16.0896 10.25 15.8971Z" fill="%232F4051"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.522 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4Z" fill="%232F4051"/></svg>');
}

.category-icon[id*="User guide" i]::before,
.category-icon[id*="User guide" i]::before {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--ideagen-color-blue-60);
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.757 13.609V13.119C10.757 12.695 10.846 12.327 11.024 12.013C11.202 11.7 11.528 11.366 12 11.013C12.456 10.682 12.756 10.413 12.902 10.205C13.047 9.998 13.119 9.766 13.119 9.51C13.119 9.223 13.016 9.004 12.807 8.854C12.599 8.704 12.308 8.629 11.935 8.629C11.284 8.629 10.543 8.846 9.71 9.278L9 7.828C9.967 7.276 10.994 7 12.078 7C12.972 7 13.683 7.219 14.209 7.656C14.736 8.093 15 8.675 15 9.404C15 9.89 14.892 10.309 14.675 10.662C14.458 11.016 14.046 11.413 13.439 11.854C13.022 12.168 12.758 12.406 12.648 12.569C12.537 12.733 12.482 12.947 12.482 13.212V13.609H10.757Z" fill="%232F4051"/><path d="M10.5488 15.874C10.5488 15.503 10.6468 15.223 10.8418 15.033C11.0368 14.844 11.3208 14.748 11.6948 14.748C12.0538 14.748 12.3328 14.846 12.5298 15.04C12.7278 15.234 12.8268 15.512 12.8268 15.874C12.8268 16.223 12.7268 16.498 12.5278 16.698C12.3278 16.899 12.0498 17 11.6948 17C11.3298 17 11.0478 16.901 10.8478 16.705C10.6488 16.509 10.5488 16.231 10.5488 15.874Z" fill="%232F4051"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.522 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4Z" fill="%232F4051"/></svg>');
}

.category-icon[id*="User guide" i]::after,
.category-icon[id*="User guide" i]::after {
    content: url('data:image/svg+xml,<svg width="131" height="131" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 4C12.954 4 4 12.954 4 24C4 35.044 12.954 44 24 44C35.044 44 44 35.044 44 24C44 12.954 35.044 4 24 4ZM24 8C32.822 8 40 15.178 40 24C40 32.822 32.822 40 24 40C15.178 40 8 32.822 8 24C8 15.178 15.178 8 24 8ZM21.514 27.218V26.238C21.514 25.39 21.692 24.654 22.048 24.026C22.404 23.4 23.056 22.732 24 22.026C24.912 21.364 25.512 20.826 25.804 20.41C26.094 19.996 26.238 19.532 26.238 19.02C26.238 18.446 26.032 18.008 25.614 17.708C25.198 17.408 24.616 17.258 23.87 17.258C22.568 17.258 21.086 17.692 19.42 18.556L18 15.656C19.934 14.552 21.988 14 24.156 14C25.944 14 27.366 14.438 28.418 15.312C29.472 16.186 30 17.35 30 18.808C30 19.78 29.784 20.618 29.35 21.324C28.916 22.032 28.092 22.826 26.878 23.708C26.044 24.336 25.516 24.812 25.296 25.138C25.074 25.466 24.964 25.894 24.964 26.424V27.218H21.514ZM21.0977 31.748C21.0977 31.006 21.2937 30.446 21.6837 30.066C22.0737 29.688 22.6417 29.496 23.3897 29.496C24.1077 29.496 24.6657 29.692 25.0597 30.08C25.4557 30.468 25.6537 31.024 25.6537 31.748C25.6537 32.446 25.4537 32.996 25.0557 33.396C24.6557 33.798 24.0997 34 23.3897 34C22.6597 34 22.0957 33.802 21.6957 33.41C21.2977 33.018 21.0977 32.462 21.0977 31.748Z" fill="%232F4051"/></svg>');
}

.category-icon[id*="Admin guide" i]::before,
.category-icon[id*="Admin guide" i]::before {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--ideagen-color-pink-60);
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.1902 7.11657C18.1902 7.88724 17.5506 8.51199 16.7616 8.51199C15.9726 8.51199 15.333 7.88724 15.333 7.11657C15.333 6.3459 15.9726 5.72114 16.7616 5.72114C17.5506 5.72114 18.1902 6.3459 18.1902 7.11657Z" fill="%232F4051"/><path d="M13.8287 13.7051L12.9998 14.5148V17.4194H10.6188V19.7451H8.71405V22.0708H1.95215V17.8593L10.0215 9.96592C9.80797 9.35002 9.69198 8.68855 9.69198 8C9.69198 4.68629 12.3783 2 15.692 2C19.0057 2 21.692 4.68629 21.692 8C21.692 11.3137 19.0057 14 15.692 14C15.0415 14 14.4153 13.8965 13.8287 13.7051ZM15.692 12C17.9011 12 19.692 10.2091 19.692 8C19.692 5.79086 17.9011 4 15.692 4C13.4828 4 11.692 5.79086 11.692 8C11.692 8.88095 11.9768 9.69539 12.4593 10.3563L11.9758 10.8398L11.7394 11.0832L11.4172 11.3984L11.2196 11.5988C11.2183 11.5972 11.0312 11.7788 11.0299 11.7772L3.95215 18.7007V20.0708H6.71405V17.7451H8.61881V15.4194H10.9998V13.6726L11.9758 12.7146L12.2848 12.402L13.4048 11.282C14.0529 11.7346 14.8415 12 15.692 12Z" fill="%232F4051"/></svg>');
}

.category-icon[id*="Admin guide" i]::after,
.category-icon[id*="Admin guide" i]::after {
    content: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.1902 7.11657C18.1902 7.88724 17.5506 8.51199 16.7616 8.51199C15.9726 8.51199 15.333 7.88724 15.333 7.11657C15.333 6.3459 15.9726 5.72114 16.7616 5.72114C17.5506 5.72114 18.1902 6.3459 18.1902 7.11657Z" fill="%232F4051"/><path d="M13.8287 13.7051L12.9998 14.5148V17.4194H10.6188V19.7451H8.71405V22.0708H1.95215V17.8593L10.0215 9.96592C9.80797 9.35002 9.69198 8.68855 9.69198 8C9.69198 4.68629 12.3783 2 15.692 2C19.0057 2 21.692 4.68629 21.692 8C21.692 11.3137 19.0057 14 15.692 14C15.0415 14 14.4153 13.8965 13.8287 13.7051ZM15.692 12C17.9011 12 19.692 10.2091 19.692 8C19.692 5.79086 17.9011 4 15.692 4C13.4828 4 11.692 5.79086 11.692 8C11.692 8.88095 11.9768 9.69539 12.4593 10.3563L11.9758 10.8398L11.7394 11.0832L11.4172 11.3984L11.2196 11.5988C11.2183 11.5972 11.0312 11.7788 11.0299 11.7772L3.95215 18.7007V20.0708H6.71405V17.7451H8.61881V15.4194H10.9998V13.6726L11.9758 12.7146L12.2848 12.402L13.4048 11.282C14.0529 11.7346 14.8415 12 15.692 12Z" fill="%232F4051"/></svg>');
}

.category-icon[id*="IT guide" i]::before,
.category-icon[id*="IT guide" i]::before {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--ideagen-color-orange-60);
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V14C22 15.1046 21.1046 16 20 16H4C2.89543 16 2 15.1046 2 14V4ZM4 5C4 4.44772 4.44772 4 5 4H19C19.5523 4 20 4.44772 20 5V13C20 13.5523 19.5523 14 19 14H5C4.44772 14 4 13.5523 4 13V5Z" fill="%232F4051"/><path d="M6.5 20C6.22386 20 6 20.2239 6 20.5V21.5C6 21.7761 6.22386 22 6.5 22H17.5C17.7761 22 18 21.7761 18 21.5V20.5C18 20.2239 17.7761 20 17.5 20H6.5Z" fill="%232F4051"/><path d="M11 16H13V21H11V16Z" fill="%232F4051"/></svg>');
}

.category-icon[id*="IT guide" i]::after,
.category-icon[id*="IT guide" i]::after {
    content: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V14C22 15.1046 21.1046 16 20 16H4C2.89543 16 2 15.1046 2 14V4ZM4 5C4 4.44772 4.44772 4 5 4H19C19.5523 4 20 4.44772 20 5V13C20 13.5523 19.5523 14 19 14H5C4.44772 14 4 13.5523 4 13V5Z" fill="%232F4051"/><path d="M6.5 20C6.22386 20 6 20.2239 6 20.5V21.5C6 21.7761 6.22386 22 6.5 22H17.5C17.7761 22 18 21.7761 18 21.5V20.5C18 20.2239 17.7761 20 17.5 20H6.5Z" fill="%232F4051"/><path d="M11 16H13V21H11V16Z" fill="%232F4051"/></svg>');
}

.quick-links[id="resources"] .category-icon::before {
    background-image: url("/hc/theming_assets/01J67GBN4DPRA1EGZHHAE4RGWK");
    background-size: 32px;
    background-repeat: no-repeat;
}

.quick-links[id="security-updates"] .category-icon::before {
    background-image: url("/hc/theming_assets/01J41DX6C174GYXAWYCXX814KR");
}

.quick-links[id="new_article"] .category-icon::before {
    background-image: url("/hc/theming_assets/01J41DX8HBFR32NF9ACNMJXWSG");
}

.quick-links[id="support"] .category-icon::before {
    background-image: url("/hc/theming_assets/01J67GBNETSBNHKS9NP451HAA0");
}

.quick-links[id="new_element"] .category-icon::before {
    background-image: url("/hc/theming_assets/01J67GBMRY7CFFVXEGG0VF98BT");
}

.quick-links[id="sign_in"] .category-icon::before {
    background-image: url("/hc/theming_assets/01JJVR04TANY4227YWNJYHGE31");
}

.quick-links .category-icon::after {
    content: "";
}

.category-icon[id="new_element"]::before {
    background-image: url("/hc/theming_assets/01J67GBMRY7CFFVXEGG0VF98BT");
}

.category-icon[id="new_element"]::after {
    content: url('data:image/svg+xml,<svg width="131" height="131" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 11V5C13 4.44775 12.5523 4 12 4C11.4477 4 11 4.44775 11 5V11H5C4.44771 11 4 11.4477 4 12C4 12.5523 4.44771 13 5 13H11V19C11 19.5522 11.4477 20 12 20C12.5523 20 13 19.5522 13 19V13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H13Z" fill="%232F4051"/></svg>');
}

.category-icon[id="new_support_ticket"]::before {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--ideagen-color-green-60);
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4C12.5523 4 13 4.44772 13 5V11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H13V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V13H5C4.44771 13 4 12.5523 4 12C4 11.4477 4.44771 11 5 11H11V5C11 4.44772 11.4477 4 12 4Z" fill="%232F4051"/></svg>');
}

.category-icon[id="new_support_ticket"]::after {
    content: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4C12.5523 4 13 4.44772 13 5V11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H13V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V13H5C4.44771 13 4 12.5523 4 12C4 11.4477 4.44771 11 5 11H11V5C11 4.44772 11.4477 4 12 4Z" fill="%232F4051"/></svg>');
}

.category-icon[id="manage_tickets"]::before {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--ideagen-color-blue-60);
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 4H20C21.104 4 22 4.896 22 6V18C22 19.104 21.104 20 20 20H4C2.896 20 2 19.104 2 18V2H10L12 4ZM20 6V18H4V6H20Z" fill="%232F4051"/></svg>');
}

.category-icon[id="manage_tickets"]::after {
    content: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 4H20C21.104 4 22 4.896 22 6V18C22 19.104 21.104 20 20 20H4C2.896 20 2 19.104 2 18V2H10L12 4ZM20 6V18H4V6H20Z" fill="%232F4051"/></svg>');
}

.category-icon[id="customer_success"]::before {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--ideagen-color-orange-60);
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.7684 2.00383C18.7944 2.02645 19.749 2.14537 20.3475 2.23634C21.132 2.35556 21.7379 2.97915 21.8365 3.7708C21.9037 4.31064 21.9859 5.13372 21.9984 6.01383C22.0106 6.87998 21.9569 7.8676 21.7193 8.70706C21.3952 9.85222 20.6491 11.0026 19.9432 11.919C19.2237 12.8531 18.4798 13.6277 18.0788 14.027C18.0711 14.0346 18.0666 14.0421 18.0643 14.0475C18.0621 14.0527 18.0622 14.0553 18.0622 14.0553V17.5921C18.0622 18.2299 17.7352 18.8228 17.1969 19.161L13.1313 21.7154C11.9044 22.4863 10.3124 21.6003 10.3124 20.1466V18.1125C9.59228 18.8271 8.4317 18.8242 7.7151 18.1038L6.80181 17.1857C6.08306 16.4631 6.08306 15.2922 6.80181 14.5696L6.88068 14.4903L3.58307 14.0168C2.29584 13.8319 1.59933 12.4017 2.24411 11.2673L4.26088 7.71929C4.58877 7.14244 5.19928 6.7864 5.86053 6.7864H9.29293C9.29293 6.7864 9.30705 6.78593 9.32282 6.76622C9.71234 6.27941 10.4584 5.39329 11.3774 4.53325C12.2786 3.68991 13.4284 2.79243 14.6287 2.38164C15.5991 2.04956 16.7601 1.9816 17.7684 2.00383ZM17.728 3.85387C16.7913 3.83322 15.8868 3.90603 15.2228 4.13327C14.399 4.41518 13.481 5.09367 12.633 5.88725C11.8028 6.66412 11.1184 7.47587 10.7586 7.92554C10.4089 8.36256 9.87597 8.63688 9.29293 8.63688L5.86053 8.63688L3.84376 12.1849L7.41278 12.6975C7.77811 12.7499 8.11663 12.9201 8.37749 13.1823C9.04271 13.851 9.04271 14.9348 8.37749 15.6035L8.10482 15.8776L9.01812 16.7958L9.32116 16.4911C9.96933 15.8395 11.0207 15.8395 11.6689 16.4911C11.9798 16.8037 12.1545 17.2276 12.1545 17.6695L12.1545 20.1466L16.2201 17.5921V14.0553C16.2201 13.5386 16.4337 13.0595 16.7822 12.7126C17.152 12.3444 17.8345 11.6328 18.4863 10.7866C19.1517 9.92279 19.7216 8.99899 19.9475 8.20095C20.1122 7.61912 20.1678 6.84274 20.1565 6.04012C20.1458 5.28089 20.0765 4.55706 20.0157 4.05754C19.4596 3.97468 18.6167 3.87346 17.728 3.85387Z" fill="%232F4051"/><path d="M18.316 7.08886C18.316 7.85535 17.6974 8.47672 16.9344 8.47672C16.1714 8.47672 15.5529 7.85535 15.5529 7.08886C15.5529 6.32236 16.1714 5.70099 16.9344 5.70099C17.6974 5.70099 18.316 6.32236 18.316 7.08886Z" fill="%232F4051"/></svg>');
}

.category-icon[id="customer_success"]::after {
    content: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.7684 2.00383C18.7944 2.02645 19.749 2.14537 20.3475 2.23634C21.132 2.35556 21.7379 2.97915 21.8365 3.7708C21.9037 4.31064 21.9859 5.13372 21.9984 6.01383C22.0106 6.87998 21.9569 7.8676 21.7193 8.70706C21.3952 9.85222 20.6491 11.0026 19.9432 11.919C19.2237 12.8531 18.4798 13.6277 18.0788 14.027C18.0711 14.0346 18.0666 14.0421 18.0643 14.0475C18.0621 14.0527 18.0622 14.0553 18.0622 14.0553V17.5921C18.0622 18.2299 17.7352 18.8228 17.1969 19.161L13.1313 21.7154C11.9044 22.4863 10.3124 21.6003 10.3124 20.1466V18.1125C9.59228 18.8271 8.4317 18.8242 7.7151 18.1038L6.80181 17.1857C6.08306 16.4631 6.08306 15.2922 6.80181 14.5696L6.88068 14.4903L3.58307 14.0168C2.29584 13.8319 1.59933 12.4017 2.24411 11.2673L4.26088 7.71929C4.58877 7.14244 5.19928 6.7864 5.86053 6.7864H9.29293C9.29293 6.7864 9.30705 6.78593 9.32282 6.76622C9.71234 6.27941 10.4584 5.39329 11.3774 4.53325C12.2786 3.68991 13.4284 2.79243 14.6287 2.38164C15.5991 2.04956 16.7601 1.9816 17.7684 2.00383ZM17.728 3.85387C16.7913 3.83322 15.8868 3.90603 15.2228 4.13327C14.399 4.41518 13.481 5.09367 12.633 5.88725C11.8028 6.66412 11.1184 7.47587 10.7586 7.92554C10.4089 8.36256 9.87597 8.63688 9.29293 8.63688L5.86053 8.63688L3.84376 12.1849L7.41278 12.6975C7.77811 12.7499 8.11663 12.9201 8.37749 13.1823C9.04271 13.851 9.04271 14.9348 8.37749 15.6035L8.10482 15.8776L9.01812 16.7958L9.32116 16.4911C9.96933 15.8395 11.0207 15.8395 11.6689 16.4911C11.9798 16.8037 12.1545 17.2276 12.1545 17.6695L12.1545 20.1466L16.2201 17.5921V14.0553C16.2201 13.5386 16.4337 13.0595 16.7822 12.7126C17.152 12.3444 17.8345 11.6328 18.4863 10.7866C19.1517 9.92279 19.7216 8.99899 19.9475 8.20095C20.1122 7.61912 20.1678 6.84274 20.1565 6.04012C20.1458 5.28089 20.0765 4.55706 20.0157 4.05754C19.4596 3.97468 18.6167 3.87346 17.728 3.85387Z" fill="%232F4051"/><path d="M18.316 7.08886C18.316 7.85535 17.6974 8.47672 16.9344 8.47672C16.1714 8.47672 15.5529 7.85535 15.5529 7.08886C15.5529 6.32236 16.1714 5.70099 16.9344 5.70099C17.6974 5.70099 18.316 6.32236 18.316 7.08886Z" fill="%232F4051"/></svg>');
    right: -15px;
}

.category-icon[id="feux"]::after {
    content: "";
}

a.url-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

i.chevron-right,
i.expand-chevron {
    font-family: "Ideagen";
    font-style: normal;
    line-height: normal;
}

i.chevron-right {
    font-size: 30px;
    float: right;
    position: relative;
    display: none;
    justify-content: flex-start;
    width: 5px;
    right: 14px;
}

#sidebar-menu li {
    position: relative;
}

#sidebar-menu i.i-chevron-right {
    display: inline-block;
    transform: rotate(0deg);
    cursor: pointer;
    transition: transform 0.3s ease;
    position: absolute;
    left: -8px;
    top: -1px;
}

li.sec-list-item a {
    margin-left: 16px;
}

i.internal-icon {
    font-family: "Ideagen";
    font-style: normal;
    font-weight: 300;
}

#sidebar-menu i.i-chevron-right.rotate-90 {
    transform: rotate(90deg) !important;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Ideagen Unification */

@font-face {
    font-family: "Ideagen";
    /* src: local("Ideagen"), local("Ideagen"); */
    src: url("https://theme.zdassets.com/theme_assets/9314887/a0305f2cebc95b718fd9f6b7e1c26f9822508015.woff"), url("https://theme.zdassets.com/theme_assets/9314887/a0305f2cebc95b718fd9f6b7e1c26f9822508015.woff");
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
}

@font-face {
    font-family: "Gilroy";
    /* src: local("Gilroy Regular"), local("gilroy-regular"); */
    src: url("https://theme.zdassets.com/theme_assets/9314887/8331e6748a30d3a6315b191d7f7c58ee08b909b8.woff2"), url("https://theme.zdassets.com/theme_assets/9314887/8331e6748a30d3a6315b191d7f7c58ee08b909b8.woff2");
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
}

@font-face {
    font-family: "Gilroy";
    /* src: local("Gilroy Regular Italic"), local("gilroy-regularitalic"); */
    src: url("https://theme.zdassets.com/theme_assets/9314887/9904784ad8fcb03acf6b0c8808e3d1c179546b97.woff2"), url("https://theme.zdassets.com/theme_assets/9314887/8ee1dae697cca90321045475801f22a4e66f3b45.woff");
    font-style: italic;
    font-weight: 300;
    font-display: fallback;
}

@font-face {
    font-family: "Gilroy";
    /* src: local("Gilroy Medium"), local("gilroy-medium"); */
    src: url("https://theme.zdassets.com/theme_assets/9314887/86192659d5460e4bd719110147c0a36ffb393544.woff"), url("https://theme.zdassets.com/theme_assets/9314887/a130fc4c4fd466109e665381b3063810b10b7d24.woff2");
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
}

@font-face {
    font-family: "Gilroy";
    /* src: local("Gilroy Medium Italic"), local("gilroy-mediumitalic"); */
    src: url("https://theme.zdassets.com/theme_assets/9314887/13c8ad5049c219094b9418527dd1502c08d959c6.woff2"), url("https://theme.zdassets.com/theme_assets/9314887/801fd6e6d6ba84b26edca6eae9ee098c24a5f206.woff");
    font-style: italic;
    font-weight: 500;
    font-display: fallback;
}

@font-face {
    font-family: "Gilroy";
    /* src: local("Gilroy SemiBold"), local("gilroy-semibold"); */
    src: url("https://theme.zdassets.com/theme_assets/9314887/e4ff0495648ce2a25d71a55165fcb1c79ff27029.woff2"), url("https://theme.zdassets.com/theme_assets/9314887/5b49011fc2a5b3a608a5176d39b63f59bbe3e932.woff");
    font-style: normal;
    font-weight: 600;
    font-display: fallback;
}

@font-face {
    font-family: "Gilroy";
    /* src: local("Gilroy SemiBold Italic"), local("gilroy-semibolditalic"); */
    src: url("https://theme.zdassets.com/theme_assets/9314887/6602d262eb7689a232f97fbd5feb07463c5449a8.woff2"), url("https://theme.zdassets.com/theme_assets/9314887/f4273d51ef213778678668617c92c9d343e26a7d.woff");
    font-style: italic;
    font-weight: 600;
    font-display: fallback;
}

@font-face {
    font-family: "Gilroy";
    /* src: local("Gilroy Bold"), local("gilroy-bold"); */
    src: url("https://theme.zdassets.com/theme_assets/9314887/ed989d2846b7ecb96e6abf60e1e67f5fa44179d4.woff"), url("https://theme.zdassets.com/theme_assets/9314887/dc7b94ace757da119fbf017d9d2da541f02b693f.woff2");
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
}

@font-face {
    font-family: "Gilroy";
    /* src: local("Gilroy Bold Italic"), local("gilroy-bolditalic"); */
    src: url("https://theme.zdassets.com/theme_assets/9314887/0c5a6c2cf46f447ed87402195ffa695595ad844b.woff2"), url("https://theme.zdassets.com/theme_assets/9314887/8ad65efd9b54a54234d66cf04e5dcdb91cfdb59c.woff");
    font-style: italic;
    font-weight: 700;
    font-display: fallback;
}

html,
body {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* For WebKit browsers (Chrome, Safari) */
body {
    -webkit-font-smoothing: antialiased;
}

/* For macOS (Firefox) */
body {
    -moz-osx-font-smoothing: grayscale;
}

.sitewidth {
    width: 100%;
    max-width: 1140px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
}

@media (max-width: 1024px) {
    .sitewidth {
        padding: 0;
    }
}

.helix-loader {
    position: fixed;
    background-color: #fff;
    background-image: url("https://theme.zdassets.com/theme_assets/9119221/15e54ed2bdd8581620c4f2dbc281bc179dbf93b0.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
}

/* 2024 Recommendation Widget */

.common-locations {
    padding-top: 24px;
}

.common-locations h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    display: inline-block;
    line-height: 20px;
}

.common-locations p {
    margin-top: 0;
    font-size: 15px;
}

/* Tabs start */

/* Style the tab */
.tab {
    overflow: hidden;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 24px;
    display: flex;
}

.tab.service-switch {
    padding-top: 12px;
}

/* Style the buttons that are used to open the tab content */
.tab button,
.tab a {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.2s;
    border-bottom: 5px solid #cccccc6e;
    flex: 1;
    text-align: center;
    font-size: 14.5px;
    line-height: normal;
}

/* Change background color of buttons on hover */
.tab button:hover,
.tab a:hover {
    background-color: #cccccc33;
    border-bottom: 5px solid #cccccc;
}

/* Create an active/current tablink class */
.tab button.active,
.tab a.active {
    font-weight: bold;
    border-bottom: 5px solid #5cc7d0;
}

/* Style the tab content */
.tabcontent {
    display: none;
    border-top: none;
}

/* Tabs end */

@charset "UTF-8";
#footer2023 .f-bottom {
    background: #141d24;
    padding: 16px 24px;
}

@media (min-width: 768px) #footer2023 .f-bottom {
    padding-left: 48px;
    padding-right: 48px;
}

#footer2023 .f-bottom .container .wrapper .f-clmn-r {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#footer2023 .f-bottom .container .wrapper {
    padding-left: 16px;
    padding-right: 16px;
    width: 81.25%;
}

@media (min-width: 1300px) #footer2023 .f-bottom .container .wrapper {
    flex-direction: row-reverse;
    justify-content: space-between;
}

#footer2023 .f-bottom .container .wrapper .f-clmn-r a {
    color: #fff;
    font-size: 14px;
    width: -moz-fit-content;
    width: fit-content;
}

#footer2023 .f-bottom .container .wrapper .f-clmn-r a:not(:last-child) {
    margin-right: 16px;
}

#footer2023 .f-bottom .container .wrapper .f-clmn-l {
    color: #fff;
    text-align: center;
}

@media (min-width: 992px) #footer2023 .f-bottom .container .wrapper {
    flex-direction: column;
}

#footer2023 .f-bottom .container .wrapper .f-clmn-l {
    color: #fff;
    text-align: center;
}
/** Community Popup - Sam's Code **/

.helix-button-wide {
    background: #1b838b;
    color: #fff;
    border: 2px solid #1b838b;
    border-radius: 8px;
    padding: 8px 10px;
    line-height: 16px;
    font-size: 16px;
    width: 100%;
    font-weight: 600;
    transition: background 0.2s ease-in-out;
}

.helix-button-wide:hover {
    background: #22a3af;
    border: 2px solid #22a3af;
    transition: background 0.2s ease-in-out;
}

.helix-button:focus {
    background: #056d78;
    border: 2px solid #056d78;
    transition: background 0.2s ease-in-out;
}

.helix-button-wide-grey {
    background: #f4f5f6;
    border: 2px solid #c8cdd1;
    color: #2f4051;
    border-radius: 8px;
    padding: 8px 10px;
    line-height: 16px;
    font-size: 16px;
    width: 100%;
    font-weight: 600;
    transition: background 0.2s ease-in-out;
}

.helix-button-wide-grey:hover {
    background: #dde0e3;
    transition: background 0.2s ease-in-out;
}

.community-popup {
    display: none;
    position: fixed;
    left: 24px;
    bottom: 24px;
    color: #2f4051;
    width: 360px;
    animation: popup-slide 1s ease-in-out;
    z-index: 9999;
}

.community-popup-bg {
    background: #e4fcff;
    border: 2px solid #22a3af;
    border-radius: 8px;
    padding: 24px;
    position: relative;
    box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.1), 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
}

.community-header-grid {
    display: grid;
    grid-template-columns: 0fr 1fr;
    grid-template-rows: 1fr;
    align-items: center;
    margin-bottom: 18px;
}

.community-header-grid-text {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
}

.community-popup-bg img {
    width: 45px;
    display: inline;
    vertical-align: middle;
    margin-right: 8px;
}

.community-popup-bg h2 {
    display: inline;
    vertical-align: middle;
    padding: 0;
    margin: -8px 0;
}

.community-popup-bg p {
    font-weight: 300;
}

.sub-header {
    display: inline;
    margin: 0;
    color: #1b838b;
    font-weight: 600 !important;
}

.close-button {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 20px;
    cursor: pointer;
}

.close-button img {
    width: 20px;
}

.community-popup a {
    text-decoration: none;
}

@keyframes popup-slide {
    0% {
        bottom: -999px;
        opacity: 0;
    }

    100% {
        bottom: 24px;
        opacity: 1;
    }
}

/***** Print Button *****/

.print-button {
    font-size: 16px;
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
    background: var(--ideagen-color-neutral-05);
    border-radius: 8px;
    padding: 8px 10px;
    border: 0;
    line-height: 0;
    transition: 0.2s;
}

.print-button:hover {
    background: var(--ideagen-color-neutral-10);
    transition: 0.2s;
}

.print-button:active {
    background: var(--ideagen-color-neutral-20);
    transition: 0.2s;
}

.print-button:before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
    font-size: 19px;
    line-height: 18px;
    vertical-align: middle;
    display: inline-block;
    color: var(--ideagen-color-neutral-90);
}

/***** Stolen from Community *****/

.main-nav-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-content: stretch;
    padding: 0 10px 18px 10px;
    margin: 36px 0 36px 0;
    overflow: auto;
    justify-content: space-between;
}

.main-nav {
    display: block;
    flex: 1 0 256.1px;
    align-self: auto;
    order: 0;
    height: 75px; /* auto; */
    border: 2px solid transparent;
    border-radius: 8px;
    box-sizing: border-box;
    width: 100%;
    margin: 12px 12px 12px 12px;
    background: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.02), 0px 1px 8px 0px rgba(0, 0, 0, 0.1), 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.1s ease-in-out;
}

.main-nav-content-container {
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "main-nav-image"
        "main-nav-title"
        "main-nav-body";
    justify-items: center;
    text-align: center;
    padding: 16px;
    height: 100%;
}

.main-nav-image {
    grid-area: main-nav-image;
}

.main-nav-title {
    grid-area: main-nav-title;
    /*  padding-top: 16px; */
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.18px;
    line-height: 30px;
    vertical-align: top;
}

.main-nav-old-brand {
    grid-area: main-nav-old-brand;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.18px;
    vertical-align: bottom;
    display: inline-block;
    position: inherit;
    white-space: nowrap;
}

.main-nav-body {
    grid-area: main-nav-body;
    padding: 4px 0 0 0;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.18px;
    line-height: 24px;
    vertical-align: top;
}

/***** Alan's Code *****/

.wrapper-inner-tight {
    max-width: 1160px;
    padding-top: 14px;
    padding-bottom: 64px;
    margin-bottom: 0px;
}

.signature {
    display: none;
}

.dropdown-menu [role="menuitem"] {
    color: #22a3af;
    cursor: pointer;
    display: block;
    font-size: 16px;
    padding: 7px 40px 7px 20px;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    line-height: inherit;
    width: 100%;
}

.box {
    background-color: #fff;
    position: relative;
    text-align: unset;
    display: block;
    font-size: unset;
    font-weight: unset;
    column-count: unset;
    height: unset;
    margin: 0;
    padding: 20px 26px 26px;
    border-radius: 12px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

.box.no-padding {
    padding: 0;
}

.row {
    display: flex;
}

.column {
    flex: 50%;
    margin: auto;
}

/***** End of Alan's Code *****/

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

body {
    color: var(--ideagen-color-neutral-90);
    font-family: "Gilroy";
    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.5;
}

@media (min-width: 1024px) {
    body > main {
        background-color: white;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    font-family: "Gilroy";
    font-weight: 300;
    margin-top: 0;
}

h1 {
    line-height: 125%;
    letter-spacing: -0.18px;
    font-weight: 700;
    font-size: 34px;
    margin: 12px 0;
}

h2 {
    font-size: 26px;
    font-weight: 700;
}

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

h4 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 8px;
}
h7 {
    font-size: 20px;
    font-weight: 500;
    padding-left: 22px;
}

a {
    color: var(--ideagen-color-neautral-80);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

a:hover,
a:active,
a:focus {
    color: var(--ideagen-color-neutral-90);
    text-decoration: none;
}

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

input {
    font-weight: 300;
    max-width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border 0.12s ease-in-out;
    font-family: "Gilroy";
}

input:focus {
    border: 1px solid #17494D;
}

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

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.29289 9.29289C7.65338 8.93241 8.22061 8.90468 8.6129 9.2097L8.70711 9.29289L12 12.585L15.2929 9.29289C15.6534 8.93241 16.2206 8.90468 16.6129 9.2097L16.7071 9.29289C17.0676 9.65338 17.0953 10.2206 16.7903 10.6129L16.7071 10.7071L12.7071 14.7071C12.3466 15.0676 11.7794 15.0953 11.3871 14.7903L11.2929 14.7071L7.29289 10.7071C6.90237 10.3166 6.90237 9.68342 7.29289 9.29289Z" fill="%232F4051"/></svg>');
    background-position: right 4px center;
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    padding: 12px 30px 12px 8px;
    outline: none;
    color: var(--ideagen-color-neutral-90);
    width: 100%;
    background-repeat: no-repeat;
    transition: 0.2s;
}

dd select {
    margin-top: 12px;
}

select:hover {
    border: 2px solid var(--ideagen-color-teal-40);
}

select:focus {
    border: 2px solid var(--ideagen-color-teal-60);
}

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

.btn {
    border-radius: 10px;
    padding: 8px 12px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    outline: none;
    margin: 0px 10px;
    text-align: center;
    line-height: 28px;
    width: auto;
    border-width: 0px;
}
@media (min-width: 992px) {
    font-size: 16px;
    padding: 12px 25px;
}
.btn.btn-primary,
button.btn-primary {
    color: #fff;
    background: #e2408e;
}
.btn.btn-primary:hover,
button.btn-primary:hover {
    color: #fff;
    background: #c80063;
}

textarea {
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    resize: vertical;
    width: 100%;
    outline: none;
    padding: 12px;
    font-family: "Gilroy";
    font-size: 14.5px;
    color: var(--ideagen-color-neutral-90);
    transition: 0.2s;
}

textarea:focus {
    border: 1px solid #17494D;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 5%;
}

.sitewidth .container {
    padding: 0;
}

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

.container-divider {
    border-top: 1px solid #ddd;
}

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

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

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

.dropdown-toggle {
    border: 0;
    padding: 0;
    text-align: initial;
    font-size: 16px !important;
    background: none;
}

.dropdown-toggle:hover {
    /*	background-color:#22A3AF!important;*/
}

.dropdown-toggle:focus {
    outline: 0;
    text-decoration: none;
}

.dropdown-toggle::after {
    color: inherit;
}

/***** Buttons *****/
/* Original

.button, [role="button"] {
  border: 1px solid #8B939A;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px; 
    font-weight: 600;
    line-height: 2.34;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    -webkit-touch-callout: none;
}



@media (min-width: 768px) {
  .button, [role="button"] {
    width: auto;
  }
} */

.button,
[role="button"] {
    border: 1px solid #8b939a;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
    padding: 8px 12px;
    text-align: center;
    transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    -webkit-touch-callout: none;
}

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

.button::after,
[role="button"]::after {
    color: #17494D;
}

.button:hover,
.button:active,
.button:focus,
.button[aria-selected="true"],
[role="button"]:hover,
[role="button"]:active,
[role="button"]:focus,
[role="button"][aria-selected="true"] {
    background-color: #8b939a;
    color: #fff;
    text-decoration: none;
}

.button[aria-selected="true"]:hover,
.button[aria-selected="true"]:focus,
.button[aria-selected="true"]:active,
[role="button"][aria-selected="true"]:hover,
[role="button"][aria-selected="true"]:focus,
[role="button"][aria-selected="true"]:active {
    background-color: #164549;
    border-color: #000;
}

.button[data-disabled],
[role="button"][data-disabled] {
    cursor: default;
}

.button-large,
input[type="submit"] {
    background-color: var(--ideagen-brand-pink-05);
    border: 0;
    border-radius: 8px;
    color: var(--ideagen-color-white);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    min-width: unset;
    padding: 8px 10px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .button-large,
    input[type="submit"] {
        width: auto;
    }
}

.button-large:hover,
.button-large:active,
.button-large:focus,
input[type="submit"]:hover {
    background-color: var(--ideagen-brand-pink-10);
}

input[type="submit"]:active,
input[type="submit"]:focus {
    background-color: var(--ideagen-brand-pink-20);
}

.button-large[disabled],
input[type="submit"][disabled] {
    background-color: var(--ideagen-color-neutral-10);
    color: var(--ideagen-color-neutral-40);
}

.button-secondary {
    color: var(--ideagen-color-neutral-90) !important;
    background-color: var(--ideagen-color-neutral-05) !important;
}

.button-secondary:hover {
    border: 0;
    background-color: var(--ideagen-color-neutral-10) !important;
}

.button-secondary:focus,
.button-secondary:active {
    border: 0;
    background-color: var(--ideagen-color-neutral-20) !important;
}

/***** Tables *****/
.table {
    width: 100%;
    table-layout: fixed;
}

table {
    border: none;
}

table tr:first-child th {
    background-color: #2f4151;
    border-bottom: 3px solid #fff;
    text-align: center;
    background: #0a3254;
    color: #fff;
    padding: 20px 1px;
    font-size: 16px;
}

table {
    border: none;
}

table tr {
    border: none;
}

table tr th {
    border: none;
}

.article-body table img {
    border: none;
}

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

.table th,
.table th a {
    color: var(--ideagen-color-neutral-90);
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

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

.table tr {
    display: block;
    padding: 20px 0;
}

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

.table td {
    display: block;
}

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

@media (min-width: 1024px) {
    .table td,
    .table th {
        padding: 20px 30px;
    }
}

@media (min-width: 768px) {
    .table td,
    .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 #17494D;
}

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

.form-field input[type="text"]:focus {
    border: 1px solid #17494D;
}

.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 #17494D;
    text-decoration: none;
}

.form-field .hc-multiselect-toggle:focus {
    outline: none;
    border: 1px solid #17494D;
    text-decoration: none;
}

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

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

.form-field.required > label::after {
    content: "*";
    color: #f00;
    margin-left: 2px;
}

.form-field .optional {
    color: #5a6d7c;
    margin-left: 4px;
}

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

[data-loading="true"] input,
[data-loading="true"] textarea {
    background: transparent url($assets-loader-gif) 99% 50% no-repeat;
    background-size: 16px 16px;
}

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

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

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

.form .suggestion-list h2 {
    font-size: 14.5px;
    font-weight: 600;
    padding: 0;
}

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

.form .suggestion-list li {
    padding: 6px 8px;
    margin: 2px 0;
    transition: 0.2s;
    position: relative;
}

.form .suggestion-list li:hover {
    background: var(--ideagen-color-neutral-05);
    border-radius: 8px;
}

.form .suggestion-list li a:before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.586 2.586C16.211 2.211 15.702 2 15.172 2H6C4.896 2 4 2.896 4 4V20C4 21.104 4.896 22 6 22H18C19.104 22 20 21.104 20 20V6.829C20 6.298 19.789 5.789 19.414 5.414L16.586 2.586ZM18 20H6V4H14V8H18V20ZM8 13H16V11H8V13ZM8 17H14V15H8V17Z" fill="%232F4051"/></svg>');
    margin-right: 8px;
    display: inline-block;
    transform: translateY(2.5px);
}

.form .suggestion-list li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.form .suggestion-list li a:visited {
    color: #103c60;
}

/***** Header *****/
.header {
    margin: 0 auto;
    padding: 0 5%;
    position: relative;
    align-items: center;
    display: flex;
    height: 95px;
    justify-content: space-between;
}

@media (min-width: 1160px) {
    .header {
        padding: 32px;
    }
}

.logo img {
    max-height: 42px;
}

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

.btn-secondary {
    color: #dde0e3;
    background: #f4f5f6;
    border: 2px solid transparent;
}

.btn-secondary:hover {
    background: #dde0e3;
}

.btn-secondary:focus {
    background: #f4f5f5;
    border-color: white;
    box-shadow: 0px 0px 0px 2px rgba(66, 97, 238, 1);
    -webkit-box-shadow: 0px 0px 0px 2px rgba(66, 97, 238, 1);
    -moz-box-shadow: 0px 0px 0px 2px rgba(66, 97, 238, 1);
}

.btn-secondary:active {
    background: #c8cdd1;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-color: transparent;
}

.btn-secondary:visited {
    color: #212d38;
}

@media (min-width: 768px) {
    .user-nav {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .user-nav[aria-expanded="true"] {
        top: 0 !important;
    }
}

.user-nav[aria-expanded="true"] {
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #ddd;
    right: 0;
    left: 0;
    top: 95px;
    z-index: 1;
}

.user-nav[aria-expanded="true"] > a {
    display: block;
    margin: 20px;
}

.nav-wrapper {
    z-index: 999;
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .nav-wrapper a {
        display: inline-block;
        margin: 0px 10px;
    }
    .nav-wrapper {
        z-index: 999;
        height: 100%;
        display: flex;
        align-items: center;
    }
}

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

.nav-wrapper a:hover,
.nav-wrapper a:focus,
.nav-wrapper a:active {
    background-color: transparent;
    color: #1F73B7;
    text-decoration: none;
}

.nav-wrapper a.login {
    display: inline-block;
    color: #2f4052;
    font-size: 16px;
    border-radius: 10px;
}

.nav-wrapper .icon-menu {
    border: 0;
    color: #1F73B7;
    background-color: transparent;
    font-size: 17px;
    cursor: pointer;
    display: inline-block;
    margin: 0 20px 0;
    padding: 0;
    width: auto;
    order: 1;
}

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

a.recent-activity-item-parent {
    text-transform: uppercase;
}

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

.nav-wrapper .icon-menu:hover,
.nav-wrapper .icon-menu:focus,
.nav-wrapper .icon-menu:active {
    background-color: transparent;
    color: #1F73B7;
}

.desktop-nav-btn {
    display: none;
}

.desktop-nav-btn:focus-visible {
    outline: none;
}

.mobile-nav-container {
    display: flex;
    width: 100%;
    position: absolute;
    left: auto;
    right: 0;
    justify-content: flex-end;
}

.mobile-nav-btn {
    display: block;
}

@media (min-width: 768px) {
    .desktop-nav-btn {
        display: block;
    }
    .mobile-nav-btn {
        display: none;
    }
}

.btn-secondary:hover {
    background-color: #f4f5f6 !important;
}

.btn-secondary:active {
    background-color: #f4f5f6 !important;
}
.btn-secondary:focus {
    box-shadow: none !important;
}

/***** User info in header *****/
.user-info {
    display: inline-block;
    margin: 0px 10px;
}

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

@media (min-width: 768px) {
    .user-info .dropdown-toggle::after {
        display: none;
    }
}

.user-info > [role="button"] {
    border: 0;
    color: #1F73B7;
    min-width: 0;
    padding: 0;
    white-space: nowrap;
}

.user-info > [role="button"]:hover,
.user-info > [role="button"]:focus {
    color: #1F73B7;
    background-color: transparent;
}

.user-info > [role="button"]::after {
    color: #1F73B7;
    padding-right: 15px;
}

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

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

@media (min-width: 768px) {
    #user #user-name {
        display: none;
    }
}

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

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

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

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

.avatar .icon-agent::before {
    display: none;
    background-color: #e46da2;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -4px;
    color: #FFFFFF;
    content: "\1F464";
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: -2px;
    text-align: center;
    width: 14px;
}

/***** Footer *****/
.footer {
    padding: 30px 0;
    background-color: #212d38;
    color: #fff;
}

.footer a,
.address {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.address {
    margin-top: 16px;
}

.footer p {
    color: #22a3af;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center;
}

.footer-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 5%;
    display: flex;
    flex-direction: column;
}

.footer-inner span {
    text-align: center;
}

.footer-inner .logo-address {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (min-width: 992px) {
    .footer-inner {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        padding: 0 16px !important;
    }
    .footer p {
        margin-top: 0;
    }
    .footer-inner img {
        margin: 0 !important;
    }
    .footer-inner p {
        text-align: left;
    }
    .footer-inner .logo-address {
        align-items: initial;
    }
    .footer-inner span {
        text-align: left;
    }
}

.footer-inner img {
    width: 150px;
    display: block;
    margin-bottom: 16px !important;
}

.footer-inner .footer-title {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

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

.footer-language-selector {
    color: #5a6d7c;
    display: inline-block;
    font-weight: 300;
}

/***** Breadcrumbs *****/
.breadcrumbs {
    margin: 16px 0;
    padding-left: 16px;
    padding-right: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 1025px) {
    .breadcrumbs {
        padding-left: 0;
    }
}

@media (max-width: 1024px) {
    .breadcrumbs {
        padding-left: 24px;
    }
}

.breadcrumbs a {
    color: var(--ideagen-color-teal-70);
    text-decoration: none;
}

.breadcrumbs a:hover,
.breadcrumbs a:active,
.breadcrumbs a:focus {
    color: var(--ideagen-color-teal-80);
    text-decoration: none;
}

.breadcrumbs li {
    margin-right: 1.5em;
    position: relative;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumbs li + li::before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
    font-size: 18px;
    line-height: 2.3em;
    position: absolute;
    left: -19px;
    top: -9px;
    color: var(--ideagen-color-neutral-30);
}

.breadcrumbs--article-title,
.breadcrumbs li {
    color: var(--ideagen-color-neutral-40);
}

@media (min-width: 767px) {
    .breadcrumbs li:last-child a {
        color: var(--ideagen-color-neutral-40);
        pointer-events: none;
    }
}

@media (max-width: 767px) {
    .breadcrumbs li {
        display: none;
    }
    .breadcrumbs li:nth-last-child(2) {
        display: block;
        margin-left: 0.6em;
        margin-right: 0;
    }

    .breadcrumbs li + li::before {
        content: "";
        color: var(--ideagen-color-teal-70);
    }

    .breadcrumbs li::before {
        content: "";
        color: var(--ideagen-color-teal-70);
        font-family: "Ideagen";
        font-weight: 300;
        font-size: 18px;
        line-height: 2.3em;
        position: absolute;
        left: -19px;
        top: -9px;
    }
}

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

.search input[type="search"] {
    border: 1px solid #ddd;
    border-radius: 8px;
    box-sizing: border-box;
    color: #999;
    height: 55px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-appearance: none;
    width: 100%;
}

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

.search .clear-button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left-color: transparent;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    z-index: 1;
}

.search-has-value .clear-button {
    display: flex;
}

.search-full input[type="search"],
.search-full .clear-button {
    border-color: #fff;
}

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

.search input[type="search"]:focus {
    border: 1px solid #17494D;
    color: #555;
}

.search::before {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    content: "\1F50D";
    font-size: 18px;
    position: absolute;
    right: 15px;
    background: none !important;
}

.search-has-value.search::before {
    display: none;
}

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

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

/***** Hero component *****/
.overlay {
    overflow: hidden;
    height: 100%;
    z-index: 2;
}

.hero {
    display: flex;
    flex-direction: row;
}

.hero .wrapper .wrapper-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

@media (min-width: 992px) {
    .hero .wrapper .wrapper-inner {
        flex-direction: row;
    }
}

.hero .wrapper .wrapper-inner .logo-search {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 992px) {
    .hero .wrapper .wrapper-inner .logo-search {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
        margin-right: 32px;
    }
}

@media (min-width: 992px) {
    .hero .wrapper .wrapper-inner .logo-search {
        align-items: flex-start;
    }
}

.hero .wrapper .wrapper-inner .logo-search > div img {
    display: flex;
    width: 200px;
    margin-bottom: 32px;
}

@media (min-width: 992px) {
    .hero .wrapper .wrapper-inner .logo-search > div img {
        width: 325px;
    }
}

.hero .wrapper .wrapper-inner .logo-search div:last-child {
    width: 100%;
}

.hero .wrapper .wrapper-inner .logo-search form input[placeholder] {
    font-size: 10px;
    height: 40px;
    flex: 2;
}

@media (min-width: 992px) {
    .hero .wrapper .wrapper-inner .logo-search form input[placeholder] {
        font-size: 14px;
        height: 55px;
    }
}

.hero .wrapper .wrapper-inner .logo-search form {
    z-index: 1;
}

.hero-img {
    display: none;
}

@media (min-width: 992px) {
    .hero-img {
        display: block;
        width: 200px;
        margin-left: 32px;
    }
}

@media (min-width: 1250px) {
    .hero-img {
        width: 300px;
        position: absolute;
        right: 0;
        opacity: 1;
    }
}

/* .hero-inner {
  position: relative; 
  top: 35%;
  transform: translateY(-50%); 
  max-width: 610px;
  margin: 0 auto;
} */

.page-header {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0;
}

@media (min-width: 768px) {
    .page-header {
        align-items: baseline;
        flex-direction: row;
        margin: 0;
    }
}

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

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

.page-header h1 {
    flex-grow: 1;
    margin-bottom: 10px;
}

.page-header-description {
    font-style: italic;
    font-weight: 300;
    margin: 0 0 30px 0;
    word-break: break-word;
    text-align: center;
}

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

.page-header .icon-lock::before {
    content: "\1F512";
    font-size: 20px;
    position: relative;
    left: -5px;
    vertical-align: baseline;
}

.sub-nav.wrapper-inner {
    padding-left: 0;
    margin: 0 auto !important;
    padding-right: 0;
}

.sub-nav.wrapper-inner .breadcrumbs {
    width: 100%;
    padding: 32px 0;
}

/*.sub-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 50px;
  padding: 32px 0!important;
 // background-color: #2F4051;
}

@media (min-width: 1040px) {
  .sub-nav {
    align-items: baseline;
    flex-direction: row;
      padding: 15px 10%;
  }
  .sub-nav.wrapper-inner .breadcrumbs{
  padding: 0;
}
}*/

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

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

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}

@media (min-width: 768px) {
    .blocks-list {
        margin: 0 -15px;
    }
}

.blocks-item {
    border: 1px solid #17494D;
    border-radius: 4px;
    box-sizing: border-box;
    color: #17494D;
    display: flex;
    flex: 1 0 340px;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 30px;
    max-width: 100%;
    text-align: center;
}

@media (min-width: 768px) {
    .blocks-item {
        margin: 0 15px 30px;
    }
}

.blocks-item:hover,
.blocks-item:focus,
.blocks-item:active {
    background-color: #17494D;
}

.blocks-item:hover *,
.blocks-item:focus *,
.blocks-item:active * {
    color: #FFFFFF;
    text-decoration: none;
}

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

.blocks-item-internal .icon-lock::before {
    content: "\1F512";
    font-size: 15px;
    bottom: 5px;
    position: relative;
}

.blocks-item-internal a {
    color: #2F3941;
}

.blocks-item-link {
    color: #17494D;
    padding: 20px 30px;
}

.blocks-item-link:hover,
.blocks-item-link:focus,
.blocks-item-link:active {
    text-decoration: none;
}

.blocks-item-title {
    margin-bottom: 0;
}

.blocks-item-description {
    font-weight: 300;
    margin: 0;
}

.blocks-item-description:not(:empty) {
    margin-top: 10px;
}

/***** Homepage *****/

.border-width {
    height: 1px;
    width: 500px;
    background-color: #acb3bb;
    margin: 0 auto;
}

.f-width-background {
    width: 100%;
    max-width: initial !important;
    background-color: rgb(232, 232, 232, 0.5);
}
.f-width-background2 {
    width: 100%;
    max-width: initial !important;
    background-color: white;
}

.idg-support {
    flex-direction: column;
}

.idg-support .row {
    flex-direction: column;
}

.idg-support .row .column:nth-of-type(2) {
    text-align: center;
}

@media (min-width: 992px) {
    .idg-support {
        margin: 0 auto !important;
    }
    .idg-support {
        flex-direction: row;
    }

    .idg-support .row {
        flex-direction: row;
    }
    .idg-support .row .column:nth-of-type(1) {
        padding-right: 2.5%;
    }

    .idg-support .row .column:nth-of-type(2) {
        padding-left: 2.5%;
        text-align: left;
    }
}

.wrapper-inner h2 {
    margin-bottom: 10px;
}

.blurb-container {
    display: flex;
    margin: 40px auto 0 auto;
    max-width: 380px;
    justify-content: space-between;
}

.blurb-container a:hover {
    text-decoration: none;
}

.blurb-container a:hover > div {
    top: -10px;
}

@media (min-width: 1230px) {
    .blurb-container {
        margin: 32px 0 0 0;
    }
}

.blurb-container .blurb-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    flex: 1;
}

.blurb-container .blurb-item:nth-of-type(2) {
    padding: 0 16px;
}

.blurb-container .blurb-item > div {
    width: fit-content;
    padding: 30px;
    background-color: #c80063;
    border-radius: 55px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blurb-container .blurb-item p {
    color: #c80063;
    font-size: 12px;
}
@media (min-width: 375px) {
    .blurb-container .blurb-item p {
        color: #c80063;
        font-size: initial;
    }
}

.blurb-container .blurb-item > div > svg {
    width: 40px;
    height: 40px;
    color: white;
}

.blurb-container .overlay-phone {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    visibility: hidden;
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    top: -15px;
    transition: 0.3s all ease-in;
    transition-delay: 3s;
    /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    border-radius: 0;
}
.blurb-container .open-modal {
    display: flex;
    top: 0;
    visibility: visible;
}

.phone-number-container {
    width: 600px;
    background-color: white;
    margin: auto;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin: auto 16px;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 79, 88, 0.1), 0px -1px 6px 0px rgba(0, 79, 88, 0.05);
    box-shadow: 0px 4px 6px 0px rgba(0, 79, 88, 0.1), 0px -1px 6px 0px rgba(0, 79, 88, 0.05);
    padding: 32px;
    border-radius: 10px;
}

@media (min-width: 630px) {
    .phone-number-container {
        margin: auto;
    }
}

@media (min-width: 992px) {
    .phone-number-container {
        min-width: 600px;
        max-width: 800px;
        width: initial;
    }
}

.phone-number-container .close-modal {
    display: flex;
    justify-content: flex-end;
    padding: 16px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-left: auto;
}
.phone-number-container .phone-country {
    padding: 0 16px 16px;
}

.phone-number-container .phone-country .country-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.phone-number-container .phone-country .country-list .country {
    display: flex;
    padding: 6px 0;
    min-width: 162px;
}

@media (min-width: 550px) {
    .phone-number-container .phone-country .country-list .country {
        min-width: 157px;
    }
}

@media (min-width: 556px) {
    .phone-number-container .phone-country .country-list .country {
        min-width: 163px;
    }
}

@media (min-width: 992px) {
    .phone-number-container .phone-country .country-list .country {
        min-width: 207px;
        margin-bottom: 16px;
    }
}

.phone-number-container .phone-country .country-list .country .country-info p {
    margin: 0;
    color: #22a3af;
}

@media (min-width: 992px) {
    .phone-number-container .phone-country .country-list .country .country-info p {
        font-size: 16px;
    }
}

.phone-number-container .phone-country .country-list .country .country-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 12px;
}

.phone-number-container .phone-country .country-list .country img {
    width: 60px;
    margin-right: 16px;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 79, 88, 0.1), 0px -1px 6px 0px rgba(0, 79, 88, 0.05);
    box-shadow: 0px 4px 6px 0px rgba(0, 79, 88, 0.1), 0px -1px 6px 0px rgba(0, 79, 88, 0.05);
}

@media (min-width: 992px) {
    .phone-number-container .phone-country .country-list .country img {
        width: 90px;
    }
}

.phone-number-container .phone-country h2 {
    color: #212d38;
}

.phone-number-container .phone-country h1 {
    margin-top: 0;
    text-align: left;
}

.phone-number-container .close-modal svg {
    width: 20px;
    height: 20px;
    color: #212d38;
    transition: all 0.4s;
}

.phone-number-container .close-modal svg:hover {
    color: #22a3af;
}

/*** Homepage get help section **/

.get-help-img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.emmy-img {
    width: 60%;
    height: auto;
    margin: 0 auto;
    display: block;
}

/***** Promoted articles *****/
.promoted-articles {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.promoted-articles.article-list {
    margin-top: 0;
    border: 0;
}

.promoted-articles-item a {
    display: block;
    color: var(--ideagen-color-neutral-90);
    font-size: 14.5px;
    font-weight: 600;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.promoted-articles-item a:hover {
    color: var(--ideagen-brand-teal-10);
}

.promoted-articles-item a:active,
.promoted-articles-item a:focus {
    color: var(--ideagen-brand-teal-20);
}

li.promoted-articles-item {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
}
li.promoted-articles-item:last-child {
    margin-bottom: 0;
}
li.promoted-articles-item:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--ideagen-color-neutral-60);
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 17V15H8V17H14Z" fill="%232F4051"/><path d="M16 13V11H8V13H16Z" fill="%232F4051"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.586 2.586C16.211 2.211 15.702 2 15.172 2H6C4.896 2 4 2.896 4 4V20C4 21.104 4.896 22 6 22H18C19.104 22 20 21.104 20 20V6.829C20 6.298 19.789 5.789 19.414 5.414L16.586 2.586ZM18 20H6V4H14V8H18V20Z" fill="%232F4051"/></svg>');
    position: relative;
}

@media (min-width: 992px) {
    .promoted-articles-item {
        flex: 0 0 auto;
    }

    [dir="rtl"] .promoted-articles-item {
        padding: 0 0 0 30px;
    }
}

.promoted-articles-item:nth-child(3n) {
    padding-right: 0;
}

.promoted-articles-item .icon-lock::before {
    vertical-align: baseline;
}

.promoted-articles-item:last-child a {
    border: 0;
}

.sidebar h3 {
    font-weight: 700;
}

ul#sidebar-menu {
    margin-bottom: 36px;
}

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

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

.community,
.activity {
    padding: 30px 50px;
}

/***** Recent activity *****/
.recent-activity-header {
    margin-bottom: 10px;
}

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

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

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

.recent-activity-item-parent,
.recent-activity-item-link {
    margin: 6px 0;
    color: #22a3af;
    font-size: 12px;
    display: inline-block;
    width: 100%;
}

@media (min-width: 768px) {
    .recent-activity-item-parent,
    .recent-activity-item-link {
        width: 70%;
        margin: 0;
    }
}

.recent-activity-item-link {
    font-size: 32px;
    font-weight: 700;
    color: #17494D;
}

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

@media (min-width: 768px) {
    .recent-activity-item-meta {
        margin: 0;
    }

    [dir="rtl"] .recent-activity-item-meta {
        float: left;
    }
}

.recent-activity-item-time,
.recent-activity-item-comment {
    color: #5a6d7c;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}

.recent-activity-item-comment {
    padding-left: 5px;
}

[dir="rtl"] .recent-activity-item-comment {
    padding: 0 5px 0 0;
}

.recent-activity-item-comment::before {
    display: inline-block;
}

.recent-activity-item-comment span::before {
    color: #17494D;
    content: "\1F4AC";
    display: inline-block;
    font-size: 15px;
    padding-right: 3px;
    vertical-align: middle;
}

[dir="rtl"] .recent-activity-item-comment span::before {
    padding-left: 3px;
}

.recent-activity-controls {
    padding-top: 15px;
    font-size: 20px;
}

/***** Category pages *****/
.category-container {
    display: flex;
    justify-content: flex-end;
}

.category-container .breadcrumbs {
    margin-left: 16px;
}

.idg-art-updates {
    justify-content: center !important;
}

.idg-art-updates .section-tree {
    justify-content: space-evenly;
}

.idg-art-updates h1 {
    text-align: left;
    padding-left: 0 !important;
}

.category-content {
    flex: 1;
}

.solution-metadata h1 {
    line-height: 1.3;
    margin-bottom: 0.2em;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    margin-top: -11px;
    font-size: 40px;
    padding-top: 24px;
    font-weight: 600;
}

ul.section-tag-cloud {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin: 24px 0;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 24px;
}

.section-tag-cloud .tag--pill {
    font-size: 14.5px;
    transition: 0.25s ease-in-out;
    padding: 6px 10px;
    border-radius: 25px;
    background: var(--ideagen-color-neutral-05);
    line-height: normal;
}

.section-tag-cloud .tag--pill:hover {
    background: var(--ideagen-color-neutral-10) !important;
}

.section-tag-cloud .tag--pill.active {
    background: var(--ideagen-color-teal-10);
    color: var(--ideagen-color-teal-90);
    pointer-events: none;
}

.section-tag-cloud .tag--pill.active:hover {
    background: var(--ideagen-color-teal-05) !important;
    color: var(--ideagen-color-teal-90) !important;
}

.section-container {
    border: 1px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    padding: 24px;
}

.pagination {
    display: flex;
    justify-content: center;
    margin: 12px 0 0 !important;
    text-align: center;
}

.pagination button {
    margin: 0 5px;
}

.section-meta-header {
    position: relative;
    display: flex;
    padding: 10px 20px;
    margin-top: -1px;
    margin-bottom: -1px;
    border-bottom: 1px solid var(--ideagen-color-neutral-10);
    border-top: 1px solid transparent;
    align-items: center;
}

.section-container.articles {
    padding: 20px 26px 26px;
    border-radius: 12px;
    margin-bottom: 24px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

span.total-articles-count {
    white-space: nowrap;
    line-height: 32.5px;
    font-size: 14px;
    font-weight: 700;
}
.article-sort-container {
    flex-basis: auto;
    text-align: left;
    position: relative;
    background: var(--ideagen-color-neutral-05);
    border-radius: 25px;
    display: flex;
    align-items: center;
    transition: 0.25s ease-in-out;
}
.article-sort-container:hover {
    background: var(--ideagen-color-neutral-10);
}
.article-sort-container.open i {
    transform: rotate(180deg);
}
.sort-label {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    line-height: 1.1em;
    padding: 0 0 0 8px;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
    font-size: 14px;
}

.sort-options {
    display: none;
    position: absolute;
    left: 0;
    background: var(--ideagen-color-white);
    border: 1px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    text-align: left;
    top: calc(100% + 8px);
}
.sort-options.open {
    display: block;
    z-index: 1;
    width: max-content;
}

.options-list li {
    cursor: pointer;
    transition: 0.2s;
}

.options-list li:hover {
    color: var(--ideagen-brand-teal-20);
}

.options-list li:active {
    color: var(--ideagen-brand-teal-30);
}

i.sort-chevron {
    font-family: "Ideagen";
    font-style: normal;
    line-height: normal;
    font-size: 25px;
    display: inline-block;
    transform: translateY(3px);
}

.pagination button {
    margin: 0 5px 0 0;
    font-size: 18px;
    padding: 0;
    font-weight: 700;
    color: var(--ideagen-color-neutral-90);
    background: 0;
    border: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    line-height: 0;
    cursor: pointer;
}

.pagination button:not([disabled]):hover {
    background-color: var(--ideagen-color-neutral-05);
}

button.page-number[disabled] {
    background-color: var(--ideagen-color-teal-60);
    color: var(--ideagen-color-white);
    border-radius: 8px;
    cursor: default;
}

button.next-button,
button.prev-button {
    font-family: "Ideagen";
    font-size: 30px;
    font-weight: 500;
    transform: translateY(7px);
}

button.last-button {
    font-family: "Ideagen";
    font-size: 30px;
    font-weight: 500;
    transform: translateY(8px) rotate(-90deg);
    margin: 0;
}

button.first-button {
    font-family: "Ideagen";
    font-size: 30px;
    font-weight: 500;
    transform: translateY(6px) rotate(90deg);
    margin: 0;
}

.article-list {
    margin: 0 !important;
}

.article-list {
    border-radius: 12px;
    border: 1px solid rgba(221, 224, 227, 1);
}

li.article-item {
    padding: 12px 24px;
    line-height: normal;
    position: relative;
    transition: 0.2s;
    display: flex;
    align-items: center;
    font-weight: 600;
}

li.article-item:nth-child(odd) {
    background: var(--ideagen-color-neutral-05);
}

li.article-item:before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
    line-height: 0;
    margin-right: 8px;
}

li.article-item.promoted:before {
    content: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.4399 4.53675L15.0999 6.53675C15.3982 7.46244 16.2574 8.09174 17.2299 8.09675H19.3099C20.2854 8.09056 21.1528 8.7164 21.4544 9.64412C21.756 10.5718 21.4226 11.5881 20.6299 12.1568L18.9199 13.3968C18.1328 13.9682 17.802 14.9808 18.0999 15.9068L18.7599 17.9068C19.0864 18.8359 18.7677 19.8692 17.9746 20.4531C17.1816 21.037 16.1002 21.0344 15.3099 20.4468L13.6299 19.1968C12.8424 18.6262 11.7775 18.6262 10.9899 19.1968L9.30993 20.4468C8.52407 21.0219 7.45662 21.0235 6.66913 20.4505C5.88163 19.8776 5.55454 18.8615 5.85993 17.9368L6.51993 15.9368C6.81789 15.0108 6.48709 13.9982 5.69993 13.4268L3.94993 12.1668C3.14123 11.5969 2.80211 10.5641 3.11564 9.62575C3.42918 8.68745 4.32111 8.06595 5.30993 8.09675H7.38993C8.35713 8.09459 9.21473 7.47454 9.51993 6.55675L10.1799 4.55675C10.4758 3.63296 11.3327 3.00458 12.3027 3.00002C13.2727 2.99547 14.1354 3.61578 14.4399 4.53675Z" fill="%237D4600"/></svg>');
    font-family: "Ideagen";
    font-weight: 300;
    line-height: 0;
    margin-right: 8px;
}

.article-item a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

li.article-item.promoted {
    background: var(--ideagen-color-yellow-05);
    color: var(--ideagen-color-yellow-90);
}

li.article-item:first-of-type {
    border-radius: 12px 12px 0 0;
}

li.article-item:last-of-type {
    border-radius: 0 0 12px 12px;
}

li.article-item:first-of-type:last-of-type {
    border-radius: 12px 12px 12px 12px;
}

li.article-item.promoted:nth-child(even) {
    background: #fffae475;
}

li.article-item:hover a {
    color: var(--ideagen-color-teal-70);
}

li.article-item.promoted:hover a {
    color: var(--ideagen-color-yellow-70);
}

li.article-item:active a {
    color: var(--ideagen-color-teal-100);
}

@media (max-width: 767px) {
    .section-container.articles {
        padding: 20px 16px 26px;
    }
    li.article-item {
        padding: 12px 16px;
    }
}

.community-prompt {
    background-color: #fff;
    position: relative;
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 26px;
    border-radius: 12px;
    margin-bottom: 24px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

.btn--primary {
    font-size: 16px;
    font-weight: 700;
    color: var(--ideagen-color-white);
    background: var(--ideagen-brand-pink-05);
    border-radius: 8px;
    padding: 8px 10px;
    border: 0;
    line-height: 16px;
    transition: 0.25s ease-in-out;
    display: flex;
    align-items: center;
    line-height: 16px;
    width: fit-content;
}

.btn--primary:hover {
    color: var(--ideagen-color-white);
    background: var(--ideagen-brand-pink-10);
}

.btn--primary:active,
.btn--primary:focus {
    color: var(--ideagen-color-white);
    background: var(--ideagen-brand-pink-20);
}

.btn--primary#plus:before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
    font-size: 18px;
    line-height: 0;
    display: inline-block;
    margin-right: 4px;
}

#loading-indicator {
    display: none;
    position: relative;
    left: 0;
    padding: 72px 0;
    text-align: center;
}

#loading-indicator img {
    width: 50px;
}

.internal#featured {
    font-family: "Ideagen";
    font-weight: 300;
    line-height: 13px;
    padding: 1px 3px;
    margin-left: 2px;
}

@media (max-width: 1040px) {
    .solution-directory {
        flex-direction: column;
    }

    .solution-directory .sidebar {
        width: 100%;
        margin-left: 0;
    }
    aside.sidebar.luminateSidebar {
        flex: 1;
        max-width: unset;
        margin-left: unset;
        margin-top: 0;
    }
    .settings--container {
        margin-bottom: 24px;
    }
    .luminateBoxNoPadding#categoryList {
        padding-bottom: 24px;
    }

    .sitewidth {
        padding: 0px 10px;
    }

    .breadcrumbs {
        padding: 0;
    }
    .requests-table-toolbar {
        flex: 1;
    }
}

@media (max-width: 767px) {
    .sitewidth {
        padding: 0 10px;
    }

    .breadcrumbs {
        padding: 0 24px 0 10px;
    }

    .solution-search .search {
        position: relative;
        width: 100%;
    }
    .luminateBoxNoPadding#categoryList {
        padding-bottom: 0;
    }
    .widget.switch-tabs {
        align-items: flex-start;
        flex-direction: column;
    }

    section.solution-main-header {
        padding: 0;
    }

    .solution-metadata h1 {
        font-size: 24px;
    }

    aside.sidebar {
        margin-left: 0;
        flex: 1;
        width: unset;
        max-width: unset;
        margin-top: 24px;
    }
    .sidebar-inner.luminateSidebar {
        max-width: unset;
    }
    .requests-border {
        overflow: scroll;
    }
    .requests-table-toolbar {
        width: 100%;
    }
    .request-main {
        margin-bottom: 0;
    }
    .community-prompt span {
        flex: 1;
    }
}

.section-tree {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 32px;
    justify-content: space-evenly;
}

@media (min-width: 768px) {
    .section-tree {
        flex-direction: row;
    }
}

.section-tree .section {
    flex: initial;
    margin-bottom: 72px;
    padding: 24px;
    border: 1px solid #dde0e3;
    border-radius: 8px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.section-tree-title {
    margin-bottom: 0;
}

.section-tree-title a {
    color: #17494D;
}

.section-tree .see-all-articles {
    display: block;
    padding: 15px 0;
}

.article-list-item {
    font-size: 16px;
    padding: 15px 0;
}

.article-list {
    margin-top: 32px;
}

.sec-article-list {
    box-shadow: 0px 4px 6px 0px rgb(0 79 88 / 10%), 0px -1px 6px 0px rgb(0 79 88 / 5%);
    padding: 32px;
}

.article-list-item a {
    color: #1F73B7;
}

.article-list-item .icon-lock::before {
    vertical-align: baseline;
}

.icon-star::before {
    color: #17494D;
    font-size: 18px;
}

/***** Section pages *****/
.section-container {
}

.section-content {
    flex: 1;
}

@media (min-width: 1024px) {
    .section-content {
        flex: 0 0 100%;
    }
}

.section-subscribe .dropdown-toggle::after {
    display: none;
}

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

.section-list--collapsed .section-list-item:nth-child(1n + 6) {
    display: none;
}

.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: #2F3941;
    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 {
    /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
    flex: 1 0 auto;
}

@media (max-width: 1040px) {
    section.article-column {
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    .article .breadcrumbs {
        padding-top: 0;
        margin-top: 0;
    }

    .article {
        flex: 1 0 80%;
        padding: 20px 26px 26px;
        border-radius: 12px;
        margin-bottom: 24px;
        border: 1px solid rgba(233, 233, 233, 1);
        box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
    }
}

@media (max-width: 1024px) {
    .article-container {
        display: flex;
        justify-content: space-between;
        margin-top: 0;
        gap: 24px;
        flex-direction: column;
    }

    .article {
        flex: 0 0 100%;
        padding: 20px 26px 26px;
        border-radius: 12px;
        margin-bottom: 24px;
        border: 1px solid rgba(233, 233, 233, 1);
        box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
    }

    @media (max-width: 767px) {
        .article {
            padding: 20px 16px 26px;
        }
    }

    .article-header {
        align-items: center !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        margin-top: 0 !important;
        position: relative !important;
    }

    .article [role="button"] {
        flex-shrink: 0;
        width: fit-content !important;
    }
}

.article-container {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    gap: 20px;
    margin-bottom: 72px;
}

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

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

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

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

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

.article-toolbar {
    display: flex;
    gap: 8px;
}

.article-toolbar-item {
    color: var(--ideagen-color-neutral-90);
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 6px;
    background: var(--ideagen-color-neutral-05);
    padding: 3px 7px;
    line-height: 0;
    transition: 0.2s;
    position: relative;
    cursor: pointer;
    transition: 0.2s;
}

.article-toolbar-item:hover {
    background: var(--ideagen-color-teal-05);
    transition: 0.2s;
}

.article-toolbar-tooltip {
    display: none;
    position: absolute;
    font-size: 13px;
    font-weight: 500;
    bottom: -32px;
    left: 50%;
    width: max-content;
    transform: translate(-50%, 0);
    background: var(--ideagen-color-neutral-90);
    color: var(--ideagen-color-white);
    padding: 6px;
    line-height: 13px;
    border-radius: 6px;
}

.article-toolbar-item:hover .article-toolbar-tooltip#all {
    display: block;
}

.article-toolbar-item:has(.article-subscribe):hover .article-toolbar-tooltip#subscribe {
    display: block;
}

.article-toolbar-item:has(.article-unsubscribe):hover .article-toolbar-tooltip#unsubscribe {
    display: block;
}

.article-toolbar-tooltip:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #2f4051;
    display: block;
    position: absolute;
    top: 1px;
    left: 50%;
    transform: rotate(45deg) translate(-50%, 0);
}

.follow-article {
    position: relative;
}

.follow-article .article-subscribe,
.follow-article .article-unsubscribe {
    font-size: 0px;
}

.follow-article .article-subscribe[role="button"],
.follow-article .article-unsubscribe[role="button"] {
    border: unset;
    border-radius: unset;
    cursor: unset;
    display: unset;
    font-weight: unset;
    line-height: unset;
    margin: unset;
    padding: unset;
    text-align: unset;
    transition: unset;
    user-select: unset;
    white-space: unset;
}

.follow-article .article-subscribe:before,
.follow-article .article-unsubscribe:before {
    font-family: "Ideagen";
    font-weight: 300;
    font-size: 20px;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
    color: var(--ideagen-color-neutral-90);
}

.follow-article .article-subscribe:before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.47647 1.13564C8.32714 0.674338 7.67453 0.67427 7.5251 1.13554L6.38096 4.66747C6.31415 4.8737 6.12207 5.01338 5.90529 5.01338H2.20072C1.71686 5.01338 1.51514 5.63214 1.90604 5.91732L4.90684 8.10651C5.08138 8.23385 5.15439 8.45889 5.08785 8.66444L3.94304 12.2009C3.79382 12.6619 4.32186 13.0444 4.71335 12.7589L7.70633 10.5762C7.88187 10.4482 8.12 10.4482 8.29555 10.5762L11.2881 12.7586C11.6796 13.0441 12.2077 12.6615 12.0584 12.2005L10.9129 8.66449C10.8463 8.45892 10.9193 8.23382 11.0939 8.10647L14.0946 5.91732C14.4855 5.63214 14.2838 5.01338 13.7999 5.01338H10.0954C9.87862 5.01338 9.68651 4.87365 9.61974 4.66737L8.47647 1.13564Z' stroke='%232F4051' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    transform: scale(0.89);
}

.follow-article .article-unsubscribe:before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.47647 1.13567C7.32714 0.674369 6.67453 0.6743 6.5251 1.13557L5.38096 4.6675C5.31415 4.87373 5.12207 5.01341 4.90529 5.01341H1.20072C0.716859 5.01341 0.515142 5.63217 0.906038 5.91735L3.90684 8.10654C4.08138 8.23388 4.15439 8.45892 4.08785 8.66447L2.94304 12.2009C2.79382 12.6619 3.32186 13.0444 3.71335 12.7589L6.70633 10.5763C6.88187 10.4482 7.12 10.4482 7.29555 10.5763L10.2881 12.7586C10.6796 13.0441 11.2077 12.6615 11.0584 12.2005L9.9129 8.66452C9.8463 8.45895 9.91931 8.23385 10.0939 8.1065L13.0946 5.91735C13.4855 5.63217 13.2838 5.01341 12.7999 5.01341H9.09544C8.87862 5.01341 8.68651 4.87368 8.61974 4.6674L7.47647 1.13567Z' fill='%232F4051'/%3E%3C/svg%3E%0A");
    transform: scale(0.89);
}

#support-login-message--article {
    left: unset;
    right: 50px;
    top: 46px;
    z-index: 50;
}

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

@media (max-width: 767px) {
    .article-title {
        width: 100%;
        /* Take entire row */
    }
}

.article-title .icon-lock::before {
    content: "\1F512";
    font-size: 20px;
    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: 768px) {
    .article [role="button"] {
        width: auto;
    }
}

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

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

.article-meta a {
    pointer-events: none;
}

.article-body img,
.comment-body img {
    height: auto;
    max-width: 100%;
    margin: 8px auto;
    display: block;
    border-radius: 8px;
    border: 2px solid var(--ideagen-color-neutral-10);
}

.article-body iframe {
    display: block;
    border-radius: 8px;
    border: 0;
}

.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
}
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.article-body ol {
    padding-left: 15px;
}

[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 li,
.comment-body ul li {
    list-style-type: disc;
}

.article-body ol li,
.comment-body ol li {
    list-style-type: decimal;
}

.article-body ol ul li,
.comment-body ol ul li {
    list-style-type: disc;
}

.article-body h2,
.comment-body h2 {
    padding-top: 0.8em;
}

.article-body h2,
.article-body h3,
.comment-body h2,
.comment-body h3 {
    margin-bottom: 8px;
}

.attachment-meta a {
    color: var(--ideagen-brand-teal-10);
    font-weight: 600;
    transition: 0.2s;
}

.attachment-meta a:hover {
    color: var(--ideagen-brand-teal-20);
}

.attachment-meta a:active,
.attachment-meta a:focus {
    color: var(--ideagen-brand-teal-30);
}

.article-body a {
    color: var(--ideagen-brand-teal-10);
    font-weight: 700;
}

.article-body a:hover {
    color: var(--ideagen-brand-teal-20);
}

.article-body a:active,
.article-body:focus {
    color: var(--ideagen-brand-teal-30);
}

/*.article-body a:visited {
  color: #103c60;
}*/

.article-body code {
    background: var(--ideagen-color-neutral-05);
    border: 2px solid var(--ideagen-color-neutral-10);
    padding: 0 4px;
    margin: 0;
    line-height: 1.6;
    border-radius: 8px;
    white-space: pre;
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}

.article-body pre,
.comment-body pre {
    background: var(--ideagen-color-neutral-05);
    border: 2px solid var(--ideagen-color-neutral-10);
    overflow: auto;
    white-space: pre-wrap;
    margin: 1.5em 0;
    padding: 1em 1.5em;
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    border-radius: 8px;
}

blockquote {
    color: var(--ideagen-color-neutral-90);
    font-style: normal;
    margin: 8px 0 24px 0 !important;
    border-radius: 12px;
    padding: 14px 14px 14px 48px !important;
    line-height: normal;
}

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

table {
    width: 100% !important;
    border-radius: 8px;
    border-style: hidden;
    border-collapse: collapse;
}

table tbody td {
    padding: 12px 16px;
    border: 0;
}
table tr:first-child th {
    background: var(--ideagen-color-white);
    color: var(--ideagen-color-neutral-90);
    padding: 12px 16px;
    font-size: 16px;
    text-align: left;
    border-bottom: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
}

table tr:nth-child(even) {
    background: var(--ideagen-color-neutral-05);
}

table tr:last-child {
    border-radius: 0 0 8px 8px;
}

table tr:last-child td:first-child {
    border-radius: 0 0 0 8px;
}

table tr:last-child td:last-child {
    border-radius: 0 0 8px 0;
}

.article-content {
    line-height: 1.6;
    font-size: 14.5px;
    margin: 16px 0 24px 0;
    word-wrap: break-word;
}

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

.community-callout {
    background: var(--ideagen-color-neutral-05);
    padding: 24px;
    display: block;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
}

.community-callout a {
    display: block;
    font-weight: 700;
    color: var(--ideagen-color-teal-80);
    font-size: 18px;
    text-decoration: none;
    transition: 0.2s;
}

.community-callout a:hover {
    color: var(--ideagen-color-teal-70);
    transition: 0.2s;
}

.community-callout a:active {
    color: var(--ideagen-color-teal-90);
    transition: 0.2s;
}

.community-callout a:before {
    content: "";
    font-family: "Ideagen";
    font-weight: 300;
    margin-right: 4px;
    font-size: 20px;
    line-height: 0;
    vertical-align: middle;
    transform: translateY(-2px);
    display: inline-block;
}

.article-comment-count {
    color: #5a6d7c;
    font-weight: 300;
}

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

.article-comment-count .icon-comments {
    color: #17494D;
    content: "\1F4AC";
    display: inline-block;
    font-size: 18px;
    padding: 5px;
}

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

a.article-sidebar-item {
    color: var(--ideagen-color-neutral-60);
    text-decoration: none;
}

a.article-sidebar-item:hover {
    color: var(--ideagen-color-teal-70);
    text-decoration: none;
}

a.article-sidebar-item:active {
    color: var(--ideagen-color-teal-90);
    text-decoration: none;
}

@media (min-width: 1024px) {
    .article-sidebar {
        border: 0;
        flex: 0 1 300px;
        min-height: 200px;
    }
}

.article-relatives {
    border-top: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
}

@media (min-width: 768px) {
    .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: 768px) {
    .article-relatives > * {
        padding-right: 20px;
    }
}

.article-votes {
    border-top: 1px solid var(--ideagen-color-neutral-10);
    padding: 32px 0 8px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

span.article-votes-question {
    font-weight: 600;
    font-size: 14px;
}

small.article-votes-count span {
    font-weight: 400;
    font-size: 14px;
    color: var(--ideagen-color-neutral-60);
}

.article-vote {
    background: var(--ideagen-color-neutral-05);
    border-radius: 10px;
    color: var(--ideagen-color-neutral-90);
    margin: 24px 0 0 0;
    padding: 8px 12px;
    border: 0;
    font-size: 16px;
    transition: 0.2s;
    line-height: 20px;
}

.article-votes-controls {
    display: flex;
    column-gap: 18px;
}

.article-vote::before {
    margin-right: 4px;
    transition: 0.2s;
    color: var(--ideagen-color-pink-60);
}

[dir="rtl"] .article-vote::before {
    margin-right: 0;
    margin-left: 10px;
}

.article-vote::after {
    content: attr(title);
    transition: 0.2s;
    /* Yes/No label*/
}

.article-vote:focus,
.article-vote:active {
    color: var(--ideagen-color-neutral-90) !important;
    background-color: var(--ideagen-color-neutral-05) !important;
}

.article-vote:hover {
    background-color: var(--ideagen-color-neutral-10);
    color: var(--ideagen-color-neutral-90);
}

.article-vote:hover::before,
.article-vote:hover::before {
    color: var(--ideagen-color-pink-60) !important;
}

.article-vote:hover::after,
.article-vote:hover::after {
    color: var(--ideagen-color-neutral-90) !important;
}

.article-vote:focus::before,
.article-vote:focus::before,
.article-vote:active::before,
.article-vote:active::before {
    color: var(--ideagen-color-pink-60) !important;
}

.article-vote:focus::after,
.article-vote:focus::after,
.article-vote:active::after,
.article-vote:active::after {
    color: var(--ideagen-color-neutral-90) !important;
}

.article-vote[aria-pressed="true"] {
    background-color: var(--ideagen-color-neutral-90) !important;
    color: var(--ideagen-color-white) !important;
    transition: 0.2s;
}

.article-vote[aria-pressed="true"]::before {
    color: var(--ideagen-color-white) !important;
}

.article-vote[aria-pressed="true"]::after {
    color: var(--ideagen-color-white) !important;
}

.article-vote-up::before {
    content: "";
    font-size: 20px;
    font-family: "Ideagen" !important;
    line-height: 0 !important;
    transform: translateY(-2px);
    display: inline-block;
    font-weight: 300 !important;
}

span.article-vote-label {
    font-size: 20px;
    font-weight: 400;
    color: var(--ideagen-color-neutral-90);
}

.article-vote-down::before {
    content: "";
    font-size: 20px;
    font-family: "Ideagen" !important;
    line-height: 0 !important;
    transform: translateY(-2px);
    display: inline-block;
    font-weight: 300 !important;
}

.article-more-questions {
    margin: 10px 0 20px;
    text-align: center;
    font-size: 21px;
    font-weight: 600;
}

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

@media (max-width: 767px) {
    .community-prompt {
        padding: 14px !important;
    }
}

.article-return-to-top a {
    color: #2F3941;
    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-arrow-up::before {
    font-size: 16px;
    margin-left: 5px;
}

[dir="rtl"] .article-return-to-top .icon-arrow-up::before {
    margin-right: 10px;
}

.article-unsubscribe {
    background-color: #17494D;
    color: #FFFFFF;
    text-decoration: none;
}

.article-unsubscribe:hover {
    background-color: #000;
    border-color: #000;
}

.sidenav-title {
    font-size: 18px;
    color: #6e7881;
    font-weight: 400;
    position: relative;
}

.sidenav-item {
    color: var(--ideagen-color-neutral-90);
    display: block;
    font-weight: 500;
    font-size: 14px;
    padding: 0;
    line-height: 22px;
}

.sidenav-item:hover {
    color: var(--ideagen-brand-teal-10);
    text-decoration: none;
}

.sidenav-item:active {
    color: var(--ideagen-brand-teal-20);
    text-decoration: none;
}

.recent-articles h3,
.related-articles h3 {
    font-size: 15px;
    margin: 20px 0;
}

.recent-articles li,
.related-articles li {
    margin-bottom: 15px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

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

.attachments .attachment-item::before {
    color: var(--ideagen-color-neutral-80);
    content: "";
    font-size: 22px;
    left: -3px;
    position: absolute;
    top: 4px;
    font-family: "Ideagen" !important;
    font-weight: 300 !important;
    transform: rotate(35deg);
}

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

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

.upload-dropzone {
    border: 2px dashed var(--ideagen-color-neutral-20);
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 82px;
    border-radius: 8px;
    background: var(--ideagen-color-neutral-05);
    transition: 0.25s ease-in-out;
}

.upload-dropzone:hover {
    background: var(--ideagen-color-teal-05);
}

.upload-dropzone[data-hover="true"] {
    background: var(--ideagen-color-teal-05);
}

.upload-dropzone input[type="file"] {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    transform: translateY(-50%);
    display: block;
    z-index: 1;
}

.upload-dropzone a {
    text-decoration: none;
    color: var(--ideagen-brand-teal-10) !important;
    font-size: 14px;
    font-weight: 700;
}

.upload-dropzone a:hover {
    text-decoration: none;
}

.upload-dropzone span {
    color: var(--ideagen-color-neutral-90);
    display: inline-block;
    line-height: 14px;
    padding: 0;
    font-size: 14px;
    position: relative;
    top: 42px;
}

.upload-dropzone:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7097 12.1678C15.0235 11.9238 15.4773 11.9459 15.7657 12.2343C16.0781 12.5467 16.0781 13.0533 15.7657 13.3657L12.5657 16.5657L12.4903 16.6322C12.1765 16.8763 11.7227 16.8541 11.4343 16.5657L8.23433 13.3657L8.16778 13.2903C7.92376 12.9765 7.94594 12.5227 8.23433 12.2343L8.3097 12.1678C8.62353 11.9238 9.07732 11.9459 9.3657 12.2343L11 13.8683V4.00636L11 4C11 3.44771 11.4477 3 12 3C12.5523 3 13 3.44771 13 4V4.00002H13V13.8682L14.6343 12.2343L14.7097 12.1678ZM7 8C5.34315 8 4 9.34315 4 11V18C4 19.6569 5.34315 21 7 21H17C18.6569 21 20 19.6569 20 18V11C20 9.34315 18.6569 8 17 8H15C14.4477 8 14 8.44772 14 9C14 9.55228 14.4477 10 15 10H17C17.5523 10 18 10.4477 18 11V18C18 18.5523 17.5523 19 17 19H7C6.44772 19 6 18.5523 6 18V11C6 10.4477 6.44772 10 7 10H9C9.55228 10 10 9.55228 10 9C10 8.44772 9.55228 8 9 8H7Z" fill="%232F4051"/></svg>');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}

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

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

.share a {
    border-radius: 50%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    width: 25px;
}

.share a::before {
    color: #5a6d7c;
    display: block;
    font-size: 23px;
    text-align: center;
    width: 100%;
}

.share a:hover {
    text-decoration: none;
}

.share a:hover::before {
    color: #17494D;
}

.share-twitter::before {
    content: "\e901";
}

.share-facebook::before {
    content: "\e903";
}

.share-linkedin::before {
    content: "\e900";
}

.share-googleplus::before {
    content: "\e902";
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
    border-bottom: 0;
    padding: 8px 0 0;
}

.comment-heading {
    margin-bottom: 5px;
    margin-top: 0;
}

@media (min-width: 1024px) {
    .request_new {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
}

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

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

.comment-callout {
    color: #5a6d7c;
    display: inline-block;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 0;
}

.comment-callout a {
    color: #17494D;
}

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

.comment-sorter .dropdown-toggle {
    color: #5a6d7c;
    font-weight: 300;
    font-size: 13px;
    background: white;
}

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

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

.comment-wrapper.comment-official {
    border: 1px solid #17494D;
    padding: 40px 20px 20px;
}

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

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

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

.comment-author {
    align-items: flex-start;
    display: flex;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .original-comment .comment-author {
        position: relative;
        width: calc(100% - 50px);
    }
}

@media (min-width: 768px) {
    .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;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    width: auto;
}

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

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

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

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

.comment-form {
    display: flex;
    word-wrap: break-word;
    background-color: #fff;
    position: relative;
    margin-top: 24px;
    padding: 20px 24px 26px;
    border-radius: 12px;
    margin-bottom: 72px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

@media (max-width: 1040px) {
    .comment-form {
        margin-bottom: 24px;
    }
}

.comment-container {
    width: 100%;
    padding-bottom: 0;
}

span.request-submit-comment {
    margin-right: 8px;
}

section.request-main {
    flex: 1;
}

.request-main .comment-form-controls {
    display: flex;
    column-gap: 8px;
}

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

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

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

    [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: 20px;
}

.comment-attachments a {
    color: #17494D;
}

.comment-body {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    font-family: "Gilroy", Arial, Helvetica, sans-serif;
    line-height: 1.6;
    font-size: 14.5px;
    color: var(--ideagen-color-neutral-90) !important;
    overflow-x: auto;
}

.comment-body hr {
    display: none;
}

.comment-body table img {
    border: 0;
}

.comment-body table tbody td {
    padding: 3px 3px;
}

.comment-body table tr:nth-child(even) {
    background: unset;
}

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

.comment-body figure {
    margin: 0;
}

.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 blockquote {
    border-left: 4px solid var(--ideagen-color-neutral-10);
    border-radius: 0;
    padding: 12px !important;
    margin: 8px 0 !important;
}

.comment-body a {
    color: var(--ideagen-brand-teal-10);
    font-weight: 600;
}

.comment-body a:hover {
    color: var(--ideagen-brand-teal-20);
}

.comment-body a:active,
.comment-body a:focus {
    color: var(--ideagen-brand-teal-30);
}

.comment-body code {
    background: var(--ideagen-color-neutral-05);
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 4px;
    padding: 0 5px;
    margin: 0 2px;
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    color: var(--ideagen-color-neutral-90);
}

.comment-body pre code {
    background: none;
    border: 0;
}

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

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

/***** Vote *****/
/* Used in article comments, post comments and post */

.community_post_page {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.community_post_page h1 {
    text-align: center;
}

.community_post_page .form {
    margin: 0 auto;
}

.vote {
    display: inline-block;
    text-align: center;
    width: 35px;
}

.vote a {
    outline: none;
}

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

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

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

.vote-up:hover::before,
.vote-down:hover::before {
    color: #17494D;
}

.vote-up::before,
.vote-down::before {
    color: #5a6d7c;
    font-size: 24px;
}

.vote-up::before {
    content: "\2B06";
}

.vote-down::before {
    content: "\2B07";
}

.vote-voted::before {
    color: #17494D;
}

.vote-voted:hover::before {
    color: #000;
}

/***** 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 .dropdown-toggle {
    font-size: 0;
    margin: 15px 0;
}

.actions .dropdown-toggle:hover::before,
.actions .dropdown-toggle:focus::before,
.actions .dropdown-toggle:active::before {
    background-color: #f7f7f7;
}

.actions .dropdown-toggle::before {
    background-color: transparent;
    border-radius: 50%;
    color: #5a6d7c;
    /* Removed by Alan due to oval highlight  content: "\2699";
  display: block; */
    font-size: 13px;
    margin: auto;
    padding: 5px;
}

/***** Community *****/
.community-hero {
    background-image: linear-gradient(to right, rgba(0, 79, 88, 0.6), rgba(0, 79, 88, 0.6)), url(/hc/theming_assets/01J091MK13P5TDQ2P76ZWPJESA);
    margin-bottom: 10px;
}

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

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

.community-header {
    margin: 32px 0;
}

.community-header h4 {
    margin-bottom: 0;
}

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

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

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

.topics-item .meta-group {
    justify-content: center;
    margin-top: 20px;
}

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

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

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

@media (min-width: 768px) {
    .topic-header .dropdown {
        border-top: 0;
        display: inline-block;
        margin-right: 20px;
        background: #f4f5f6;
        border-radius: 5px;
        padding: 10px;
    }
}

.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: 768px) {
    .community-follow {
        margin-bottom: 0;
        width: auto;
    }
}

.community-follow .dropdown {
    width: 100%;
}

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

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

.community-follow [role="button"]:hover {
    background-color: #17494D;
}

.community-follow [role="button"]:hover::after,
.community-follow [role="button"]:focus::after {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.community-follow [role="button"][aria-selected="true"] {
    background-color: #17494D;
    color: #FFFFFF;
}

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

.community-follow [role="button"][aria-selected="true"]:hover {
    background-color: #000;
    border-color: #000;
}

.community-follow [role="button"]::after {
    border-left: 1px solid #17494D;
    content: attr(data-follower-count);
    color: #17494D;
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    margin-left: 15px;
    padding-left: 10px;
    position: absolute;
    right: 10px;
}

@media (min-width: 768px) {
    .community-follow [role="button"]::after {
        position: static;
    }
}

[dir="rtl"] .community-follow [role="button"]::after {
    border-left: 0;
    border-right: 1px solid #17494D;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}

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

.requests-page {
    margin-bottom: 50px !important;
}

.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: 768px) {
    .striped-list-item {
        align-items: center;
        flex-direction: row;
    }
}

.striped-list-info {
    flex: 2;
}

.striped-list-title {
    color: #17494D;
    margin-bottom: 10px;
    margin-right: 5px;
    font-weight: bold;
    font-size: 25px;
}

.striped-list-title:hover,
.striped-list-title:focus,
.striped-list-title:active {
    text-decoration: none;
}

.striped-list-title:visited {
    color: #103c60;
}

.striped-list .meta-group {
    margin: 5px 0;
}

.striped-list-count {
    color: #5a6d7c;
    font-weight: 300;
    font-size: 13px;
    justify-content: flex-start;
    text-transform: capitalize;
}

@media (min-width: 768px) {
    .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: 768px) {
    .striped-list-count-item::after {
        display: none;
    }
}

.striped-list-count-item:last-child::after {
    display: none;
}

.striped-list-number {
    font-weight: 300;
    text-align: center;
}

@media (min-width: 768px) {
    .striped-list-number {
        color: #2F3941;
        display: block;
        font-weight: 400;
    }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
    background-color: #1eb848;
    border-radius: 25px;
    color: #fff;
    font-size: 12px;
    margin-right: 2px;
    padding: 3px 10px;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    font-weight: 600;
}

.status-label:hover,
.status-label:active,
.status-label:focus {
    text-decoration: none;
}

.status-label-pinned,
.status-label-featured,
.status-label-official {
    background-color: #17494D;
}

.status-label-official {
    border-radius: 0;
    margin-right: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .status-label-official {
        border-radius: 0 0 4px 4px;
        right: 30px;
        width: auto;
    }
}

[dir="rtl"] .status-label-official {
    left: 30px;
    right: auto;
}

.status-label-pending,
.status-label-not-planned {
    background-color: #45bbce;
    color: #5a6d7c;
}

.status-label-pending {
    text-align: center;
}

.status-label-closed {
    background-color: #6f7273;
}

.status-label-new {
    background-color: #ffd12a;
}

.status-label-hold {
    background-color: #000;
}

.status-label-open,
.status-label-closed,
.status-label-solved,
.status-label-new,
.status-label-hold,
.status-label-answered {
    text-transform: none;
}

.status-label-open {
    background-color: var(--ideagen-color-teal-10);
    color: var(--ideagen-color-teal-80);
}

.status-label-answered {
    background-color: var(--ideagen-color-pink-05);
    color: var(--ideagen-color-pink-70);
}

.status-label-solved {
    background-color: var(--ideagen-color-green-10);
    color: var(--ideagen-color-green-80);
}

.status-label-open[title="Logged with our development team for further investigation"] {
    background-color: var(--ideagen-color-yellow-10);
    color: var(--ideagen-color-yellow-80);
}

/***** 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: 768px) {
    .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: 768px) {
    .post-title {
        margin-bottom: 0;
        padding-right: 10px;
    }
}

.post-title h1 {
    display: inline;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .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: "Gilroy", 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: #103c60;
}

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

.post-body pre {
    background: #f7f7f7;
    border: 1px solid #ddd;
    /*border-radius: 3px;
  padding: 10px 15px;**/
    overflow: auto;
    white-space: pre;

    /*background: #F2F2F2;*/
    border-left: 10px solid #9e9b9b;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}

.post-body blockquote {
    border-left: 1px solid #ddd;
    color: #5a6d7c;
    font-style: italic;
    padding: 0 15px;
}

.post-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.post-comment-count {
    color: #5a6d7c;
    font-weight: 300;
}

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

.post-comment-count .icon-comments {
    color: #17494D;
    content: "\1F4AC";
    display: inline-block;
    font-size: 18px;
    padding: 5px;
}

.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 h5 {
    font-weight: 600;
}

@media (min-width: 1024px) {
    .post-sidebar h5 {
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }
}

.post-comments {
    margin-bottom: 20px;
}

@media (min-width: 1024px) {
    .post-comments {
        margin-bottom: 0;
    }
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex-direction: column;
    max-height: 45px;
    overflow: hidden;
    font-size: 14px;
}

@media (min-width: 768px) {
    .collapsible-nav {
        border: 0;
        height: auto;
        flex-direction: row;
        max-height: none;
    }
}

.collapsible-nav-list {
    display: flex;
    text-align: center;
    padding: 24px 24px 20px 24px;
}

@media (min-width: 768px) {
    .collapsible-nav-list {
        flex-direction: row;
        margin-left: 0;
    }
}

[dir="rtl"] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
}

.collapsible-nav-list li a {
    text-decoration: none;
}

.collapsible-nav-list li a {
    color: var(--ideagen-color-neutral-90);
    display: block;
}

@media (min-width: 768px) {
    .collapsible-nav-list li:hover a {
        text-decoration: none;
    }
}

.collapsible-nav-list li[aria-selected="true"] {
    order: 0;
    position: relative;
}

@media (min-width: 768px) {
    .collapsible-nav-list li[aria-selected="true"] {
        border-bottom: 4px solid #1b838b;
        order: 1;
        padding: 15px 0 11px 0;
    }
}

.collapsible-nav-list li[aria-selected="true"] a {
    color: #2F3941;
}

.collapsible-nav-list li[aria-selected="true"]::after {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    content: "\25BE";
    position: absolute;
    right: 0;
}

@media (min-width: 768px) {
    .collapsible-nav-list li[aria-selected="true"]::after {
        display: none;
    }
}

[dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after {
    left: 0;
    right: auto;
}

.collapsible-nav[aria-expanded="true"] {
    max-height: none;
}

.collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after {
    content: "\2715";
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
    flex: 1;
    max-height: 45px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    margin-top: 0;
}

@media (min-width: 1024px) {
    .collapsible-sidebar {
        max-height: none;
        padding: 0;
    }
}

.collapsible-sidebar[aria-expanded="true"] {
    max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
    content: "\2715";
}

@media (min-width: 1024px) {
    .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
        display: none;
    }
}

.collapsible-sidebar-title {
    margin-top: 0;
    position: relative;
    font-weight: 700;
    color: var(--ideagen-color-teal-90);
    font-size: 20px;
    padding-bottom: 12px;
    margin: 0;
}

.collapsible-sidebar-title::after {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    content: "\25BE";
    position: absolute;
    right: 10px;
}

@media (min-width: 1024px) {
    .collapsible-sidebar-title::after {
        display: none;
    }
}

[dir="rtl"] .collapsible-sidebar-title::after {
    left: 10px;
    right: auto;
}

.collapsible-sidebar li {
    display: block;
    margin-bottom: 0;
    word-break: break-word;
}

/***** My activities *****/
.my-activities-nav {
    border-top: 1px solid #f4f5f6;
    border-bottom: 1px solid #f4f5f6;
    margin-bottom: 50px;
}

@media (min-width: 1024px) {
    .my-activities-nav {
        margin-top: 50px;
    }
}
.my-activities-sub-nav {
    background-color: transparent;
}

@media (min-width: 768px) {
    .my-activities-sub-nav li:hover {
        border-bottom: 4px solid #ddd;
    }
}

.my-activities-sub-nav li[aria-selected="true"] {
    border-color: #1b838b;
}

.my-activities-table .striped-list-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    color: var(--ideagen-color-neutral-90);
    font-size: 14.5px;
    font-weight: 600;
    line-height: normal;
}

.my-activities-table thead {
    display: none;
}

@media (min-width: 768px) {
    .my-activities-table thead {
        display: table-header-group;
    }
}

@media (min-width: 1024px) {
    .my-activities-table th:first-child,
    .my-activities-table td:first-child {
        width: 500px;
    }
}

.my-activities-table td:not(:first-child) {
    display: none;
}

@media (min-width: 768px) {
    .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: 768px) {
    .requests-table-toolbar {
        flex-direction: row;
    }
}

.requests-table-toolbar .search {
    flex: 1;
    width: 100%;
}

.requests-table-toolbar .request-table-filter {
    width: auto;
    position: absolute;
    top: 18px;
    right: 26px;
    height: auto;
}

.requests-table-toolbar .request-table-filter button {
    font-size: 0;
    font-weight: 700;
    color: var(--ideagen-color-white);
    background: var(--ideagen-brand-pink-05);
    border-radius: 8px;
    padding: 8px 10px;
    border: 0;
    line-height: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: 0.25s ease-in-out;
    height: 32px;
}
.requests-table-toolbar .request-table-filter button:hover {
    background: var(--ideagen-brand-pink-10);
}
.requests-table-toolbar .request-table-filter button[aria-label="Follow "]:after {
    font-size: 14.5px;
    content: "Subscribe";
}
.requests-table-toolbar .request-table-filter button[aria-label="Follow "]:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: currentColor;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.1244 4.55018C10.4124 3.61856 11.2793 2.9877 12.2544 3.00018C13.2349 2.99033 14.1036 3.63063 14.3844 4.57018L15.0444 6.57018C15.3408 7.49581 16.2025 8.12289 17.1744 8.12018H19.2544C20.2492 8.08249 21.1495 8.70582 21.4643 9.65023C21.7791 10.5946 21.4328 11.6335 20.6144 12.2002L18.9044 13.4502C18.1162 14.0163 17.7846 15.0272 18.0844 15.9502L18.7444 17.9502C18.9712 18.6425 18.8487 19.4019 18.4157 19.9878C17.9827 20.5737 17.2928 20.9137 16.5644 20.9002C16.092 20.8966 15.6331 20.7425 15.2544 20.4602L13.6144 19.2102C12.8279 18.6365 11.7609 18.6365 10.9744 19.2102L9.25439 20.4602C8.87111 20.7686 8.39625 20.9409 7.90439 20.9502C7.17067 20.9563 6.48006 20.6042 6.05396 20.0069C5.62785 19.4095 5.51978 18.642 5.76439 17.9502L6.42439 15.9502C6.74237 15.03 6.42662 14.0098 5.64439 13.4302L3.93439 12.1802C3.14176 11.6115 2.8083 10.5953 3.10992 9.66755C3.41154 8.73983 4.27889 8.11399 5.25439 8.12018H7.33439C8.31172 8.12014 9.17514 7.48372 9.46439 6.55018L10.1244 4.55018ZM12.7844 5.07018C12.7229 4.83072 12.5013 4.66766 12.2544 4.68018C11.9952 4.67131 11.7691 4.85474 11.7244 5.11018L11.0644 7.11018C10.5399 8.7265 9.03368 9.8208 7.33439 9.82018H5.21439C4.97875 9.82697 4.77259 9.98059 4.69871 10.2045C4.62484 10.4283 4.69907 10.6745 4.88439 10.8202L6.59439 12.0702C7.97367 13.0678 8.55146 14.8416 8.02439 16.4602L7.36439 18.4602C7.29957 18.6244 7.32617 18.8107 7.43439 18.9502C7.54661 19.1117 7.72786 19.2116 7.92439 19.2202C8.04441 19.2166 8.1601 19.1745 8.25439 19.1002L9.94439 17.8502C11.3218 16.8494 13.187 16.8494 14.5644 17.8502L16.2344 19.0402C16.3287 19.1145 16.4444 19.1566 16.5644 19.1602C16.752 19.148 16.9244 19.0526 17.0344 18.9002C17.1426 18.7607 17.1692 18.5744 17.1044 18.4102L16.4444 16.4102C15.9173 14.7916 16.4951 13.0178 17.8744 12.0202L19.5844 10.7802C19.7697 10.6345 19.8439 10.3883 19.7701 10.1645C19.6962 9.94059 19.49 9.78697 19.2544 9.78018H17.1744C15.4751 9.7808 13.9689 8.6865 13.4444 7.07018L12.7844 5.07018Z" fill="%232F4051"/></svg>');
    margin-right: 4px;
}
.requests-table-toolbar .request-table-filter button[aria-label="Unfollow "]:after {
    font-size: 14.5px;
    content: "Unsubscribe";
}
.requests-table-toolbar .request-table-filter button[aria-label="Unfollow "]:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: currentColor;
    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.4399 4.53675L15.0999 6.53675C15.3982 7.46244 16.2574 8.09174 17.2299 8.09675H19.3099C20.2854 8.09056 21.1528 8.7164 21.4544 9.64412C21.756 10.5718 21.4226 11.5881 20.6299 12.1568L18.9199 13.3968C18.1328 13.9682 17.802 14.9808 18.0999 15.9068L18.7599 17.9068C19.0864 18.8359 18.7677 19.8692 17.9746 20.4531C17.1816 21.037 16.1002 21.0344 15.3099 20.4468L13.6299 19.1968C12.8424 18.6262 11.7775 18.6262 10.9899 19.1968L9.30993 20.4468C8.52407 21.0219 7.45662 21.0235 6.66913 20.4505C5.88163 19.8776 5.55454 18.8615 5.85993 17.9368L6.51993 15.9368C6.81789 15.0108 6.48709 13.9982 5.69993 13.4268L3.94993 12.1668C3.14123 11.5969 2.80211 10.5641 3.11564 9.62575C3.42918 8.68745 4.32111 8.06595 5.30993 8.09675H7.38993C8.35713 8.09459 9.21473 7.47454 9.51993 6.55675L10.1799 4.55675C10.4758 3.63296 11.3327 3.00458 12.3027 3.00002C13.2727 2.99547 14.1354 3.61578 14.4399 4.53675Z" fill="%232F4051"/></svg>');
    margin-right: 4px;
}
.requests-table-toolbar .request-table-filter p.tooltip {
    visibility: hidden;
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    max-width: 260px;
    line-height: normal;
    color: var(--ideagen-color-white) !important;
    background: var(--ideagen-color-neutral-90);
    padding: 8px;
    border-radius: 8px;
    z-index: 5;
    transform: translateX(-50%) translateY(-0.2em);
    margin: 0;
    opacity: 0;
    width: max-content;
    transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s, visibility 0s linear 0.4s;
}
.requests-table-toolbar .request-table-filter p.tooltip:after {
    content: "";
    background: var(--ideagen-color-neutral-90);
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translateX(-50%) rotate(45deg);
}
.requests-table-toolbar .request-table-filter:hover .tooltip {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s, visibility 0s linear;
    transform: translateX(-50%) translateY(0em);
}

.requests-table-toolbar .request-filter {
    display: block;
}

.requests-table-toolbar .request-filter {
    margin: 0;
    max-height: 100%;
    height: 100%;
    max-width: 150px;
    border-radius: 8px 0 0 8px;
    font-family: "Gilroy";
    border: 2px solid transparent;
    border-right: 0;
    cursor: pointer;
}

.requests-table-toolbar .request-filter-label {
    display: none;
    font-size: 13px;
    margin-top: 30px;
}

@media (min-width: 768px) {
    .requests-table-toolbar .request-filter-label {
        margin-top: 0;
    }
}

.requests-table-toolbar select {
    max-height: 40px;
    margin-bottom: 30px;
    width: 100%;
}

@media (min-width: 768px) {
    .requests-table-toolbar select {
        margin-bottom: 0;
        max-width: 300px;
        width: auto;
    }
}

.requests-table-toolbar .organization-subscribe,
.requests-table-toolbar .organization-unsubscribe {
    line-height: 40px;
    max-height: 40px;
    padding: 0 20px;
}

@media (min-width: 768px) {
    .requests-table-toolbar .organization-subscribe,
    .requests-table-toolbar .organization-unsubscribe {
        margin-left: 10px;
    }

    [dir="rtl"] .requests-table-toolbar .organization-subscribe,
    [dir="rtl"] .requests-table-toolbar .organization-unsubscribe {
        margin: 0 10px 0 0;
    }
}

.requests-table-toolbar .organization-unsubscribe {
    background-color: #17494D;
    color: #FFFFFF;
}

.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 {
    margin-top: 40px;
    border: 2px solid var(--ideagen-color-neutral-10);
    border-radius: 8px;
}

.requests {
    background-color: #fff;
    position: relative;
    flex: 1;
    padding: 20px 26px 26px;
    border-radius: 12px;
    margin-bottom: 24px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

@media (max-width: 767px) {
  .requests {
    padding: 20px 16px 26px;
  }
}

.requests-border {
    border: 1px solid var(--ideagen-color-neutral-10);
    border-radius: 12px;
}
.requests table tr:first-child th:last-child {
    border-radius: 0 12px 0 0;
}
.requests table tr:first-child th:first-child {
    border-radius: 12px 0 0 0;
}
.requests table tr:last-child {
    border-radius: 0 0 12px 12px;
}
.requests table tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
}
.requests table tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
}

.requests-table-toolbar + .requests {
    margin-top: 40px;
}

.requests .requests-table-meta {
    display: none;
}

.requests .requests-table thead {
    display: none;
}

@media (min-width: 768px) {
    .requests .requests-table thead {
        display: table-header-group;
    }
}

.requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    max-width: 200px;
}

@media (min-width: 768px) {
    .requests .requests-table-info {
        display: table-cell;
        vertical-align: middle;
        width: auto;
    }
}

.requests table tr {
    position: relative;
}

.requests .table th,
.requests .table th a {
    color: var(--ideagen-color-neutral-90);
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    height: auto;
}

.requests table tr:first-child th {
    background: var(--ideagen-color-white);
    color: var(--ideagen-color-neutral-90);
    padding: 10px 20px;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid var(--ideagen-color-neutral-10);
}

.requests .my-activities-table th:first-child,
.requests .my-activities-table td:first-child {
    width: auto;
    padding-left: 20px;
}

.requests .table td,
.requests .table th {
    padding: 10px 20px;
    height: auto;
    font-size: 14px;
}

.requests table tr:first-child {
    border-bottom: 2px solid var(--ideagen-color-neutral-10);
}

.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 */
.subscriptions-unsubscribe a {
    background: #17494D;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    line-height: 2.34;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}

@media (min-width: 768px) {
    .subscriptions-unsubscribe a {
        width: auto;
    }
}

.subscriptions-unsubscribe a:hover {
    background-color: #000;
    text-decoration: none;
}

.subscriptions-table td:last-child {
    display: block;
}

@media (min-width: 768px) {
    .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: #5a6d7c;
    font-size: 13px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .contributions-table td:last-child {
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
    }
}

.no-activities {
    color: #5a6d7c;
}

/***** 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: 10px;
}

@media (max-width: 1040px) {
    .request-main {
        flex: 1 0 100%;
        margin-bottom: 0;
        width: 100%;
    }
    section.request-main {
        flex: 1 0 100%;
    }
}

@media (max-width: 767px) {
    .request-main {
        margin-bottom: 0;
    }
}

.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;
}

.request-main .comment-form-controls {
    display: block;
}

.request-main .comment-ccs {
    display: block;
}

.request-main .comment-show-container {
    color: #5a6d7c;
    padding: 8px 25px;
    width: 100%;
    border: 2px dashed var(--ideagen-color-neutral-20);
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 82px;
    border-radius: 8px;
    background: var(--ideagen-color-neutral-05);
    transition: 0.25s ease-in-out;
    cursor: pointer;
}

.request-main .comment-show-container:hover {
    background: var(--ideagen-color-teal-05);
}

.request-main .comment-show-container p {
    margin: 0;
}

.request-main .comment-show-container.hidden {
    display: none;
}

.request-main .form-field.comment-ccs > ul {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 2px solid var(--ideagen-color-neutral-10);
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
    border: 1px solid #17494D;
}

.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 {
    margin-top: 24px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    transition: 0.2s;
}

.request-main .comment-ccs + textarea:focus {
    border: 2px solid var(--ideagen-brand-teal-10);
}

.request-main .comment-ccs + textarea:hover {
    border: 2px solid var(--ideagen-brand-teal-05);
}

.request-main input#mark_as_solved {
    display: none;
}

.request-title {
    border-bottom: 0;
    margin-bottom: 0;
    max-width: 100%;
    font-size: 34px;
    padding: 0;
    line-height: normal;
}

.request-sidebar {
    padding: 20px 26px 26px;
    border-radius: 12px;
    margin-bottom: 24px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
    margin-left: 24px;
    flex: 0 1 344px;
    width: unset;
    max-width: 344px;
}

@media (max-width: 1040px) {
    .request-sidebar {
        width: 100%;
        margin-left: 0;
        margin-bottom: 72px;
        flex: 1;
        max-width: unset;
    }
}

.request-details {
    border-bottom: 1px solid var(--ideagen-color-neutral-10);
    font-size: 0;
    margin: 0;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.request-details:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.request-details dt,
.request-details dd {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin: 12px 0 0 0;
}

.request-details dt:first-child,
.request-details dd:first-of-type {
    margin-top: 0;
}

.request-details:not(.request-attachments) dd a {
    color: var(--ideagen-color-teal-80);
}

.request-details dd {
    padding: 0 10px;
    font-weight: 600;
    width: 60%;
}

.request-details dd::after {
    content: "\A";
    white-space: pre;
}

.request-details dt {
    color: var(--ideagen-color-neutral-60);
    font-weight: 400;
    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 {
    background: var(--ideagen-color-neutral-05);
    text-align: center;
    padding: 20px 24px 20px;
    border-radius: 12px;
    margin-bottom: 24px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
}

.request-follow-up a {
    color: var(--ideagen-brand-teal-10);
    font-weight: 700;
    transition: 0.2s;
}

.request-follow-up a:hover {
    color: var(--ideagen-brand-teal-20);
}

.request-follow-up a:active,
.request-follow-up a:focus {
    color: var(--ideagen-brand-teal-30);
}

span.follow-up-hint {
    background: var(--ideagen-color-teal-20);
    color: var(--ideagen-color-teal-90);
    padding: 2px 8px;
    border-radius: 25px;
    font-weight: 600;
    display: block;
    width: fit-content;
    margin-bottom: 12px;
    font-size: 14.5px;
}

/***** Pagination *****/
.pagination {
    margin: 20px 0;
    text-align: center;
}

.pagination * {
    display: inline-block;
}

.pagination li {
    border-radius: 8px;
    height: 40px;
    float: left;
    margin-left: 5px;
    width: 40px;
}

@media (min-width: 768px) {
    .pagination li {
        height: 30px;
        width: 30px;
    }
}

[dir="rtl"] .pagination li {
    float: right;
}

.pagination li:hover:not(.pagination-current) {
    background-color: #f3f3f3;
}

.pagination li:hover:not(.pagination-current) span,
.pagination li:hover:not(.pagination-current) a {
    color: #2F3941;
    text-decoration: none;
}

.pagination a,
.pagination span {
    font-size: 15px;
    color: #5a6d7c;
    padding: 10px 12px;
}

@media (min-width: 768px) {
    .pagination a,
    .pagination span {
        font-size: 13px;
        padding: 5px 12px;
    }
}

.pagination-current {
    background-color: #17494D;
}

.pagination-current a,
.pagination-current span {
    color: #FFFFFF;
}

.pagination-first {
    border-radius: 3px 0 0 3px;
}

[dir="rtl"] .pagination-first {
    border-radius: 0 3px 3px 0;
}

.pagination-last {
    border-radius: 0 3px 3px 0;
}

[dir="rtl"] .pagination-last {
    border-radius: 3px 0 0 3px;
}

/***** Metadata *****/
.meta-group {
    display: block;
}

.meta-group * {
    display: inline;
}

.meta-data {
    color: #5a6d7c;
    font-size: 13px;
    font-weight: 300;
}

.meta-data:not(:last-child)::after {
    content: "\00B7";
    margin: 0 5px;
}

/***** Icons *****/
[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon,
.search::before,
.recent-activity-item-comment span::before,
.article-vote::before,
.attachments .attachment-item::before,
.share a::before,
.vote-up::before,
.vote-down::before,
.actions .dropdown-toggle::before,
.collapsible-nav-list li[aria-selected="true"]::after,
.collapsible-sidebar-title::after,
.search-result-votes::before,
.search-result-meta-count::before {
    font-family: "copenhagen-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.icon-lock::before {
    content: "\1F512";
}

.icon-star::before {
    content: "\2605";
}

.icon-linkedin::before {
    content: "\e900";
}

.icon-twitter::before {
    content: "\e901";
}

.icon-googleplus-::before {
    content: "\e902";
}

.icon-facebook::before {
    content: "\e903";
}

.icon-agent::before {
    content: "\1F464";
}

.icon-close::before {
    content: "\2715";
}

.icon-arrow-up::before {
    content: "\2B06";
}

.icon-arrow-down::before {
    content: "\2B07";
}

.icon-attachments::before {
    content: "\1F4CE";
}

.icon-comments::before {
    content: "\1F4AC";
}

.icon-search::before {
    content: "\1F50D";
}

.icon-vote::before {
    content: "\1F44D";
}

.icon-handle::before {
    content: "\25BE";
}

.icon-check::before {
    content: "\2713";
}

.icon-gear::before {
    content: "\2699";
}

.icon-menu::before {
    content: "\2630";
}

.icon-article::before {
    content: "\1F4C4";
}

.icon-post::before {
    content: "\1F4D4";
}

.icon-notification-alert::before {
    content: "\26A0";
}

.icon-notification-error::before {
    content: "\00D7";
}

.icon-notification-info::before {
    content: "\2139";
}

.icon-notification-success::before {
    content: "\2714";
}

/* User Profiles */
.profile-header {
    padding: 30px 0;
    /*   background-color: #f7f7f7; */
}

/* .profile-header .container {
  display: flex;
  flex-wrap: wrap;
} */

/* @media (min-width: 768px) {
  .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: 65px;
    height: 65px;
}

.profile-avatar .icon-agent::before {
    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;
    color: #17494D;
}

.profile-header .options {
    display: flex;
    flex-basis: 100%;
    margin-top: 12px;
    align-items: flex-start;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .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;
    }
}

.profile-header .options [data-action="edit-profile"] {
    background-color: #fff;
    border-color: #22a3af;
    color: #22a3af;
    line-height: normal;
    padding: 8px 20px;
    outline-color: #707070;
    font-size: 16px;
}

.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: #5a6d7c;
    font-weight: 300;
    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: 768px) {
    .profile-stats-activity {
        border-top: 0;
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .profile-stats-activity .stat {
        flex-direction: column;
    }
}

.profile-stats-activity .stat:first-child {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .profile-stats-activity .stat:first-child {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .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: 768px) {
    .profile-stats-activity .stat-label {
        flex: 0 1 auto;
    }
}

.profile-stats-counters {
    border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
    .profile-stats-counters {
        flex: 0 0 200px;
        border-bottom: 0;
    }

    [dir="rtl"] .profile-stats-counters {
        margin-left: 0;
        margin-right: 40px;
    }
}

@media (min-width: 1024px) {
    .profile-stats-counters {
        flex: 0 0 270px;
        margin: 32px 0 0 0;
    }

    [dir="rtl"] .profile-stats-counters {
        margin-right: 60px;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .profile-stats-counters .stat {
        flex-direction: column;
    }
}

@media (min-width: 1024px) {
    .profile-stats-counters .stat {
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .profile-stats-counters .stat:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) {
    .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 #17494D;
    border-radius: 4px;
    color: #17494D;
    padding: 5px 20px;
    font-size: 12px;
    text-align: center;
}

.profile-private-badge::after {
    content: "\1f512";
    margin-left: 5px;
    font-family: "copenhagen-icons";
    vertical-align: middle;
    line-height: 15px;
}

@media (min-width: 768px) {
    .profile-private-badge {
        flex-basis: auto;
    }
}

.profile-nav {
    /*   background-color: #f2f2f2; */
    border: 0;
    margin-bottom: 37px;
}

.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: #5a6d7c;
    font-weight: 300;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .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: 768px) {
    .profile-section-sorter .dropdown-toggle::after {
        position: relative;
    }
}

@media (min-width: 768px) {
    .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-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: 768px) {
    .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-list > .profile-contribution::before {
    left: 0;
    position: absolute;
    font-size: 16px;
    color: #ccc;
    font-family: "copenhagen-icons";
    line-height: 25px;
}

[dir="rtl"] .profile-contribution-list > .profile-contribution::before {
    right: 0;
}

.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: 768px) {
    .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: 768px) {
    .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;
}

.profile-section .private-activity::before {
    content: "\1f512";
    font-family: "copenhagen-icons";
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
    vertical-align: middle;
    margin-right: 10px;
}

[dir="rtl"] .profile-section .private-activity::before {
    margin-right: 0;
    margin-left: 10px;
}

.profile-activity-list {
    margin-top: 25px;
}

.profile-activity {
    position: relative;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .profile-activity {
        padding-left: 20px;
    }

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

@media (min-width: 768px) {
    .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: 768px) {
    .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: #f7f7f7; */
}

@media (min-width: 768px) {
    .profile-activity-contribution {
        margin-top: 0;
        margin-left: 50px;
    }

    [dir="rtl"] .profile-activity-contribution {
        margin-left: 0;
        margin-right: 50px;
    }
}

.profile-activity::before {
    position: absolute;
    left: 0;
    width: 28px;
    border-radius: 50%;
    content: "";
    background-size: 14px 14px;
    background-repeat: no-repeat;
    /*   background-color: #FFFFFF; */
    background-position: 50% 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #ccc;
    font-family: "copenhagen-icons";
}

[dir="rtl"] .profile-activity::before {
    right: 0;
}

@media (min-width: 768px) {
    .profile-activity::before {
        left: -14px;
    }

    [dir="rtl"] .profile-activity::before {
        right: -14px;
    }
}

.profile-articles > .profile-contribution::before,
.profile-activity-list > li[class$="-article"]::before {
    content: "\1f4c4";
}

.profile-posts > .profile-contribution::before,
.profile-activity-list > li[class$="-post"]::before {
    content: "\1f4d4";
}

.profile-comments > .profile-contribution::before,
.profile-activity-list > li[class$="-comment"]::before {
    content: "\1f4ac";
    line-height: 35px;
}

/***** Search results *****/
.search-results {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 72px;
  	gap: 24px;
}

@media (min-width: 1024px) {
    .search-results {
        flex-direction: row;
    }
}

aside.search-results-sidebar {
    padding: 20px 26px 26px;
    border-radius: 12px;
    border: 1px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.05);
    max-height: fit-content;
}

.search-results-list {
    margin-bottom: 25px;
}

.search-results-list > li {
    padding: 20px 0;
}

.search-results-list > li:first-child {
    border-radius: 8px 8px 0 0;
}

.search-results-list > li:last-child {
    border-radius: 0 0 8px 8px;
}

.search-page .search-results-list > li:nth-child(even) {
    background: var(--ideagen-color-neutral-05);
}

.search-result-description {
    margin-top: 15px;
    word-break: break-word;
}

.search-result-votes,
.search-result-meta-count {
    color: #5a6d7c;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    padding: 4px 5px;
    position: relative;
}

.search-result-votes::before,
.search-result-meta-count::before {
    color: #17494D;
}

[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-votes::before {
    content: "\1F44D";
}

.search-result-meta-count::before {
    content: "\1F4AC";
}

.search-result .meta-group {
    align-items: center;
}

.search-result-breadcrumbs {
    margin: 0;
}

.search-result-breadcrumbs li:last-child::after {
    content: "·";
    display: inline-block;
    margin: 0 5px;
}

/* Don't display CJK results in italic */
/* Add a yellow background instead */
html[lang|="zh"] .search-result-description em,
html[lang|="ko"] .search-result-description em,
html[lang|="ja"] .search-result-description em {
    font-style: normal;
    background: yellow;
}

/* Custom styles added for Ideagen */
/* Colored Notes Style */
blockquote.important {
    /*border: 2px solid var(--ideagen-color-pink-40);*/
    background: no-repeat 14px 11px var(--ideagen-color-red-05)
        url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2737 7C11.5706 7 11 7.57061 11 8.27368V12.0947C11 12.7991 11.5706 13.3684 12.2737 13.3684C12.9768 13.3684 13.5474 12.7991 13.5474 12.0947V8.27368C13.5474 7.57061 12.9768 7 12.2737 7Z' fill='%237c0008'/%3E%3Cpath d='M13.5474 15.9158C13.5474 16.6201 12.9768 17.1895 12.2737 17.1895C11.5706 17.1895 11 16.6201 11 15.9158C11 15.2114 11.5706 14.6421 12.2737 14.6421C12.9768 14.6421 13.5474 15.2114 13.5474 15.9158Z' fill='%237c0008'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z' fill='%237c0008'/%3E%3C/svg%3E%0A") !important;
}

blockquote.example {
    /*border: 2px solid var(--ideagen-color-green-60);*/
    background: no-repeat 14px 11px var(--ideagen-color-blue-05)
        url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.586 2.586C16.211 2.211 15.702 2 15.172 2H6C4.896 2 4 2.896 4 4V20C4 21.104 4.896 22 6 22H18C19.104 22 20 21.104 20 20V6.829C20 6.298 19.789 5.789 19.414 5.414L16.586 2.586ZM18 20H6V4H14V8H18V20ZM10.667 15.223L15.048 11L16 11.889L10.667 17L8 14.444L8.952 13.556L10.667 15.223Z" fill="%23011a7e"/></svg>') !important;
}

blockquote.tip,
.article-body div.tip {
    /*border: 2px solid var(--ideagen-color-blue-40);*/
    background: no-repeat 14px 11px var(--ideagen-color-yellow-10)
        url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C12.5523 2 13 2.44772 13 3V5C13 5.55228 12.5523 6 12 6C11.4477 6 11 5.55228 11 5V3C11 2.44772 11.4477 2 12 2Z" fill="%237d4600"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7645 15.9968V17C14.7645 18.1045 13.8691 19 12.7645 19H11.1175C10.0129 19 9.11749 18.1045 9.11749 17V15.9966C7.83747 15.1037 7 13.6202 7 11.9412C7 9.21224 9.21224 7 11.9412 7C14.6701 7 16.8824 9.21224 16.8824 11.9412C16.8824 13.6204 16.0447 15.1039 14.7645 15.9968ZM12.7645 14.9533L13.6204 14.3564C14.3873 13.8215 14.8824 12.939 14.8824 11.9412C14.8824 10.3168 13.5655 9 11.9412 9C10.3168 9 9 10.3168 9 11.9412C9 12.9389 9.49495 13.8213 10.2617 14.3563L11.1175 14.9532V17L12.7645 17V14.9533Z" fill="%237d4600"/><path d="M10 21C10 20.4477 10.4477 20 11 20H13C13.5523 20 14 20.4477 14 21C14 21.5523 13.5523 22 13 22H11C10.4477 22 10 21.5523 10 21Z" fill="%237d4600"/><path d="M3 11C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H5C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11H3Z" fill="%237d4600"/><path d="M19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H19Z" fill="%237d4600"/><path d="M16.586 7.4142C16.1955 7.02367 16.1955 6.39051 16.586 5.99999L18.0002 4.58577C18.3908 4.19525 19.0239 4.19525 19.4144 4.58577C19.805 4.9763 19.805 5.60946 19.4144 5.99998L18.0002 7.4142C17.6097 7.80472 16.9765 7.80472 16.586 7.4142Z" fill="%237d4600"/><path d="M5.99959 4.58577C5.60906 4.19524 4.9759 4.19524 4.58537 4.58577C4.19485 4.97629 4.19485 5.60946 4.58537 5.99998L5.99959 7.4142C6.39011 7.80472 7.02328 7.80472 7.4138 7.4142C7.80433 7.02367 7.80433 6.39051 7.4138 5.99998L5.99959 4.58577Z" fill="%237d4600"/></svg>') !important;
}

blockquote.warning {
    /*border: 2px solid var(--ideagen-color-yellow-40);*/
    background: no-repeat 14px 11px var(--ideagen-color-yellow-05)
        url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.2737 7C11.5706 7 11 7.57061 11 8.27368V12.0947C11 12.7991 11.5706 13.3684 12.2737 13.3684C12.9768 13.3684 13.5474 12.7991 13.5474 12.0947V8.27368C13.5474 7.57061 12.9768 7 12.2737 7Z" fill="%232F4051"/><path d="M13.5474 15.9158C13.5474 16.6201 12.9768 17.1895 12.2737 17.1895C11.5706 17.1895 11 16.6201 11 15.9158C11 15.2114 11.5706 14.6421 12.2737 14.6421C12.9768 14.6421 13.5474 15.2114 13.5474 15.9158Z" fill="%232F4051"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z" fill="%232F4051"/></svg>') !important;
}

blockquote.quote {
    /*border: 2px solid var(--ideagen-color-neutral-40);*/
    background: no-repeat 14px 11px var(--ideagen-color-neutral-05)
        url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00049 17.366C7.65449 15.985 8.69349 14.098 8.69349 12H5.00049V6H11.0005V12C11.0005 14.769 9.57549 17.255 7.30749 19L6.00049 17.366ZM14.0005 17.366C15.6545 15.985 16.6935 14.098 16.6935 12H13.0005V6H19.0005V12C19.0005 14.769 17.5755 17.255 15.3075 19L14.0005 17.366Z" fill="%232F4051"/></svg>') !important;
}

blockquote.bug {
    /*border: 2px solid var(--ideagen-color-red-40);*/
    background: no-repeat 14px 11px var(--ideagen-color-pink-05)
        url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0002 22C11.7442 22 11.4882 21.902 11.2933 21.707L2.29325 12.707C1.90225 12.316 1.90225 11.684 2.29325 11.293L11.2933 2.29301C11.6842 1.90201 12.3162 1.90201 12.7072 2.29301L21.7073 11.293C22.0983 11.684 22.0983 12.316 21.7073 12.707L12.7072 21.707C12.5122 21.902 12.2562 22 12.0002 22ZM4.41406 12L12.0001 19.586L19.5861 12L12.0001 4.414L4.41406 12ZM12 7C11.448 7 11 7.448 11 8V13C11 13.553 11.448 14 12 14C12.552 14 13 13.553 13 13V8C13 7.448 12.552 7 12 7ZM13 16C13 16.553 12.552 17 12 17C11.448 17 11 16.553 11 16C11 15.447 11.448 15 12 15C12.552 15 13 15.447 13 16Z" fill="%237d4600"/></svg>') !important;
}

blockquote.alert {
    background: no-repeat 14px 16px var(--ideagen-color-yellow-20)
        url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.9971 12.9229C16.999 12.9483 17 12.9741 17 13V21C17 21.5523 16.5523 22 16 22C15.4477 22 15 21.5523 15 21V13.6158L5.55285 8.89296C4.8157 8.52445 4.81572 7.47252 5.55288 7.10403L15.55 2.10682C16.1306 1.81657 16.8007 2.14851 16.9612 2.73233C16.9845 2.81706 16.9971 2.90709 16.9971 3.00129L16.9971 12.9229ZM14.9612 4.43657V11.5608L7.83547 7.9985L14.9612 4.43657Z" fill="%237d4600"/></svg>') !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 18px;
}

@media (max-width: 767px) {
    blockquote.alert {
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        gap: 12px;
    }
}

blockquote.alert a {
    border: 2px solid var(--ideagen-color-neutral-90);
    padding: 4px 6px;
    border-radius: 8px;
    font-weight: 700;
    transition: 0.25s ease-in-out;
}

blockquote.alert a:hover,
blockquote.alert a:focus,
blockquote.alert a:active {
    background: var(--ideagen-color-neutral-90);
    color: white;
}

blockquote.note,
.article-body div.note {
    /*border: 2px solid var(--ideagen-color-teal-40);*/
    background: no-repeat 14px 11px var(--ideagen-color-teal-10)
        url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9903 7.284C11.7933 7.474 11.6943 7.753 11.6943 8.123C11.6943 8.48 11.7953 8.756 11.9973 8.952C12.1993 9.148 12.4853 9.246 12.8543 9.246C13.2143 9.246 13.4953 9.146 13.6973 8.945C13.8993 8.745 14.0003 8.471 14.0003 8.123C14.0003 7.762 13.9003 7.484 13.7003 7.29C13.5003 7.097 13.2183 7 12.8543 7C12.4763 7 12.1883 7.095 11.9903 7.284ZM12.0991 15.0718C12.0991 15.1848 12.0991 15.3018 12.4341 15.3018C12.6361 15.3018 12.8181 15.2748 12.9721 15.2198L13.4481 15.0508L13.0431 16.8068L12.8781 16.8468C12.4541 16.9478 12.0491 16.9998 11.6741 16.9998C11.0881 16.9998 10.8121 16.8588 10.4891 16.5808C10.1641 16.3018 10.0001 15.9058 10.0001 15.4048C10.0001 15.1688 10.0281 14.9358 10.0831 14.7088L11.0901 10.3248H13.1791L12.2401 14.3088C12.1171 14.8358 12.0991 15.0128 12.0991 15.0718ZM12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.522 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4Z' fill='%23056d78'/%3E%3Cmask id='mask0_0_3980' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='2' y='2' width='20' height='20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9903 7.284C11.7933 7.474 11.6943 7.753 11.6943 8.123C11.6943 8.48 11.7953 8.756 11.9973 8.952C12.1993 9.148 12.4853 9.246 12.8543 9.246C13.2143 9.246 13.4953 9.146 13.6973 8.945C13.8993 8.745 14.0003 8.471 14.0003 8.123C14.0003 7.762 13.9003 7.484 13.7003 7.29C13.5003 7.097 13.2183 7 12.8543 7C12.4763 7 12.1883 7.095 11.9903 7.284ZM12.0991 15.0718C12.0991 15.1848 12.0991 15.3018 12.4341 15.3018C12.6361 15.3018 12.8181 15.2748 12.9721 15.2198L13.4481 15.0508L13.0431 16.8068L12.8781 16.8468C12.4541 16.9478 12.0491 16.9998 11.6741 16.9998C11.0881 16.9998 10.8121 16.8588 10.4891 16.5808C10.1641 16.3018 10.0001 15.9058 10.0001 15.4048C10.0001 15.1688 10.0281 14.9358 10.0831 14.7088L11.0901 10.3248H13.1791L12.2401 14.3088C12.1171 14.8358 12.0991 15.0128 12.0991 15.0718ZM12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.522 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_0_3980)'%3E%3C/g%3E%3C/svg%3E%0A") !important;
}

blockquote.who {
    padding: 16px 158px 16px 24px !important;
    background: var(--ideagen-color-teal-05) !important;
    border: unset !important;
    position: relative;
    overflow: hidden;
}

blockquote.who:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C12.5523 2 13 2.44772 13 3V5C13 5.55228 12.5523 6 12 6C11.4477 6 11 5.55228 11 5V3C11 2.44772 11.4477 2 12 2Z" fill="%232F4051"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7645 15.9968V17C14.7645 18.1045 13.8691 19 12.7645 19H11.1175C10.0129 19 9.11749 18.1045 9.11749 17V15.9966C7.83747 15.1037 7 13.6202 7 11.9412C7 9.21224 9.21224 7 11.9412 7C14.6701 7 16.8824 9.21224 16.8824 11.9412C16.8824 13.6204 16.0447 15.1039 14.7645 15.9968ZM12.7645 14.9533L13.6204 14.3564C14.3873 13.8215 14.8824 12.939 14.8824 11.9412C14.8824 10.3168 13.5655 9 11.9412 9C10.3168 9 9 10.3168 9 11.9412C9 12.9389 9.49495 13.8213 10.2617 14.3563L11.1175 14.9532V17L12.7645 17V14.9533Z" fill="%232F4051"/><path d="M10 21C10 20.4477 10.4477 20 11 20H13C13.5523 20 14 20.4477 14 21C14 21.5523 13.5523 22 13 22H11C10.4477 22 10 21.5523 10 21Z" fill="%232F4051"/><path d="M3 11C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H5C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11H3Z" fill="%232F4051"/><path d="M19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H19Z" fill="%232F4051"/><path d="M16.586 7.4142C16.1955 7.02367 16.1955 6.39051 16.586 5.99999L18.0002 4.58577C18.3908 4.19525 19.0239 4.19525 19.4144 4.58577C19.805 4.9763 19.805 5.60946 19.4144 5.99998L18.0002 7.4142C17.6097 7.80472 16.9765 7.80472 16.586 7.4142Z" fill="%232F4051"/><path d="M5.99959 4.58577C5.60906 4.19524 4.9759 4.19524 4.58537 4.58577C4.19485 4.97629 4.19485 5.60946 4.58537 5.99998L5.99959 7.4142C6.39011 7.80472 7.02328 7.80472 7.4138 7.4142C7.80433 7.02367 7.80433 6.39051 7.4138 5.99998L5.99959 4.58577Z" fill="%232F4051"/></svg>');
    position: absolute;
    right: 80px;
    top: 47%;
    opacity: 0.05;
    transform: rotate(20deg) scale(6);
}

blockquote.who p:first-child {
    margin-top: 0;
}

blockquote.who p:first-child strong:first-child {
    font-size: 18px !important;
    margin-bottom: 8px !important;
}

blockquote.who p {
    line-height: 1.2;
    position: relative;
    margin: 8px 0;
}

blockquote.who p:last-child {
    margin: 8px 0 0;
}

blockquote.who p strong {
    font-size: 14.5px !important;
    margin-bottom: 0 !important;
}

blockquote.who p svg {
    display: none;
}

blockquote.who p i {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
}

@media (max-width: 767px) {
    blockquote.who {
        padding: 16px !important;
    }
}

blockquote p {
    margin: 0;
    line-height: 24px;
}

/*Headers and Dividers*/

h2 {
    padding-top: 5px;
}

hr {
    margin-top: 24px;
    margin-bottom: 0px;
    text-align: center;
    border-top: 1px solid var(--ideagen-color-neutral-10);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/* style tables a bit more nicely */
th {
    text-align: center;
    background: #0a3254;
    color: #fff;
    padding: 20px 14px;
}

.sla-item {
    color: #ffffff;
    padding: 20px 14px;
    text-align: center;
    font-weight: bold;
}

.sla-item-heading {
    color: #ffffff;
    background: #0a3254;
    font-weight: bold;
    padding: 20px 14px;
}

.sla-breakdown .p1 {
    background-color: #c00000;
}

.sla-breakdown .p2 {
    background-color: #ed7d31;
}

.sla-breakdown .p3 {
    background-color: #ffc000;
}

.sla-breakdown .p4 {
    background-color: #70ad47;
}

.severity-text {
    transform: rotate(-90deg);
    display: inline-block;
}

/* styles for the product boxes on the main Help Center home page */
#products-list .products-list {
    column-count: 1;
}

#products-list {
    margin: 80px 20px 40px 20px;
}

#products-list .products-list {
    justify-content: space-evenly;
}

@media (min-width: 768px) {
    #products-list {
        margin: 80px 80px 40px 80px;
    }

    #products-list .products-list {
        justify-content: space-evenly;
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    #products-list {
        margin: 80px 140px 40px 140px;
    }

    #products-list .products-list {
        justify-content: space-between;
        column-count: 3;
    }
}

.products-list {
    display: block;
    column-count: 3;
    column-gap: 1rem;
}

.products-list a {
    display: block;
    break-inside: avoid;
    break-after: always;
    position: relative;
    height: 8rem;
    justify-content: left;
    align-items: center;
    box-sizing: border-box;
    padding-left: calc(5rem + 14px);
    padding-top: 3rem;
    font-weight: 400;
    margin-top: 0;
    font-size: 22px;
    transition: top 0.25s;
    top: 0;
}

.products-list a:hover {
    top: -6px;
}

.products-list a img {
    position: absolute;
    left: 14px;
    top: 2rem;
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    box-sizing: border-box;
    box-shadow: 0 2px 14px rgba(202, 202, 202, 0.5);
}

/* styles for the "product selector" in the header navigation */
/* Dropdown Button */
.product-switcher-dropbtn {
    /*background-color: #0A3254;
  color: white;*/
    color: #17494D;
    padding: 16px 0px 16px 16px;
    font-size: 16px;
    font-weight: 500;
    border: none;
    background: none;
}

.product-switcher-dropbtn:hover {
    text-decoration: underline;
}

/* The container <div> - needed to position the dropdown content */
.product-switcher-dropdown {
    /*   position: relative; */
    display: inline-block;
    margin: 0px 10px;
}

@media (min-width: 768px) {
    .product-switcher-dropdown {
        height: 100%;
        display: flex;
        align-items: center;
    }
}

.product-switcher-dropdown::after {
    content: "\A0\A0\E75C";
    display: inline-block;
    font-family: "entypo";
    color: #22a3af;
    vertical-align: middle;
    padding-right: 10px;
}

/* Dropdown Content (Hidden by Default) */
.product-switcher-dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0, 79, 88, 0.2);
    z-index: 1;
    left: 0px;
    margin-left: 25px;
    top: 57px;
}

/* Links inside the dropdown */
.product-switcher-dropdown-content a {
    color: #22a3af;
    font-size: 16px;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}

.product-switcher-dropdown-content > .left-column,
.product-switcher-dropdown-content > .right-column {
    width: 300px;
}

.product-switcher-dropdown-content > .left-column {
    float: left;
}

.product-switcher-dropdown-content > .right-column {
    float: right;
}

/* Change color of dropdown links on hover */
.product-switcher-dropdown-content a:hover {
    text-decoration: underline;
}

/* Show the dropdown menu on hover */
.product-switcher-dropdown:hover .product-switcher-dropdown-content {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .product-switcher-dropdown:hover .product-switcher-dropdown-content {
        flex-direction: row;
        left: auto;
        right: 25px;
        top: 70px;
    }
}

@media (min-width: 1160px) {
    .product-switcher-dropdown:hover .product-switcher-dropdown-content {
        top: 40px;
    }
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.product-switcher-dropdown:hover .product-switcher-dropbtn {
    /*background-color: #0A3254;*/
}

/* Card  list sections */
.l-cardlist {
    margin-bottom: 64px;
    width: 100%;
}

.card--solution {
    width: 100%;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 32px 0 0;
}

@media (min-width: 768px) {
    .card--solution {
        padding-left: 16px;
        padding-right: 16px;
    }
    .card--solution:last-child {
        margin-right: auto;
    }
}
@media (min-width: 500px) {
    .card--solution {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .card--solution {
        width: 33.125%;
    }
}
@media (min-width: 992px) {
    .card--solution {
        width: 25%;
    }
}
@media (min-width: 1230px) {
    .card--solution {
        width: 25%;
    }
}
@media (min-width: 1460px) {
    .card--solution {
        width: 25%;
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (min-width: 1230px) {
    .card__inner,
    .blurb-container > a > div {
        position: relative;
        top: 0;
        transition: top 0.25s;
    }
    .card__inner:hover {
        top: -10px;
    }
}

.card--solution .card__inner img {
    width: 75%;
    display: block;
}
.card--solution .card__inner p {
    margin: 0;
    background: #f9f9f9;
}

.card--solution .card__inner__txt {
    align-self: center;
    width: 100%;
    padding: 8px;
    font-weight: 800;
    font-size: 18px;
    background: #f9f9f9;
}

.card--solution .card__inner .card__inner__txt span {
    font-weight: 800;
    font-size: 18px;
}

.card__inner__img {
    height: 120px;
    width: 100%;
    background: #f1eded;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Colour codes of cards 
.card--solution:nth-child(4n+1) .card__inner a .card__inner__img{
  background-color:#b5e4ec;
}

.card--solution:nth-child(4n+2) .card__inner a .card__inner__img{
  background-color:#efb0cf;
}

.card--solution:nth-child(4n+3) .card__inner a .card__inner__img{
  background-color:#acb3bb;
}

.card--solution:nth-child(4n+4) .card__inner a .card__inner__img{
  background-color:#e15f9d;
}

.card--solution:nth-child(5n+5) .card__inner a .card__inner__img{
  background-color:#129ab4;
}

.card--solution:nth-child(3n+2) .card__inner a .card__inner__img{
  background-color:#44bcca;
}

.card--solution:nth-child(6n+1) .card__inner a .card__inner__img{
  background-color:#b5e4ec;
}

.card--solution:nth-child(13n) .card__inner a .card__inner__img{
  background-color:#44bcca;
}

.card--solution:nth-child(13n) .card__inner a .card__inner__img{
  background-color:#e15f9d;
}
.card--solution:nth-child(16n) .card__inner a .card__inner__img{
  background-color:#acb3bb;
}
.card--solution:nth-child(22n) .card__inner a .card__inner__img{
  background-color:#acb3bb;
}
.card--solution:nth-child(15n) .card__inner a .card__inner__img{
  background-color:#e15f9d;
}*/

.card--solution .card__inner h3 {
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
    line-height: 24px;
    font-family: "Gilroy", Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin: 16px 0;
    color: #212d38;
}
.card--solution .card__inner a {
    text-align: center;
    height: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    width: 100%;
    background: #f9f9f9;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 79, 88, 0.05), 0px -1px 6px 0px rgba(0, 79, 88, 0.05);
    box-shadow: 0px 10px 15px 0px rgba(0, 79, 88, 0.05), 0px -1px 6px 0px rgba(0, 79, 88, 0.05);
    -webkit-border-radius: 12px;
    border-radius: 6px;
    background-clip: padding-box;
    overflow: hidden;
    transition: 0.3s ease;
}
.card--solution .card__inner a:hover {
    text-decoration: none;
    color: #22a3af;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 79, 88, 0.1), 0px -1px 6px 0px rgba(0, 79, 88, 0.05);
    box-shadow: 0px 10px 15px 0px rgba(0, 79, 88, 0.1), 0px -1px 6px 0px rgba(0, 79, 88, 0.05);
    transition: 0.3s ease;
}

.card--solution .card__inner a:hover:after {
    color: #76d7e0;
}

.card--solution .card__inner a:after {
    /*  content:"Find out more \203A";*/
    font-size: 16px;
    line-height: 15px;
    font-family: "Gilroy", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #22a3af;
    position: absolute;
    bottom: 16px;
    right: 16px;
}
.card--vacancy-details {
    width: 100%;
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row {
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.row.centre {
    align-items: center;
    justify-content: center;
}
.row.space-between {
    justify-content: space-between;
    align-items: center;
}
.wrapper {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.wrapper-grey {
    max-width: none !important;
    background-color: grey;
}

.wrapper-inner {
    max-width: 1160px;
    padding-top: 64px;
    padding-bottom: 64px;
    margin-bottom: 0px;
}

.wrapper-inner h1 {
    color: #212d38;
    font-size: 3.3rem;
    line-height: 55px;
    margin: 20px 0;
    text-align: left;
    width: 100%;
    padding: 0 32px;
}

@media only screen and (min-width: 1024px) {
    .wrapper-inner h1 {
        text-align: center;
        padding: 0;
    }
}

@media only screen and (min-width: 992px) {
    .my-activities-header {
        padding: 0px 250px;
    }
    /*   .container {
    background: #F4F5F6
  } */

    .wrapper {
        max-width: 1160px;
    }
}

/* Hero Banner 2024 */

.section-teal-bg {
    height: 260px;
}

.hero-left {
    background: #2f4051;
    height: inherit;
    width: 490px;
    display: flex;
    align-items: center;
}

.hero-right {
    display: block;
    background-image: url(https://cdn.luminate.ideagen.com/production/images/banners/banner_help.png);
    background-size: cover;
    height: inherit;
    width: calc(100% - 490px);
}

.hero-right#support {
    background-image: url(https://cdn.luminate.ideagen.com/production/images/banners/banner_support.png);
}

.hero-right#skills {
    background-image: url(/hc/theming_assets/01JJM3KD1E1RYSZ8C8731Z71SG);
}

.hero .content-container {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: relative;
}

.hero h1 {
    color: var(--ideagen-color-white);
    position: relative;
    line-height: 38px;
    font-size: 25px;
    margin: 0 24px 0 24px;
    font-weight: 700;
    text-align: center;
}

.hero .search-full input[type="search"] {
    border: 2px solid var(--ideagen-color-neutral-50);
    font-size: 16px;
    padding: 9px 40px 9px 16px;
    height: 48px;
    width: 407px;
    color: var(--ideagen-color-neutral-90);
    font-weight: 400;
    border-radius: 8px;
    box-sizing: border-box;
    -webkit-appearance: none;
    transition: 0.2s;
}

.hero .search input[type="search"]:hover {
    border: 2px solid var(--ideagen-color-teal-50);
    transition: 0.2s;
}

.hero .search input[type="search"]:focus {
    border: 2px solid var(--ideagen-color-teal-50);
    color: var(--ideagen-color-neutral-90);
    transition: 0.2s;
}

.hero input::placeholder {
    color: var(--ideagen-color-neutral-30);
}

.hero .search::before {
    top: 53%;
    transform: translateY(-50%);
    background-color: #fff;
    color: var(--ideagen-color-neutral-50);
    content: "";
    font-size: 26px;
    position: absolute;
    right: 10px;
    font-family: "Ideagen";
}

.ommunity-featured-posts {
    padding: 30px 50px;
}

@media (max-width: 767px) {
    .section-teal-bg {
        height: auto;
    }

    .hero .content-container {
        padding-top: 0;
    }

    .hero-left {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .hero-right {
        display: none;
    }

    div.logo-search {
        width: 100%;
        margin: 0;
    }

    .hero .search-full input[type="search"] {
        width: 100% !important;
    }

    .hero .row {
        margin: 44px 24px;
    }

    .hero h1 {
        margin: 0 0 22px;
    }

    .category-tree {
        flex-direction: row;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding: 0 0 24px;
    }

    section.category.quick-links {
        flex: 1 0 340px;
    }

    .common-locations--descriptor {
        padding: 0 12px;
    }

    .sidebar .common-locations--descriptor {
        padding: 0;
    }

    .product-list-container {
        display: block;
        margin-left: 8px;
        margin-right: 8px;
    }

    .editions-container {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .user-nav {
        display: none;
    }
    .user-nav[aria-expanded="true"] {
        display: block;
    }
}

.logo {
}

.community-title {
    color: #17494D;
    font-size: 20px;
    font-weight: 500;
}

.recent-activity-controls > a {
    color: #1F73B7;
    text-decoration: underline;
}