/* *****************************************
New Login Page:
****************************************** */
/* jean-sebastien@lumapps.com */
#login-app, #login-app.page-card{
  background-color:#fff;
}

/* ludovic@lumapps.com */
/* Request from Tracy to make the "Sign in with email" button smaller 
to reduce the number of people clicking on it by mistake */
#login-app button.login-provider-button.login-provider-button--email {
    margin-top: 32px;
    margin-bottom: -8px;
    width: inherit;
    height: 22px;
    border: 0px!important;
}

#login-app button.login-provider-button.login-provider-button--email>span{
    height: 20px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: gray
}

#login-app button.login-provider-button.login-provider-button--email .login-provider-button__logo-wrapper {
    display:none
}


/* *****************************************
- NGI version: pierre.lebot-ext@lumapps.com
- Updated On: 2023-07-12
****************************************** */
/* *************************************** */
/* Font import */
/* *************************************** */

@font-face {
    font-family: "TT Commons";
    font-style: normal;
    font-weight: 700;
    src:
        url("https://lumapps-lvmh-font.storage.googleapis.com/tt-commons/tt-commons-demi-bold.woff2") format("woff2"),
        url("https://lumapps-lvmh-font.storage.googleapis.com/tt-commons/tt-commons-demi-bold.woff") format("woff");
    font-display: swap;
}

/*Kenz 15/12/2023 Table width fix where text was vertical and unreadable*/
/* Make the table layout fixed */
#l049942206690904434__table_i44_plm_dmb.frame-all colgroup col:nth-child(2)
{
    width: 20% !important; 
}

#l049942206690904434__table_dy5_n1x_smb.frame-all colgroup col:nth-child(2)
{
    width: 20% !important; 
}
#l049942206690904434__table_zff_4td_tmb.frame-all colgroup col:nth-child(2)
{
    width: 18% !important; 
}

#l049942206690904434__table_b1t_p1x_smb.frame-all colgroup col:nth-child(2)
{
    width: 18% !important; 
}


@font-face {
    font-family: "TT Commons";
    font-style: normal;
    font-weight: 500;
    src:
        url("https://lumapps-lvmh-font.storage.googleapis.com/tt-commons/tt-commons-demi-bold.woff2") format("woff2"),
        url("https://lumapps-lvmh-font.storage.googleapis.com/tt-commons/tt-commons-demi-bold.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "TT Commons";
    font-style: normal;
    font-weight: 400;
    src:
        url("https://lumapps-lvmh-font.storage.googleapis.com/tt-commons/tt-commons-regular.woff2") format("woff2"),
        url("https://lumapps-lvmh-font.storage.googleapis.com/tt-commons/tt-commons-regular.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "TT Commons";
    font-style: normal;
    font-weight: 300;
    src:
        url("https://lumapps-lvmh-font.storage.googleapis.com/tt-commons/tt-commons-light.woff2") format("woff2"),
        url("https://lumapps-lvmh-font.storage.googleapis.com/tt-commons/tt-commons-light.woff") format("woff");
    font-display: swap;
}

/* *************************************** */
/* Common CSS variables */
/* *************************************** */

:root {
    --lumx-color-grey-100: #8895a3;
    --lumx-color-royal-blue-16: #dce5fb;
}

/* Search box borders */
.theme-lumapps .searchbox {
    --lumx-text-field-state-default-input-border-top-width: 0;
    --lumx-text-field-state-default-input-border-right-width: 0;
    --lumx-text-field-state-default-input-border-bottom-width: 0;
    --lumx-text-field-state-default-input-border-left-width: 0;
    --lumx-text-field-state-hover-input-border-top-width: 0;
    --lumx-text-field-state-hover-input-border-right-width: 0;
    --lumx-text-field-state-hover-input-border-bottom-width: 0;
    --lumx-text-field-state-hover-input-border-left-width: 0;
}

/* *************************************** */
/* Theme material styles (replaced by CSS variables)
/* *************************************** */

:root {
    --lumx-custom-title1-font-family: "TT Commons", sans-serif;
    --lumx-custom-title1-font-size: 2.5rem; /* 40px */
    --lumx-custom-title1-font-weight: 700;
    --lumx-custom-title1-line-height: 3.125rem; /* 50px */
    --lumx-custom-title2-font-family: "TT Commons", sans-serif;
    --lumx-custom-title2-font-size: 1.875rem; /* 30px */
    --lumx-custom-title2-font-weight: 700;
    --lumx-custom-title2-line-height: 2.5rem; /* 40px */
    --lumx-custom-title3-font-family: "TT Commons", sans-serif;
    --lumx-custom-title3-font-size: 1.5rem; /* 24px */
    --lumx-custom-title3-font-weight: 500;
    --lumx-custom-title3-line-height: 2rem; /* 32px */
    --lumx-custom-title4-font-family: "TT Commons", sans-serif;
    --lumx-custom-title4-font-size: 1.25rem; /* 20px */
    --lumx-custom-title4-font-weight: 500;
    --lumx-custom-title4-line-height: 1.875rem; /* 30px */
    --lumx-custom-title5-font-family: "TT Commons", sans-serif;
    --lumx-custom-title5-font-size: 1.125rem; /* 18px */
    --lumx-custom-title5-font-weight: 500;
    --lumx-custom-title5-line-height: 1.5rem; /* 24px */
    --lumx-custom-title6-font-family: "TT Commons", sans-serif;
    --lumx-custom-title6-font-size: 1rem; /* 16px */
    --lumx-custom-title6-font-weight: 500;
    --lumx-custom-title6-line-height: 1.25rem; /* 20px */
    --lumx-custom-intro-font-family: "TT Commons", sans-serif;
    --lumx-custom-intro-font-size: 1.125rem; /* 18px */
    --lumx-custom-intro-font-weight: 400;
    --lumx-custom-intro-line-height: 1.875rem; /* 30px */
    --lumx-custom-body-font-family: "TT Commons", sans-serif;
    --lumx-custom-body-font-size: 1rem; /* 16px */
    --lumx-custom-body-font-weight: 400;
    --lumx-custom-body-line-height: 1.25rem; /* 20px */
    --lumx-custom-body-large-font-family: "TT Commons", sans-serif;
    --lumx-custom-body-large-font-size: 1.125rem; /* 18px */
    --lumx-custom-body-large-font-weight: 400;
    --lumx-custom-body-large-line-height: 1.5rem; /* 24px */
    --lumx-custom-quote-font-family: "TT Commons", sans-serif;
    --lumx-custom-quote-font-size: 1rem; /* 16px */
    --lumx-custom-quote-font-weight: 400;
    --lumx-custom-quote-line-height: 1.5rem; /* 24px */
    --lumx-custom-publish-info-font-family: "TT Commons", sans-serif;
    --lumx-custom-publish-info-font-size: 1rem; /* 16px */
    --lumx-custom-publish-info-font-weight: 400;
    --lumx-custom-publish-info-line-height: 1.25rem; /* 24px */
}
/*assistant header styling*/
:root {
  --assistant-header-background-color:#F8D04D;
  --assistant-header-text-color:#000;
}
.assistant-header__title {
  font-size:var(--lumx-custom-intro-font-size)!important;
}
/* --- BASE STYLES */

/* App background color */

body.theme-material {
    background-color: #fff;
}

/* --- HEADER OVERRIDES */

/* Remove header shadow */

.theme-material .main-nav {
    box-shadow: none;
}

/* --- NATIVE UI ELEMENTS OVERRIDES */

/* Title 1 */

.theme-material .widget-title .widget-title__title,
.theme-material .widget-title .widget-title__input,
.theme-material .widget-html .fr-element h1,
.theme-material .widget-html .fr-element h1 span {
    font-family: var(--lumx-custom-title1-font-family) !important;
    font-size: var(--lumx-custom-title1-font-size) !important;
    font-weight: var(--lumx-custom-title1-font-weight) !important;
    line-height: var(--lumx-custom-title1-line-height) !important;
}

/* Title 2 */

.theme-material .widget--l .content-block--default-style.content-block--view-mode-cover .content-block-title,
.theme-material .widget--m .content-block--default-style.content-block--view-mode-cover .content-block-title,
.theme-material .widget-html .fr-element h2,
.theme-material .widget-html .fr-element h2 span {
    font-family: var(--lumx-custom-title2-font-family) !important;
    font-size: var(--lumx-custom-title2-font-size) !important;
    font-weight: var(--lumx-custom-title2-font-weight) !important;
    line-height: var(--lumx-custom-title2-line-height) !important;
}

/* Title 3 */

.theme-material .widget--s .content-block--default-style.content-block--view-mode-cover .content-block-title,
.theme-material .content-block--default-style:not(.content-block--view-mode-cover) .content-block-title,
.theme-material .widget-html .fr-element h3,
.theme-material .widget-html .fr-element h3 span {
    font-family: var(--lumx-custom-title3-font-family) !important;
    font-size: var(--lumx-custom-title3-font-size) !important;
    font-weight: var(--lumx-custom-title3-font-weight) !important;
    line-height: var(--lumx-custom-title3-line-height) !important;
}

/* Title 4 */

.theme-material .post-block .post-block-content__title,
.theme-material .community-block .community-block__title,
.theme-material .widget-html .fr-element h4,
.theme-material .widget-html .fr-element h4 span {
    font-family: var(--lumx-custom-title4-font-family) !important;
    font-size: var(--lumx-custom-title4-font-size) !important;
    font-weight: var(--lumx-custom-title4-font-weight) !important;
    line-height: var(--lumx-custom-title4-line-height) !important;
}

/* Title 5 */

.theme-material .directory-entry-block .directory-entry-block-title,
.theme-material .instance-block .instance-block-name,
.theme-material .media-block .media-block__name,
.theme-material .widget-user-list .user-block .user-block__primary-field,
.theme-material .post-block .wrex-content-headline,
.theme-material .widget-email .widget-email__email-sender,
.theme-material .widget-calendar .widget-calendar-event__title {
    font-family: var(--lumx-custom-title5-font-family) !important;
    font-size: var(--lumx-custom-title5-font-size) !important;
    font-weight: var(--lumx-custom-title5-font-weight) !important;
    line-height: var(--lumx-custom-title5-line-height) !important;
}

/* Title 6 */

.theme-material .post-block .wrex-content-title {
    font-family: var(--lumx-custom-title6-font-family) !important;
    font-size: var(--lumx-custom-title6-font-size) !important;
    font-weight: var(--lumx-custom-title6-font-weight) !important;
    line-height: var(--lumx-custom-title6-line-height) !important;
}

/* Intro */

.theme-material .widget-intro .widget-intro__content,
.theme-material .widget-intro .fr-element {
    font-family: var(--lumx-custom-intro-font-family) !important;
    font-size: var(--lumx-custom-intro-font-size) !important;
    font-weight: var(--lumx-custom-intro-font-weight) !important;
    line-height: var(--lumx-custom-intro-line-height) !important;
}

/* Body */

.theme-material .content-block .content-block-excerpt,
.theme-material .post-block .wrex-content-body,
.theme-material .post-block .wrex-content-link,
.theme-material .community-block .community-block__content {
    font-family: var(--lumx-custom-body-font-family) !important;
    font-size: var(--lumx-custom-body-font-size) !important;
    font-weight: var(--lumx-custom-body-font-weight) !important;
    line-height: var(--lumx-custom-body-line-height) !important;
}

.theme-material .post-block .wrex-user-mention>span {
    font-family: var(--lumx-custom-body-font-family) !important;
    font-size: var(--lumx-custom-body-font-size) !important;
    line-height: var(--lumx-custom-body-line-height) !important;
}

/* Body large */

.theme-material .widget-html .fr-element p,
.theme-material .widget-html .fr-element ul,
.theme-material .widget-html .fr-element ol,
.theme-material .widget-html .fr-element dd {
    font-family: var(--lumx-custom-body-large-font-family) !important;
    font-size: var(--lumx-custom-body-large-font-size) !important;
    font-weight: var(--lumx-custom-body-large-font-weight) !important;
}

.theme-material .widget-html .fr-element dt {
    font-family: var(--lumx-custom-body-large-font-family) !important;
    font-size: var(--lumx-custom-body-large-font-size) !important;
}

/* Editorial quote */

.theme-material .widget-html .fr-element blockquote {
    font-family: var(--lumx-custom-quote-font-family) !important;
    font-size: var(--lumx-custom-quote-font-size) !important;
    font-weight: var(--lumx-custom-quote-font-weight) !important;
    line-height: var(--lumx-custom-quote-line-height) !important;
}

/* Publish info */

.theme-material .content-block .content-block-publication-date {
    font-family: var(--lumx-custom-publish-info-font-family) !important;
    font-size: var(--lumx-custom-publish-info-font-size) !important;
    font-weight: var(--lumx-custom-publish-info-font-weight) !important;
    line-height: var(--lumx-custom-publish-info-line-height) !important;
}

/* Footer label */

.theme-material .widget-header .widget-header__title,
.theme-material .widget-footer .widget-footer__label {
    font-family: "TT Commons", sans-serif;
}

/* Custom tags */

.theme-material .content-block .content-block__field.content-block__field--tags {
    padding: var(--lumx-spacing-unit-regular) 0;
}

.theme-material .content-block .content-block__field.content-block__field--tags:first-child {
    padding-top: 0;
}

.theme-material .content-block .content-block__field.content-block__field--tags:last-child {
    padding-bottom: 0;
}

.theme-material .content-block-tags {
    display: flex;
    align-items: center;
    margin: -3px;
}

.theme-material .content-block-tags .content-block-tags__prefix {
    display: none;
}

.theme-material .content-block-tags .content-block-tags__tag::after {
    display: none;
}

.theme-material .content-block-tags .content-block-tags__tag {
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 var(--lumx-spacing-unit-big);
    margin: 3px;
    font-family: "TT Commons", sans-serif;
    font-size: 12px;
    color: var(--lumx-color-secondary-N) !important;
    text-transform: uppercase;
    background-color: var(--lumx-color-royal-blue-16);
    border-radius: 12px;
}

/* Fix content block */

.theme-material .content-block .content-block-publication-date {
    display: block;
}

.theme-material .content-block .content-block-metadata {
    font-style: normal;
}

.theme-material .content-block .content-block__field {
    margin: 0 !important;
}

.theme-material .content-block .content-block__field.content-block__field--publication-date,
.theme-material .content-block .content-block__field.content-block__field--tags,
.theme-material .content-block .content-block__field.content-block__field--title,
.theme-material .content-block .content-block__field.content-block__field--excerpt,
.theme-material .content-block .content-block__field.content-block__field--metadata {
    padding: 2px 0;
}

.theme-material .content-block .content-block__field.content-block__field--author {
    padding: var(--lumx-spacing-unit-big) 0;
}

.theme-material .content-block .content-block__field.content-block__field--social {
    padding: var(--lumx-spacing-unit-regular) 0;
}

.theme-material .content-block .content-block__field:first-child {
    padding-top: 0 !important;
}

.theme-material .content-block .content-block__field:last-child {
    padding-bottom: 0 !important;
}

/* Fix post block */

.theme-material .post-block .post-block-header__flag {
    align-items: center;
}

/* Fix community block block */

.theme-material .community-block .community-members {
    padding-bottom: var(--lumx-spacing-unit-regular);
    margin: 0;
}

.theme-material .community-block .community-block__title,
.theme-material .community-block .community-block__content {
    padding: 2px 0;
    margin: 0 !important;
}

.theme-material .community-block .community-block__title:first-child,
.theme-material .community-block .community-block__content:first-child {
    padding-top: 0 !important;
}

.theme-material .community-block .community-block__title:last-child,
.theme-material .community-block .community-block__content:last-child {
    padding-bottom: 0 !important;
}

.theme-material .community-block .community-block__follow {
    padding-top: 16px;
}

/* --- WIDGET CLASSES */

/*HTML overflow fix*/
#app-view .widget-html .widget-content{
    overflow:clip;
}

/*removeable of padding in wrapper*/
.widget-breadcrumb .widget-breadcrumb__wrapper{
    padding:0px 0px 24px;
}

/*right align for custom HTML license package*/
.widget--license-package .widget-content{
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
}

/*hidding widgets with custom class*/
.widget--hidden-temporary{
    display:none;
}

/* Home breaking news */

.theme-material .widget--home-breaking-news .content-block.content-block--view-mode-cover.content-block--inline-thumbnail {
    display: flex;
    flex-direction: row-reverse;
}

.theme-material .widget--home-breaking-news.widget--squareimg.widget--l .content-block--default-style.content-block--view-mode-cover.content-block--inline-thumbnail .content-block__thumbnail {
    min-width: 49%;
    max-width: 49%;
}

.theme-material .widget--home-breaking-news .widget-slideshow__controls {
    right: 66.6% !important;
    left: 0 !important;
}

/* Widget introduction color (news template) */

.theme-material .widget--greyintro span {
    color: var(--lumx-color-grey-100);
}

/* *************************************** */
/* Theme lumapps styles
/* *************************************** */

:root {
    --lumx-app-background: #fff;
    --lumx-app-header-box-shadow: none;
    --lumx-widget-header-font-family: "TT Commons", sans-serif;
    --lumx-widget-footer-font-family: "TT Commons", sans-serif;
    --lumx-typography-custom-title1-font-family: "TT Commons", sans-serif;
    --lumx-typography-custom-title2-font-family: "TT Commons", sans-serif;
    --lumx-typography-custom-title3-font-family: "TT Commons", sans-serif;
    --lumx-typography-custom-title4-font-family: "TT Commons", sans-serif;
    --lumx-typography-custom-title5-font-family: "TT Commons", sans-serif;
    --lumx-typography-custom-title6-font-family: "TT Commons", sans-serif;
    --lumx-typography-custom-body-large-font-size: 1.125rem;
    --lumx-typography-custom-body-large-line-height: 1.5;
}

/* --- NATIVE UI ELEMENTS OVERRIDES */

.theme-lumapps .block-html a,
.theme-lumapps .widget-html__content a {
    color: var(--lumx-color-secondary-N);
    text-decoration: none;
}

.theme-lumapps .block-html a:hover,
.theme-lumapps .widget-html__content a:hover {
    text-decoration: underline;
}

/* --- WIDGET CLASSES */

/* Widget introduction color (news template) */

.theme-lumapps .widget--greyintro {
    --lumx-widget-intro-theme-light-color: var(--lumx-color-grey-100);
}

/* *************************************** */
/* Common styles (both themes) */
/* *************************************** */

/* --- HEADER OVERRIDES */

/* Main nav items style */

.main-nav-item > .main-nav-item__link:hover > .main-nav-item__label,
.main-nav-item--is-active > .main-nav-item__link > .main-nav-item__label {
    color: var(--lumx-color-primary-N) !important;
}

/* --- NATIVE UI ELEMENTS OVERRIDES */

/* Widget list horizontal / grid wo margin */

.widget-content-list--slideshow.widget-content-list--view-mode-horizontal,
.widget-content-list--slideshow.widget-content-list--view-mode-horizontal .widget-content {
    overflow: visible;
}

.widget-content-list--slideshow.widget-content-list--view-mode-horizontal .widget-slideshow,
.widget-content-list--slideshow.widget-content-list--view-mode-horizontal .widget-slideshow .widget-slideshow__wrapper {
    margin: -12px;
}

/* Links / Directory entries thumbnail color & shape */

.widget-links__thumbnail,
.directory-entry-block__thumbnail,
.color-bubble-letter {
    border-radius: 2px;
}

.widget-links__thumbnail--no-thumbnail,
.directory-entry-block__thumbnail-no-thumbnail,
.color-bubble-letter {
    background-color: var(--lumx-color-primary-N) !important;
}

/* Hide org chart on the user profile */

.user-about-page .user-about-page__org-chart {
    display: none;
}

/* Remove the "See more" native button of the Personal Feed widget  */
/* Ludovic Iafrate - 2024.11.07  */
.widget-personal-feed-preview.widget--personal-feed-preview-hide-see-more-button a[data-id="widget-personal-feed-button-footer-redirect"] {
    display: none;
}


/* --- Global styles */

/* Default widget header and footer styles */

.widget[class*="widget--shared-lumapps"] .widget-header__title {
    text-transform: uppercase;
}

/* --- WIDGET CLASSES */

/* Small articles (home) */

@media screen and (min-width: 1024px) {
    .widget--small-articles .widget-content-list__list,
    .widget--small-articles .block-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--lumx-spacing-unit-huge);
    }

    .widget--small-articles .content-block {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    .widget--small-articles .block-list > hr {
        display: none;
    }

    .widget--small-articles .content-block .content-block__thumbnail {
        width: 80px !important;
        height: 80px !important;
    }
    
    .widget--small-articles {
        --lumx-thumbnail-aspect-ratio:1/1;
    }

    .widget--small-articles .block-page-preview .block-page-preview__thumbnail-wrapper {
        flex: 0 0 80px;
    }

    .widget--small-articles .content-block .content-block-title a {
        font-size: 18px !important;
        line-height: initial !important;
    }
}

/* Small articles without grid (home) */

@media screen and (min-width: 1024px) {
    .widget--corporatearea .widget-content-list__list,
    .widget--corporatearea .block-list {
        grid-template-columns: 1fr;
    }
}

/* Responsive thumbnail (https://hive.lumapps.com/hive/resource-center/webinar-center) */

.widget--responsive-thumbnails .content-block .content-block__thumbnail {
    height: auto;
    min-height: 50px;
}

.widget--responsive-thumbnails .content-block .content-block__thumbnail > a {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
}

.widget--responsive-thumbnails .content-block .content-block__thumbnail .lumx-thumbnail__image {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
}

/* Letter box with white background (https://hive.lumapps.com/hive/sales-and-customers/sales-engineering-page) */

.widget--letter-box-white .widget-links__thumbnail--no-thumbnail,
.widget--letter-box-white .directory-entry-block__thumbnail-no-thumbnail,
.widget--letter-box-white .color-bubble-letter {
    background-color: #fff !important;
    border-radius: 10px;
}

.widget--letter-box-white .widget-links__thumbnail span,
.widget--letter-box-white .color-bubble-letter span {
    color: var(--lumx-color-secondary-N);
}

/* Customer success (https://hive.lumapps.com/hive/marketing) */

.widget--customers-success .widget-slideshow__controls {
    padding-bottom: var(--lumx-spacing-unit-huge);
}

.widget--customers-success .widget-slideshow--theme-light .widget-slideshow__pager-bullet:hover,
.widget--customers-success .widget-slideshow--theme-light .widget-slideshow__pager-bullet--is-active {
    background-color: var(--lumx-color-primary-N);
}

/* Radius footer (https://hive.lumapps.com/hive/product-page) */

.widget--radius-footer .widget-footer {
    border-radius: 0 0 8px 8px;
}

.theme-lumapps .widget--home-breaking-news .content-block.content-block--view-mode-cover.content-block--inline-thumbnail,
.theme-lumapps .widget--home-breaking-news .block-page-preview {
    display: flex;
    flex-direction: row-reverse;
}

.theme-lumapps .widget--home-breaking-news .block-slideshow--size-l.block-slideshow--side .block-slideshow__controls {
    left: 15%;
    transform: translateX(-50%);
}

/* --- CELL CLASSES */

/* Update cell z-index (https://hive.lumapps.com/hive-customers/hub-produit) */

.component-cell--Displayfirst,
.cell.Displayfirst {
    z-index: 1 !important;
}

/* --- ROW CLASSES */

/* Custom row (https://hive.lumapps.com/hive/resource-center) */

@media screen and (min-width: 1024px) {
    .component-row--custom_row .component-row__grid,
    .component-row--custom_row .row-wrapper {
        justify-content: center;
    }

    .component-row--custom_row .component-row__grid > .component-cell--w-4,
    .component-row--custom_row .row-wrapper > .cell--w-4 {
        flex: 0 0 21.3333%;
        max-width: 21.3333%;
    }
}

/* *************************************** */
/* Button back to the top */
/* *************************************** */

/*Blue Button - style*/
.widget--style-6778825213821709.widget--shared-hive-center-bluebtn {
  display:flex;
  align-items:center;
}
/*Blue Button - text styling*/
.widget--style-6778825213821709.widget--shared-hive-center-bluebtn .block-remote a p{
  font-size:0.75em;
  padding:0px 12px;
}



#up {
    position: fixed;
    right: 100px;
    bottom: 26px;
    z-index: 9999;
    display: block;
    width: 160px;
    height: 33px;
}

/* *************************************** */
/* Footer */
/* *************************************** */

.footer {
    background-color: #fff;
}

.footer .wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.footer .wrapper .logo,
.footer .wrapper .mentions {
    padding-top:12px;
}

.footer .wrapper .mentions {
    font-size: 12px;
    font-style: italic;
    color: var(--lumx-color-grey-100);
}

.footer .wrapper .logo img {
    width:140px;
}

.footer .wrapper .mentions a {
    font-weight: 600;
    color: var(--lumx-color-primary-N);
    text-decoration: none;
}

/* *************************************** */
/* Portal Website */
/* *************************************** */

body.lumapps-thehive-portal {
    --lumx-app-background: rgb(237 242 253);

    background-color: rgb(237 242 253);
}

body.lumapps-thehive-portal .header {
    display: none;
}

.component-row--background-custom-login {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 95.6vh;
}

[data-type="Manager"][data-id="user-details-list-item-element"],
[data-type="Mail"][data-id="user-details-list-item-element"],
[data-type*="Phone"][data-id="user-details-list-item-element"]{
    display: none;
}


/* *************************************** */
/* Lumapps Play markup on Lumapps Play video widget */
/* jean@lumapps.com updated on, Nov 21, 2022
/* *************************************** */

.generic-entity-block__additional-info .data-listing__data:after {
    margin: 0 8px;
    content: "- powered by LumApps Play -";
}

/* *************************************** */
/************Ivanka 05.09.2022 - Nouveaux encarts BOX************/
/**Encarts box - general**/
.widget-html .widget-html__content .box,
.widget-html .block-html .box {
    position: relative !important;
	padding: 16px 32px 16px 72px;
	margin: 16px 60px 16px 60px !important;
	border-radius: 4px !important;
	/*min-height:82px;*/
}
.widget-html .widget-html__content .box:last-child,
.widget-html .block-html .box:last-child  {
    margin-bottom: 0
}
 
/**Icones - general**/
.widget-html .widget-html__content .box:before,
.widget-html .block-html .box:before {
    position:absolute;
    top:50%;
    left: 16px;
    display: flex;
    align-items:center;
    width: 40px;
    height: 40px;
    font: normal normal normal 48px/1 Material Design Icons;
    font-size: inherit;
    font-size: 40px;
    line-height: inherit;
    line-height: none;
    transform:translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}
 
/**Note d'attention - Orange**/
.widget-html .widget-html__content .box--info,
.widget-html .block-html .box--info {
    background-color: #FAF6F0;
    border-left:4px solid #FFB600;
}
.widget-html .widget-html__content .box--info:before,
.widget-html .block-html .box--info:before{
    color: #FFB600;
    content: "\F0CE4";
}
 
/**Attention - Rouge**/
.widget-html .widget-html__content .box--attention,
.widget-html .block-html .box--attention {
    background-color:#FAF6F0;
    border-left:4px solid #FA5A28;
}
.widget-html .widget-html__content .box--attention:before,
.widget-html .block-html .box--attention:before {
    color: #FA5A28;
    content: "\F015D";
}
 
/**Note info - Bleu**/
.widget-html .widget-html__content .box--note,
.widget-html .block-html .box--note {
    background-color: #FAF6F0;
    border-left:4px solid #4DB3EC;
}
.widget-html .widget-html__content .box--note:before,
.widget-html .block-html .box--note:before  {
    color: #4DB3EC;
    content: "\F09ED";
}
 
/**Info contextuelle**/
.widget-html .widget-html__content .box--rights,
.widget-html__wysiwyg .box--rights,
.widget-html .block-html .box--rights {
    padding-left:24px;
    background-color: #E3F0FE !important;
    border: none;
    border-left:none !important;
    border-radius:4px;
    box-shadow:none !important;
}
  
.widget-html .widget-html__content .box--rights:before,
.widget-html .block-html .box--rights:before {
    display:none;
}

/**Lilly - Note Tip - Vert**/
.widget-html .widget-html__content .box--tip,
.widget-html .block-html  .box--tip {
    background-color: #FAF6F0;
    border-left:4px solid #58A16D;
}
.widget-html .widget-html__content .box--tip:before,
.widget-html .block-html  .box--tip:before {
    color: #58A16D;
    content: "\F06E9";
}

/**Lilly - Note Remember - Violet**/
.widget-html .widget-html__content .box--remember,
.widget-html .block-html  .box--remember {
    background-color: #e6e6fa;
    border-left:4px solid #8878c3;
}
.widget-html .widget-html__content .box--remember:before,
.widget-html .block-html  .box--remember:before {
    color: #8878c3;
    content: "\F15E3";
}
 
/** SAUVEGARDE CSS pour encarts BOX
.widget-html .widget-html__content .box {
  position: relative;
  padding: 16px 16px 16px 56px;
  margin: 16px 0 !important;
  border-radius: 2px
}
.widget-html .widget-html__content .box:last-child {
  margin-bottom: 0
}
.widget-html .widget-html__content .box:before {
  display: inline-block;
  font: normal normal normal 24px/1 Material Design Icons;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: inherit;
  text-rendering: auto;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  position: absolute;
  top: 16px;
  left: 16px
}
.widget-html .widget-html__content .box--info {
  background-color: rgba(33, 150, 243, 0.1)
}
.widget-html .widget-html__content .box--info:before {
  content: "\F02FD";
  color: #2196f3
}
.widget-html .widget-html__content .box--attention {
  background-color: rgba(255, 179, 0, 0.2)
}
.widget-html .widget-html__content .box--attention:before {
  content: "\F0026";
  color: #ffb300
}
.widget-html .widget-html__content .box--note {
  background-color: rgba(76, 175, 80, 0.1)
}
  .widget-html .widget-html__content .box--note {
  background-color:#FAF6F0;
}
.widget-html .widget-html__content .box--note:before {
  content: "\F05E1";
  color: #4caf50
}
  
.widget-html .widget-html__content .box--rights,
.widget-html__wysiwyg .box--rights {
    border: 1px solid #e5e8e8; !important;
	border-left: 4px solid #91ADF3 !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0px 2px 16px 0px rgb(229 232 232 / 75%) !important;
}
.widget-html .widget-html__content .box--rights:before {
  content: "\F024C";
  color: #245BE7;
}**/

.activity-page__about{
    display: none;
}

.activity-page{
    flex-direction: row;
}

/* Fix the new User profile page that is still in beta */
/* 1. Old code that does not seem to be useful anymore :-/ */
[data-id="user-details-list-item-element"][data-type="Email"],
.user-profile li[id="03287814906909574222908066866324826"] {
    display: none;
}
/* 2. Make the LinkedIn and About Me fields be "full width" */
.user-profile li[id="154514040943314216528332161993981136225"],
.user-profile li[id="35142474338006522642774490599084287303"] {
    grid-column: span 3;
}

/* Hide phone numbers from the search results page since they are hard coded... */
[data-id="search-result-user-phone"] {
    display: none;
}


/* Hide the down vote button for posts in the product feedback community .widget--down-vote */
button.block-post-vote__down-btn.lumx-button.lumx-button--color-dark.lumx-button--emphasis-low.lumx-button--size-m.lumx-button--variant-icon{  
    display: none!important;
}



.widget--heart-broken .post-block .post-block__social .mdi-heart:before,
#heart-broken2 .post-block .mdi-heart:before{
    content: "\F005E"; 
}

/*.post-block[id*="4586597838094336"] .post-block__social .mdi-heart:before {
   content: "\F005E";
  content: "\F0416";
}*/

/*Ivanka 16/11 - Correction affichage tableau dans widget html*/
.widget-html__content table,
.block-html table {
    width:100% !important;
    table-layout:fixed !important;
}
.widget-html__content table p,
.widget-html__content table li,
.block-html table p,
.block-html table li {
    overflow-wrap: anywhere !important;
}

/*Ivanka 16/11 - Correction affichage du lien "Report an issue with this page"*/
#internal-feedback h2 {
    padding-left:30px;
    line-height:1.4 !important;
}

/*Ivanka 24/11 - Ajout font en BOLD dans les span des notes box*/
.widget-html__content .box span:not(p),
.block-html .box span:not(p){
    font-weight:600 !important;
}
/*Ivanka 24/11 enlever le souligné moche des breadcrumb et améliorer le rendu*/
.widget-breadcrumb__link {
    font-weight:500 !important;
    text-decoration:none !important;
    cursor:pointer !important;
}

/*Ivanka 29/11 Correction éléments en BOLD dans les procédures*/
.widget-html__content li span>span,
.block-html li span>span {
    font-weight:600 !important;
}
.widget-html__content li li span {
    font-weight:600 !important;
}

/*Ivanka 07/12 Correction élément en Bold, dans les encart liste "stepexpand" + les code block précisément*/
code {
    font-weight: 400 !important; 
}
.widget-html__content .stepexpand li span,
.block-html .stepexpand li span{
    font-weight: 400 !important;
}
.widget-html__content .stepexpand li span span,
.block-html .stepexpand li span span {
    font-weight: 600 !important;
}

/*Ivanka 24/01/2023 Correction éléments en Bold, précisément dans les "sections", pas prises en compte jusque là */
.widget-html__content section p span,
.block-html section p span {
    font-weight:600 !important;
}
/*Ivanka 24/01/2023 Correction élément en Bold, précisément dans les liste qui sont dans des sections*/
.widget-html__content section ul li span,
.block-html section ul li span {
    font-weight:600 !important;
}

/*Ivanka 25/01/2023 - margin top sur les h3 dans les html
.widget-html__content h3,
.block-html h3 {
    margin-top:24px
}*/

/*Lilly 15/02/2023 - add css for keyboard shortcuts*/
.keyboard-shortcut {

    /* Spacing */
    padding: 0.25rem 0.5rem;
    color: rgba(0, 0, 0, 0.7);
    /* Background and color */
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;

    /* Bottom shadow */
    box-shadow: #d1d5db 0px -4px 0px inset, rgba(0, 0, 0, 0.4) 0px 1px 1px;
}

/*Lilly 06/04/2023 - add css for "taskresults" and "example" classes */

section.taskresults::before {
    font-weight: bold;
    content:"Result";
}
section.taskresults{
    padding-top: 1em;
    border-top: solid 1px;
}

div.example {
    position: relative !important;
    padding: 16px 16px 16px 72px;
    margin: 16px 0 !important;
    border-left:4px solid #2596be;
    border-radius: 4px !important;
    /**min-height:82px;**/
}

div.example:last-child {
    margin-bottom: 0
}

div.example:before {
    position: absolute;
    top: 10%;
    left: 16px;
    align-items: center;
    font: normal normal normal 48px/1 Material Design Icons;
    font-size: 40px;
    color: #2596be;
    content: "\F00C3";
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*Lilly 18/04/2023 - add css uicontrol span class */

.uicontrol {
    font-weight:600 !important;
}

/**Settings Menu Update - Correct Extra space**/

.settings-menu .dropdown-section{height: auto;}


/*** The Hive - PS OFFERINGS STYLES -- Metadata Bubbles ***/

/*LEGACY*/
#app-view .widget--shared-psoffering-metadatabubbles  .widget-meta-metadata{
    padding: 6px 0;  
}
/*Bubble style*/
#app-view .widget--shared-psoffering-metadatabubbles  .widget-meta-metadata .widget-meta-metadata__name{
    padding: 6px 10px;
    margin-right:10px;
    background:#EDF2FD;
    border-radius: 25px;
}
/*Bubble style when hover*/
#app-view .widget--shared-psoffering-metadatabubbles  .widget-meta-metadata .widget-meta-metadata__name:hover{
    background:#D3DEFA;
}

/*removeable of dashes*/
#app-view .widget--shared-psoffering-metadatabubbles  .widget-meta-metadata .widget-meta-metadata__name:after{
    display: none;
}

/*REACT*/

/*SPACES - resizing - header*/
#front-office-app .space-header{
  width:1128px;
  padding:24px 0;
}
/*SPACES - resizing - layout*/
#front-office-app .layout>.row>.row-wrapper--is-compact{
    width:1128px;
}
#front-office-app .space-wrapper--list{
    width:1128px;
}

/*removeable of dashes*/
#front-office-app .widget--shared-psoffering-metadatabubbles .metadata-link-list li:before{
    display: none;
}

#front-office-app .widget--shared-psoffering-metadatabubbles .metadata-link{
    padding: 4px 10px;
    margin-right:10px;
    background:#EDF2FD;
    border-radius: 25px;
}

#front-office-app .widget--shared-psoffering-metadatabubbles .metadata-link:hover{
    background:#D3DEFA;
}

/*** The Hive - PS OFFERINGS STYLES -- Horizontal SubNavigation ***/

/*LEGACY*/
#app-view .widget--shared-psoffering-horizontalsubnav .widget-sub-nav__list {
    display: flex;
    justify-content: center;
}

/*space between menu links*/
#app-view .widget--shared-psoffering-horizontalsubnav .widget-sub-nav__list li{
    padding:0 24px;
    border-right:solid #b5b5b5 1px;
    border-bottom:none;
}
#app-view .widget--shared-psoffering-horizontalsubnav .widget-sub-nav__list li:first-child{
    padding:0 24px 0 0;
}
#app-view .widget--shared-psoffering-horizontalsubnav .widget-sub-nav__list li:last-child{
    padding:0 0 0 24px;
    border-right:none;
}

/*height container inside a list item*/
#app-view .widget--shared-psoffering-horizontalsubnav .widget-sub-nav__list .widget-sub-nav__wrapper{
    min-height:auto;
    padding:0px;
}

/*Size fo the text in the Sub NAv*/
#app-view .widget--shared-psoffering-horizontalsubnav .widget-sub-nav__list .widget-sub-nav__link span{
    font-size:18px !important;
}

#app-view .widget--shared-psoffering-horizontalsubnav .widget-sub-nav__list--root > li button.widget-sub-nav__toggle, 
#app-view .widget--shared-psoffering-horizontalsubnav .widget-sub-nav__list:not(.widget-sub-nav__list--root) {
    display: none!important;
}

/*REACT*/
/* Positioning of Sub Nav*/
#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation{
    display:flex;
    justify-content: center;
}

/*space between menu links*/
#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation li {
    padding:0 24px;
    margin:0px;
    border-right:solid #b5b5b5 1px;
}
#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation li:first-child {
    padding:0 24px 0 0;
    margin:0px;
}
#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation li:last-child {
    padding:0 0 0 24px;
    margin:0px;
    border-right:none;
}

/*Link height inside the List item*/
#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation .navigation-item a{
    min-height:auto;
    padding:0px;
}

/*SPAN label styling*/
#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation .navigation-item .navigation-item__label{
    padding:0px !important;
}

/*color link change on selected and hover*/
#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation li .navigation-item__link--is-selected{
    background-color:rgb(0, 0, 0, 0) !important;
}
#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation li a:hover{
    background-color:rgb(0, 0, 0, 0) !important;
}
#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation li a:hover
span{
    color:#245BE7!important;
}

/*Size fo the text in the Sub Nav*/
#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation li a{
    font-size:18px !important;
}

#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation > li button.navigation-section-link__chevron,
#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation .navigation-section-link__drawer {
    display: none;
}

#front-office-app .widget--shared-psoffering-horizontalsubnav .sub-navigation .navigation > li .navigation-section-link__link {
    border-right:none;
}

/* fix tables style for NGI */
.theme-lumapps .widget-html__content table th,
.theme-lumapps .block-html table th {
    font-weight: normal;
    background-color: #eee;
    border: 1px solid #e0e0e0;
  	max-width: 200px; 
    word-wrap: break-word; 
  	overflow-x: auto;
}

/* fix repeating titles */
.widget-title .widget-header {
    display:none;
}

/* fix follow button */
.theme-lumapps .follow-button--size-m.follow-button--view-mode-extended .follow-button__subscribe>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* codeph wrap inside the column */
tr td code.codeph {
  overflow-wrap: anywhere;
}

/* style for jira doc request */
.buttondocfeedback {
  display: inline-block;
  border-radius: 15px;
  background-color: #F9866B;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 20px;
  width: 300px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.buttondocfeedback span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttondocfeedback span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 8px;
  right: -20px;
  transition: 0.5s;
  font-size: 25px;
}

.buttondocfeedback:hover span {
  padding-right: 25px;
}

.buttondocfeedback:hover span:after {
  opacity: 1;
  right: 0;
}

/* Lilly 23/08/23 fixed no space between sections */
.block-html section {
  padding-bottom: 20px;
}

/*** System cards ***/

:root {
    --card-border-radius: 20px;
    --card-border-width: 1px;
    --card-theme-light-background: transparent;
    --card-theme-light-border-color: var(--lumx-color-dark-L5);
    --card-theme-dark-background: transparent;
    --card-theme-dark-border-color: var(--lumx-color-light-L4);
}

.space-wrapper .space-contribution-field,
.space-wrapper .block-list.block-list--ungrouped .block-list__item,
.space-wrapper .block-article-list,
.space-wrapper .space-articles__article-list .block-augmented-container,
.space-wrapper .space-events__event-list .block-augmented-container,
.space-wrapper .cell--is-plain > .cell__wrapper,
.page-card,
.user-directory-list .user-directory-list__user .user-block,
.filter-pane,
.widget-content-filter .widget-content-filter__interest--content,
.micro-app,
.feed-page-content .feed-page-content__list .block-list__item,
.subscriptions-page .subscriptions-list .subscriptions-list-item-content {
    background: var(--card-theme-light-background) !important;
    border-color: var(--card-theme-light-border-color) !important;
    border-style: solid !important;
    border-width: var(--card-border-width) !important;
    border-radius: var(--card-border-radius) !important;
    box-shadow: none !important;
}

/* Ludo 2025.04.14 fixed custom border-radius not properly to all tags/elements of the "files" in rich text*/
.wrex-file .page-card:before,
.wrex-file .page-card .file-preview-block {
    border-radius: var(--card-border-radius);
}

/*Hive Holiday widget adjustment - Nov 20 2023s*/
.widget--holiday-text .adc-widget.adc-holiday-spirit-widget span {
  font-size: var(--lumx-custom-title1-font-size);
  color: #fff;
  font-weight:var(--lumx-custom-title1-font-weight);
  font-family: var(--lumx-custom-title1-font-family)!important;
}
.widget--holiday-text .adc-widget.adc-holiday-spirit-widget {
  text-align: center;
}

/* Custom CSS to hide Learning System Page until access for learners is ready */
[data-id="learning-page-header-icon-open-learning-page"] {display: none;}

/* Gregory Carlin - CSS for the SNCF microapp */
[data-id='my-apps-micro-app-extension-213259417888433193631854722086131858779'] .lumx-flex-box--gap-big {
    gap: 0px;
}
[data-id='micro-app-213259417888433193631854722086131858779'] .lumx-adaptive-card__element {
    gap: 0px !important;
}

[data-id='my-apps-micro-app-extension-213259417888433193631854722086131858779'] .micro-app {
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important
}
[data-id='micro-app-213259417888433193631854722086131858779'] .micro-app {
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important
}