/*Charte AMU*/
@import url("amu/_variables-cQZGjav.css");
@import url("amu/main-qMQuume.css");
@import url("amu/menu/topbar-AtSsuQv.css");
@import url("amu/menu/sidebar-JE1WEXe.css");
@import url("amu/menu/bottombar-LMEL7kS.css");

/*Ajoutez vos styles ici =>*/

@import url("_variables-hKB7a-N.css");
@import url("app_couleur-cgIti1j.css");
@import url("app_typo-4NB1QQ5.css");
@import url("app_autosize-qn8gAvP.css");
@import url("animations/loader/spinner15-X1XPCXN.css");
@import url("inputRadio-wrRkQDN.css");
@import url("impersonification-6Y1v0Kt.css");
@import url("evalUser-aToLcR4.css");
@import url("filtres-dHUnpso.css");
@import url("tooltips-3NqGbHv.css");


@font-face {
    font-family: "Jost";
    src: url("../fonts/jost/Jost-Bold-yWXrrlm.ttf");
    src: url("../fonts/jost/Jost-SemiBold-QfETH57.ttf");
    src: url("../fonts/jost/Jost-Regular-G-yOndX.ttf");
}

@font-face {
    font-family: "Titillium";
    src: url("../fonts/titillium/TitilliumWeb-SemiBold-K4sZdTC.ttf");
    src: url("../fonts/titillium/TitilliumWeb-Regular-3LMOGl_.ttf");
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto/Roboto-Bold-dqkJ9Pz.ttf");
    src: url("../fonts/roboto/Roboto-Medium-5Rn8E9v.ttf");
    src: url("../fonts/roboto/Roboto-Italic-gnkEjTI.ttf");
    src: url("../fonts/roboto/Roboto-Light-WsqR4Fk.ttf");
    src: url("../fonts/roboto/Roboto-Regular-0uzo6sI.ttf");
}

.is-staging {
    background-image: url("../images/skeleton/staging-tkcn3cW.png");
    background-repeat: repeat;
}

.is-dev {
    background-image: url("../images/skeleton/dev-AgfwFYT.png");
    background-repeat: repeat;
}


#navbar-brand-name {
    font-size: 32px;
    color: white;
    margin-left: 50px;
    font-family: "Titillium";
}

.navbar-brand-div {
    margin: 0 0 10px 0;
    padding: 30px 40px 30px 20px;
    border-bottom-color: white;
    border-bottom-width: 2px;
    border-bottom-style: outset;
    min-height: 170px;
}

.navbar-brand-div-xs {
    padding: 0 10px;
}


.navbar-brand-name-xs {
    font-size: 18px;
    color: white;
    font-family: Titillium;
    margin: 0;
}

.navbar-brand-img-xs {
    width: 100px;
}

.idBloc {
    padding-bottom: 50px;
    color: white;
}


.span-icon-deconnexion > i {
    padding-right: 3px !important;
}

.titi19 {
    font-size: 19px;
    padding: 0 0.5rem;
    /*margin-bottom: -20px;*/
    margin-bottom: -5px;
    font-family: "Titillium", sans-serif;
}

.titi17 {
    font-size: 17px;
    font-family: "Titillium";
}

.titi17bold {
    font-size: 17px;
    font-family: "Titillium";
    font-weight: bold;
}

.titi14 {
    font-size: 14px;
    font-family: "Titillium";
}

.jost17-24 {
    font-size: 17px;
    font-family: "Jost";
}

.jost15-22 {
    font-size: 15px;
    font-family: "Jost";
}

.jost17-24bold {
    font-size: 17px;
    font-family: "Jost";
    font-weight: bold;
}

.roboto20-24 {
    font: normal normal 500 20px/24px Roboto;
}

.app-table {
    border-radius: 10px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #F3F3F5 !important;
    border-spacing: 0px;
    border-collapse: separate;
    box-shadow: 0px 3px 6px #00000029;
    margin-top: 30px;
}

.app-table th {
    font-family: Roboto;
    font-size: 17px;
    font-weight: normal;
    background-color: #F3F3F5;
    border-bottom-color: #1F63DE;
    border-left: 1px solid var(--DimGrey);
}

.app-table th:first-child {
    border-left: 0;
}

.app-table td:first-child {
    border-left: 0;
}

table tr:last-child td {
    border-bottom: 0;
}

.app-table td {
    font-family: Jost;
    font-size: 17px;
    font-weight: normal;
    border-left: 1px solid var(--DimGrey);
    border-bottom: 1px solid var(--DimGrey);
}

.app-table tr, .app-table td {
    height: 100%;
}

.search-bar {
    padding-top: 20px;
}

.search-bar label {
    font: normal normal 600 17px/24px "Jost";
}

.pagination-bar {
    margin-top: 20px;
    font: normal normal normal 17px/26px "Titillium";
}

#black-window,
#white-window{
    z-index: 21;
    position: fixed;
    /*top: 25px;*/
    /*right: 18vw;*/
    right: 1vw;
    padding: 30px;
    background: #1E2023 0% 0% no-repeat padding-box;
    box-shadow: 0 0 6px #00000029;
    border-radius: 10px;
    text-align: left;
    color: var(--White);
}

#white-window {
    max-width: 20vw;
    background: var(--White) 0% 0% no-repeat padding-box;
    color: var(--Black);
}


.container-divider {
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.divider {
    position: relative;
    width: 858px;
    left: 10px;
}

.currentItemMenu {
    color: var(--Emerald);
}

.bloc-questionnaire {
    position: fixed;
    top: 25vw;
    right: 1vw;
    padding: 30px;
    background: #1E2023 0% 0% no-repeat padding-box;
    box-shadow: 0 0 6px #00000029;
    border-radius: 10px;
    text-align: left;
    color: var(--White);
}

.edit-window {
    width: 60vw;
    padding-left: 70px;
}

.contenu-riche {
    max-width: 650px;
    background-color: white;
    border: 2px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 20px;
    /*padding-left: 35px;*/
}

.QuestionnaireElement {
    position: relative;
    margin-top: 3vw;
    width: 1100px;
}

.QuestionnaireVueElement {
    position: relative;
    width: 945px;
    margin-top: 20px;
    font: normal normal normal 15px/22px Jost;
}

.QuestionnaireBrique {
    /*width: 49vw;*/
    width: 945px;
    padding-bottom: 20px;
    padding-top: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 0 10px 10px 0;
    background-color: #FFFFFF;
    /*border-radius: 10px;*/
}

.QuestionnaireBriqueCourriels,
.QuestionnaireBriqueAutres {
    padding: 20px 20px 20px 20px;
}

.formulaire-decalage-contenu {
    padding-left: 1rem;
}

.group-champ {
    padding: 20px;
    margin: 0;
    width: 984px;
    border-radius: 0 10px 10px 0 !important;
    background: #EEEEEE 0 0 no-repeat padding-box !important;
    box-shadow: 0 0 6px #00000029 !important;
    opacity: 1;
}

.container-textarea-group > .fmd_div_text_question {
    border: solid 1px #1F63DE1A;
    border-bottom: 2px solid var(--Emerald);
}

.container-textarea-group {
    .fmd_div_text_question {
        .fmd_textarea_text_question {
            background: none !important;
        }
    }
}

.container-element-group {
    padding-top: 20px;

    .QuestionnaireBrique {
        border: none !important;
        box-shadow: none !important;
        width: auto !important;
    }

    .brique-content {
        padding-left: 30px;
    }

    .brique-title {
        padding-left: 0;

    }
}

.blocks-champ > div {
    margin-bottom: 90px;
}

.p-element-description {
    position: relative;
    left: -25px;
}

.focus {
    border: 8px solid #60D284;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
}

.brique-number {
    font: normal normal 600 17px/24px Jost;
}

.brique-question {
    border-bottom-color: var(--Emerald);
    border-bottom-style: outset;
    border-bottom-width: 1px;
}

.brique-title {
    font: normal normal normal 15px/22px Jost;
    color: var(--SpaceCadet);
    padding-left: 30px;
}

.brique-content {
    font: normal normal normal 15px/22px Jost;
    color: var(--DimGrey);
    padding-left: 60px;
}

.container-alert,
.vue-composant-instruction,
.container-filePath-with-key > div > p,
.container-filePath-with-key > div > h2 {
    margin-bottom: 0 !important;
}

.vue-composant-instruction {
    /*color: #FF3A3A;*/
    /*color: #a51414;*/
    padding-top: 10px;
    margin-left: 32px;
    color: #DD244F;
}

.instruction-etoile {
    margin-left: 0 !important;
}

.save-form-bar {
    margin-bottom: 120px;
    margin-top: 50px;

    .labelSelect {
        margin-top: 30px;
    }
}

.param-title {
    margin-bottom: 5px;
    /*margin-left: 1.5em;*/
    margin-top: 20px;
}

.param-tab {
    margin-left: 1.5em;
}

/*color: red;*/

.param-check {
    margin-left: -1.5rem;
}

.app-input-form {
    width: auto;
    background-color: #F6F7FA;
    color: var(--SpaceCadet);
}

.action-icone {
    margin: 0px 15px;
}

.ql-editor {
    min-height: 150px;
}

.ql-disabled .ql-editor {
    min-height: auto;
}

.clear-button {
    display: none;
}

#flash-container {
    /*width: 50vw;*/
    width: 645px;
}

#sidebar {
    position: fixed;
    width: 280px !important;
}

#content {
    padding-left: 280px;
    margin-bottom: 5rem;
}


.indicateur-container-fluid {
    top: -10px;
    height: 100%;
    z-index: -10;
    position: absolute;
    display: flex;
    width: 280px;
    left: -8px;
    border-radius: 10px 10px 0 0;
    background-color: #60D284;
    box-shadow: 0 0 6px #00000029;
}

.p-groupe-de-champs {
    margin: 6px 0 0 14px;
    font-weight: 600;
}

#icon-fermeture-groupe-de-champs {
    margin: 6px 0 0 100px;
}

.input-select,
.input-text {
    border-radius: 5px 5px 5px 5px;
    background-color: #F6F7FA;
    border: 1px solid #1F63DE1A;
}

.input-radio {
    accent-color: #1F63DE;
}

.label-formulaires-courriels {
    font-family: "Jost";
    font-weight: bolder;
    margin-top: 10px;
}

.label-description-formulaire {
    margin-bottom: 5px;
}

.input-param-form:focus,
.fmd_input_grey:focus,
.form-check > input:focus,
.form-check > input {
    outline: none !important;
    box-shadow: none;
}

textarea,
textarea:focus,
.textarea-formulaires-courriels:focus {
    outline: none !important;
    white-space: pre-wrap;
}


.input-focus-courriels:focus {
    outline: none !important;
    box-shadow: none;
}

select,
select:focus {
    outline: none !important;
    box-shadow: none;
    border: none;
}

.form-select:focus {
    box-shadow: none;
    border: none;
}

.form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3Cpath fill='%23413df0' stroke='%23413df0' d='m98 190.06l139.78 163.12a24 24 0 0 0 36.44 0L414 190.06c13.34-15.57 2.28-39.62-18.22-39.62h-279.6c-20.5 0-31.56 24.05-18.18 39.62'/%3E%3C/svg%3E");
    width: auto;
    background-color: #F6F7FA;
    border: none;
}

.form-control:focus {
    box-shadow: none;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.btn-rm {
    background-color: transparent;
    border: none;
    padding: 0;
}

/* Barre d'outils du composant Wysiwyg */
.ql-toolbar {
    background-color: #F8F8F8;
    border-top-style: none !important;
}

/* h1 des titres de pages */
.titre_index {
    margin-bottom: 15px;
}

/* breadcrumb */
.breadcrumb > a {
    text-decoration: none;
    color: #413DF0;
}

.chevron-breadcrumb {
    margin: 0 5px;
}

/* Input de type radio avec label et bouton de suppression */
.form-check {
    display: flex;
    align-items: center;
}

.form-check > input,
.form-check > label,
.form-check > button {
    margin-right: 15px;
}

/* icon add pour les input de type radio */
.div-bouton-ajouter {
    padding: 0 !important;
}

/* groupe de input */
.container-group-input {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.input-form-query {
    border-radius: 0;
}

#input-form-role,
#input-form-status,
#input-form-struct {
    width: 100%;
    border-radius: 0;
}

/* case titre des tables */
.th-table-top-left {
    border-radius: 10px 0 0 0;
}

.th-table-top-right {
    border-radius: 0 10px 0 0;
}

.td-table-bottom-right {
    border-radius: 0 0 10px 0;
}

.td-table-bottom-left {
    border-radius: 0 0 0 10px;
}

/* footer */
.item-footer {
    width: auto;
}

/* pagination */
.page-item > a,
.page-item > button {
    color: #444444;
    border-radius: 0 !important;
    border: #C7C7C726 0.5px Solid;
    background-color: #EEEEEE;

    svg {
        width: 1em;
        height: 1em;
    }
}

.page-link {
    font-family: "Titillium", sans-serif;
    padding: 3px 6px !important;
}

.chevron {
    padding: 3px 2px !important;
}

.fmd_send_file_bouton,
.custom-file > input[type="file"]::file-selector-button,
.active > .page-link {
    color: #FFFFFF;
    background-color: #413DF0 !important;
    border: #413DF0 0.5px Solid;
}

.fmd_send_file_bouton,
.custom-file > input[type="file"]::file-selector-button {
    padding: 0.5rem;
}

#page-size-select {
    font: normal normal 600 17px/26px "Titillium", sans-serif;
    border: none;
    border-radius: 5px;
    background-color: #EEE;
}

/* Page utilisateurs */
.container-group-bouton-utilisateurs {
    margin: 25px 0;
}

/* Page ajouter un utilisateur */
.form-user {
    width: 500px;
}

.select-add-user {
    border-radius: 0;
}

.container-param-url-formulaire {
    width: 350px;
}

.container-param-alias-url-formulaire {
    display: flex;
    flex-direction: row;
}

.label-alias-url-formulaire {
    display: flex;
    align-items: center;
}

.indication-alias-url-formulaire {
    font-size: 11.9px;
    color: #585858;
    padding-left: 1.5em
}

/* input select - formulaire - soumissions */
#slect_export_resutats {
    width: 282px;
    margin-right: 15px;
    border: 1px solid #60D284;
    border-radius: 0;
}

.container-select-export {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}


/* Cacher l'apparence par défaut de la checkbox */
.custom-checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 25px; /* Ajuster la taille pour correspondre */
    height: 25px;
    border: 2px solid blue; /* Couleur de bordure bleue */
    border-radius: 50%; /* Forme circulaire */
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
}

.container-title-index {
    min-height: 114px !important;
}

.check-roles[type="checkbox"] {
    border-radius: 50% !important;
}


.check-roles:checked[type="checkbox"] {
    border-radius: 50% !important;
    background-color: var(--PalatineBlue);
    background-image: none;
    border: solid var(--PalatineBlue);
    outline: 3px solid var(--PalatineBlue);
    outline-offset: 3px;
}

.link-switch-impersonation-standard {
    font-family: Titillium, sans-serif;
    font-size: 19px;
    margin-bottom: 20px;
    padding: 0 .5rem;
    text-decoration: none;
    color: #FFF;
}

.icon-link-impresonation {
    font-size: 24px;
    padding-right: 3px;
    color: #60d284
}

/* Page Ajout d'utilisateur checkbox roles et structures */
.container-roles > h2,
.container-structures > h2 {
    font-family: Titillium, sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #24304B;
    margin-top: 30px;
}

.container-roles > input[type=checkbox],
.container-structures > input[type=checkbox] {
    margin-left: 11px;
    accent-color: #1F63DE;
    border: 1px solid #1F63DE;
    border-radius: 0;
}

.container-roles > input:focus,
.container-structures > input:focus {
    box-shadow: none;
}

.fdm_dropdown {
    position: relative;
    display: inline-block;

    .fdm_dropdown_btn {
        background-color: transparent;
        color: black;
        padding: 0;
        border: none;
        cursor: pointer;

        svg {
            width: 24px;
            height: 24px;
        }
    }

    .fdm_dropdown_btn-menu {
        display: none;
        position: absolute;
        background-color: white;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
        max-width: 160px;
        z-index: 1;

        .fdm_dropdown_btn-item {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

        .fdm_dropdown_btn-item:hover {
            background-color: #ddd;
        }
    }
    
    .fdm_dropdown_btn-menu.d-block {
        display: block !important;
    }
}

/* Page formulaire de conditions */
.form_conditions {
    width: 930px;
}

.btn_add_condition {
    background-color: var(--Emerald);
    border-radius: 0;
}

.btn_add_condition:hover {
    border: 1px solid var(--Emerald);
}

.btn_remove_condition {
    background-color: red;
    border-radius: 0;
    color: #FFF;
}

.btn_remove_condition:hover {
    border: 1px solid red;
}

.fdm_condition_btn_rm,
.fdm_condition_btn_add {
    border: none;
    width: 30px;
    height: 30px;
    position: relative;
    right: -195px;
}

.fdm_condition_btn_add {
    background-color: var(--Emerald);
}

.fdm_condition_btn_rm {
    background-color: red;
    color: #FFF;
    position: relative;
    right: -16px;
}

.start_conditions {
    padding-top: 5rem;
}

.disable_input > div > input {
    opacity: 0;
    pointer-events: none;
}

.choice_type_conditions {
    max-width: 400px;
}

@media (min-width: 1001px) and (max-width: 1697px) {

    /*@media (min-width: 576px) and (max-width: 1697px) {*/
    #black-window{
        z-index: 999;
        width: 643px;
        height: 110px;
        padding: 0 20px;
        margin-bottom: 30px;
        position: relative;
        left: 0;
        display: flex;
        justify-content: space-around;
    }

    #white-window{
        max-width: 50vw;
        margin-bottom:0px;
        padding: 0 0px;
        position: relative;

    }
    .container-parent-info-formulaire {
        display: flex;

    }

    .container-info-formulaire {
        text-align: left;
        padding: 15px 30px;
    }

    .container-info-formulaire > h5 {
        margin: 0;
    }

    .container-temoin-formulaire {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 1000px) {

    #sidebar,
    .container-sidebar {
        display: none !important;
    }

    #collapseMenu > ul {
        display: block !important;
        background-color: #000002 !important;
    }
    #white-window{
        max-width: 90vw;
        padding: 0 0px;
        position: relative;
        display: flex;
        margin: 0 0 0px 0;
    }
    /*@media (max-width: 575px) {*/
    .navbar {
        display: block !important;
        position: fixed;
        width: 100%;
        z-index: 998;
        background-color: #000002 !important;
    }

    .collapseMenu-divider {
        height: 1px;
        width: 100%;
        position: absolute;
        top: 25px;
        background-color: #60d284;
    }

    #content {
        padding-left: 0;
        margin-bottom: 5rem;
    }

    .page-content {
        margin-left: 6px;
    }

    .edit-window {
        padding-left: 0;
    }

    #flash-container,
    .page-content,
    .edit-window,
    .QuestionnaireVueElement,
    .QuestionnaireBrique {
        width: 100%;
    }

    .form-group > input {
        width: 95%;
    }

    .custom-file > button {
        margin-top: 5px;
    }


    #fermetureCollapseMenu,
    #iconCollapseMenu {
        position: absolute;
        z-index: 999;
        top: 0;
        right: 0;
        padding-right: 10px;
        text-align: right;
        font-size: 40px;
        color: #60D284;
        transition-duration: 1s;
        padding-top: 15px;
    }

    #collapseMenu {
        position: absolute;
        z-index: 999;
        top: 59px;
        width: 100%;
    }

    .list-group {
        padding: 40px;
        border-radius: 0;
        list-style: none;
    }

    .nav-item {
        padding: 15px 0;
    }

    .nav-item > a {
        color: #FFFFFF;
    }

    .nav-item > a:hover {
        color: #FFFFFF;
    }

    .titi19 {
        padding: 6px 0 !important;
    }

    .link-switch-impersonation-standard,
    .titi14 {
        padding: 0 !important;
    }

    #collapseMenu .nav-link:hover i {
        color: #60d284
    }

    #collapseMenu .nav-link i {
        margin-right: 6px;
    }

    #black-window {
        z-index: 997;
        top: 175px;
        width: 643px;
        height: 110px;
        padding: 0 20px;
        left: 0;
        position: initial;
        display: flex;
        justify-content: space-around;
        margin: 0 0 30px 0;
    }

    .container-parent-info-formulaire {
        display: flex;

    }

    .container-info-formulaire {
        text-align: left;
        padding: 15px 30px;
    }

    .container-info-formulaire > h5 {
        margin: 0;
    }


    .save-form-bar {
        margin-top: 145px;
    }
}

@media (max-width: 575px) {
    .iselect_vue_select {
        width: 100%;
    }
}