/*
 * DATAMA SAS
 * --------------
 * NOTICE:  All information contained herein is, and remains
 * the property of DataMa SAS and/or some open source packages used
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to DataMa SAS
 * and its suppliers and may be covered by French and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from DataMa SAS.
 * Notice created by Django <django@datama.fr>, Wazhabits <anatole@datama.fr> updated by Anatole Piveteau
 * Copyright (c) 2025 DATAMA SAS, All rights reserved.
 * Generated for file : index.css project project-deep-sky
 */

@import url("configuration/__vars.css");
@import url("configuration/__fonts.css");
@import url("configuration/__generic.css");
@import url("modules/__sections.css");
@import url("modules/__tabs.css");
@import url("modules/__steps.css");
@import url("modules/__boxes.css");
@import url("modules/__panels.css");
@import url("modules/__table.css");
@import url("modules/__button.css");
@import url("modules/__input.css");
@import url("modules/__fieldset.css");
@import url("modules/__waterfall.css");
@import url("modules/__dialog.css");
@import url("modules/__notification.css");
@import url("modules/__market_equation.css");
@import url("modules/__start_end.css");
@import url("modules/__image.css");
@import url("modules/__introduction.css");
@import url("modules/__plotter.css");
@import url("modules/__reactive_table.css");
@import url("parts/header.css");
@import url("parts/footer.css");
@import url("parts/modules.css");

div[data-app="true"] * {
    box-sizing: border-box;
}

div[data-app="true"].no-events,
div[data-app="true"].no-events * {
    pointer-events: none !important;
}

div[data-app="true"]  {
    color: var(--color-dark);
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}
#qv-page-container div[data-app="true"]  {
    color: var(--color-dark);
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

div[data-app="true"] button, div[data-app="true"] a {
    cursor: pointer;
}

.datama-light .disabled:not(.dimension-pill):not(.kpi),
div[data-app="true"] .disabled:not(.dimension-pill):not(.kpi) {
    opacity: .5;
    cursor: not-allowed;
}

div[data-app="true"] .lock,
.datama-light .lock {
    position: relative;
}

div[data-app="true"] .lock::after,
.datama-light .lock::after {
    position: absolute;
    bottom: -.1rem;
    right: 0;
    width: 1.2rem;
    height: 1.2rem;
    background: var(--datama-primary);
    border-radius: 1.2rem;
    content: "🔒";
    line-height: 1.2rem;
    font-size: .8rem;
    padding: .1rem;
    box-shadow: var(--shadow);
    text-align: center !important;
}

.datama-light {
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.datama-light > .datama-light-header {
    order: 1;
}
.datama-light > .datama-light-modules {
    order: 2;
}
.datama-light > .datama-light-introduction {
    order: 3;
}
.datama-light > .datama-light-footer {
    order: 4;
}
.datama-light > .datama-light-notifications {
    order: 5;
}
#qv-page-container .datama-light {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.datama-light > * {
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
}
#qv-page-container .datama-light > * {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.datama-light > div {
    padding: 0 20px;
}

div[data-app="true"] .datama-slide-actions {
    visibility: hidden;
    opacity: 0;
    transition: .1s ease-out;
}

div[data-app="true"]:hover .datama-slide-actions {
    visibility: visible;
    opacity: 1;
    transition: .1s ease-in;
}
div[data-app="true"] .datama-slide-actions .datama-input-label,
div[data-app="true"] .datama-slide-actions .datama-input-select {
    min-width: unset;
    margin: 0 !important;
}
div[data-app="true"] .plotter-shortcuts .datama-input-label,
div[data-app="true"] .plotter-shortcuts .datama-input-select {
    min-width: unset;
    margin: 0 !important;
}
div[data-app="true"] .datama-slide-actions {
    position: absolute;
    right: 10px;
    top: 0;
    background-color: rgba(var(--color-white-rgb), .95) !important;
}

div[data-app="true"] .datama-grow {
    flex: 1;
}

div[data-app="true"] .text-right {
    text-align: right !important;
}

div[data-app="true"] .text-left {
    text-align: left !important;
}

div[data-app="true"] .text-center {
    text-align: center !important;
}

div[data-app="true"] .no-border {
    border: unset !important;
}

div[data-app="true"] .datama-hidden {
    display: none;
}

div[data-app="true"] .border-none {
    border: none;
}

div[data-app="true"] .border-square {
    border-radius: 0;
}

div[data-app="true"] .border-round {
    border-radius: 100em;
}

div[data-app="true"] .border-radius {
    border-radius: var(--border-radius);
}

div[data-app="true"] .border {
    border: var(--border-primary);
}

div[data-app="true"] .relative {
    position: relative;
}

div[data-app="true"] .absolute {
    position: absolute;
}

div[data-app="true"] .fixed {
    position: fixed;
}

div[data-app="true"] .sticky {
    position: sticky;
}

div[data-app="true"] .d-flex {
    display: flex;
}

div[data-app="true"] .flex-wrap {
    flex-wrap: wrap;
}

div[data-app="true"] .flex-nowrap {
    flex-wrap: nowrap;
}

div[data-app="true"] .flex-start {
    justify-content: flex-start;
}

div[data-app="true"] .flex-end {
    justify-content: flex-end;
}

div[data-app="true"] .flex-center {
    justify-content: center;
}

div[data-app="true"] .flex-column {
    flex-direction: column;
}

div[data-app="true"] .align-middle {
    vertical-align: middle;
    align-items: center;
}

div[data-app="true"] .justify-start {
    justify-content: flex-start;
}

div[data-app="true"] .justify-end {
    justify-content: flex-end;
}

div[data-app="true"] .justify-center {
    justify-content: center;
}

div[data-app="true"] .justify-space-between {
    justify-content: space-between;
}

div[data-app="true"] .justify-space-around {
    justify-content: space-around;
}

div[data-app="true"] .primary {
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

div[data-app="true"] .secondary {
    color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

div[data-app="true"] .primary-light {
    color: var(--color-primary-light) !important;
    border-color: var(--color-secondary) !important;
}

div[data-app="true"] .icon-primary .datama-icon,
div[data-app="true"] .icon-primary .datama-icon path {
    color: var(--color-primary);
    fill: var(--color-primary);
}

div[data-app="true"] .icon-secondary .datama-icon,
div[data-app="true"] .icon-secondary .datama-icon path {
    color: var(--color-secondary);
    fill: var(--color-secondary);
}

div[data-app="true"] .icon-primary-light .datama-icon,
div[data-app="true"] .icon-primary-light .datama-icon path {
    color: var(--color-primary-light);
    fill: var(--color-primary-light);
}

div[data-app="true"] .icon-danger .datama-icon,
div[data-app="true"] .icon-danger .datama-icon path {
    color: var(--color-danger);
    fill: var(--color-danger);
}

div[data-app="true"] .dark {
    color: rgb(var(--color-dark-rgb)) !important;
}

div[data-app="true"] .dark-light {
    color: rgb(var(--color-dark-thin-rgb)) !important;
}

div[data-app="true"] .white {
    color: rgb(var(--color-light-rgb)) !important;
}

div[data-app="true"] .small {
    font-size: small !important;
}

div[data-app="true"] .large {
    font-size: large !important;
}

div[data-app="true"] .strong {
    font-weight: 600 !important;
}

div[data-app="true"] .light {
    font-weight: 300 !important;
}

div[data-app="true"] .underlined {
    position: relative;
}

div[data-app="true"] .underlined::after {
    content: "";
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 0;
    height: 1px;
    background: currentColor;
    transition: .1s ease-out;
    opacity: .5;
}

div[data-app="true"] .underlined:hover::after {
    left: 0;
    right: 0;
    transition: .1s ease-in;
    opacity: 1;
}

div[data-app="true"] .p-0 {
    padding: 0 !important;
    border: transparent;
}

div[data-app="true"] .p-1 {
    padding: 5px !important;
}

div[data-app="true"] .p-2 {
    padding: 10px !important;
}

div[data-app="true"] .p-3 {
    padding: 15px !important;
}

div[data-app="true"] .p-4 {
    padding: 20px !important;
}

div[data-app="true"] .p-5 {
    padding: 25px !important;
}

div[data-app="true"] .pl-0 {
    padding-left: 0 !important;
}

div[data-app="true"] .pl-1 {
    padding-left: 5px !important;
}

div[data-app="true"] .pl-2 {
    padding-left: 10px !important;
}

div[data-app="true"] .pl-3 {
    padding-left: 15px !important;
}

div[data-app="true"] .pl-4 {
    padding-left: 20px !important;
}

div[data-app="true"] .pl-5 {
    padding-left: 25px !important;
}

div[data-app="true"] .pr-0 {
    padding-right: 0 !important;
}

div[data-app="true"] .pr-1 {
    padding-right: 5px !important;
}

div[data-app="true"] .pr-2 {
    padding-right: 10px !important;
}

div[data-app="true"] .pr-3 {
    padding-right: 15px !important;
}

div[data-app="true"] .pr-4 {
    padding-right: 20px !important;
}

div[data-app="true"] .pr-5 {
    padding-right: 25px !important;
}

div[data-app="true"] .pb-0 {
    padding-bottom: 0 !important;
}

div[data-app="true"] .pb-1 {
    padding-bottom: 5px !important;
}

div[data-app="true"] .pb-2 {
    padding-bottom: 10px !important;
}

div[data-app="true"] .pb-3 {
    padding-bottom: 15px !important;
}

div[data-app="true"] .pb-4 {
    padding-bottom: 20px !important;
}

div[data-app="true"] .pb-5 {
    padding-bottom: 25px !important;
}

div[data-app="true"] .pt-0 {
    padding-top: 0 !important;
}

div[data-app="true"] .pt-1 {
    padding-top: 5px !important;
}

div[data-app="true"] .pt-2 {
    padding-top: 10px !important;
}

div[data-app="true"] .pt-3 {
    padding-top: 15px !important;
}

div[data-app="true"] .pt-4 {
    padding-top: 20px !important;
}

div[data-app="true"] .pt-5 {
    padding-top: 25px !important;
}

div[data-app="true"] .m-0 {
    margin: 0 !important;
}

div[data-app="true"] .m-1 {
    margin: 5px !important;
}

div[data-app="true"] .m-2 {
    margin: 10px !important;
}

div[data-app="true"] .m-3 {
    margin: 15px !important;
}

div[data-app="true"] .m-4 {
    margin: 20px !important;
}

div[data-app="true"] .m-auto {
    margin: auto !important;
}

div[data-app="true"] .m-5 {
    margin: 25px !important;
}

div[data-app="true"] .ml-0 {
    margin-left: 0 !important;
}

div[data-app="true"] .ml-1 {
    margin-left: 5px !important;
}

div[data-app="true"] .ml-2 {
    margin-left: 10px !important;
}

div[data-app="true"] .ml-3 {
    margin-left: 15px !important;
}

div[data-app="true"] .ml-4 {
    margin-left: 20px !important;
}

div[data-app="true"] .ml-auto {
    margin-left: auto !important;
}

div[data-app="true"] .ml-5 {
    margin-left: 25px !important;
}

div[data-app="true"] .mr-0 {
    margin-right: 0 !important;
}

div[data-app="true"] .mr-1 {
    margin-right: 5px !important;
}

div[data-app="true"] .mr-2 {
    margin-right: 10px !important;
}

div[data-app="true"] .mr-3 {
    margin-right: 15px !important;
}

div[data-app="true"] .mr-4 {
    margin-right: 20px !important;
}

div[data-app="true"] .mr-auto {
    margin-right: auto !important;
}

div[data-app="true"] .mr-5 {
    margin-right: 25px !important;
}

div[data-app="true"] .mb-0 {
    margin-bottom: 0 !important;
}

div[data-app="true"] .mb-1 {
    margin-bottom: 5px !important;
}

div[data-app="true"] .mb-2 {
    margin-bottom: 10px !important;
}

div[data-app="true"] .mb-3 {
    margin-bottom: 15px !important;
}

div[data-app="true"] .mb-4 {
    margin-bottom: 20px !important;
}

div[data-app="true"] .mb-auto {
    margin-bottom: auto !important;
}

div[data-app="true"] .mb-5 {
    margin-bottom: 25px !important;
}

div[data-app="true"] .mt-0 {
    margin-top: 0 !important;
}

div[data-app="true"] .mt-1 {
    margin-top: 5px !important;
}

div[data-app="true"] .mt-2 {
    margin-top: 10px !important;
}

div[data-app="true"] .mt-3 {
    margin-top: 15px !important;
}

div[data-app="true"] .mt-4 {
    margin-top: 20px !important;
}

div[data-app="true"] .mt-auto {
    margin-top: auto !important;
}

div[data-app="true"] .mt-5 {
    margin-top: 25px !important;
}

/** NEGATIVE MARGIN*/

div[data-app="true"] .m--1 {
    margin: -5px !important;
}

div[data-app="true"] .m--2 {
    margin: -10px !important;
}

div[data-app="true"] .m--3 {
    margin: -15px !important;
}

div[data-app="true"] .m--4 {
    margin: -20px !important;
}

div[data-app="true"] .m--5 {
    margin: -25px !important;
}

div[data-app="true"] .ml--0 {
    margin-left: -0 !important;
}

div[data-app="true"] .ml--1 {
    margin-left: -5px !important;
}

div[data-app="true"] .ml--2 {
    margin-left: -10px !important;
}

div[data-app="true"] .ml--3 {
    margin-left: -15px !important;
}

div[data-app="true"] .ml--4 {
    margin-left: -20px !important;
}

div[data-app="true"] .ml--5 {
    margin-left: -25px !important;
}

div[data-app="true"] .mr--1 {
    margin-right: -5px !important;
}

div[data-app="true"] .mr--2 {
    margin-right: -10px !important;
}

div[data-app="true"] .mr--3 {
    margin-right: -15px !important;
}

div[data-app="true"] .mr--4 {
    margin-right: -20px !important;
}

div[data-app="true"] .mr--5 {
    margin-right: -25px !important;
}

div[data-app="true"] .mb--1 {
    margin-bottom: -5px !important;
}

div[data-app="true"] .mb--2 {
    margin-bottom: -10px !important;
}

div[data-app="true"] .mb--3 {
    margin-bottom: -15px !important;
}

div[data-app="true"] .mb--4 {
    margin-bottom: -20px !important;
}

div[data-app="true"] .mb--5 {
    margin-bottom: -25px !important;
}

div[data-app="true"] .mt--1 {
    margin-top: -5px !important;
}

div[data-app="true"] .mt--2 {
    margin-top: -10px !important;
}

div[data-app="true"] .mt--3 {
    margin-top: -15px !important;
}

div[data-app="true"] .mt--4 {
    margin-top: -20px !important;
}

div[data-app="true"] .mt--5 {
    margin-top: -25px !important;
}

/** NEGATIVE MARGIN*/

div[data-app="true"] .bg-dark {
    background: rgb(var(--color-dark-rgb));
    color: rgb(var(--color-light-rgb));
}

div[data-app="true"] .bg-white {
    color: rgb(var(--color-dark-rgb));
    background: rgb(var(--color-light-rgb));
}

div[data-app="true"] .bg-primary {
    background: var(--color-primary);
}

div[data-app="true"] .bg-primary * {
    color: rgb(var(--color-light-rgb))
}

div[data-app="true"] .bg-primary .primary,
div[data-app="true"] .bg-primary a {
    color: rgb(var(--color-light-rgb)) !important;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: underline;
}

div[data-app="true"] .bg-primary .datama-divider {
    border-color: rgba(var(--color-light-rgb), .25) !important;
}

div[data-app="true"] .bg-secondary {
    background: var(--color-secondary);
}

div[data-app="true"] .bg-secondary * {
    color: rgb(var(--color-light-rgb));
    fill: rgb(var(--color-light-rgb));
}

div[data-app="true"] .bg-secondary .primary,
div[data-app="true"] .bg-secondary a {
    color: rgb(var(--color-light-rgb)) !important;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: underline;
}

div[data-app="true"] .bg-secondary .datama-divider {
    border-color: rgba(var(--color-light-rgb), .25) !important;
}

#datama-testing-text,
.datama-testing-text,
.datama-test-hidden {
    position: absolute !important;
    visibility: hidden;
    height: auto;
    width: auto;
    white-space: nowrap;
    z-index: -1;
    top: 0;
    left: 0;
}

div[data-app="true"] .allow-overflow {
    overflow-y: visible !important;
    overflow-x: scroll !important;
}

div[data-app="true"] .w-100 {
    width: 100%;
}

div[data-app="true"] .w-75 {
    width: 75%;
}

div[data-app="true"] .w-66 {
    width: 66.66%;
}

div[data-app="true"] .w-50 {
    width: 50%;
}

div[data-app="true"] .w-33 {
    width: 33.33%;
}

div[data-app="true"] .w-25 {
    width: 25%;
}

div[data-app="true"] .ha-100 {
    height: 100%;
    min-height: 100% !important;
    max-height: 100% !important;
}

div[data-app="true"] .ha-75 {
    height: 75%;
    min-height: 75% !important;
    max-height: 75% !important;
}

div[data-app="true"] .ha-66 {
    height: 66.66%;
    min-height: 66.66% !important;
    max-height: 66.66% !important;
}

div[data-app="true"] .ha-50 {
    height: 50%;
    min-height: 50% !important;
    max-height: 50% !important;
}

div[data-app="true"] .ha-33 {
    height: 33.33%;
    min-height: 33.33% !important;
    max-height: 33.33% !important;
}

div[data-app="true"] .ha-25 {
    height: 25%;
    min-height: 25% !important;
    max-height: 25% !important;
}

div[data-app="true"] .fit-content {
    width: fit-content;
}

div[data-app="true"] .disabled:not(.dimension-pill):not(.kpi) {
    cursor: not-allowed !important;
    opacity: .75;
}

div[data-app="true"] .v-btn--disabled * {
    color: rgba(var(--color-dark-rgb), .26) !important;
}

div[data-app="true"] .p-absolute {
    position: absolute;
}

div[data-app="true"] .top-0 {
    top: 0 !important;
}

div[data-app="true"] .top-1 {
    top: 5px !important;
}

div[data-app="true"] .top-2 {
    top: 10px !important;
}

div[data-app="true"] .top-3 {
    top: 15px !important;
}

div[data-app="true"] .top-4 {
    top: 20px !important;
}

div[data-app="true"] .top-5 {
    top: 25px !important;
}

div[data-app="true"] .left-0 {
    left: 0 !important;
}

div[data-app="true"] .left-1 {
    left: 5px !important;
}

div[data-app="true"] .left-2 {
    left: 10px !important;
}

div[data-app="true"] .left-3 {
    left: 15px !important;
}

div[data-app="true"] .left-4 {
    left: 20px !important;
}

div[data-app="true"] .left-5 {
    left: 25px !important;
}

div[data-app="true"] .bottom-0 {
    bottom: 0 !important;
}

div[data-app="true"] .bottom-1 {
    bottom: 5px !important;
}

div[data-app="true"] .bottom-2 {
    bottom: 10px !important;
}

div[data-app="true"] .bottom-3 {
    bottom: 15px !important;
}

div[data-app="true"] .bottom-4 {
    bottom: 20px !important;
}

div[data-app="true"] .bottom-5 {
    bottom: 25px !important;
}

div[data-app="true"] .right-0 {
    right: 0 !important;
}

div[data-app="true"] .right-1 {
    right: 5px !important;
}

div[data-app="true"] .right-2 {
    right: 10px !important;
}

div[data-app="true"] .right-3 {
    right: 15px !important;
}

div[data-app="true"] .right-4 {
    right: 20px !important;
}

div[data-app="true"] .right-5 {
    right: 25px !important;
}