:root {
    /*
        The following are stylable
    */

    --body-background-color: #ffffff; /* white */
    --body-font-size: 1rem;
    --qdv-folder-icon-color: #3594A2;
    --qdv-background-color-main: #3594A2;
    --qdv-hover-color-breadcrumb: #f8f9fa;
    --qdv-treeview-active-bg: #c8c8c8;
    --qdv-inactive-bg: #c8c8c8;
    --qdv-background-input: #ECFDFF;
    --qdv-background-input-disabled: #e9ecef;
    /*
        The following are not intended to be stylable
    */

    --footer-height: 60px;
    --header-height: 62px;
    --fa-family: "Font Awesome 7 Pro";
}


/* Fonts */
/* lexend-deca-100 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 100;
    src: url('../webfonts/lexend-deca-v21-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-deca-200 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 200;
    src: url('../webfonts/lexend-deca-v21-latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-deca-300 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 300;
    src: url('../webfonts/lexend-deca-v21-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-deca-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 400;
    src: url('../webfonts/lexend-deca-v21-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-deca-500 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 500;
    src: url('../webfonts/lexend-deca-v21-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-deca-600 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 600;
    src: url('../webfonts/lexend-deca-v21-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-deca-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 700;
    src: url('../webfonts/lexend-deca-v21-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-deca-800 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 800;
    src: url('../webfonts/lexend-deca-v21-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-deca-900 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 900;
    src: url('../webfonts/lexend-deca-v21-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




html {
    font-size: 14px;
    /*
    font-family: 'Lexend Deca', 'Segoe UI', 'Tahoma', 'Geneva', 'Verdana', 'sans-serif';
    */
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: var(--body-background-color);
    font-size: var(--body-font-size);
}

/* Color of QDV */
.headerQDV {
    background-color: var(--qdv-background-color-main);
    height: var(--header-height);
    display: flex;
    align-items: center; /* centrage vertical */
    padding: 0 0rem; /* marges intérieures gauche/droite */
}

.footerQDV {
    background-color: var(--qdv-background-color-main);
}

.btn-breadcrumb-qdv365:hover {
    border-left-color: var(--qdv-hover-color-breadcrumb);
    background-color: var(--qdv-hover-color-breadcrumb);
}
/* Symbol in the layout (shortcuts)*/
.rightsymbol {
    margin: 0 .8rem; /* espacement horizontal entre les icônes du header */
}


/* To add a check mark in the menus*/
.dropdown-item-checked::before {
    position: absolute;
    left: 0rem;
    content: '✓';
    font-weight: 300;
}

/* Badge letters */
.rounded-avatar {
    color: var(--qdv-background-color-main);
    background-color: var(--body-background-color);
    border-color: var(--body-background-color);
}

    .rounded-avatar:hover {
        color: var(--qdv-background-color-main);
        background-color: var(--body-background-color);
        border-color: var(--qdv-background-color-main);
        border-width: 1px;
    }

    .rounded-avatar:active {
        color: var(--qdv-background-color-main) !important;
        background-color: var(--body-background-color) !important;
        border-color: var(--qdv-background-color-main) !important;
        border-width: 1px;
    }

.btn.rounded-avatar.show {
    color: var(--qdv-background-color-main) !important;
    background-color: var(--body-background-color) !important;
    border-color: var(--qdv-background-color-main) !important;
    border-width: 1px;
}


/* general */
.fa-color {
    --fa-primary-color: var(--qdv-background-color-main);
    --fa-secondary-color: var(--qdv-background-color-main);
    color: var(--qdv-background-color-main);
}

/* manage sub-menus */
.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

/* occupy all the width between header and footer */
.full-centerQDV {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 20px;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: var(--footer-height) !important;
}

/* progress bar */
.progress-bar {
    width: 100%;
    height: 20px;
    background-color: #ddd;
}

#progress {
    width: 0%;
    height: 100%;
    background-color: #4CAF50;
}

/* form the application hub */
#divWidgets {
    position: absolute;
    margin-top: 50px;
    border-style: solid;
    border-color: var(--qdv-background-color-main);
    display: flex !important;
    flex-direction: row;
    flex-flow: row wrap;
    width: 225px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px var(--qdv-background-color-main);
    background-color: white;
    z-index: 999;
}

.hubwidget {
    margin: 20px;
}

/* form controls. Overrides bootstrap */
.form-control:disabled {
    background-color: var(--qdv-background-input-disabled) !important;
    border-color: var(--qdv-background-input-disabled) !important;
}

.form-select:disabled {
    background-color: var(--qdv-background-input-disabled) !important;
    border-color: var(--qdv-background-input-disabled) !important;
}

/* Standard button */
.btnValid:before {
    font-family: var(--fa-family);
    content: "\f00c";
    color: var(--qdv-background-color-main);
    background-color: transparent;
}

.btnValid:hover {
    font-weight: 900;
}

.btnCancel:before {
    font-family: var(--fa-family);
    content: "\f00d";
    color: var(--qdv-background-color-main);
    background-color: transparent;
}

.btnCancel:hover {
    font-weight: 900;
}

.btnSymbol:before {
    font-family: var(--fa-family);
    color: var(--qdv-background-color-main);
    background-color: transparent;
    font-style: normal;
}

.btnSymbol:hover {
    font-weight: 900;
}

.symbolAdd:before {
    content: "\f055";
}

.symbolEye:before {
    content: "\f06e";
}

.symbolEdit:before {
    content: "\f303";
}

.symbolDelete:before {
    content: "\f2ed";
}

/* For modal */
.modalqdv-content {
    --bs-modal-border-radius: 0.25rem;
    --bs-modal-padding: 0.5rem;
}

/* For pseudo paswword type input fields */
.inputpwd {
    text-security: disc;
    -webkit-text-security: disc;
    -mox-text-security: disc;
}

/* Fix changes in bootstrap 5.3.7 */
.btn {
    --bs-btn-padding-x: 0.5rem !important;
    --bs-btn-padding-y: 0.25rem !important;
}