.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-color-teal-80);
    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: 0.0px 25.0px 50.0px 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 {
  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;
  flex: 1;
}

.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;
}

.new_request_form__page ul[data-hc-pills-container] {
  border: 2px solid var(--ideagen-color-neutral-50);
  border-radius: 8px;
  cursor: text;
  min-height: 40px;
  padding: 8px 12px;
  overflow: hidden;
  transition: 0.2s;
}

.new_request_form__page ul[data-hc-pills-container]:hover {
  border: 2px solid var(--ideagen-color-teal-40);
}

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

.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-10);
  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-50);
  border-radius: 8px;
  height: 40px;
}

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

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

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

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

.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-50);
  border-radius: 2px;
  box-shadow: none;
  padding: 8px 12px;
}

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

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

.new_request_form__page .form-field .nesty-input:focus {
  border: 2px solid var(--ideagen-color-teal-60);
  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-50);
  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-neutral-10);
}

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

.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%;
}

.category.feux:hover .tooltip.feux-category {
  display:block;
  opacity: 1;
}

/* 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-color-teal-80);
      font-weight: 700;
}
                
.settings--entry a:hover {
    color: var(--ideagen-color-teal-70);
    background: none;
}
                
.settings--entry a:active, .settings--entry:focus {
      color: var(--ideagen-color-teal-90);
  		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="M15.4998 7.5L18.9998 4M20.9998 2L18.9998 4L20.9998 2ZM11.3898 11.61C11.9061 12.1195 12.3166 12.726 12.5975 13.3948C12.8785 14.0635 13.0244 14.7813 13.0268 15.5066C13.0292 16.232 12.8882 16.9507 12.6117 17.6213C12.3352 18.2919 11.9288 18.9012 11.4159 19.4141C10.903 19.9271 10.2937 20.3334 9.62309 20.6099C8.95247 20.8864 8.23379 21.0275 7.50842 21.025C6.78305 21.0226 6.06533 20.8767 5.39658 20.5958C4.72782 20.3148 4.12125 19.9043 3.61179 19.388C2.60992 18.3507 2.05555 16.9614 2.06808 15.5193C2.08061 14.0772 2.65904 12.6977 3.67878 11.678C4.69853 10.6583 6.078 10.0798 7.52008 10.0673C8.96216 10.0548 10.3515 10.6091 11.3888 11.611L11.3898 11.61ZM11.3898 11.61L15.4998 7.5L11.3898 11.61ZM15.4998 7.5L18.4998 10.5L21.9998 7L18.9998 4L15.4998 7.5Z" stroke="%232F4051" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></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-neutral-05);
    border-radius: 12px;
    padding: 24px;
    margin-top: 34px;
    position: relative;
    overflow: hidden;
}

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-color-teal-80);
    font-weight: 700;
    margin-top: 8px;
}
.informational-banner a:hover {
    color: var(--ideagen-color-teal-70);
}
.informational-banner a:active, .informational-banner a:focus {
    color: var(--ideagen-color-teal-90);
}

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-weight: 700;
}

.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: 36px;
  right: 12px;
  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;
}

.org-filter {
  right: 114px;
}

.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-color-teal-80) !important;
}

.status-filter-container {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.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-color-teal-80);
  font-weight: 700;
}

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

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

.filter-list .collapsible-nav-list {
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  row-gap: 12px;
  column-gap: 12px;
  padding: 10px 0;
  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, .solution-search.support-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);
}

.requests nav.pagination {
  border-top: 1px solid var(--ideagen-color-neutral-10);
  padding-top: 8px;
  margin-bottom: 8px !important;
}

.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: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: 10px;
	}
}

/* 2024 Request Page */
.original-comment {
    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;
    padding: 24px;
    margin-bottom: 24px;
}

.comment-responses {
    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;
    padding: 0;
    margin-bottom: 24px;
}

.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-50);
    border-radius: 8px;
    cursor: text;
    min-height: 40px;
    padding: 8px 12px;
    overflow: hidden;
    transition: 0.2s;
}

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-10);
    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 {
    white-space: nowrap;
    line-height: 32.5px;
    font-size: 14px;
    font-weight: 700;
}


.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-color-teal-80);
    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-color-teal-90);
}
.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 */
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, #E2408EEE, #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: 26px;
}

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

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

#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;
}

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

/* Lightbox Styles */
#lightbox {
    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::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: 0.0px 25.0px 50.0px 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 24px 0 24px;
    width: 100%;
}

/* 2024 Search */
  .bottom-page-gap {
  	margin-top:72px;
  }
  
  /*.unified-navigation--search {
  display: none !important;
  }*/
  
  .search-results-column {
    flex: 0 0 calc(100% - 374px);
	}
  
  .search-page section.search-results-sidebar {
    width: 358px;
  margin-right: 16px;
	}
  
  .search-page .search-results-list {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    border: 1px solid #dde0e3;
    margin-top: 24px;
  	margin-bottom: 32px;
}
  
.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: .1em;
    vertical-align: middle;
    transition: .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-color-teal-80);
    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 #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: 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-10);
    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: rgba(47, 64, 81, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    top: 0;
    overflow: hidden;
    backdrop-filter: blur(5px);
        }
.lightbox-content {
    background: #fff;
    border-radius: 12px;
    width: 70%;
    max-width: 800px;
    max-height: 80%;
    overflow-y: auto;
    top: 10vh;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.19),0px 1px 6px 0px rgba(0, 0, 0, 0.12);
}
      .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);
    box-shadow: 0.0px 8.0px 15.0px 0px rgba(0, 0, 0, 0.19),0.0px 1.0px 6.0px 0px rgba(0, 0, 0, 0.12);
}
      
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 {
    width: calc(100% - 384px);
}

.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: 0.0px 20.0px 25.0px 0px rgba(0, 0, 0, 0.1), 0.0px 10.0px 10.0px 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 {
    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 #dde0e3;
    border-radius: 12px;
    padding: 18px;
    flex: 1;
    position: relative;
    transition: 0.2s;
  	overflow: hidden;
}

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: 0.0px 1.0px 2.0px 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: 0.0px 1.0px 2.0px 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);
}

.editions-container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
}

.editions-container a {
    flex: 0 0 calc(50% - 8px);
}

/* 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-50);
    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 img {
    margin-left: -10px;
    height: 170px;
}

.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;
}

.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: 34px 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-color-teal-90);
}

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

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

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

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

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

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

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

.category-tree {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
  padding-bottom: 24px;
  justify-content: space-between;
}

section.category {
    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-10);
    border-radius: 12px;
    padding: 24px;
    flex: 0 0 48%;
    position: relative;
    transition: 0.2s;
    overflow: hidden;
}

@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 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);
}
  
.category:active {
    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);
}

.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: 15px;
}

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

.category-icon::before {
    content: '';
  	background-image: url('/hc/theming_assets/01J67GBNQY795HWBVF5TZGCZ1S');
    background-size: 32px;
    font-size: 22px;
    font-family: 'Ideagen';
    font-weight: 300;
    vertical-align: middle;
    width: inherit;
    height: inherit;
    display: block;
}

.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: 0px;
    right: -25px;
    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  {
    background-image: url('/hc/theming_assets/01J67GBHPYDMH1FJ3MEQ3MCNK9');
}

.category-icon[id*="Getting started" i]::after, .category-icon[id*="Getting started" 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="M12 40H36V12H12V40ZM18.828 4C18.298 4 17.79 4.21 17.414 4.586L14 8H12C9.792 8 8 9.792 8 12V40C8 42.208 9.792 44 12 44H36C38.208 44 40 42.208 40 40V12C40 9.792 38.208 8 36 8H34L30.586 4.586C30.21 4.21 29.702 4 29.172 4H18.828Z" fill="%232F4051"/><path d="M32.25 25.567C32.5833 25.7594 32.5833 26.2406 32.25 26.433L18.75 34.2272C18.4167 34.4197 18 34.1791 18 33.7942L18 18.2058C18 17.8209 18.4167 17.5803 18.75 17.7728L32.25 25.567Z" fill="%232F4051"/></svg>');
}

.category-icon[id*="User guide" i]::before, .category-icon[id*="User guide" i]::before {
    background-image: url('/hc/theming_assets/01J67GBJRCQMADSM83QD3FZKSF');
}

.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 {
    background-image: url('/hc/theming_assets/01J67GBKCWFADC6TKE037E159T');
}

.category-icon[id*="Admin guide" i]::after, .category-icon[id*="Admin guide" i]::after {
    background-image: url('/hc/theming_assets/01J67GBNB5BT666KMXTN8C1PMF');
    width: 166px;
    background-size: 170px;
  	content: '';
}

.category-icon[id*="IT guide" i]::before, .category-icon[id*="IT guide" i]::before {
    background-image: url('/hc/theming_assets/01J67GBM7PAN1T48JFZ8DQ7W9X');
}

.category-icon[id*="IT guide" i]::after, .category-icon[id*="IT 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="M4 8C4 5.79086 5.79086 4 8 4H40C42.2092 4 44 5.79086 44 8V28C44 30.2092 42.2092 32 40 32H8C5.79086 32 4 30.2092 4 28V8ZM8 10C8 8.89544 8.89544 8 10 8H38C39.1046 8 40 8.89544 40 10V26C40 27.1046 39.1046 28 38 28H10C8.89544 28 8 27.1046 8 26V10ZM13 40C12.4477 40 12 40.4478 12 41V43C12 43.5522 12.4477 44 13 44H35C35.5522 44 36 43.5522 36 43V41C36 40.4478 35.5522 40 35 40H13Z" fill="%232F4051"/><path d="M22 32H26V42H22V32Z" 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="manage_tickets"]::before {
    background-image: url('/hc/theming_assets/01J67GBK2H2DJGYYDAD6Q0BQZS');
}

.category-icon[id="manage_tickets"]::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="M12.4805 3.12377C12.1804 2.95874 11.8168 2.95874 11.5167 3.12377L3.51811 7.52272C2.8273 7.90263 2.8273 8.89524 3.51809 9.27517L5.81257 10.5371L3.85893 11.6115C3.16812 11.9914 3.16812 12.984 3.85891 13.364L5.90225 14.4878L3.85893 15.6115C3.16812 15.9914 3.16812 16.984 3.85891 17.364L11.8575 21.7631C12.1576 21.9281 12.5213 21.9281 12.8213 21.7631L20.8199 17.364C21.5107 16.984 21.5107 15.9914 20.8199 15.6115L18.7766 14.4878L20.8199 13.364C21.5107 12.984 21.5107 11.9914 20.8199 11.6115L18.5255 10.3496L20.4791 9.27517C21.1699 8.89524 21.1699 7.90263 20.4791 7.52272L12.4805 3.12377ZM17.3135 15.2925L12.8213 17.7631C12.5213 17.9281 12.1576 17.9281 11.8575 17.7631L7.36536 15.2925L5.98858 16.0496C5.64318 16.2396 5.64318 16.7359 5.98858 16.9259L12.0985 20.2862C12.2485 20.3687 12.4303 20.3687 12.5804 20.2862L18.6903 16.9259C19.0357 16.7359 19.0357 16.2396 18.6903 16.0496L17.3135 15.2925ZM5.98858 12.0496L7.27569 11.3418L11.5167 13.6742C11.8168 13.8393 12.1804 13.8393 12.4805 13.6742L17.0624 11.1543L18.6903 12.0496C19.0357 12.2396 19.0357 12.7359 18.6903 12.9259L12.5804 16.2862C12.4303 16.3687 12.2485 16.3687 12.0985 16.2862L5.98858 12.9259C5.64318 12.7359 5.64318 12.2396 5.98858 12.0496ZM12.2396 4.6006C12.0895 4.51809 11.9077 4.51809 11.7577 4.6006L5.64776 7.96082C5.30236 8.15078 5.30236 8.64709 5.64776 8.83705L11.7577 12.1974C11.9077 12.2799 12.0895 12.2799 12.2396 12.1974L18.3495 8.83705C18.6949 8.64709 18.6949 8.15078 18.3495 7.96082L12.2396 4.6006Z" fill="%232F4051"/></svg>');
}

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

.category-icon[id="customer_success"]::after {
    content: url('data:image/svg+xml,<svg width="141" height="141" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5809 10.0609C13.8369 9.73566 13.9855 9.33286 13.9855 8.90871C13.9855 7.89313 13.1336 7 11.9956 7C10.8576 7 10.0057 7.89313 10.0057 8.90871C10.0057 9.33338 10.1546 9.73664 10.4112 10.0621L10.7684 10.412C11.1015 10.664 11.524 10.8174 11.9956 10.8174C12.4667 10.8174 12.8887 10.6644 13.2216 10.413L13.5809 10.0609ZM9.46568 11.9351L9.44376 11.9136C9.25669 11.761 9.08409 11.5919 8.92829 11.4086L5.8256 8.36907C5.43108 7.98259 4.79144 7.98259 4.39692 8.36907L4.31195 8.45231C3.91743 8.8388 3.91743 9.46542 4.31195 9.85191L7.29372 12.773L7.29557 12.7704L8.92167 14.3634V17L15.2242 17V14.2011L16.7795 12.6775C17.0576 13.021 17.2242 13.4586 17.2242 13.9351V17C17.2242 18.1046 16.3288 19 15.2242 19H8.92167C7.8171 19 6.92167 18.1046 6.92167 17V15.2077L2.88327 11.2515C1.69972 10.092 1.69972 8.21218 2.88327 7.05271L2.96824 6.96948C4.15179 5.81001 6.07072 5.81001 7.25428 6.96948L8.15362 7.85051C8.62464 6.20592 10.1664 5 11.9956 5C13.8248 5 15.3664 6.20582 15.8375 7.8503L16.7366 6.96951C17.9202 5.81005 19.8391 5.81005 21.0226 6.96951L21.1076 7.05275C22.2912 8.21222 22.2912 10.0921 21.1076 11.2515L17.2249 15.0552V13.9351C17.2249 13.4623 17.0609 13.0278 16.7866 12.6854L19.6789 9.85195C20.0734 9.46546 20.0734 8.83884 19.6789 8.45235L19.594 8.36911C19.1994 7.98262 18.5598 7.98262 18.1653 8.36911L15.0643 11.407C14.9077 11.5914 14.734 11.7615 14.5458 11.9149L14.5252 11.9351H14.541L12.5979 13.8387C12.5665 13.8694 12.5375 13.9016 12.5108 13.9351H11.4874C11.467 13.9111 11.4453 13.8879 11.4224 13.8654L9.45192 11.9351H9.46568Z" 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;
}

i.expand-chevron {
    font-size: 20px;
    line-height: 15px;
    display: inline-block;
    transform: translateY(4px) rotate(0deg);
    cursor: pointer;
    transition: transform 0.3s ease;
}

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

.expand-chevron.rotate-90 {
    transform: translateY(4px) 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 {
      border: 1px solid var(--ideagen-color-neutral-10);
      border-radius: 12px;
      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;
      text-align: unset;
      display: block;
      font-size: unset;
      font-weight: unset;
      column-count: unset;
      height: unset;
      margin: 0;
}

.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 .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 .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-50);
    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 .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::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-color-teal-80);
    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-color-teal-70);
}

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

.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,.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:.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 .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;
}

.promoted-articles-item a {
    display: block;
    color: var(--ideagen-color-teal-80);
    font-size: 14px;
    font-weight: 600;
}

.promoted-articles-item a:hover{
  color: var(--ideagen-color-teal-70);
}

.promoted-articles-item a:active, .promoted-articles-item a:focus {
  color: var(--ideagen-color-teal-90);
}

li.promoted-articles-item {
    margin-bottom: 8px;
    font-size: 14px;
}

@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;
    color: var(--ideagen-color-teal-90);
    font-size: 20px;
    margin: 0 0 12px 0;
}
  
  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: .2em;
    -webkit-transition: .2s;
    transition: .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: 0;
    row-gap: 12px;
    column-gap: 12px;
    padding: 10px 0;
    align-items: center;
}
  
.section-tag-cloud .tag--pill {
    font-size: 14px;
    transition: 0.2s;
    padding: 8px 10px;
    background: none;
    border-radius: 8px;
}
  
  .section-tag-cloud .tag--pill:hover {
    background: var(--ideagen-color-neutral-05)!important;
}
  
.section-tag-cloud .tag--pill.active {
    background: var(--ideagen-color-teal-05);
    color: var(--ideagen-color-teal-90);
    border-radius: 8px;
  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: 0 0 10px 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: 0;
  }
  
  span.total-articles-count {
    white-space: nowrap;
    line-height: 32.5px;
    font-size: 14px;
    font-weight: 700;
}
  
  .article-sort-container {
    flex-basis: auto;
    width: 100%;
    text-align: right;
  position: relative;
}
  
.sort-label {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    line-height: 1.1em;
    padding: 8px 4px 0px 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;
    right: 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;
}
  
.sort-options.open {
    display: block;
    z-index: 1;
}
  
  .options-list li {
  	cursor: pointer;
  transition: 0.2s;
  }
  
    .options-list li:hover {
  	color: var(--ideagen-color-teal-90);
  }
  
      .options-list li:active {
  	color: var(--ideagen-color-teal-100);
  }
  
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;
}
  
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:first-child {
  	border-top: 2px solid var(--ideagen-color-neutral-10);
}
  
li.article-item:last-child {
    margin-bottom: 5px;
  	border-bottom: 1px solid var(--ideagen-color-neutral-10);
}
  
  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-child.promoted {
   border-top: 2px solid var(--ideagen-color-neutral-10);
}

  li.article-item:last-child.promoted {
   border-bottom: 1px solid var(--ideagen-color-neutral-10);
}

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);
}
  
  .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;
}
  
.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: .2s;
    display: flex;
    align-items: center;
    line-height: 16px;
    width: fit-content;
}
  
    .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;
}
  
#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;
  }
  
  .sitewidth {
  	padding: 0px 10px;
  }
  
  .breadcrumbs {
  	padding: 0;
  }
}
  
    @media (max-width: 767px) {
  
  .sitewidth {
  	padding: 0;
  }
  
  .breadcrumbs {
  	padding: 0 24px;
  }
  
  .solution-search .search {
    position: relative;
    width: 100%;
}
  
  section.solution-main-header {
    padding: 0 16px;
}
  
  ul.section-tag-cloud {
  padding: 10px;
  }
  
  .solution-metadata h1 {
  	font-size: 24px;
  }
}



.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 (min-width: 1024px) {
  .article .breadcrumbs{
    padding-top: 0;
    margin-top: 0;
  }
  
    .article {
        flex: 1 0 80%;
    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);
  }
}

@media (max-width:1024px) {
  .article-container {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    gap: 20px;
    flex-direction: column;
}
  
  .article {
    flex: 0 0 100%;
    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);
}
  
.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-color-teal-80);
    font-weight: 500;
  transition: 0.2s;
}

.attachment-meta a:hover {
    color: var(--ideagen-color-teal-90);
}

.attachment-meta a:active, .attachment-meta a:focus {
    color: var(--ideagen-color-teal-100);
}

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

.article-body a:hover {
    color: var(--ideagen-color-teal-70);
}

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

/*.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: 24px;
}

.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;
}

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: 1;
    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-color-teal-80);
  text-decoration: none;
}

.sidenav-item:active {
  color: var(--ideagen-color-teal-90);
  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-50);
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 82px;
    border-radius: 8px;
    background: var(--ideagen-color-neutral-05);
    transition: 0.2s;
}

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

.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-color-teal-80)!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;
    padding-top: 30px;
    word-wrap: break-word;
    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;
    margin-top: 24px;
}

.comment-container {
    width: 100%;
    padding-bottom: 0;
}

.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-color-teal-80);
    font-weight: 600;
}

.comment-body a:hover {
  color: var(--ideagen-color-teal-70);
}

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

.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;
}

  /*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;
}

.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;
}

.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;
    padding: 0 0 12px;
}
}

.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: 0;
    left: 0;
    height: 100%;
}

.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 {
  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;
  overflow-x: auto;
}

.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 (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 20px;
  }
}

.request-main {
    flex: 1;
    order: 0;
    min-width: 0;
    margin-bottom: 72px;
}

@media (max-width: 1040px) {
    .request-main {
        flex: 1 0 100%;
        margin-bottom: 32px;
      	width:100%;
    }
}

.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-50);
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 82px;
    border-radius: 8px;
    background: var(--ideagen-color-neutral-05);
    transition: 0.2s;
    cursor: pointer;
}

.request-main .comment-show-container:hover {
    background: var(--ideagen-color-neutral-10);
}

.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-50);
}

.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-color-teal-60);
}

.request-main .comment-ccs+textarea:hover {
    border: 2px solid var(--ideagen-color-teal-40);
}

.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 {
    background-color: unset;
    border: 0;
    font-size: 13px;
    padding: 24px;
    width: 366px;
    margin-left: 20px;
    flex: unset;
}

@media (max-width: 1040px) {
    .request-sidebar {
        padding: 0 13px;
        width: 100%;
        margin-left: 0;
        margin-bottom: 72px;
    }
}

.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;
}

.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 {
    padding: 24px;
    background: var(--ideagen-color-neutral-05);
    text-align: center;
    border-radius: 8px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--ideagen-color-neutral-10);
}

.request-follow-up a {
    color: var(--ideagen-color-teal-80);
    font-weight: 700;
    transition: 0.2s;
}

.request-follow-up a:hover {
    color: var(--ideagen-color-teal-70);
}

.request-follow-up a:active,
.request-follow-up a:focus {
    color: var(--ideagen-color-teal-90);
}

/***** 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;
}

@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}

aside.search-results-sidebar {
    flex: 0;
}

.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 14px 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 14px 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 14px 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 14px 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 14px 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 14px 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 {
    border: 0;
    background: no-repeat 14px 13px var(--ideagen-color-teal-90)      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="%23ffffff"/></svg>')!important;
    color: var(--ideagen-color-white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 18px;
}

blockquote.alert a {
    border: 2px solid white;
    padding: 4px 6px;
    border-radius: 8px;
    font-weight: 700;
}

blockquote.alert a:hover,
blockquote.alert a:focus,
blockquote.alert a:active {
    background: var(--ideagen-color-white);
}

blockquote.note, .article-body div.note  {
  /*border: 2px solid var(--ideagen-color-teal-40);*/
    background: no-repeat 14px 14px 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:not(:first-child) {
    line-height: 1.2;
    position: relative;
    margin: 8px 0;
    padding: 0 0 0 24px;
}

blockquote.who p:not(:first-child):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;
    position: absolute;
    left: 0;
    top: 0;
}

@media (max-width: 767px) {
  blockquote.who {
    padding: 16px !important;
  }
}

blockquote p {
    margin: 0;
}

/*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(/hc/theming_assets/01J2Y1X79366AS7MADG66A91JV);
    background-size: cover;
    height: inherit;
    width: calc(100% - 490px);
}

.hero-right#support {
    background-image: url(/hc/theming_assets/01J2Y1X1RHD82SB8S1ZN1XNKXX);
}

.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 22px 24px;
    font-weight: 600;
    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 12px 24px 12px;
  }
  
  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;
}