/* General JoMash Stylings */ :root { --bs-text-dark: rgb(15, 26, 46); --bs-border-color: #F1F1F2; --bs-card-box-shadow: 0 0.025rem 0.25rem #0f1a2e26, 0 0 0.025rem #0f1a2e26; --bs-card-border-radius: var(--ld-br-m); --bs-card-bg: #ffffff; --bs-body-color: #071437; --bs-card-border-color: #f1f1f2; /* Style SideNav */ --ld-sidenav-line-height: 1.15; --ld-sidenav-padding-x: 1rem; --ld-sidenav-padding-y: 1rem; --ld-sidenav-padding: var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x); --ld-sidenav-toggle-size: var(--ld-sp-24); --ld-sidenav-toggle-top: calc(2 * var(--ld-sidenav-padding-y) + var(--ld-sidenav-navitem-icon-size) - 0.5 * var(--ld-sidenav-toggle-size)); --ld-sidenav-translate-x-delta: calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)); --ld-sidenav-width: 15.625rem; --ld-sidenav-width-collapsed: calc(2 * var(--ld-sidenav-padding-x) + var(--ld-sidenav-navitem-icon-size)); --ld-sidenav-width-fully-collapsed: calc(-1 * var(--ld-sp-1)); --ld-sidenav-navitem-active-indicator-border-width: 0.1875rem; --ld-sidenav-navitem-icon-size: var(--ld-sp-32); --ld-sidenav-navitem-bg-inset: var(--ld-sp-6); --ld-sidenav-navitem-border-radius: var(--ld-br-l); --ld-sidenav-navitem-tertiary-indent: calc(3 * var(--ld-sidenav-padding-x) + 0.3125rem); --ld-sidenav-navitem-tertiary-width: calc(100% - (4 * var(--ld-sidenav-padding-x)) - 0.3125rem); --ld-sidenav-collapse-content-transition: opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear, transform var(--ld-sidenav-transition-duration-collapse-expand) ease; --ld-sidenav-transition-delay: 0s; --ld-sidenav-transition-delay-collapse-expand: 0s; --ld-sidenav-transition-duration: var(--ld-transition-duration-instant); --ld-sidenav-transition-duration-collapse-expand: var(--ld-transition-duration-instant); --ld-sidenav-translate-x-direction: 1; --ld-sidenav-stack-to-top-transition: transform var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) ease; --ld-sidenav-bg-color: var(--ld-col-wht); --ld-sidenav-separator-line-bg-col: var(--ld-col-neutral-100); --ld-sidenav-subnav-bg-color: var(--ld-col-wht); /* Style Two */ --kpi-padding: 0 var(--ld-sp-4); --KPI-margin: var(--ld-sp-6); --kpi-bg-color: rgb(249 247 251); --kpi-title-color: rgb(166, 166, 180); --kpi-title-size: var(--ld-typo-body-xs); --kpi-measure-size: var(--ld-typo-body-l); --kpi-title-padding: 0 2px 5px; --kpi-border-radius: var(--ld-br-l); --al-kpi-bg-color: rgba(249, 249, 249, 0.51); --al-kpi-title-color: #58627d; --al-kpi-ms-o-color: #252f4adb; --al-kpi-br-b-color: 1px dashed #e6e6e6; --bs-card-title-br-lf: var(--ld-thm-secondary); --lui-button-bg-active-color: #4e388f24; --lui-button-text-active-color: #78829d; --lui-button-text-color: #99a1b7; /* Style Three */ /* Button */ --ld-button-padding-x-md: 0.875rem; --ld-button-padding-y-md: 0.625rem; --ld-button-bg-color: var(--ld-thm-primary); --ld-button-text-color: var(--ld-col-wht); --ld-button-bg-color-focus: var(--ld-thm-primary-focus); --ld-button-text-color-focus: var(--ld-thm-primary-active); --ld-button-bg-color-hover: var(--ld-thm-primary-hover); --ld-button-text-color-hover: var(--ld-col-wht); /* Accordion */ --ld-accordion-col: var(--ld-col-neutral-900); --ld-accordion-col-disabled: var(--ld-col-neutral-100); --ld-accordion-col-hover: var(--ld-col-neutral-900); --ld-accordion-col-focus: var(--ld-col-neutral-900); --ld-accordion-bg-col: var(--ld-col-wht); --ld-accordion-bg-col-active: var(--ld-col-wht); --ld-accordion-bg-col-disabled: var(--ld-col-neutral-100); --ld-accordion-bg-col-focus: var(--ld-col-neutral-100); --ld-accordion-bg-col-hover: var(--ld-col-neutral-050); --ld-accordion-trigger-icon-col-disabled: var(--ld-col-neutral-100); --ld-accordion-col-active: var(--ld-thm-primary); --ld-accordion-col-selected: var(--ld-thm-primary); --ld-accordion-toggle-col: inherit; --ld-accordion-toggle-indicator-bg-col: #0000; --ld-accordion-toggle-trigger-col: var(--ld-thm-primary); --ld-accordion-trigger-icon-col: var(--ld-thm-primary); --ld-accordion-trigger-icon-col-hover: var(--ld-thm-primary-hover); --ld-accordion-trigger-icon-col-focus: var(--ld-thm-primary-focus); --ld-accordion-trigger-icon-col-active: var(--ld-thm-primary-active); --ld-accordion-toggle-expanded-col: var(--ld-thm-primary); --ld-accordion-padding-y: 0.45rem; --ld-accordion-padding-x: 1.25rem; --ld-accordion-toggle-size: 2.5rem; --ld-accordion-toggle-line-height: 180%; --ld-accordion-border-radius-size: 0; --ld-accordion-border-radius: var(--ld-accordion-border-radius-size); --ld-accordion-gap: var(--ld-sp-2); --ld-accordion-gap-col: var(--ld-accordion-panel-border-top-col); --ld-accordion-panel-border-top-col: var(--ld-col-neutral-010); /* All Colors */ --ld-col-neutral-010: #f8f8fc; --ld-col-neutral-050: #ececf4; --ld-col-neutral-100: #e1e1ea; --ld-col-neutral-200: #c7c7d1; --ld-col-neutral-300: #a9a9ba; --ld-col-neutral-400: #8b8b9c; --ld-col-neutral-500: #778; --ld-col-neutral-600: #5e5e72; --ld-col-neutral-700: #454554; --ld-col-neutral-800: #2b2b3b; --ld-col-neutral-900: #0f1a2e; --ld-col-neutral-999: #000; --ld-col-neutral: #5e5e72; --ld-col-rb-010: #f4faff; --ld-col-rb-050: #ecf5fc; --ld-col-rb-100: #d8eaf8; --ld-col-rb-200: #add2f1; --ld-col-rb-300: #81bbe9; --ld-col-rb-400: #50a0de; --ld-col-rb-500: #2b8dd8; --ld-col-rb-600: #0f69af; --ld-col-rb-700: #085897; --ld-col-rb-800: #0a3b61; --ld-col-rb-900: #001c38; --ld-col-rb-alpha-low: #0f69af33; --ld-col-rb-alpha-lowest: #0f69af1a; --ld-col-rb: #0f69af; --ld-col-rg-010: #f4fbf8; --ld-col-rg-050: #defbe4; --ld-col-rg-100: #c6f4cd; --ld-col-rg-200: #8be99a; --ld-col-rg-300: #79dd95; --ld-col-rg-400: #50c073; --ld-col-rg-500: #30a45a; --ld-col-rg-600: #01884c; --ld-col-rg-700: #04642e; --ld-col-rg-800: #054c20; --ld-col-rg-900: #002d0e; --ld-col-rg-alpha-low: #01884c33; --ld-col-rg-alpha-lowest: #01884c1a; --ld-col-rg: #01884c; --ld-col-rp-010: #faf7ff; --ld-col-rp-050: #f2ecfd; --ld-col-rp-100: #ebe4fc; --ld-col-rp-200: #d4c3f8; --ld-col-rp-300: #c09bfb; --ld-col-rp-400: #9e7ee0; --ld-col-rp-500: #8a68d2; --ld-col-rp-600: #714ebb; --ld-col-rp-700: #503291; --ld-col-rp-800: #3c2274; --ld-col-rp-900: #23183d; --ld-col-rp-alpha-low: #50329133; --ld-col-rp-alpha-lowest: #5032911a; --ld-col-rp: #503291; --ld-col-rr-010: #fff6f8; --ld-col-rr-050: #Lato, Helvetica, Arial, sans-serifdee; --ld-col-rr-100: #ffdadc; --ld-col-rr-200: #ffb3b8; --ld-col-rr-300: #f48996; --ld-col-rr-400: #fa6178; --ld-col-rr-500: #f43a66; --ld-col-rr-600: #e61e50; --ld-col-rr-700: #ac153b; --ld-col-rr-800: #750c24; --ld-col-rr-900: #4b0517; --ld-col-rr-alpha-low: #e61e5033; --ld-col-rr-alpha-lowest: #e61e501a; --ld-col-rr: #e61e50; --ld-col-sb: #96d7d2; --ld-col-sg: #b4dc96; --ld-col-sp: #e1c3cd; --ld-col-sy: #ffdcb9; --ld-col-vc-010: #f8fdfe; --ld-col-vc-050: #ddfcff; --ld-col-vc-100: #bff2f7; --ld-col-vc-200: #7de1ec; --ld-col-vc-300: #53d4e1; --ld-col-vc-400: #2dbecd; --ld-col-vc-500: #08a3b0; --ld-col-vc-600: #008490; --ld-col-vc-700: #00636c; --ld-col-vc-800: #014248; --ld-col-vc-900: #001f23; --ld-col-vc-alpha-low: #2dbecd33; --ld-col-vc-alpha-lowest: #2dbecd1a; --ld-col-vc: #2dbecd; --ld-col-vg-010: #fafdf2; --ld-col-vg-050: #e9f8cb; --ld-col-vg-100: #ddeeb8; --ld-col-vg-200: #c2dd88; --ld-col-vg-300: #a5cd50; --ld-col-vg-400: #6e9f00; --ld-col-vg-500: #598300; --ld-col-vg-600: #527900; --ld-col-vg-700: #3a5601; --ld-col-vg-800: #293c00; --ld-col-vg-900: #121f00; --ld-col-vg-alpha-low: #a5cd5033; --ld-col-vg-alpha-lowest: #a5cd501a; --ld-col-vg: #a5cd50; --ld-col-vm-010: #fff5fa; --ld-col-vm-050: #ffecf1; --ld-col-vm-100: #ffd8e5; --ld-col-vm-200: #ffb0ce; --ld-col-vm-300: #ff8dc8; --ld-col-vm-400: #e661a6; --ld-col-vm-500: #eb3c96; --ld-col-vm-600: #be227b; --ld-col-vm-700: #96105b; --ld-col-vm-800: #6c093f; --ld-col-vm-900: #3e0020; --ld-col-vm-alpha-low: #eb3c9633; --ld-col-vm-alpha-lowest: #eb3c961a; --ld-col-vm: #eb3c96; --ld-col-vy-010: #fefbf5; --ld-col-vy-050: #fff3d9; --ld-col-vy-100: #fde5a6; --ld-col-vy-200: #ffc832; --ld-col-vy-300: #e4b638; --ld-col-vy-400: #bf8c00; --ld-col-vy-500: #a37303; --ld-col-vy-600: #805a03; --ld-col-vy-700: #614505; --ld-col-vy-800: #3d2e0a; --ld-col-vy-900: #271e07; --ld-col-vy-alpha-low: #ffc83233; --ld-col-vy-alpha-lowest: #ffc8321a; --ld-col-vy: #ffc832; --ld-col-wht-alpha-high: #ffffffb3; --ld-col-wht-alpha-highest: #fffc; --ld-col-wht-alpha-low: #fff3; --ld-col-wht-alpha-lowest: #ffffff1a; --ld-col-wht-alpha-medium: #ffffff80; --ld-col-wht-alpha-none: #fff0; --ld-col-wht: #fff; /* Select Input */ --ld-select-col: var(--ld-col-neutral-900); --ld-select-col-disabled: var(--ld-col-neutral-100); --ld-select-col-border: var(--ld-col-neutral-100); --ld-select-col-border-hover: var(--ld-col-neutral-300); --ld-select-bg-col: var(--ld-col-wht); --ld-select-trigger-line-height: 1.25; --ld-select-padding-y: var(--ld-sp-8); --ld-select-padding-x: var(--ld-sp-12); /* Spacing */ --ld-sp-1: 0.0625rem; --ld-sp-2: 0.125rem; --ld-sp-4: 0.25rem; --ld-sp-6: 0.375rem; --ld-sp-8: 0.5rem; --ld-sp-12: 0.75rem; --ld-sp-16: 1rem; --ld-sp-24: 1.5rem; --ld-sp-32: 2rem; --ld-sp-40: 2.5rem; /* Typo FontSize */ --ld-typo-body-l: 1.125rem; --ld-typo-body-m: 1rem; --ld-typo-body-s: 0.875rem; --ld-typo-body-xl: 1.375rem; --ld-typo-body-xs: 0.75rem; --ld-typo-body-xxs: 0.68rem; /* Border Radius */ --ld-br-s: 0.125rem; --ld-br-m: 0.25rem; --ld-br-l: 0.5rem; --ld-br-full: 250rem; /* Theme Shake */ --ld-thm-primary-focus: rgb(138, 104, 210); --ld-thm-primary: rgb(80, 50, 145); --ld-thm-primary-hover: rgb(60, 34, 116); --ld-thm-primary-active: rgb(35, 24, 61); --ld-thm-primary-alpha-low: rgba(80, 50, 145, 0.2); --ld-thm-primary-alpha-lowest: rgba(80, 50, 145, 0.1); --ld-thm-secondary-focus: rgb(255, 141, 200); --ld-thm-secondary: rgb(235, 60, 150); --ld-thm-secondary-hover: rgb(190, 34, 123); --ld-thm-secondary-active: rgb(108, 9, 63); --ld-thm-success-focus: rgb(80, 192, 115); --ld-thm-success: rgb(1, 136, 76); --ld-thm-success-hover: rgb(4, 100, 46); --ld-thm-success-active: rgb(0, 45, 14); --ld-thm-warning-focus: rgb(253, 229, 166); --ld-thm-warning: rgb(255, 200, 50); --ld-thm-warning-hover: rgb(191, 140, 0); --ld-thm-warning-active: rgb(61, 46, 10); --ld-thm-error-focus: rgb(250, 97, 120); --ld-thm-error: rgb(230, 30, 80); --ld-thm-error-hover: rgb(172, 21, 59); --ld-thm-error-active: rgb(75, 5, 23); } @font-face { font-family: 'FontAwesome'; src: url('../font/fontawesome-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } html, body { background: #f8f8f8; } .jm-firebase-platform-persistent-drawers-app__header { background: #4E388F; } .jm-routing-navigation2__button, .jm-routing-navigation2__entry--expanded>.jm-routing-navigation2__button, .jm-qlik-visualization-card-surface__fullscreen, .jm-qlik-visualization-card-surface__export, .jm-qlik-current-selections-bar__remove, .jm-qlik-bookmark-panel .blank-list-item__secondary-action .blank-button, .jm-firebase-platform-persistent-drawers-app__header-button, .jm-qlik-bookmark-panel__dialog-cancel-button, .jm-firebase-platform-mashup-grid-list-create-dialog__footer-button--close, .jm-common-collapse__button, .jm-qlik-variable-dropdown__button, .jm-qlik-field-dropdown__button, .jm-qlik-bookmark-panel__new-button, .jm-qlik-bookmark-panel__dialog-confirm-button, .jm-firebase-platform-mashup-grid-list .projects-grid__button, .jm-firebase-platform-mashup-grid-list-create-dialog__footer-button--submit { color: rgb(255, 255, 255); } .jm-common-divider { padding: 0px !important; } .jm-common-divider::before { /*border-bottom: 1px solid #ebe9f1 !important;*/ border: none; } .jm-layout-grid { padding: 0px 10px; } .jm-firebase-platform-persistent-drawers-app__current-selections { background: unset; padding: 15px 25px 5px !important; } button.jm-routing-navigation2__button.blank-button { color: #5e5873; } /* Collaps */ .jm-common-collapse__button { background-color: #EBE6F6; color: #5e5873 !important; } .jm-common-collapse { padding-bottom: 0px; } .jm-firebase-platform-mashup-grid-list-create-dialog__footer-button--close, .jm-common-collapse__button, .jm-qlik-variable-dropdown__button, .jm-qlik-field-dropdown__button, .jm-qlik-bookmark-panel__new-button, .jm-firebase-platform-mashup-grid-list .projects-grid__button, .jm-firebase-platform-mashup-grid-list-create-dialog__footer-button--submit { height: calc(40px + var(--blank-button-density) * 4px); padding: 0 calc(8px + var(--blank-button-density) * 2px); } .jm-qlik-bookmark-panel__dialog-cancel-button .blank-button__label, .jm-firebase-platform-mashup-grid-list-create-dialog__footer-button--close .blank-button__label, .jm-common-collapse__button .blank-button__label, .jm-qlik-variable-dropdown__button .blank-button__label, .jm-qlik-field-dropdown__button .blank-button__label, .jm-qlik-bookmark-panel__new-button .blank-button__label, .jm-qlik-bookmark-panel__dialog-confirm-button .blank-button__label, .jm-firebase-platform-mashup-grid-list .projects-grid__button .blank-button__label, .jm-firebase-platform-mashup-grid-list-create-dialog__footer-button--submit .blank-button__label { font-size: 0.825rem; } .jm-qlik-bookmark-panel__dialog-cancel-button .blank-button__label, .jm-firebase-platform-mashup-grid-list-create-dialog__footer-button--close .blank-button__label, .jm-common-collapse__button .blank-button__label, .jm-qlik-variable-dropdown__button .blank-button__label, .jm-qlik-field-dropdown__button .blank-button__label, .jm-qlik-bookmark-panel__new-button .blank-button__label, .jm-qlik-bookmark-panel__dialog-confirm-button .blank-button__label, .jm-firebase-platform-mashup-grid-list .projects-grid__button .blank-button__label, .jm-firebase-platform-mashup-grid-list-create-dialog__footer-button--submit .blank-button__label { text-transform: capitalize; } .blank-menu .blank-menu__label { font-size: 0.9rem; } .blank-menu .blank-menu__item { height: 38px; } /* General Qlik Stylings */ .qv-object .qv-inner-object { padding: 0px !important; } /* JoMash Cards */ .jm-qlik-card { position: relative; padding: 0.7rem; } .jm-qlik-card .jm-qlik-card__frame .vzl-kpi.is-not-resizable { background-color: #ffffff !important; } .jm-qlik-card .jm-qlik-card__frame .vzl-kpi { border: none !important; } .jm-qlik-card__content { padding: 0; line-height: 1.25rem; min-height: 1rem; } .jm-qlik-card__frame { min-height: auto; padding: var(--ld-sp-8); color: var(--bs-body-color); border: var(--ld-sp-1) solid var(--ld-col-neutral-050); background-color: var(--bs-card-bg); border-radius: var(--ld-br-l); box-shadow: none; } .jm-qlik-card__header { background-color: var(--ld-col-wht); border-bottom: 0px !important; padding: 8px 18px; } .jm-qlik-card__title { color: #5e5873 !important; font-family: Montserrat, Helvetica, Arial, serif; font-weight: 500 !important; font-size: 1.285rem !important; } .jm-qlik-card__fullscreen { border: none; background-color: var(--ld-col-wht); color: #5e5873 !important; } /* JoMash Grid */ .jm-layout-grid { padding: 0px 0px !important; } /* JoMash Text */ .jm-qlik-text__content--body2 { color: #B5B5C3; font-size: 0.9rem; line-height: 1rem; padding: 0px 20px; font-weight: 400; } .jm-qlik-text__content--body1 { font-size: 0.75rem !important; padding: 0 10px; letter-spacing: -0.001em; color: #acacb5; background-color: #ffffff82; line-height: 25px; border-radius: 5px; } .jm-routing-nav-button__button { font-size: 0.75rem !important; color: #b9b9c3; } .jm-qlik-text__content--headline1 { color: var(--bs-text-dark); font-size: 1.25rem; line-height: 1.5rem; font-weight: 700; font-family: Lato, Helvetica, Arial, sans-serif; padding: 5px 20px; } .jm-qlik-text__content--headline2 { color: var(--ld-thm-primary); line-height: 1rem; font-size: 0.7rem; font-weight: 500; background-color: var(--ld-col-neutral-010); padding: var(--ld-sp-2) 10px var(--ld-sp-2) 30px; margin-left: 16px; border-radius: var(--ld-br-m); position: relative; display: inline; } .jm-layout-columns__child .jm-qlik-text__content--headline2 { margin-left: 0px !important; } .jm-qlik-text__content--headline2:after { content: 'calendar'; font-size: 15px; color: var(--ld-thm-primary-focus); font-family: LUI icons; font-weight: 700; float: left; position: absolute; left: 5px; top: 0; } .jm-qlik-text__content--headline3 { font-family: Lato, Helvetica, Arial, sans-serif; color: var(--bs-text-dark); margin: 0 0.75rem 0 0.75rem; font-size: 1rem; font-weight: 700 !important; letter-spacing: -0.001em; line-height: 1rem; padding: 5px; position: relative; } .jm-qlik-visualization-card-surface__title:before, .jm-layout-columns__child[data-child-id="5f51bd8a-1f7e-4794-8bd0-828a5fc2c96c"] .jm-qlik-text__content--headline2:before, .jm-layout-columns__child[data-child-id="c643fa3a-bce0-4bb4-99ee-f5b63e9836fe"] .jm-qlik-text__content--headline2:before, .jm-qlik-text__content--headline3:before { content: ''; width: 3px; height: 100%; background-color: var(--bs-card-title-br-lf); position: absolute; top: 0; left: -4px; bottom: 0; border-radius: 4px; box-shadow: 1px 1px 1px #b9e1df; } .jm-qlik-visualization-card-surface__title:before { left: 0px !important; } /* Changes to Multi-KPI Box */ .qv-object-qsstatistic .ui.small.statistic>.label, .qv-object-qsstatistic .ui.small.statistic>.text.value, .qv-object-qsstatistic .ui.small.statistics .statistic>.label, .qv-object-qsstatistic .ui.small.statistics .statistic>.text.value { padding: 0px !important; } .qv-object-qsstatistic .ui.small.horizontal.statistic>.value, .qv-object-qsstatistic .ui.small.horizontal.statistics .statistic>.value { padding: 0px !important; } .qv-object-qsstatistic .ui.horizontal.statistic>.label, .qv-object-qsstatistic .ui.horizontal.statistics .statistic>.label { margin: 0 0 0 8px; } .qv-object-qsstatistic .ui.small.horizontal.statistic>.value, .qv-object-qsstatistic .ui.small.horizontal.statistics .statistic>.value { font-size: 1.5rem !important; } .qv-object-qsstatistic .ui.small.statistic>.label, .qv-object-qsstatistic .ui.small.statistic>.text.value, .qv-object-qsstatistic .ui.small.statistics .statistic>.label, .qv-object-qsstatistic .ui.small.statistics .statistic>.text.value { font-size: 0.9rem !important; font-weight: 400; text-align: left; justify-content: left !important; } .qv-object-qsstatistic .ui.tiny.horizontal.statistic>.value, .qv-object-qsstatistic .ui.tiny.horizontal.statistics .statistic>.value, .qv-object-qsstatistic .ui.tiny.statistic>.value, .qv-object-qsstatistic .ui.tiny.statistics .statistic>.value { font-size: 1rem !important; font-style: italic; } .jm-firebase-platform-qlik-dashboard__main-content .jm-qlik-sense-visualization, .jm-firebase-platform-persistent-drawers-app__main .jm-qlik-sense-visualization { background-color: transparent !important; padding: 0; } /************************************************************************************************/ /* NEW STYLE General */ /************************************************************************************************/ .jm-layout-masonry__cell--align-center { align-self: flex-start !important; } .jm-qlik-card[data-node-id="0cece290-a6c0-443f-a908-8ef634999075"] .jm-qlik-card__frame { min-height: auto !important; } .jm-firebase-platform-persistent-drawers-app__header .lui-select { background-color: initial; background-image: none; border-color: #b3b3b3; color: #ffffff; border: none; padding: 0 0; height: 50px; font-family: Lato, Helvetica, Arial, sans-serif !important; line-height: 2.25rem; font-weight: 500; letter-spacing: 0.0892857143em; } .lui-select.lui-focused, .lui-select:focus { box-shadow: none !important; border: none; } .jm-firebase-platform-persistent-drawers-app__header .qv-object-qlik-variable-input div.qlik { position: relative; padding: 0 20px; } .jm-firebase-platform-persistent-drawers-app__header .qv-object { border: none; } .jm-firebase-platform-persistent-drawers-app__header .qv-object .qv-inner-object { border-radius: 0 !important; } .jm-firebase-platform-persistent-drawers-app__header .qv-object-qlik-variable-input div.qlik:after { font-family: "Material Icons"; font-weight: normal; font-style: normal; content: "arrow_drop_down"; display: block; font-size: 18px; position: absolute; right: 0; top: 15px; color: var(--ld-col-wht); z-index: 999; } .blank-popover--anchored { top: calc(var(--blank-overlay-offset-y) + 0px); } .jm-qlik-card[data-node-id="f9b8a5f5-9a31-44b2-b27d-1a31c56c6e9b"] .jm-layout-masonry__cell { flex-basis: 100% !important; } .jm-qlik-visualization-card-surface { grid-template: "title header-button fullscreen export dropdown" 40px "subtitle header-button fullscreen export dropdown" 30px "visualization visualization visualization visualization visualization" 1fr "footnote footnote footnote footnote footnote" auto "secondary-content secondary-content secondary-content secondary-content secondary-content" auto/1fr auto auto auto auto !important; } /*-------------------------*/ /* Select Input */ /*-------------------------*/ .jm-layout-masonry__cell .lui-select { -webkit-touch-callout: none; align-items: center; -webkit-appearance: none; appearance: none; background-color: #fff; border-radius: var(--ld-br-m); color: var(--ld-select-col); font-weight: 400; font-size: var(--ld-typo-body-xs); height: 100%; line-height: var(--ld-select-trigger-line-height); padding: var(--ld-select-padding-y) var(--ld-select-padding-x); box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-col-border) !important; border: none; position: relative; } .jm-layout-masonry__cell .lui-select:hover { box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-col-border-hover); } .jm-layout-masonry__cell .lui-select:focus, .jm-layout-masonry__cell .lui-select:focus-visible { box-shadow: inset 0 0 0 var(--ld-sp-2) var(--ld-select-thm-col); } .jm-layout-masonry__cell .jm-layout-columns .sn-kpi .sn-kpi-value, .jm-layout-masonry__cell .qv-object .qv-object-title .qv-object-title-text { color: var(--ld-col-neutral-900) !important; font-weight: 700; font-size: var(--ld-typo-body-xs) !important; } .qv-object .qv-object-footnote, .qv-object .qv-object-header { padding: 5.7px 0; } .qs-container .qsc-tab-row .lui-tab__text { padding-left: 2px; color: #5e5873 !important; font-weight: 600; font-size: 0.9rem !important; } .qv-object-qlik-variable-input div.qlik { height: auto !important; } .jm-layout-columns__child[data-child-id="87471a3c-ef3f-4c00-ab1b-e34139e1cf89"] .jm-core-dimensions-adapter, .jm-layout-columns__child[data-child-id="c325a87e-ab5a-466d-aaf2-4f6515f2b307"] .jm-core-dimensions-adapter, .jm-layout-columns__child[data-child-id="eb2a0933-2c4c-4c22-8368-7b503b597294"] .jm-core-dimensions-adapter { height: 40px !important; } /* --- style ---*/ .lui-button { color: var(--ld-col-neutral-900); background-color: var(--ld-col-neutral-010); border: none; padding: 0 3px; min-width: auto !important; width: auto !important; line-height: 1.25; font-size: var(--ld-typo-body-xxs); margin-right: 0px !important; border-bottom: 0.1875rem solid var(--ld-col-neutral-100); border-radius: 0; } .lui-button.lui-active, .lui-button:active { color: var(--ld-thm-primary); background-color: var(--ld-col-neutral-010); border-bottom: 0.1875rem solid var(--ld-thm-primary) !important; } .lui-button:hover { color: var(--ld-thm-primary); background-color: var(--ld-col-neutral-100) !important; border: none; box-shadow: none; } /************************************************************************************************/ /* lEFT SIDENAV Menu */ /************************************************************************************************/ .jm-firebase-platform-persistent-drawers-app { transition: 0.9s; } .jm-firebase-platform-persistent-drawers-app--left-drawer-open { --jm-firebase-platform-persistent-drawers-app-left-drawer-width: 260px; background-color: #fcfcfc; } .jm-firebase-platform-persistent-drawers-app__drawer--left { background: #ffffff; border-right: var(--ld-sp-1) solid var(--ld-col-neutral-050); padding: 20px 0 10px; } .jm-firebase-platform-persistent-drawers-app__logo { height: 30px; margin-left: 10px; } .jm-routing-navigation2 { padding: 0 10px 0; } /*--- style 2 ----*/ .jm-routing-navigation2__entry { grid-template-rows: [link-start button-start] 45px [link-end button-end children-start] auto [children-end] !important; margin-bottom: 0.5rem; } .jm-routing-navigation2__link { border-radius: var(--ld-br-l); margin: 0; padding: 0 10px; transition: 0.5s; } .jm-routing-navigation2__title { font-size: 0.85rem; letter-spacing: 0; font-weight: 600; color: #2b2b3c; font-family: Lato, Helvetica, Arial, sans-serif; } .jm-routing-navigation2__link:hover { background-color: var(--ld-thm-primary-alpha-lowest); --ink-color: none; } .jm-routing-navigation2__link:hover .jm-routing-navigation2__title { color: var(--ld-thm-primary); } .jm-routing-navigation2__link--active { background-color: var(--ld-thm-primary-alpha-lowest); color: var(--ld-thm-primary); --ink-color: none; border-radius: var(--ld-br-l); } .jm-routing-navigation2__children { padding-left: 0; } .jm-routing-navigation2__children .jm-routing-navigation2__entry { margin-top: 10px; margin-bottom: 0; } .jm-routing-navigation2__children .jm-routing-navigation2__entry .jm-routing-navigation2__link { position: relative; padding-left: 50px; } .jm-routing-navigation2__children .jm-routing-navigation2__entry .jm-routing-navigation2__link:before { content: ''; width: 8px; height: 8px; background-color: var(--ld-thm-primary); ; border-radius: var(--ld-br-s); top: 19px; opacity: 1; left: 20px; } .jm-routing-navigation2__children .jm-routing-navigation2__entry .jm-routing-navigation2__link .jm-routing-navigation2__icon { display: none; } .jm-routing-navigation2__button .blank-button__content { margin-right: 0; } .jm-routing-navigation2__button .blank-button__icon { background: transparent; color: var(--ld-thm-primary); ; font-size: 22px !important; line-height: 27px !important; } .jm-routing-navigation2__button::before { background-color: transparent !important; } .jm-routing-navigation2__icon { color: var(--ld-col-wht); padding: 6px; border-radius: var(--ld-br-l); font-size: 16px !important; background-color: var(--ld-thm-primary); margin-right: 5px; text-align: center; } /*------main-content------*/ .jm-firebase-platform-persistent-drawers-app__main { margin-left: 10px; margin-top: 5px; overflow-x: hidden; } .jm-qlik-field-dropdown { padding: 4px 0; } .jm-firebase-platform-persistent-drawers-app__header-button { margin: 0; } .jm-firebase-platform-persistent-drawers-app__header-button .blank-button__content svg { fill: #fff; } .jm-firebase-platform-persistent-drawers-app__header-button .blank-icon { font-size: 20px; } div#a3ead44f-8c6e-4438-8f64-6572961ef73b_content:hover, button.jm-qlik-field-dropdown__button.blank-button--hovered { background-color: #d5d0e5; color: #4e388f; } div#a3ead44f-8c6e-4438-8f64-6572961ef73b_content:hover .lui-select { color: #4e388f; } #a3ead44f-8c6e-4438-8f64-6572961ef73b_content .qv-object-qlik-variable-input div.qlik { height: 60px; } /*----------*/ .jm-qlik-card__content[data-child-id="fc32756c-c424-44b1-8fa4-466ce18a3cc5"] .jm-layout-masonry .jm-layout-masonry__cell:nth-child(3) { display: none; } .jm-layout-masonry { min-height: 4rem; } .qv-object-qlik-variable-input div.qlik, .qv-object-qlik-variable-input div.bootstrap, .qv-object-qlik-variable-input div.material { text-align: right; } /*----------------------------------*/ .jm-qlik-card__content[data-child-id="05db83a3-9980-4142-b6d6-153d66610e7f"] .jm-layout-grid .jm-layout-grid__child:first-child .sn-kpi-data .sn-kpi-left { justify-content: center; } /****************************************************************************************************************/ /* Dashboard Brand Manager */ /****************************************************************************************************************/ .sn-kpi .sn-kpi-ellips-text { white-space: normal !important; } /* Card: Interactions */ /* data-node-id="db029d36-4e82-43c5-ab69-1afd0e29922d" */ .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] { padding: 0rem 0.3rem 1rem; } .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } /* Card: HCPs */ /* Bloc2 data-node-id="6caf3429-6cf3-4756-94b4-a3cc0066ab63" */ .jm-qlik-card__content[data-child-id="143e972d-ea64-448d-8f76-27697a3766ec"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="143e972d-ea64-448d-8f76-27697a3766ec"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="143e972d-ea64-448d-8f76-27697a3766ec"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="143e972d-ea64-448d-8f76-27697a3766ec"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="143e972d-ea64-448d-8f76-27697a3766ec"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } .jm-qlik-card__content[data-child-id="0c0a0fd4-ee5b-4890-94ab-3c25a0c729d6"] { min-height: 2rem; } /*------*/ /* Bloc3 data-node-id="e78a4812-54b8-4844-ad6b-363f9e7baa05" */ .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } /* Bloc4 data-node-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596" */ .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } .jm-qlik-card__content[data-child-id="143e972d-ea64-448d-8f76-27697a3766ec"] .jm-layout-grid .jm-layout-grid__child, .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child, .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child, .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child, .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child { border-bottom: var(--al-kpi-br-b-color); } .jm-qlik-card__content[data-child-id="143e972d-ea64-448d-8f76-27697a3766ec"] .jm-layout-grid .jm-layout-grid__child:nth-child(1), .jm-qlik-card__content[data-child-id="143e972d-ea64-448d-8f76-27697a3766ec"] .jm-layout-grid .jm-layout-grid__child:nth-child(2), .jm-qlik-card__content[data-child-id="143e972d-ea64-448d-8f76-27697a3766ec"] .jm-layout-grid .jm-layout-grid__child:nth-child(3), .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child:nth-child(5), .jm-qlik-card__content[data-child-id="d962b48f-6d85-48ca-8ae3-77a16c961abc"] .jm-layout-grid .jm-layout-grid__child:nth-child(6), .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child:nth-child(7), .jm-qlik-card__content[data-child-id="e78a4812-54b8-4844-ad6b-363f9e7baa05"] .jm-layout-grid .jm-layout-grid__child:nth-child(6), .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child:nth-child(5), .jm-qlik-card__content[data-child-id="7adc4b4a-583b-4b3b-b8c6-91cda32eb596"] .jm-layout-grid .jm-layout-grid__child:nth-child(6), .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(2), .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(8), .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(9), .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(10), .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(12), .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child:nth-child(5), .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) { background-color: var(--al-kpi-bg-color); } /* Bloc5 data-node-id="ec586c08-5b6f-498e-8fd6-79542df9a21c" */ .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="ec586c08-5b6f-498e-8fd6-79542df9a21c"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } /* Bloc6 data-node-id="35c4a04e-296c-405d-9989-1aaca8167219" */ .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(10) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(12) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(13) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(11) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(16) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child:nth-child(14) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="35c4a04e-296c-405d-9989-1aaca8167219"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } /****************************************************************************************************************/ /* Dashboard Omnichannel */ /**************************************************************************************************************** /* Bloc1 data-node-id="e5d746f3-1273-4b71-9c78-d729b7667d6f" */ .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child { border-bottom: var(--al-kpi-br-b-color); } /* ---------------------- */ .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(7), .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(9), .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) { background-color: var(--al-kpi-bg-color); } .jm-qlik-card__content[data-child-id="1424adcb-86e8-4fde-9442-cd36116d804c"] .jm-layout-masonry { min-height: 2.5rem; } /* Bloc2 data-node-id="72be20e2-4e51-4368-b431-0872c5179328" */ .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(10) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(11) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(12) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child { border-bottom: var(--al-kpi-br-b-color); } /* ---------------------- */ .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(5), .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(6), .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(7), .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(8), .jm-qlik-card__content[data-child-id="72be20e2-4e51-4368-b431-0872c5179328"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) { background-color: var(--al-kpi-bg-color); } .jm-qlik-card__content[data-child-id="5774435e-7fd8-43c7-9ece-59241f8f298b"] .jm-layout-masonry { min-height: 2.5rem; } /* ------------*/ .jm-qlik-card__content[data-child-id="64c68e89-4bdb-42f2-b9f0-3c4570af1cf5"] .jm-layout-grid .jm-layout-grid__child { padding: 0 5px; } .jm-qlik-card__content[data-child-id="64c68e89-4bdb-42f2-b9f0-3c4570af1cf5"] .jm-layout-grid .jm-layout-grid__child .sn-kpi-data { background: transparent; border-radius: var(--kpi-border-radius) !important; } .jm-qlik-card__content[data-child-id="64c68e89-4bdb-42f2-b9f0-3c4570af1cf5"] .jm-layout-grid .jm-layout-grid__child .sn-kpi-data .sn-kpi-measure-title.sn-kpi-ellips-text { font-weight: 500; font-size: var(--kpi-title-size); min-height: 29px; color: var(--kpi-title-color); line-height: 14px; padding: 0 5px; } .jm-qlik-card__content[data-child-id="64c68e89-4bdb-42f2-b9f0-3c4570af1cf5"] .jm-layout-grid .jm-layout-grid__child .sn-kpi-data .sn-kpi-ellips-text { white-space: normal; text-align: center; font-size: var(--kpi-measure-size); font-weight: 600; font-family: Lato, Helvetica, Arial, sans-serif; } /* ---------------------- */ .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(7), .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(9), .jm-qlik-card__content[data-child-id="e5d746f3-1273-4b71-9c78-d729b7667d6f"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) { background-color: var(--al-kpi-bg-color); } .jm-qlik-card__content[data-child-id="1424adcb-86e8-4fde-9442-cd36116d804c"] .jm-layout-masonry { min-height: 2.5rem; } /* Bloc3 data-node-id="993d5d13-8503-4b2b-8a26-9fd60e865376" */ .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child:nth-child(10) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child:nth-child(11) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child:nth-child(12) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } .jm-qlik-card__content[data-child-id="993d5d13-8503-4b2b-8a26-9fd60e865376"] .jm-layout-grid .jm-layout-grid__child { border-bottom: var(--al-kpi-br-b-color); } /* Bloc4 data-node-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59" */ .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(10) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(13) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(11) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(14) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(12) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(15) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child { border-bottom: var(--al-kpi-br-b-color); } /* ---------------------- */ .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(5), .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(6), .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(10), .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(11), .jm-qlik-card__content[data-child-id="8a9d8051-ff1c-4a4f-a175-5c041ddbef59"] .jm-layout-grid .jm-layout-grid__child:nth-child(12) { background-color: var(--al-kpi-bg-color); } .jm-qlik-card__content[data-child-id="078933b0-45e3-4546-bd93-536ff4b08f05"] .jm-layout-masonry { min-height: 2.5rem; } /* Bloc5 data-node-id="f9cc23dc-9874-402f-bd70-801db4a4d87c" */ .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child { border-bottom: var(--al-kpi-br-b-color); } /* ---------------------- */ .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child:nth-child(5), .jm-qlik-card__content[data-child-id="f9cc23dc-9874-402f-bd70-801db4a4d87c"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) { background-color: var(--al-kpi-bg-color); } .jm-qlik-card__content[data-child-id="8238e56d-b238-4bad-9bbc-d0c4b1dba33d"] .jm-layout-masonry { min-height: 2.5rem; } /* ABU Bloc2 data-node-id="59e8158d-6adc-4e78-9402-6e9de6cd0b1d" */ .jm-qlik-card__content[data-child-id="59e8158d-6adc-4e78-9402-6e9de6cd0b1d"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="59e8158d-6adc-4e78-9402-6e9de6cd0b1d"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="59e8158d-6adc-4e78-9402-6e9de6cd0b1d"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="59e8158d-6adc-4e78-9402-6e9de6cd0b1d"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="59e8158d-6adc-4e78-9402-6e9de6cd0b1d"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } .jm-qlik-card__content[data-child-id="81cd1fed-10c2-4aec-b764-933c1a6bbd67"] .jm-layout-masonry { min-height: 2.5rem; } /* ABU Bloc2 data-node-id="d49e18ba-f2b6-4a75-8a37-83c1552b5e32" */ .jm-qlik-card__content[data-child-id="d49e18ba-f2b6-4a75-8a37-83c1552b5e32"] button.jm-qlik-field-dropdown__button.blank-button { height: calc(35px + var(--blank-button-density) * 4px); } /*------ END ABU*/ /****************************************************************************************************************/ /* Dashboard Regional Franchise */ /****************************************************************************************************************/ #ZGPEPz_content button { border-radius: 3px !important; box-sizing: border-box; cursor: pointer; display: inline-block; font-weight: 700 !important; background-color: #4e388f !important; height: 28px !important; line-height: 24px; margin-top: 24px !important; min-width: 44px; } #ZGPEPz_content button text { font-size: 13px !important; } #ZGPEPz_content button:hover { color: #4e388f !important; background-color: #d5d0e5 !important; } /* ---------------------- */ .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child:nth-child(5), .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) { background-color: var(--al-kpi-bg-color); } /* Bloc6 data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc" */ .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child { border-bottom: var(--al-kpi-br-b-color); } /* ---------------------- */ .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child:nth-child(5), .jm-qlik-card__content[data-child-id="bf545f66-3598-4267-8970-9fa91dc44dfc"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) { background-color: var(--al-kpi-bg-color); } /* Bloc7 data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6" */ .jm-qlik-card__content[data-child-id="2cf99ed2-12b2-41a1-903c-bfaee088240c"] .jm-layout-masonry { min-height: 2.5rem; } .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] { padding: 0 0.3rem; } .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child { border-bottom: var(--al-kpi-br-b-color); } .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-ms-o-color); font-weight: 600; font-size: 0.9rem; } .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; } .jm-qlik-card__content[data-child-id="a5f797af-8385-4283-9210-bc0470355e79"] .jm-layout-grid .jm-layout-grid__child { border-bottom: var(--al-kpi-br-b-color); } /* ---------------------- */ .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child:nth-child(5), .jm-qlik-card__content[data-child-id="f1424579-7069-43b3-9c8e-f5b3a937dab6"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) { background-color: var(--al-kpi-bg-color); } /****************************************************************************************************************/ /* Dashboard Regional Country */ /****************************************************************************************************************/ .jm-qlik-visualization-card-surface__title { font-family: Lato, Helvetica, Arial, sans-serif; color: var(--bs-text-dark); margin: 0 0.75rem 0 0.75rem; font-size: 1rem; font-weight: 700 !important; letter-spacing: -0.001em; line-height: 1rem; padding: 5px 8px; position: relative; margin: 0px 0.75rem 0 0.7rem; font-size: 0.9rem; } .jm-qlik-visualization-card { padding: 0.7rem !important; } .jm-qlik-visualization-card__surface.jm-qlik-visualization-card-surface { color: var(--bs-body-color); border: var(--ld-sp-1) solid var(--ld-col-neutral-050); background-color: var(--bs-card-bg); border-radius: var(--bs-card-border-radius); box-shadow: none; } /****************************************************************************************************************/ /* BI Dashboard */ /****************************************************************************************************************/ .qv-inner-object { background-color: transparent !important; } .jm-layout-masonry--main-x.jm-layout-masonry--cross-managed .jm-layout-masonry__cell { height: auto !important; } .qv-object-cl-kpi .textblock__text--3-blocks { font-weight: 500; font-size: var(--kpi-title-size) !important; color: var(--kpi-title-color); line-height: 14px; text-align: center; padding: var(--kpi-title-padding) !important; height: 30px; display: block; } .qv-object-cl-kpi .textblock__text--7-blocks { white-space: normal; text-align: center; font-size: var(--ld-typo-body-xl) !important; font-weight: 600; font-family: Lato, Helvetica, Arial, sans-serif; } /************************************************************************************************************/ /* Selection Bar */ /************************************************************************************************************/ .jm-qlik-sense-selections-bar { box-shadow: 5px 11px 23px -13px #e5e5e5; padding-bottom: 2px; background-color: var(--ld-thm-primary-alpha-lowest); border-radius: 4px; } .jm-qlik-sense-selections-bar .jm-qlik-sense-selections-bar__host { height: 39px; border-radius: 4px; border-bottom: 2px solid var(--ld-thm-primary-alpha-lowest); ; box-shadow: var(--bs-card-box-shadow); } .jm-qlik-sense-selections-bar .bright.qv-panel-current-selections { background: #ffffff; background-image: none; } .jm-qlik-sense-selections-bar .qv-panel-current-selections .buttons .qv-subtoolbar-button.qv-subtoolbar-button, .jm-qlik-sense-selections-bar .qv-panel-current-selections .buttons-end .qv-subtoolbar-button.qv-subtoolbar-button { height: 38px; line-height: 37px; background: var(--ld-thm-primary-alpha-lowest); border: 1px solid var(--ld-col-wht); } .jm-qlik-sense-selections-bar .bright.qv-panel-current-selections .buttons .qv-subtoolbar-button.disabled { background: #f4f4f4; color: #0000006b; } .jm-qlik-sense-selections-bar .bright.qv-panel-current-selections .wrap[tabindex="-1"] { background-color: #e7e3ef; padding-top: 1px; border-top: 1px solid #ffffff !important; border-bottom: none; } .jm-qlik-sense-selections-bar .bright.qv-panel-current-selections .wrap { border-bottom: none; } .jm-qlik-sense-selections-bar .bright.qv-panel-current-selections .no-selection { color: #454343; background-color: var(--ld-col-wht); font-size: 13px; } .current-selections-item .current-selection-item-text:focus, .bright.qv-panel-current-selections .buttons button.qv-subtoolbar-button:focus { background: #d1cae1; box-shadow: none !important; } .bright.qv-panel-current-selections li { background: #fff; border-right: 1px solid #e7e3ef; box-shadow: none; border-left: 2px solid #e7e3ef; } .jm-qlik-sense-selections-bar .qv-global-search { box-shadow: none; top: 4px !important; } .jm-qlik-sense-selections-bar .qv-search-input .search-field-area .lui-search .lui-search__search-icon { font-size: 14px; color: #4e388f; } .jm-qlik-sense-selections-bar .qv-search-input .search-field-area .lui-search .lui-icon--small { font-size: 15px; color: #4e388f; } .jm-qlik-sense-selections-bar .qv-global-search .qv-global-search-input { padding: 3px 8px !important; } .jm-qlik-sense-selections-bar .qv-search-suggest-wrapper .suggest-popup { background: #eeecf6; font-weight: 600; color: #4e388f; } .jm-qlik-sense-selections-bar .qv-search-suggest-wrapper .suggest-popup li { border-right: 1px solid #f6f6f6; line-height: 33px; padding: 0 10px; } /****************************************************************************************************************/ /* Drawer Right */ /****************************************************************************************************************/ .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-layout-columns[data-node-id="37419266-c987-4e2d-b240-8a07cda0b84d"] { padding: 55px 16px; } .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-layout-columns[data-node-id="37419266-c987-4e2d-b240-8a07cda0b84d"] .jm-qlik-sense-visualization { border: none; padding: 0px 0; } .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-qlik-bookmarks .jm-qlik-bookmark-panel__new-button { height: calc(35px + var(--blank-button-density) * 5px); padding: 0 calc(15px + var(--blank-button-density) * 2px); border-radius: var(--ld-br-m) !important; background-color: var(--ld-button-bg-color); color: var(--ld-button-text-color); } .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-qlik-bookmarks .jm-qlik-bookmark-panel__new-button:hover { background-color: var(--ld-button-bg-color-hover); color: var(--ld-button-text-color-hover); } .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-qlik-bookmarks .jm-qlik-bookmark-panel__new-button:focus { background-color: var(--ld-button-bg-color-focus); color: var(--ld-button-text-color-focus); } .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-qlik-bookmarks .jm-qlik-bookmark-panel__message { margin: 10px; } .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-layout-columns .jm-common-collapse__controls .jm-common-collapse__button { height: calc(40px + var(--blank-button-density) * 5px); background-color: var(--ld-col-wht); border-bottom: 2px solid var(--kpi-bg-color); padding: var(--ld-accordion-padding-y) var(--ld-accordion-padding-x); } .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-layout-columns .jm-common-collapse__controls .blank-button--hovered { background-color: var(--ld-col-neutral-100); } .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-layout-columns .jm-common-collapse__controls .jm-common-collapse__button .blank-button__label { color: var(--ld-col-neutral-900); } .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-layout-columns .jm-layout-columns__child .blank-button__content .blank-icon { color: var(--ld-thm-primary); font-size: 23px; line-height: 15px; } .jm-qlik-bookmark-panel__new-button { margin: 15px 20px 8px; } /* */ .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-qlik-bookmark-panel .blank-list-item { margin: var(--ld-sp-2) var(--ld-sp-12); background-color: var(--ld-thm-primary-alpha-low); height: 45px; border-radius: var(--ld-br-m) !important; } .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-qlik-bookmark-panel .blank-list-item__secondary-action { top: 1px; right: 0; border-radius: 0; } .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-qlik-bookmark-panel .blank-list-item__primary-text { font-size: 13px; } .jm-firebase-platform-persistent-drawers-app__drawer--right .jm-qlik-bookmark-panel .blank-list-item__secondary-action .blank-button .blank-icon { color: var(--ld-thm-primary); } /****************************************************************************************************************/ /* Bookmark Create Modal */ /****************************************************************************************************************/ .blank-dialog .blank-dialog__surface { min-width: 500px; border-radius: var(--ld-br-l) !important; } .blank-dialog .jm-qlik-bookmark-panel__dialog-confirm-button { border-radius: var(--ld-br-m) !important; padding: 0 var(--ld-sp-24); } .blank-dialog .jm-qlik-bookmark-panel__dialog-cancel-button { color: var(--ld-thm-primary); border-radius: var(--ld-br-m) !important; padding: 0 var(--ld-sp-24); } .blank-dialog .blank-dialog__surface>.blank-dialog-header { position: relative; color: var(--ld-thm-primary); font-size: 18px; background-color: var(--ld-col-neutral-010); padding: 16px 24px; margin: 0; border-top-left-radius: var(--ld-br-l); border-top-right-radius: var(--ld-br-l); } .blank-dialog .blank-dialog__surface>.blank-dialog-header:before { content: 'bookmark'; background-color: var(--ld-col-neutral-010); border-radius: var(--ld-br-full); font-size: 15px; padding: 10px; color: var(--ld-thm-primary); margin-right: 10px; font-family: LUI icons; font-weight: 700; box-shadow: 0px 1px 2px #dedbdb; } .blank-dialog .blank-dialog__surface>.blank-dialog-body { padding: var(--ld-sp-24); margin: 0; } .blank-dialog .blank-dialog__surface>.blank-dialog-body .blank-textarea__input { font-size: 0.87rem; border-radius: var(--ld-br-m) !important; } .blank-dialog .blank-dialog__surface>.blank-dialog-body .blank-textarea__label { color: rgb(90 90 90); } .blank-dialog .blank-dialog__surface>.blank-dialog-footer { padding: var(--ld-sp-16); background-color: var(--ld-col-neutral-010); margin: 0; border-bottom-right-radius: var(--ld-br-l) !important; border-bottom-left-radius: var(--ld-br-l) !important; } /****************************************************************************************************************/ /* Email Corporate */ /*************************************************************************************************** main .jm-layout-masonry--main-x .jm-layout-masonry__cell .jm-qlik-card .vzl-kpi vzl-layer-wrapper:nth-child(2) .content-text-container { border-left: 3px solid #eb3b96; border-radius: 3px; justify-content: left !important; padding-left: 7px; main .jm-layout-masonry--main-x .jm-layout-masonry__cell .jm-qlik-card .vzl-kpi vzl-layer-wrapper:nth-child(2) .content-text-icon-container span { color: #4e388f; font-size: 1rem; font-weight: 700; main .jm-layout-masonry--main-x .jm-layout-masonry__cell .jm-qlik-card .vzl-kpi vzl-layer-wrapper:nth-child(3) .content-text-icon-container { color: #4e388f; font-weight: 700; transform: scale(0.8); text-shadow: 2px 2px 0px #e0e0e0; main .jm-layout-masonry--main-x .jm-layout-masonry__cell .jm-qlik-card .vzl-kpi vzl-layer-wrapper:nth-child(4) .image-layer { background-position: bottom 5px left -6px !important; background-size: 100% auto !important; } main .jm-layout-masonry--main-x .jm-layout-masonry__cell .jm-qlik-card .vzl-kpi vzl-layer-wrapper:nth-child(5) .icon-container .icon { font-size: 18px !important; } main .jm-layout-masonry--main-x .jm-layout-masonry__cell .jm-qlik-card .vzl-kpi vzl-layer-wrapper:nth-child(6) .content-text-icon-container span { color: #6f6f6f; background-color: #4e388f0f; font-weight: 700; padding: 4px 18px 6px; border-radius: 22px; } main .jm-layout-masonry--main-x .jm-layout-masonry__cell .jm-qlik-card .vzl-kpi vzl-layer-wrapper:nth-child(7) .content-text-icon-container span { color: black; transform: scale(0.8); ***/ /****************************************************************************************************************/ /* Responsive */ /****************************************************************************************************************/ @media only screen and (min-width: 1200px) { .jm-qlik-text__content--headline1 { font-size: 1.25rem; } .jm-qlik-text__content--headline3 { margin: 0 0.75rem 0 0; font-size: 0.9rem; } } @media only screen and (min-width: 1085px) { .jm-firebase-platform-persistent-drawers-app__header .jm-core-dimensions-adapter { height: 50px !important; } } @media only screen and (max-width: 1085px) { .jm-firebase-platform-persistent-drawers-app__header { display: block; position: relative; } .jm-firebase-platform-persistent-drawers-app__logo { margin: 1rem auto 0; display: block; } .jm-firebase-platform-persistent-drawers-app__header .jm-layout-flow-wrap--main-axis-align-end { justify-content: center; } .jm-firebase-platform-persistent-drawers-app__header-buttons--left { position: absolute; bottom: 0; left: 0; } .jm-firebase-platform-persistent-drawers-app__header .jm-qlik-field-dropdown__button { height: calc(40px + var(--blank-button-density) * 4px); } .jm-firebase-platform-persistent-drawers-app__header .lui-select { height: 40px; } .jm-firebase-platform-persistent-drawers-app__header .qv-object-qlik-variable-input div.qlik:after { top: 11px; } } /********************************************************************************************/ /* Sticky Menu */ /******************************************************************************************/ #root .jm-core-host main.jm-firebase-platform-persistent-drawers-app__main>.jm-layout-masonry.jm-layout-masonry--main-x.jm-layout-masonry--cross-intrinsic>.jm-layout-masonry__cell:first-child { position: sticky; top: 0px; background-color: #fcfcfc; z-index: 2; } /* nav button */ .jm-routing-nav-button__button { font-size: 0.75rem !important; color: #7b7b7b; background: #fdfdfd; border-radius: 2px; width: auto; justify-content: space-between; padding: 5px 10px 5px 10px; transition: 1s; border-bottom: 2px solid #9689bead; position: relative; } .jm-routing-nav-button i { margin: 0 5px; font-size: 14px; } .jm-routing-nav-button__button:hover { background-color: #eeecf6; color: #9689be; } /* Action Button */ article.qv-object.qvt-visualization.qv-layout-spark.qv-object-action-button button { height: 40px !important; position: initial !important; background-color: #f9f7fb !important; border-radius: 0px !important; border-bottom: 2px solid #eb3b96 !important; color: #0e1a2d !important; margin: 5px 5px !important; } article.qv-object.qvt-visualization.qv-layout-spark.qv-object-action-button button:hover { background-color: #f2ecf7 !important; border-bottom: 2px solid #f2a6cd !important; } article.qv-object.qvt-visualization.qv-layout-spark.qv-object-action-button button text { font-size: 12px !important; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .jm-qlik-visualization-card-surface__fullscreen, .jm-qlik-visualization-card-surface__export .blank-button__content { color: #6a6a6a; } .jm-qlik-visualization-card-surface__export .blank-button__icon.blank-icon--missing.blank-icon--missing { --blank-icon-content: "system_update_alt" !important; font-size: 20px; line-height: 24px; } .jm-qlik-variable-dropdown { padding: 0px; } /*------jm-qlik-field-dropdown__listbox---------*/ .jm-qlik-field-dropdown__listbox .jm-qlik-listbox__items .jm-qlik-listbox__item { min-height: 36px; font-size: 14px; line-height: 16px; height: auto; padding: 5px 15px; } .jm-qlik-sense-visualization .object-error-title { margin-top: 7px; font-size: 16px; } .jm-qlik-sense-visualization .qv-layout-spark .object-error-message { display: block; font-size: 11px; } .jm-qlik-sense-visualization-surface { background-color: transparent !important; } /*-----------------------*/ .jm-qlik-visualization-card-surface__fullscreen i.blank-button__icon, .jm-qlik-visualization-card-surface__export i.lui-icon--download { color: #4e388f; } /*-- START: Styling of Attainment Period Qlik KPI Box object --------------------*/ .jm-qlik-sense-visualization[data-node-id="1095ba80-57fa-4d89-a3e1-5a19df631b07"] .jm-qlik-sense-visualization-surface, .jm-qlik-sense-visualization[data-node-id="cdd69e88-9af7-4376-82ef-d5b110c684e2"] .jm-qlik-sense-visualization-surface, .jm-qlik-sense-visualization[data-node-id="9f9971ce-d142-4302-923b-69089e9daa7e"] .jm-qlik-sense-visualization-surface { grid-template-rows: 25px auto; } .jm-qlik-sense-visualization[data-node-id="1095ba80-57fa-4d89-a3e1-5a19df631b07"] .jm-qlik-sense-visualization-surface__visualization, .jm-qlik-sense-visualization[data-node-id="cdd69e88-9af7-4376-82ef-d5b110c684e2"] .jm-qlik-sense-visualization-surface__visualization, .jm-qlik-sense-visualization[data-node-id="9f9971ce-d142-4302-923b-69089e9daa7e"] .jm-qlik-sense-visualization-surface__visualization { margin: 0 0px !important; } .jm-qlik-sense-visualization[data-node-id="1095ba80-57fa-4d89-a3e1-5a19df631b07"] .sn-kpi-data, .jm-qlik-sense-visualization[data-node-id="cdd69e88-9af7-4376-82ef-d5b110c684e2"] .sn-kpi-data, .jm-qlik-sense-visualization[data-node-id="9f9971ce-d142-4302-923b-69089e9daa7e"] .sn-kpi-data { display: block; } .jm-qlik-sense-visualization[data-node-id="1095ba80-57fa-4d89-a3e1-5a19df631b07"] .sn-kpi-data .sn-kpi-ellips-text span, .jm-qlik-sense-visualization[data-node-id="cdd69e88-9af7-4376-82ef-d5b110c684e2"] .sn-kpi-data .sn-kpi-ellips-text span, .jm-qlik-sense-visualization[data-node-id="9f9971ce-d142-4302-923b-69089e9daa7e"] .sn-kpi-data .sn-kpi-ellips-text span { color: var(--ld-thm-primary); line-height: 1rem; font-size: 0.7rem; font-weight: 500; background-color: var(--ld-col-neutral-010); padding: var(--ld-sp-2) 5px var(--ld-sp-2) 20px; margin-left: 0px; border-radius: var(--ld-br-m); position: relative; display: inline; font-family: "Roboto", sans-serif; } .jm-qlik-sense-visualization[data-node-id="1095ba80-57fa-4d89-a3e1-5a19df631b07"] .sn-kpi-data .sn-kpi-ellips-text span:after, .jm-qlik-sense-visualization[data-node-id="cdd69e88-9af7-4376-82ef-d5b110c684e2"] .sn-kpi-data .sn-kpi-ellips-text span:after, .jm-qlik-sense-visualization[data-node-id="9f9971ce-d142-4302-923b-69089e9daa7e"] .sn-kpi-data .sn-kpi-ellips-text span:after { content: 'calendar'; font-size: 13px; color: var(--ld-thm-primary-focus); font-family: LUI icons; font-weight: 700; float: left; position: absolute; left: 2px; top: 0; } /*-- END: Styling of Attainment Period Qlik KPI Box object --------------------*/ .jm-qlik-sense-visualization--card-design .jm-qlik-sense-visualization-surface header { margin: 15px 0.75rem 1rem 0.7rem !important; border: none; } .jm-qlik-sense-visualization--card-design .jm-qlik-sense-visualization-surface header .qv-object-title { font-family: Lato, Helvetica, Arial, sans-serif !important; font-weight: 700 !important; letter-spacing: -0.001em; line-height: 1rem; padding: 5px 0px; position: relative; font-size: 1rem !important; } .jm-qlik-sense-visualization--card-design .jm-qlik-sense-visualization-surface header .qv-object-title .qv-object-title-text { font-size: 0.9rem !important; } .jm-qlik-sense-visualization--card-design .jm-qlik-sense-visualization-surface header .qv-object-subtitle { line-height: 0.9em; font-size: 0.8rem !important; } .jm-qlik-sense-visualization--sn-kpi .jm-qlik-sense-visualization-surface .sn-kpi-data { justify-content: space-between; padding: 15px 0 !important; } .jm-qlik-sense-visualization--sn-kpi .jm-qlik-sense-visualization-surface .sn-kpi-data .sn-kpi-measure-title.sn-kpi-ellips-text { padding: 0 2% 5px; min-height: 40px; overflow: visible; } /*----error message-----*/ .jm-qlik-sense-visualization .object-error-title { margin: 2px 4px !important; } .jm-qlik-sense-visualization .qv-layout-spark .object-error-message { display: block; font-size: 10px; } .ng-scope.lui-popover { display: none; } .qv-listbox-popover { display: block !important; } /*----Attainment Excamation Mark when Standard is selected-----*/ .jm-qlik-sense-visualization[data-node-id="4e784a21-3d3d-4c8b-b2f3-6eee3cad87bf"] .sn-kpi .sn-kpi-data, .jm-qlik-sense-visualization[data-node-id="6baffafe-b1ee-497e-af40-3f3f7cbb50e4"] .sn-kpi .sn-kpi-data, .jm-qlik-sense-visualization[data-node-id="0864ef7d-b215-4513-b17a-e588dd7ae2d5"] .sn-kpi .sn-kpi-data { justify-content: flex-start; } /****************************************************************************************************************/ /* new style */ /****************************************************************************************************************/ /* Card: Mavenclad Dashboard */ /* data-node-id="074e542d-169c-4850-8b3b-a160275508c1" */ .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] { padding: 0rem 0.3rem 1rem; } .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-qlik-sense-visualization { padding: 0 !important; } .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-qlik-sense-visualization--card-sn-kpi .jm-qlik-sense-visualization-surface .sn-kpi-data { align-items: center; } .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child { border-bottom: var(--al-kpi-br-b-color); } .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(5), .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) { background-color: var(--al-kpi-bg-color); } .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-data, .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-data, .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-data { align-items: flex-start } .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="074e542d-169c-4850-8b3b-a160275508c1"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; text-align: left; } /* data-node-id="11726b8e-de5a-4031-a239-e78faf411e99" */ .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] { padding: 0rem 0.3rem 1rem; } .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-qlik-sense-visualization { padding: 0 !important; } .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-qlik-sense-visualization--card-sn-kpi .jm-qlik-sense-visualization-surface .sn-kpi-data { align-items: center; } .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child { border-bottom: var(--al-kpi-br-b-color); } .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(4), .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(5), .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) { background-color: var(--al-kpi-bg-color); } .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-data, .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-data, .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-data { align-items: flex-start } .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(1) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(4) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(9) .sn-kpi .sn-kpi-ellips-text { color: var(--al-kpi-title-color); } .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(2) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(5) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(8) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(6) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(3) .sn-kpi .sn-kpi-ellips-text, .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child:nth-child(7) .sn-kpi .sn-kpi-ellips-text { font-size: 0.9rem; font-weight: 600; } .jm-qlik-card__content[data-child-id="11726b8e-de5a-4031-a239-e78faf411e99"] .jm-layout-grid .jm-layout-grid__child .sn-kpi .sn-kpi-ellips-text { font-weight: 500; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 0.8rem; padding-right: 5px; text-align: left; } /*-----------------------*/ .jm-qlik-sense-visualization--card-sn-kpi .jm-qlik-sense-visualization-surface .sn-kpi-data .sn-kpi-ellips-text { font-size: 1rem; } /*-----------variable input hover---------------*/ .jm-qlik-variable-input__navigation .MuiInputBase-root.navigation:hover .MuiSelect-root, .jm-qlik-variable-input__navigation .MuiInputBase-root.navigation:hover { background-color: #d5d0e5; color: #4e388f; } .jm-qlik-variable-input__navigation .MuiInputBase-root.navigation:hover svg { color: #4e388f; }