.header-gutters{
    margin: 0 !important;
    padding: 0 !important; 
}

/*          #Authentification          */

.Auth_H1-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 45px;
}

.Auth_subtitle {
    font-family: Inter;
    font-weight: 400;
    font-size: 22px;
}

.Auth_formulaire_title {
    font-family: Inter;
    font-weight: 400;
    font-size: 19px;
}

.Auth_formulaire_content {
    font-family: Inter;
    font-weight: 500;
    font-size: 19px;
}

.Auth_dropdown_content {
    font-family: Inter;
    font-weight: 400;
    font-size: 19px;
}

/*          Menu Principal          */

.H1_Welcome {
    font-family: Roboto;
    font-weight: 700;
    font-size: 28px;
}

.Userdivision {
    font-family: Roboto;
    font-weight: 400;
    font-size: 17px;
}

.H2_site_name {
    font-family: Roboto;
    font-weight: 400;
    font-size: 19px;
}

.H3_site_description {
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
}

.Card_title_main_menu {
    font-family: Roboto;
    font-weight: 600;
    font-size: 25px;
}


/*          Cards          */

.Card_title {
    font-family: Roboto;
    font-weight: 400;
    font-size: 19px;
}

.Card_subtitle {
    font-family: Roboto;
    font-weight: 500;
    font-size: 17px;
}


/*          General Pages          */

.General_Page_H1_title {
    font-family: Roboto;
    font-weight: 800;
    font-size: 42px;
}

.General_Page_H2_title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 25px;
}

.General_Page_H3_panel_title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
}

.General_Page_Task_main_info {
    font-family: Roboto;
    font-weight: 400;
    font-size: 17px;
}

.General_Page_Panel_subtitle {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
}
}

.General_Page_Panel_content {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
}

.General_Page_button {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.25px;
    padding: 0rem 1.5rem;
    height: 2.5rem;
    border-radius: 8px;
    justify-content: center;
    border: none;
}


/*          Chart          */

.Chart_Class_title {
    font-family: Roboto;
    font-weight: 400;
    font-size: 17px;
}

.Chart_Class_content {
    font-family: Roboto;
    font-weight: 500;
    font-size: 17px;
}

/*          Conversation_chat          */

/*          Couleurs          */

.color_principal_white {
    color: #FBFAFA;
}

.color_principal_beige {
    color: #AEA96E;
}

.color_principal_black {
    color: #E3019D;
}


.color_background_principal_white {
    background-color: #FBFAFA;
}

.color_background_visio_black {
    background-color: #292D32;
}

.color_background_fenetre_visio_black {
    background-color: #333D4A;
}



.color_text_light_mode_text_black {
    color: #232323!important;
}

.color_text_light_mode_title_highlight_beige {
    color: #AEA96E!important;
}

.color_text_light_mode_subtitle_grey {
    color: #A7A7A7!important;
}

.color_text_light_mode_title_button_white {
    color: #FFFFFF!important;
}


.color_text_dark_mode_text_white {
    color: #232323!important;
}

.color_text_dark_mode_subtitle_grey {
    color: #A7A7A7!important;
}

.color_text_light_mode_title_highlight_green {
    color: #12B76A!important;
}

.color_text_light_mode_title_highlight_red {
    color: #EB3B4E!important;
}

.main_color_grey {
    color: #A7A7A7 !important;
}

.main_color_green {
    color: #12B76A;
}

.main_color_red {
    color: #EB3B4E !important;
}

.main_color_background_red {
    background-color: #EB3B4E !important;
}

.main_color_background_green {
    background-color: #12B76A !important;
}





.color_button_primary {
    background-color: #AEA96E;
}

.color_button_secondary {
    background-color: #6D6D6D;
}

.color_button_visio_positive_action {
    background-color: #12B768;
}

.color_button_visio_negative_action {
    background-color: #EB3B4E;
}

.color_button_visio_positive_action_2 {
    background-color: #505861;
}



.color_notofications_pop_up_alert {
    color: #EB3B4E;
}


.remove-background-fluent-button {
    --neutral-fill-stealth-hover: none;
    --neutral-fill-stealth-rest:none;
}


fluent-text-field::part(root) {
    background: var(--neutral-fill-input-rest);
    border: 1px solid #E9E9E9;
    height: 2.5rem;
    --error: #EB3B4E;
}

fluent-text-field::part(control) {
    font-weight: 600;
}

fluent-text-area::part(control) {
    background: var(--neutral-fill-input-rest);
    border: 1px solid #E9E9E9;
}

fluent-select::part(control) {
    background: var(--neutral-fill-input-rest);
    height: 2.5rem;
    font-weight: 600;
}

.fluent-datepicker::part(root) {
    background-color: #EDECDB;
    border: none !important;
    color: #AEA96E;
}

.fluent-datepicker::part(control) {
    background-color: #EDECDB;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
}

.fluent-datepicker::part(end) {
   display:none;
}

fluent-number-field::part(root) {
    background: var(--neutral-fill-input-rest);
    border: 1px solid #E9E9E9;
    height: 2.5rem;
}
fluent-number-field::part(controls) {
    margin:auto;
}


.validation-message {
    color: #F04438;
    font-size: 12px;
    font-weight: 500;
}

@media (max-width: 768px) {
    .fluent-dialog-main {
        background: var(--neutral-fill-input-rest);
        border: 1px solid #E9E9E9;
        height: 2.5rem;
    }
    fluent-dialog::part(control) {
        margin-right: 1rem;
        margin-left: 1rem;
    }
}