/* /Pages/Authentication/LoginExternal.razor.rz.scp.css */
/* /Pages/Authentication/SetPassword.razor.rz.scp.css */
/* /Pages/Dialogs/DialogHistoriqueInstallation.razor.rz.scp.css */

/* Container de toute la page */
.container_dialog_param[b-0ecu7ds28v]
{
    width: 31rem;
}

    /* Container de header de dialog */
    .container_dialog_param .container_dialog_titre[b-0ecu7ds28v]
    {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        /* Titre de dialog */
        .container_dialog_param .container_dialog_titre .titre_dialog[b-0ecu7ds28v]
        {
            font-size: 1.65rem;
            font-weight: 600;
            margin-right: 1rem;
            align-self: start;
        }

    /* Contenu dialog */
    .container_dialog_param .contenu_dialog[b-0ecu7ds28v]
    {
    }

        /* Contenu dialog */
        .container_dialog_param .contenu_dialog[b-0ecu7ds28v]  .tableau
        {
            padding: 0rem 1rem 0rem 1rem;
            border-radius: 0rem 0rem 0.5rem 0.5rem;
            background-color: var(--mud-palette-background);
            box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
            overflow-x: auto;
            overflow-y: auto;
            width: 100%;
            height: 100%;
            margin: 1rem 0rem 1rem 0rem;
        }

        .container_dialog_param .contenu_dialog[b-0ecu7ds28v]  .message_noinstallation
        {
            margin-bottom: 1rem;
        }

        /* #-----------------------------------------------# */
        /* # Boutons pour valider ou annuler le formulaire # */
        /* #-----------------------------------------------# */
        .container_dialog_param .contenu_dialog .boutons_valider_annuler[b-0ecu7ds28v]
        {
            justify-content: left;
            margin-top: 1rem;
            display: flex;
        }
/* /Pages/Dialogs/DialogInstallation.razor.rz.scp.css */

/* Container de toute la page */
.container_dialog_param[b-7svyoeuzvn]
{
    width: 31rem;
}

    /* Container de header de dialog */
    .container_dialog_param .container_dialog_titre[b-7svyoeuzvn]
    {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        /* Titre de dialog */
        .container_dialog_param .container_dialog_titre .titre_dialog[b-7svyoeuzvn]
        {
            font-size: 1.65rem;
            font-weight: 600;
            margin-right: 1rem;
            align-self: start;
        }

    /* Contenu dialog */
    .container_dialog_param .contenu_dialog[b-7svyoeuzvn]
    {
    }

        /* #------------------------------------------# */
        /* # Section pour chaque groupe de paramètres # */
        /* #------------------------------------------# */
        .container_dialog_param .contenu_dialog[b-7svyoeuzvn]  .section_param
        {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

            /* Contenu dialog */
            /* Dispositif à sélectionner */
            .container_dialog_param .contenu_dialog[b-7svyoeuzvn]  .section_param .select_dispositif
            {
                width: 100% !important;
                margin-bottom: 1rem !important;
            }

            /* Date installation */
            .container_dialog_param .contenu_dialog[b-7svyoeuzvn]  .section_param .date_installation
            {
                width: 25%;
                margin-right: 1rem;
            }

            /* Horaire installation */
            .container_dialog_param .contenu_dialog[b-7svyoeuzvn]  .section_param .horaire_installation
            {
                width: 25%;
                margin-right: 1rem;
            }

            /* Cote y installation */
            .container_dialog_param .contenu_dialog[b-7svyoeuzvn]  .section_param .cote_y_installation
            {
                width: 15%;
                margin-bottom: 1rem;
            }

            .container_dialog_param .contenu_dialog[b-7svyoeuzvn]  .section_param .popover_info
            {
                
            }

            /* Emplacement du dispositif */
            .container_dialog_param .contenu_dialog[b-7svyoeuzvn]  .section_param .is_mounted_top
            {
                width: 60%;
            }

                /* Label emplacement du dispositif */
                .container_dialog_param .contenu_dialog[b-7svyoeuzvn]  .section_param .is_mounted_top .is_mounted_top_label
                {
                    font-size: 0.8rem;
                }


            /* #-----------------------------------------------# */
            /* # Boutons pour valider ou annuler le formulaire # */
            /* #-----------------------------------------------# */
            .container_dialog_param .contenu_dialog[b-7svyoeuzvn]  .boutons_valider_annuler
            {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                margin-top: 1rem;
            }

            /* Bouton sauvegarder */
            .container_dialog_param .contenu_dialog[b-7svyoeuzvn]  .boutons_valider_annuler .sauvegarder
            {
                margin-bottom: 0.5rem;
            }
/* /Pages/Dialogs/DialogModifierDispositif.razor.rz.scp.css */

/* Container de toute la page */
.container_dialog_param[b-kntxzjl1fa]
{
    width: 31rem;
}

    /* Container de header de dialog */
    .container_dialog_param .container_dialog_titre[b-kntxzjl1fa]
    {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        /* Titre de dialog */
        .container_dialog_param .container_dialog_titre .titre_dialog[b-kntxzjl1fa]
        {
            font-size: 1.65rem;
            font-weight: 600;
            margin-right: 1rem;
        }

        /* Identifiants des dispo */
        .container_dialog_param .container_dialog_titre .identifiants_dispositif_poteau[b-kntxzjl1fa]
        {
            font-size: 0.9rem;
            font-weight: 400;
            font-style: italic;
            color: var(--mud-palette-action-default)
        }



    .container_dialog_param .contenu_dialog[b-kntxzjl1fa]
    {
        overflow-x: clip;
    }

        /*Titre de section*/
        .container_dialog_param .contenu_dialog .titre_section[b-kntxzjl1fa]
        {
            font-size: 1.4rem;
            margin-right: 5rem;
            font-weight: 600;
            width: 100%;
            color: var(--mud-palette-primary)
        }

        /* #------------------------------------------# */
        /* # Section pour chaque groupe de paramètres # */
        /* #------------------------------------------# */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param
        {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

            /* #----------------------# */
            /* # Section | Dispositif # */
            /* #----------------------# */

            /* Dispositif à sélectionner */
            .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .select_dispositif
            {
                width: 70% !important;
                margin-right: 1rem;
                margin-bottom: 1rem !important;
            }

            /* Nom de projet (mudselect)*/
            .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .nom_projet_select
            {
                width: 70% !important;
                margin-right: 1rem;
                margin-bottom: 1rem !important;
            }




            /* Nom de projet (mudtextfield)*/
            .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .nom_projet_text
            {
                width: 70% !important;
                margin-right: 0rem;
            }

            .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .mud-input-control-helper-container
            {
                width: 34rem;
                overflow: hidden;
                margin-top: 0.25rem;
            }

            /* Nom de projet */
            .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .projet_existant
            {
                width: 20% !important;
                white-space: nowrap;
                justify-content: center;
            }


            /* ID de dispositif */
            .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .code_data
            {
                margin-right: 1rem;
                width: 30%;
                margin-bottom: 0.5rem;
            }

            /* Nom de dispositif */
            .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .nom_dispositif
            {
                margin-right: 1rem;
                width: 30%;
            }

            /* Numero de poteau */
            .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .numero_poteau
            {
                width: 30%;
            }

            /* #--------------------------# */
            /* # Section | Caractérisques # */
            /* #--------------------------# */

            /* Nom de TypeAT */
            .container_dialog_param .contenu_dialog[b-kntxzjl1fa]  .section_param .nom_typeAt
            {
                width: 55%;
                margin-right: 1rem;
                margin-bottom: 0.5rem;
            }

            /* Cote X min */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .cote_x_min
        {
            width: 30%;
            margin-right: 1rem;
        }

            /* Cote y maxi */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .cote_y_maxi
        {
            width: 30%;
            margin-right: 1rem;
        }

            /* Coefficient de dillatation */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .coef_dillatation
        {
            margin-top: 1rem;
            margin-right: 1rem;
            width: 40%;
            margin-bottom: 0.5rem;
        }

            /* Longueur demi tir */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .longueur_demi_tir
        {
            margin-top: 1rem;
            width: 40%;
        }

            /* Temperature min */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .temperature_min
        {
            width: 30%;
            margin-right: 1rem;
        }

            /* Temperature max */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .temperature_max
        {
            width: 30%;
        }

            /* #------------------------# */
            /* # Section | Installation # */
            /* #------------------------# */

            /* Cote y installation */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .cote_y_installation
        {
            width: 45%;
            margin-right: 1rem;
        }

            /* Container date et time */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .date_time
        {
            width: 100%;
            display: flex;
            flex-direction: row;
            margin-bottom: 1rem;
        }

                /* Date installation */
            .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .date_time .date_installation
            {
                width: 20%;
                margin-right: 1rem;
            }

                /* Horaire installation */
            .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .date_time .horaire_installation
            {
                width: 20%;
                margin-right: 1rem;
            }

                /* Bouton autofill date & heure */
            .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .date_time .date_time_actuel
            {
                align-self: center;
            }

            /* Intervalle données */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .intervalle_donnees
        {
            width: 45%;
        }

            /* #-------------------------# */
            /* # Section | Data de carte # */
            /* #-------------------------# */

            /* Latitude */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .latitude
        {
            width: 32%;
            margin-right: 1rem;
        }

            /* Longitude */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .longitude
        {
            width: 32%;
            margin-right: 1rem;
        }

            /* Longitude */
        .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]  .section_param .orientation_tir
        {
            width: 28%;
        }
        /* #-----------------------------------------------# */
        /* # Boutons pour valider ou annuler le formulaire # */
        /* #-----------------------------------------------# */
        .container_dialog_param .contenu_dialog[b-kntxzjl1fa]  .boutons_valider_annuler
        {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-top: -0.5rem;
        }

            /* Bouton sauvegarder */
            .container_dialog_param .contenu_dialog[b-kntxzjl1fa]  .boutons_valider_annuler .sauvegarder
            {
                margin-bottom: 0.5rem;
            }

/* Style unique pour le titre et le contenu de la section d'installation car le helper text d'orientation tir les poussait vers le bas */
#installation_titre[b-kntxzjl1fa]
{
}

#installation_content[b-kntxzjl1fa]
{
    margin-top: -0.5rem;
}

@media only screen and (max-device-width: 1240px)
{

    /* #------------------------------------------# */
    /* # Section pour chaque groupe de paramètres # */
    /* #------------------------------------------# */
    .container_dialog_param .contenu_dialog .scroll_container[b-kntxzjl1fa]
    {
        overflow-y: auto;
        overflow-x: clip;
        HEIGHT: calc(100vh - 16rem);
    }

    .container_dialog_param .contenu_dialog .smaller[b-kntxzjl1fa]
    {
        HEIGHT: calc(100vh - 39rem);
    }
}
/* /Pages/Dialogs/DialogModifierProjet.razor.rz.scp.css */

/* Container de toute la page */
.container_dialog_projet[b-5tkc66ewq6]
{
    width: 31rem;
}

    /* Container de header de dialog */
    .container_dialog_projet .container_dialog_titre[b-5tkc66ewq6]
    {
        display: flex;
        flex-direction: column;
    }

        /* Titre de dialog */
        .container_dialog_projet .container_dialog_titre .titre_dialog[b-5tkc66ewq6]
        {
            font-size: 1.65rem;
            font-weight: 600;
            margin-right: 1rem;
            align-self: center;
        }

        /* Identifiants des dispo */
        .container_dialog_projet .container_dialog_titre .identifiants_dispositif_poteau[b-5tkc66ewq6]
        {
            font-size: 0.9rem;
            font-weight: 400;
            font-style: italic;
            color: var(--mud-palette-action-default);
            align-self: start;
        }

    .container_dialog_projet .contenu_dialog[b-5tkc66ewq6]
    {
    }

        /*Titre de section*/
        .container_dialog_projet .contenu_dialog .titre_section[b-5tkc66ewq6]
        {
            font-size: 1.4rem;
            font-weight: 600;
            color: var(--mud-palette-primary)
        }

        /* #------------------------------------------# */
        /* # Section pour chaque groupe de paramètres # */
        /*#-------------------------------------------#*/
        .container_dialog_projet .contenu_dialog[b-5tkc66ewq6]  .section_param
        {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

            /* #----------------------# */
            /* # Section | Dispositif # */
            /* #----------------------# */

            /* ID de projet*/
            .container_dialog_projet .contenu_dialog[b-5tkc66ewq6]  .section_param .id_projet
            {
                width: 20% !important;
                margin-right: 1rem;
                margin-bottom: 1rem !important;
            }


            /* Nom de projet */
            .container_dialog_projet .contenu_dialog[b-5tkc66ewq6]  .section_param .nom_projet
            {
                width: 70% !important;
            }

            /* Nom de projet */
            .container_dialog_projet .contenu_dialog[b-5tkc66ewq6]  .section_param .projet_existant
            {
                width: 20% !important;
                white-space: nowrap;
                justify-content: center;
            }

            /* #-------------------# */
            /* # Section | Poteaux # */
            /* #--------------------# */

            /* Tableau de poteaux */
            .container_dialog_projet .contenu_dialog[b-5tkc66ewq6]  .section_param .tableau_poteaux
            {
                height: 14rem;
                width: 100%;
            }

                /* Colonne de tableau */
                .container_dialog_projet .contenu_dialog[b-5tkc66ewq6]  .section_param .tableau_poteaux .tableau_col
                {
                    font-weight: 600;
                }

        /* #-----------------------------------------------# */
        /* # Boutons pour valider ou annuler le formulaire # */
        /* #-----------------------------------------------# */
        .container_dialog_projet .contenu_dialog[b-5tkc66ewq6]  .boutons_valider_annuler
        {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-top: 2rem;
        }

            /* Bouton sauvegarder */
            .container_dialog_projet .contenu_dialog[b-5tkc66ewq6]  .boutons_valider_annuler .sauvegarder
            {
                margin-bottom: 0.5rem;
            }
/* /Pages/Dialogs/DialogModifierUtilisateur.razor.rz.scp.css */

/* Container de toute la page */
.container_dialog_projet[b-914it1lhrj]
{
    width: 31rem;
}

    /* Container de header de dialog */
    .container_dialog_projet .container_dialog_titre[b-914it1lhrj]
    {
        display: flex;
        flex-direction: column;
    }

        /* Titre de dialog */
        .container_dialog_projet .container_dialog_titre .titre_dialog[b-914it1lhrj]
        {
            font-size: 1.65rem;
            font-weight: 600;
            margin-right: 1rem;
            align-self: center;
        }

        /* Identifiants des dispo */
        .container_dialog_projet .container_dialog_titre .identifiants_dispositif_poteau[b-914it1lhrj]
        {
            font-size: 0.9rem;
            font-weight: 400;
            font-style: italic;
            color: var(--mud-palette-action-default);
            align-self: start;
        }

    .container_dialog_projet .contenu_dialog[b-914it1lhrj]
    {
        display: flex;
        flex-direction: row;
    }

        .container_dialog_projet .contenu_dialog .project_side[b-914it1lhrj]
        {
        }
            /*Titre de section*/
            .container_dialog_projet .contenu_dialog .project_side .titre_section[b-914it1lhrj]
            {
                font-size: 1.4rem;
                font-weight: 600;
                color: var(--mud-palette-primary);
                display: flex;
                align-items: center;
            }

            /* #------------------------------------------# */
            /* # Section pour chaque groupe de paramètres # */
            /*#-------------------------------------------#*/
            .container_dialog_projet .contenu_dialog .project_side[b-914it1lhrj]  .section_param
            {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                padding-top: 1rem;
                padding-bottom: 1rem;
                gap: 1rem;
            }

                /* #------------------------# */
                /* # Section | Identifiants # */
                /* #------------------------# */

                /* ID */
                .container_dialog_projet .contenu_dialog .project_side[b-914it1lhrj]  .section_param .id
                {
                    width: calc(10% - 3rem);
                    white-space: nowrap;
                }

                /* Email */
                .container_dialog_projet .contenu_dialog .project_side[b-914it1lhrj]  .section_param .email
                {
                    width: calc(50% - 3rem);
                    white-space: nowrap;
                }

                /* Guid */
                .container_dialog_projet .contenu_dialog .project_side[b-914it1lhrj]  .section_param .guid
                {
                    width: calc(40% - 3rem);
                    white-space: nowrap;
                }

                /* Prenom */
                .container_dialog_projet .contenu_dialog .project_side[b-914it1lhrj]  .section_param .prenom
                {
                    width: calc(60% - 3rem);
                    white-space: nowrap;
                }

                /* Nom */
                .container_dialog_projet .contenu_dialog .project_side[b-914it1lhrj]  .section_param .nom
                {
                    width: calc(40% - 3rem);
                    white-space: nowrap;
                }

                /* #-------------------# */
                /* # Section | Projets # */
                /* #-------------------# */
                /* Datagrid */
                .container_dialog_projet .contenu_dialog .project_side[b-914it1lhrj]  .section_param .tableau_projets
                {
                    width: 100%;
                }

        /* #-----------------------------------------------# */
        /* # Boutons pour valider ou annuler le formulaire # */
        /* #-----------------------------------------------# */
        .container_dialog_projet .contenu_dialog[b-914it1lhrj]  .boutons_valider_annuler
        {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-top: 2rem;
        }

            /* Bouton sauvegarder */
            .container_dialog_projet .contenu_dialog[b-914it1lhrj]  .boutons_valider_annuler .sauvegarder
            {
                margin-bottom: 0.5rem;
            }
/* /Pages/Dialogs/DialogSelectLangue.razor.rz.scp.css */

/* Container de toute la page */
.container_dialog_param[b-jvb3etynyw]
{
    width: 31rem;
}

    /* Container de header de dialog */
    .container_dialog_param .container_dialog_titre[b-jvb3etynyw]
    {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        /* Titre de dialog */
        .container_dialog_param .container_dialog_titre .titre_dialog[b-jvb3etynyw]
        {
            font-size: 1.65rem;
            font-weight: 600;
            margin-right: 1rem;
            align-self: start;
        }

    /* Contenu dialog */
    .container_dialog_param[b-jvb3etynyw]  .contenu_dialog
    {

    } 
    /* Radio group de langue disponible */
    .container_dialog_param .contenu_dialog[b-jvb3etynyw]  .mud-input-control.mud-input-control-boolean-input .mud-radio-group
    {
        display: flex;
        flex-direction: column;
        align-items: unset;
        flex-wrap: unset;
        margin: -0.55rem 0rem 1rem 0rem; 
    }



        /* #----------------------------------------------# */
        /* # Boutons pour valider ou annuler la sélection # */
        /* #----------------------------------------------# */
        .container_dialog_param .contenu_dialog[b-jvb3etynyw]  .boutons_valider_annuler
        {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

            /* Bouton sauvegarder */
            .container_dialog_param .contenu_dialog[b-jvb3etynyw]  .boutons_valider_annuler .sauvegarder
            {
                margin-bottom: 0.5rem;
            }
/* /Pages/Dialogs/DialogSuppression.razor.rz.scp.css */

/* Container de toute la page */
.container_dialog_param[b-wo2wrdoedq]
{
    width: 31rem;
}

    /* Container de header de dialog */
    .container_dialog_param .container_dialog_titre[b-wo2wrdoedq]
    {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        /* Titre de dialog */
        .container_dialog_param .container_dialog_titre .titre_dialog[b-wo2wrdoedq]
        {
            font-size: 1.65rem;
            font-weight: 600;
            margin-right: 1rem;
            align-self: start;
        }


    /* Fenetre du message d'avertissement */
    .container_dialog_param .content_fenetre[b-wo2wrdoedq]
    {
        display: flex;
        flex-direction: row;
    }


        /* Contenu du message d'avertissement */
        .container_dialog_param .content_fenetre[b-wo2wrdoedq]  .icon_warning
        {
            margin-right: 1rem;
        }


        .container_dialog_param .content_fenetre .content_message_avertissement[b-wo2wrdoedq]
        {
            font-size: 1rem;
        }

            .container_dialog_param .content_fenetre .content_message_avertissement .message_question[b-wo2wrdoedq]
            {
            }

            .container_dialog_param .content_fenetre .content_message_avertissement .message_consequence[b-wo2wrdoedq]
            {
                margin-top: 1rem;
                font-weight: 600;
            }

    .container_dialog_param .boutons_valider_annuler[b-wo2wrdoedq]
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 1rem;
    }

    /* Bouton sauvegarder */
    .container_dialog_param[b-wo2wrdoedq]  .boutons_valider_annuler .sauvegarder
    {
        margin-bottom: 0.5rem;
    }
/* /Pages/General/Header.razor.rz.scp.css */
/* #--------# */
/* # Header # */
/* #--------# */
.header[b-5szwl24jb6]
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    background-color: var(--mud-palette-background);
    padding: 0.15rem 0.15rem 0rem 0.15rem;
    z-index: 1000;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.50), 0 0px 10px rgba(0, 0, 0, 0.22);
}

    /* Icone Equans */
    .header .icon_equans[b-5szwl24jb6]
    {
        grid-column: 1;
        grid-row: 1;
        width: 6rem;
    }

    /* Utilisateur */
    .header[b-5szwl24jb6]  .utilisateur
    {
        grid-column: 2;
        grid-row: 1;
        font-size: 0.75rem;
        font-weight: bold;
        justify-content: right;
        color: var(--mud-palette-primary);
        text-transform: uppercase;
        text-align: right;
        margin-right: 0.3rem;
    }

    /* Nom de Socrat Fluage */
    .header .nom_site[b-5szwl24jb6]
    {
        grid-column: 1 / span 2;
        grid-row: 2;
        font-size: 1.8rem;
        margin-top: 0.5rem;
        align-self: center;
        justify-self: center;
    }

    /* Boutons d'action */
    .header[b-5szwl24jb6]  .boutons_action
    {
        grid-column: 1 / span 2;
        grid-row: 3;
        height: 2.5rem;
        padding-left: 0.0rem;
        padding-right: 0.1rem;
    }

        .header[b-5szwl24jb6]  .boutons_action .mud-icon-button
        {
            padding: 6px;
        }

        /* conteneur de la partie langue */
        .header[b-5szwl24jb6]  .boutons_action .langue_container
        {
            justify-content: center !important;
            display: flex;
            flex-direction: row;
            align-items: center;
            width: fit-content;
            border-radius: 1rem;
        }

            /* icon de langue */
            .header[b-5szwl24jb6]  .boutons_action .langue_container .icon_iso
            {
                color: rgb(0 0 0 / 54%);
            }

            /* iso de la langue actuelle */
            .header[b-5szwl24jb6]  .boutons_action .langue_container .langue_iso
            {
                font-weight: 650;
                font-size: 0.8rem;
                color: rgb(0 0 0 / 54%);
            }

        .header[b-5szwl24jb6]  .boutons_action .utilisateur_icon
        {
            display: none;
        }

        .header[b-5szwl24jb6]  .boutons_action .menu_compact
        {
            display: none;
        }

        .header[b-5szwl24jb6]  .boutons_action .button_logout
        {
            color: rgb(191 0 0) !important;
        }
/* #---------------# */
/* # Width < 380px # */
/* #---------------# */
@media only screen and (max-device-width: 1250px)
{
    .header[b-5szwl24jb6]
    {
        display: grid;
        grid-template-columns: 35% 1fr;
        align-items: center;
        background-color: var(--mud-palette-background);
        padding: 0.25rem 0.25rem 0rem 0.25rem;
        z-index: 1000;
        box-shadow: unset;
        width: 100%;
    }


        /*Icone Equans*/
        .header .icon_equans[b-5szwl24jb6]
        {
            display: none;
        }

        /* Utilisateur */
        .header[b-5szwl24jb6]  .utilisateur
        {
            display: none;
        }

        /* Nom de Socrat Fluage */
        .header .nom_site[b-5szwl24jb6]
        {
            grid-column: 1;
            grid-row: 1;
            font-size: 0.1rem;
            width: 8rem;
            margin-top: 0.8rem;
            align-self: center;
            justify-self: left;
        }

        /* Boutons d'action */
        .header[b-5szwl24jb6]  .boutons_action
        {
            grid-column: 2;
            grid-row: 1;
            height: 2.5rem;
            width: fit-content;
            padding-left: 0.0rem;
            padding-right: 0.1rem;
            justify-self: right;
        }

            .header[b-5szwl24jb6]  .boutons_action .mud-icon-button
            {
                padding: 6px;
            }

            /* conteneur de la partie langue */
            .header[b-5szwl24jb6]  .boutons_action .langue_container
            {
                justify-content: center !important;
                display: flex;
                flex-direction: row;
                align-items: center;
                width: fit-content;
                border-radius: 1rem;
            }

            .header[b-5szwl24jb6]  .boutons_action .utilisateur_icon
            {
                display: none !important;
            }

            .header[b-5szwl24jb6]  .boutons_action .menu_compact
            {
                display: unset !important;
            }

            .header[b-5szwl24jb6]  .boutons_action .button_logout
            {
                display: none !important;
            }

            /* conteneur de la partie langue */
            .header[b-5szwl24jb6]  .boutons_action .langue_container
            {
                display: none !important;
            }
}
/* /Pages/MainLayout.razor.rz.scp.css */
.page[b-btslt6nfwh] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-btslt6nfwh] {
    flex: 1;
}

.sidebar[b-btslt6nfwh] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-btslt6nfwh] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-btslt6nfwh]  a, .top-row[b-btslt6nfwh]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-btslt6nfwh]  a:hover, .top-row[b-btslt6nfwh]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-btslt6nfwh]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.body[b-btslt6nfwh]
{
    width: 100%;
    height: 100%;
    display: grid;
}

@media (max-width: 640.98px) {
    .top-row[b-btslt6nfwh] {
        justify-content: space-between;
    }

    .top-row[b-btslt6nfwh]  a, .top-row[b-btslt6nfwh]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-btslt6nfwh] {
        flex-direction: row;
    }

    .sidebar[b-btslt6nfwh] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-btslt6nfwh] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-btslt6nfwh]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-btslt6nfwh], article[b-btslt6nfwh] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Pages/Workspaces/Administration.razor.rz.scp.css */
/*#---------------#*/
/*# Toute la page #*/
/*#---------------#*/
.contain_all[b-ikth271xqz]
{
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 22rem 1fr;
    min-height: 100vh;
}

    /*#----------------------------------------------------#*/
    /*# Side menu (contient header et menu des propriétés) #*/
    /*#----------------------------------------------------#*/
    .contain_all .header_container[b-ikth271xqz]
    {
        display: none;
    }

    /*#----------------------------------------------------#*/
    /*# Side menu (contient header et menu des propriétés) #*/
    /*#----------------------------------------------------#*/
    .contain_all[b-ikth271xqz]  .side_drawer
    {
        grid-row: 1;
        grid-column: 1;
        background-color: var(--mud-palette-tertiary);
        height: 100vh;
        width: 22rem !important;
        box-shadow: 0 0px 20px rgba(0, 0, 0, 0.50), 0 0px 10px rgba(0, 0, 0, 0.22);
    }

        /*#-----------#*/
        /*# Side menu #*/
        /*#-----------#*/
        .contain_all[b-ikth271xqz]  .side_drawer .side_menu
        {
            grid-row: 1;
            grid-column: 1;
            background-color: var(--mud-palette-tertiary);
            height: 100vh;
            display: flex;
            flex-direction: column;
            box-shadow: 0 0px 20px rgba(0, 0, 0, 0.50), 0 0px 10px rgba(0, 0, 0, 0.22);
            z-index: 1000;
        }

            /*#-----------#*/
            /*# Side menu #*/
            /*#-----------#*/
            .contain_all[b-ikth271xqz]  .side_drawer .side_menu .header_mobile
            {
                display: none;
            }

            /*Permet de rendre la section des propriétés scrollable*/
            .contain_all[b-ikth271xqz]  .side_drawer .side_menu .scrollable
            {
                flex: 1 1 auto;
                overflow-y: auto;
            }

                /*#---------------------#*/
                /*# Menu des propriétés #*/
                /*#---------------------#*/
                .contain_all[b-ikth271xqz]  .side_drawer .side_menu .scrollable .section_nav
                {
                    padding: 1rem;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                }

                    .contain_all[b-ikth271xqz]  .side_drawer .side_menu .scrollable .section_nav .modifier_param
                    {
                        width: 100%
                    }

                    /* Valeur de la donnée */
                    .contain_all[b-ikth271xqz]  .side_drawer .side_menu .scrollable .section_nav .label_data
                    {
                        color: #ecf0f1;
                    }

            /* #-------------------# */
            /* # Gif de chargement # */
            /* #-------------------# */
            .contain_all[b-ikth271xqz]  .side_drawer .side_menu .waiting_gif
            {
                align-self: center;
                margin-top: 2rem;
                color: lightgray;
            }

            .contain_all[b-ikth271xqz]  .side_drawer .side_menu .buttons .mud-tooltip-root
            {
                justify-items: center;
            }
    /* #--------------------------------# */
    /* # Filtres & Graphiques & Tableau # */
    /* #--------------------------------# */
    .contain_all .workspace[b-ikth271xqz]
    {
        grid-row: 1;
        grid-column: 2;
        height: 100vh;
        background-color: #F0FAFF;
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: auto auto 1fr;
        grid-column-gap: 0rem;
    }
        /* #-------------------# */
        /* # Gif de chargement # */
        /* #-------------------# */
        .contain_all .workspace[b-ikth271xqz]  .waiting_gif
        {
            grid-row: 1 /span 2;
            grid-column: 1 /span 3;
            align-self: center;
            justify-self: center;
        }

        .contain_all .workspace[b-ikth271xqz]  .tabs_container
        {
            margin: 1.2rem;
            height: calc(100% - 2.4rem);
            grid-column: span 3;
        }

            .contain_all .workspace[b-ikth271xqz]  .tabs_container .mud-tabs-rounded
            {
                border-radius: 0.5rem 0.5rem 0rem 0rem;
            }

            .contain_all .workspace[b-ikth271xqz]  .tabs_container .mud-tabs-panels
            {
                height: calc(100% - 2.4rem);
            }
        /* # Tableau main # */
        .contain_all .workspace[b-ikth271xqz]  .tableau
        {
            grid-row: 2;
            grid-column: span 3;
            padding: 0rem 1rem 0rem 1rem;
            border-radius: 0rem 0rem 0.5rem 0.5rem;
            background-color: var(--mud-palette-background);
            box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
            position: absolute;
            overflow-x: auto;
            overflow-y: auto;
            width: 100%;
            height: 100%;
        }
        /* Cellule du tableau */
        .contain_all .workspace[b-ikth271xqz]  .tableau_donnees .mud-table-cell
        {
            display: table-cell;
            padding: 0.5rem;
            font-size: .859rem;
            text-align: start;
            font-weight: 400;
            line-height: 1.65;
            border-bottom: 1px solid var(--mud-palette-table-lines);
            letter-spacing: .01071em;
            vertical-align: inherit;
        }

        .contain_all .workspace[b-ikth271xqz]  .tableau_donnees .emplacement_dispositif
        {
            font-size: .859rem !important;
        }

        .contain_all .workspace[b-ikth271xqz]  .tableau .tableau_col
        {
            font-weight: 600;
        }
/* #----------------# */
/* # Width < 1180px # */
/* #----------------# */
@media only screen and (max-device-width: 1250px)
{
    /*#---------------#*/
    /*# Toute la page #*/
    /*#---------------#*/
    .contain_all[b-ikth271xqz]
    {
        display: grid;
        grid-template-rows: auto 1fr !important;
        grid-template-columns: 1fr !important;
        min-height: 100vh;
    }

        .contain_all[b-ikth271xqz]  .side_drawer .side_menu .header
        {
            display: none;
        }

        .contain_all[b-ikth271xqz]  .side_drawer .side_menu .header_mobile
        {
            display: flex !important;
            flex-direction: row;
            padding: 1rem 1rem 1.0rem 1rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            align-content: center;
            flex-wrap: wrap;
            justify-content: space-between;
        }

            .contain_all[b-ikth271xqz]  .side_drawer .side_menu .header_mobile .nom_site
            {
                color: white;
                font-weight: 800;
                font-size: 2rem;
                align-self: center;
            }

            .contain_all[b-ikth271xqz]  .side_drawer .side_menu .header_mobile .toggle_side_menu
            {
                justify-self: end;
                color: white !important;
            }
        /* #----------------------------------------# */
        /* # Données Filtres & Graphiques & Tableau # */
        /* #----------------------------------------# */
        .contain_all .workspace[b-ikth271xqz]
        {
            grid-row: 2;
            grid-column: 2;
            background-color: #F0FAFF;
            display: grid;
            grid-template-rows: 1fr;
            grid-template-columns: auto;
            grid-column-gap: 0rem;
            height: calc(100vh - 6.8rem);
        }
        /* # Header du workspace # */
        .contain_all .header_container[b-ikth271xqz]
        {
            grid-row: 1;
            grid-column: 2;
            width: 100vw !important;
            display: flex !important;
            flex-direction: row;
            height: 100%;
            background-color: white;
            z-index: 1;
            align-self: center;
        }

            .contain_all .header_container[b-ikth271xqz]  .toggle_side_menu
            {
                margin-left: 0.1rem;
            }

            .contain_all .header_container[b-ikth271xqz]  .header
            {
                width: 100% !important
            }
        /*# Options contenant les filtres #*/
        .contain_all .workspace .option_container[b-ikth271xqz]
        {
            margin: 0rem;
            background-color: var(--mud-palette-background);
            height: 100%;
            width: 100vw;
            align-self: center !important;
            justify-self: center !important;
            /* margin-top: 0rem; */
            padding: 0.2rem;
            grid-row: 1;
            grid-column: 1;
        }


        .contain_all .workspace[b-ikth271xqz]  .tabs_container
        {
            margin: 0.0rem 0 0 0 !important;
            width: 100vw !important;
            grid-row: 2;
            grid-column: 1;
            height: calc(100vh - 3.68rem);
        }

            .contain_all .workspace[b-ikth271xqz]  .tabs_container .mud-tabs-rounded
            {
                border-radius: 0.0rem 0.0rem 0rem 0rem !important;
            }

            .contain_all .workspace[b-ikth271xqz]  .tabs_container .mud-tabs-panels
            {
                height: 100vh !important;
                width: 100vw !important;
            }
        /* #---------# */
        /* # Boutons # */
        /* #---------# */
        .contain_all[b-ikth271xqz]  .side_drawer .side_menu .buttons
        {
            margin: 1rem;
            display: grid;
            grid-template-columns: min-content 1fr min-content;
            justify-items: center;
        }

            .contain_all[b-ikth271xqz]  .side_drawer .side_menu .buttons ::deep .mud-tooltip-root
            {
                justify-items: center;
            }

    [b-ikth271xqz] .mud-input-control.mud-input-control-margin-dense
    {
        margin: 14px 0px 0px 0px;
    }

    [b-ikth271xqz] .bouton_data_navigation
    {
        height: 1.2rem;
    }

    [b-ikth271xqz] .mud-picker-container .mud-toolbar
    {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
        display: none;
    }
}

[b-ikth271xqz] .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--closed, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--closed[b-ikth271xqz]
{
    box-shadow: none;
    left: calc(-2*var(--mud-drawer-width, var(--mud-drawer-width-left)));
}
/* /Pages/Workspaces/Carte.razor.rz.scp.css */

/* Contener de toute la page */
.contain_all[b-vuaznoy8mp]
{
    display: grid;
    grid-template-columns: 22rem 1fr;
    grid-template-rows: 1fr;
}


    .contain_all .flex_container[b-vuaznoy8mp]
    {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        height: 100vh;
    }

        .contain_all .flex_container[b-vuaznoy8mp]  Header
        {
            z-index: 1000;
            height: fit-content;
        }


        /* Side menu */
        .contain_all .flex_container .side_menu[b-vuaznoy8mp]
        {
            display: flex;
            background-color: var(--mud-palette-tertiary);
            display: flex;
            flex-direction: column;
            z-index: 900;
            box-shadow: 0 0px 20px rgba(0, 0, 0, 0.50), 0 0px 10px rgba(0, 0, 0, 0.22);
            height: 100%;
            overflow-y: auto;
        }

            /* #-------------------# */
            /* # Gif de chargement # */
            /* #-------------------# */
            .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .waiting_gif
            {
                align-self: center;
                margin-top: 2rem;
                color: lightgray;
            }

            /* #---------------------# */
            /* # Sélection du projet # */
            /* #---------------------# */
            .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .selection_projet
            {
                display: grid;
                border-color: white;
                margin: 1rem;
            }

                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .selection_projet .mud-input-outlined-border
                {
                    border-color: rgb(255 255 255 / 80%);
                }

                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .selection_projet .mud-svg-icon
                {
                    fill: rgb(255 255 255 / 80%);
                }

                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .selection_projet .mud-select-input span
                {
                    color: rgb(255 255 255 / 80%) !important;
                }

                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .selection_projet .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root[b-vuaznoy8mp]
                {
                    color: rgb(255 255 255);
                }

            /* #---------# */
            /* # Onglets # */
            /* #---------# */
            .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets
            {
                margin: 0rem 1rem;
                flex-grow: 1000;
                overflow-y: auto;
            }

                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .mud-tabs-panels
                {
                    overflow-y: auto;
                }

                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .mud-paper-outlined
                {
                    border: unset;
                }


                /* Tuile (Poteau + Dispositif) */
                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile
                {
                    display: flex;
                    flex-direction: row;
                    margin-top: 0.5rem;
                    margin-bottom: 0.5rem;
                    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                    transition: transform 0.2s;
                    cursor: pointer;
                    border-radius: 8px;
                    position: unset;
                    overflow-y: hidden;
                    height: 5rem;
                    z-index: 910;
                }

            /* Tuile de poteau non operationnel => transparente (avec dispositif et installation) */
            .contain_all .flex_container .side_menu .onglets .non_operationnel[b-vuaznoy8mp]
            {
                opacity: 0.65 !important;
            }

            /* ### Fluage ### */
            .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .fluage
            {
                width: 1.8rem;
                display: flex;
                justify-content: center;
                align-items: center;
                color: white;
                height: 100%
            }

                /* Fluage effectué */
                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .fluage.effectue
                {
                    background-color: var(--color_fluage_ok);
                }

                    .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .fluage.effectue .icon_fluage
                    {
                        width: 85% !important;
                    }

                /* Fluage en cours */
                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .fluage.encours
                {
                    background-color: var(--color_fluage_nok);
                }

                    .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .fluage.encours .icon_fluage
                    {
                        width: 98% !important;
                    }

                /* Fluage en attente */
                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .fluage.enattente
                {
                    background-color: var(--color_fluage_null);
                }

                    .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .fluage.enattente .icon_fluage
                    {
                        width: 85% !important;
                        margin-left: 0.125rem;
                    }

            /* ### Infos ### */
            .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .infos
            {
                display: grid;
                grid-template-rows: 1fr 1fr 1fr;
                grid-template-columns: 1fr 1fr;
                background-color: var(--mud-palette-background);
                white-space: nowrap;
                padding: 0.5rem;
                width: 100%;
                height: 100%;
            }

                /* Info1 */
                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .infos .info1
                {
                    grid-row: 1;
                    grid-column: 1;
                    justify-self: start;
                    align-self: start;
                    font-weight: 700;
                    font-size: 1.1rem;
                }

                    /* Couleur texte de poteau */
                    .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .infos .info1.color_poteau
                    {
                        color: var(--color_poteau) !important;
                    }

                    /* Couleur texte de dispositif */
                    .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .infos .info1.color_dispositif
                    {
                        color: var(--color_dispositif) !important;
                    }

                /* Info2 */
                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .infos .info2
                {
                    grid-row: 1;
                    grid-column: 2;
                    justify-self: end;
                    align-self: start;
                    font-size: 0.95rem;
                    font-weight: 540;
                }

                    /* Nom du dispositif */
                    .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .infos .info2.color_dispositif
                    {
                        color: var(--color_dispositif) !important;
                    }

                    /* Nom du dispositif */
                    .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .infos .info2.color_poteau
                    {
                        color: var(--color_poteau) !important;
                    }

                /* Info3 */
                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .infos .info3
                {
                    grid-row: 3;
                    grid-column: 1 / span 2;
                    justify-self: start;
                    align-self: end;
                    color: var(--mud-palette-text-secondary);
                    font-style: italic;
                    font-size: 0.9rem;
                }
                    /* Style de données absentes */
                    .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .infos .info3.color_absent
                    {
                        color: var(--color_nodata);
                    }

                /* Bouton de geolocalisation */
                .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .infos .bouton_carte
                {
                    grid-row: 3;
                    grid-column: 2;
                    justify-self: end;
                    align-self: end;
                    color: var(--mud-palette-secondary);
                    padding: 3px;
                    margin-right: -3px;
                    margin-bottom: -3px;
                }

                    .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .infos .bouton_carte:hover
                    {
                        background-color: lightgray;
                        border-radius: 50%;
                        cursor: pointer;
                        color: var(--mud-palette-secondary);
                        transition: background-color 0.25s ease;
                        transition: background 0.25s ease;
                        box-sizing: border-box;
                    }

                    /* SVG de mudblazor, source : https://mudblazor.com/features/icons#icons search: locationon */
                    .contain_all .flex_container .side_menu[b-vuaznoy8mp]  .onglets .tuile .infos .bouton_carte .mudblazor-locationon
                    {
                        color: var(--mud-palette-secondary) !important;
                        box-sizing: border-box;
                    }

    /* ### Hover ### */
    .contain_all .side_menu[b-vuaznoy8mp]  .onglets .tuile:hover
    {
        transform: translateY(-0.15rem);
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }

    .contain_all[b-vuaznoy8mp]  .button_vue_carte
    {
        display: none;
        z-index: 1000;
    }


/* #-----------------------# */
/* # Carte géolocalisation # */
/* #-----------------------# */
#map[b-vuaznoy8mp]
{
    grid-row: 1;
    grid-column: 2;
    height: 100vh;
    width: 100%;
    background-color: hwb(193.58deg 66.67% 12.55%);
}

    #map .leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom.leaflet-pane leaflet-popup-pane .leaflet-popup leaflet-zoom-animated .leaflet-popup-content-wrapper .leaflet-popup-content .popup-container[b-vuaznoy8mp]
    {
        color: cyan !important;
        background-color: cyan !important;
    }

    #map[b-vuaznoy8mp]  .my-custom-cluster
    {
        background-color: transparent;
        border: none;
        font-size: 1rem;
    }

    #map[b-vuaznoy8mp]  .custom-cluster-icon
    {
        /*background: linear-gradient(145deg, #42a5f5, #1e88e5);*/
        background: linear-gradient(145deg, rgba(104, 130, 142, 1), rgba(64, 90, 102, 1));
        color: white;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        font-weight: bold;
        box-shadow: 0 0 8px rgba(0,0,0,0.3);
    }

.leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom.leaflet-pane leaflet-popup-pane .leaflet-popup leaflet-zoom-animated .leaflet-popup-content-wrapper .leaflet-popup-content .popup-container[b-vuaznoy8mp]
{
    color: cyan !important;
    background-color: cyan !important;
}


/* #---------------# */
/* # Width < 660px # */
/* #---------------# */
@media only screen and (max-device-width: 660px)
{
    /* Contener de toute la page */
    .contain_all[b-vuaznoy8mp]
    {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

        .contain_all .flex_container[b-vuaznoy8mp]
        {
            grid-column: 1;
            grid-row: 1;
            display: grid;
            grid-template-rows: auto 1fr;
        }

            .contain_all .flex_container .header[b-vuaznoy8mp]
            {
                max-height: fit-content;
                z-index: 1000;
                box-shadow: unset;
                grid-row: 1;
                grid-column: 1;
            }

            /* Side menu */
            .contain_all .flex_container .side_menu[b-vuaznoy8mp]
            {
                grid-row: 2;
                grid-column: 1;
                background-color: var(--mud-palette-tertiary);
                box-shadow: unset;
                z-index: 900;
            }

            .contain_all .flex_container .transparent[b-vuaznoy8mp]
            {
                opacity: 0;
                pointer-events: none;
            }

            .contain_all .flex_container[b-vuaznoy8mp]  .button_vue_carte
            {
                grid-column: 1;
                grid-row: 2;
                display: unset;
                z-index: 1000;
                align-self: self-end;
                width: 40%;
                justify-self: baseline;
                margin: 0.5rem 0.5rem;
                gap: 8px;
                align-items: center !important;
                align-content: center !important;
                display: flex;
            }

    /*        .contain_all ::deep .button_vue_carte
        {
            display: unset;
            grid-column: 1;
            grid-row: 2;
            height: 5%;
            z-index: 1000;
            align-self: flex-end;
            box-shadow: 0 0px 5px rgba(0, 0, 0, 0.50), 0 0px 10px rgba(0, 0, 0, 0.22);
            margin: 0.68rem;
            width: 40%;
            border-radius: 0.5rem;
        }*/

    /* #-----------------------# */
    /* # Carte géolocalisation # */
    /* #-----------------------# */
    #map[b-vuaznoy8mp]
    {
        grid-column: 1;
        height: 100%;
        width: 100%;
        z-index: 500;
    }

    .leaflet-control-zoom .leaflet-bar .leaflet-control[b-vuaznoy8mp]
    {
        display: none;
    }

    .last_tuile_margin[b-vuaznoy8mp]
    {
        margin-bottom: 4rem !important;
    }
}
/* /Pages/Workspaces/Donnees.razor.rz.scp.css */
/*#---------------#*/
/*# Toute la page #*/
/*#---------------#*/
.contain_all[b-jee5nudkqp]
{
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 22rem 1fr;
    min-height: 100vh;
    background-color: #F0FAFF;
}

    /*#----------------------------------------------------#*/
    /*# Side menu (contient header et menu des propriétés) #*/
    /*#----------------------------------------------------#*/
    .contain_all[b-jee5nudkqp]  .side_drawer
    {
        grid-row: 1;
        grid-column: 1;
        background-color: var(--mud-palette-tertiary);
        height: 100vh;
        width: 22rem !important;
        box-shadow: 0 0px 20px rgba(0, 0, 0, 0.50), 0 0px 10px rgba(0, 0, 0, 0.22);
    }

        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu
        {
            grid-row: 1;
            grid-column: 1;
            background-color: var(--mud-palette-tertiary);
            height: 100vh;
            display: flex;
            flex-direction: column;
            box-shadow: 0 0px 20px rgba(0, 0, 0, 0.50), 0 0px 10px rgba(0, 0, 0, 0.22);
            z-index: 1000;
        }

            /*#-----------#*/
            /*# Side menu #*/
            /*#-----------#*/
            .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .header_mobile
            {
                display: none;
            }

            /* #-------------------# */
            /* # Gif de chargement # */
            /* #-------------------# */
            .contain_all[b-jee5nudkqp]  .side_drawer .side_menu ::deep .waiting_gif
            {
                align-self: center;
                margin-top: 2rem;
                color: lightgray;
            }

            /*Permet de rendre la section des propriétés scrollable*/
            .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable
            {
                flex: 1 1 auto;
                overflow-y: auto;
            }

                /*#---------------------#*/
                /*# Menu des propriétés #*/
                /*#---------------------#*/
                .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav
                {
                    padding: 1rem;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                }

                    /* ### Indications etats fluage ### */
                    /* Fluage effectué */
                    .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .fluage
                    {
                        color: var(--mud-palette-white);
                        padding: 0.75rem;
                        border-radius: 5px;
                        text-align: center;
                        display: block;
                        font-weight: bold;
                        align-items: center;
                        display: flex;
                        flex-direction: row;
                    }

                        /*Icon de fluage*/
                        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .fluage ::deep .icon_fluage
                        {
                            margin-right: 0.2rem;
                        }

                    /* Fluage en cours */
                    .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .effectue
                    {
                        background-color: var(--color_fluage_ok);
                    }

                    /* Fluage en cours */
                    .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .encours
                    {
                        background-color: var(--color_fluage_nok);
                    }

                    /* Fluage en cours */
                    .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .enattente
                    {
                        background-color: var(--color_fluage_null);
                    }

                    /* Stepper */
                    /*                .contain_all .side_menu .scrollable .section_nav ::deep .stepper
                {
                    overflow-x: hidden;
                    margin-bottom: -2rem;
                }

                    .contain_all .side_menu .scrollable .section_nav ::deep .stepper .icon_stepper
                    {
                        margin-bottom: -0.86rem;
                    }

                    .contain_all .side_menu .scrollable .section_nav ::deep .stepper .enattente
                    {
                        color: var(--color_fluage_null);
                    }

                    .contain_all .side_menu .scrollable .section_nav ::deep .stepper .encours
                    {
                        color: var(--color_fluage_nok);
                    }

                    .contain_all .side_menu .scrollable .section_nav ::deep .stepper .effectue
                    {
                        color: var(--color_fluage_ok);
                    }

                    .contain_all .side_menu .scrollable .section_nav ::deep .stepper .message_fluage
                    {
                        justify-self: center;
                        text-align: center;
                        color: var(--mud-palette-background);
                        border-radius: 0.5rem;
                        padding: 0.9rem;
                        font-weight: 550;
                        margin-top: -1rem;
                    }


                    .contain_all .side_menu .scrollable .section_nav ::deep .stepper p
                    {
                        color: white;
                    }*/

                    /*#--------------------------------------------------#*/
                    /*# Ligne contenant label + valeur de data concernée #*/
                    /*#--------------------------------------------------#*/
                    .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .info_row
                    {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        margin: 0.5rem 0;
                    }

                        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .info_row.fluage,
                        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .info_row.fluage_current_filters
                        {
                            justify-content: center;
                        }

                        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .info_row.fluage_current_filters
                        {
                            color: #ecf0f1;
                            font-style: italic;
                            margin-top: -1rem;
                            font-size: 0.8rem;
                        }

                        /* Label de la donnée */
                        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .info_row .label_data
                        {
                            color: #bdc3c7;
                            font-size: 0.9rem;
                        }

                        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .info_row.fluage .icon_fluage
                        {
                            margin-right: 0.5rem;
                        }

                        /* Valeur de la donnée */
                        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .info_row .valeur_data
                        {
                            color: #ecf0f1;
                            font-weight: 600;
                            text-align: right;
                            white-space: nowrap;
                        }

                            /* Bouton historique d'installation*/
                            .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .info_row .valeur_data .bouton_historique_installation
                            {
                                color: white;
                            }


                        /* Valeur de mudskeleton A */
                        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .info_row .skeleton_data_A
                        {
                            width: 10rem;
                        }

                        /* Valeur de mudskeleton B */
                        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .info_row .skeleton_data_B
                        {
                            width: 8rem;
                        }

                        /* Valeur de mudskeleton C */
                        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .info_row .skeleton_data_C
                        {
                            width: 5rem;
                        }

                        /* Valeur de mudskeleton D */
                        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .scrollable .section_nav .info_row .skeleton_data_D
                        {
                            width: 6.5rem;
                        }


            /* #---------# */
            /* # Boutons # */
            /* #---------# */
            .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .buttons
            {
                margin: 1rem;
                display: grid;
                grid-template-columns: min-content 1fr min-content;
                justify-items: center;
            }

                .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .buttons .mud-tooltip-root
                {
                    justify-items: center;
                }


            /* #---------# */
            /* # Boutons # */
            /* #---------# */
            .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .buttons
            {
                margin: 1rem;
                display: grid;
                grid-template-columns: min-content 1fr min-content;
                justify-items: center;
            }

                .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .buttons .mud-tooltip-root
                {
                    justify-items: center;
                }

    .contain_all .dialog_param[b-jee5nudkqp]
    {
        width: 60rem;
    }


    /* #--------------------------------# */
    /* # Filtres & Graphiques & Tableau # */
    /* #--------------------------------# */
    .contain_all .workspace[b-jee5nudkqp]
    {
        grid-row: 2;
        grid-column: 2;
        height: 100vh;
        background-color: #F0FAFF;
        display: grid;
        grid-template-rows: 5.2rem 1fr;
        grid-template-columns: auto auto auto auto auto 1fr;
        grid-column-gap: 0rem;
    }

        /* #-------------------# */
        /* # Gif de chargement # */
        /* #-------------------# */
        .contain_all .workspace[b-jee5nudkqp]  .waiting_gif
        {
            grid-row: 1 / span 2;
            grid-column: 1 / span 6;
            align-self: center;
            justify-self: center;
        }

    .contain_all .header_container[b-jee5nudkqp]
    {
        display: none;
    }

    /*# Options contenant les filtres, numéro de poteau, etc. #*/
    .contain_all .workspace .option_container[b-jee5nudkqp]
    {
        grid-row: 1;
        grid-column: 1;
        display: flex;
        flex-direction: row;
        margin: 1.2rem 1.2rem 0 1.2rem;
        gap: 1.2rem;
    }

        .contain_all .workspace .option_container .nom_site[b-jee5nudkqp]
        {
            display: none;
        }

        /* # Type de réseau # */
        .contain_all .workspace .option_container .type_reseau_container[b-jee5nudkqp]
        {
            grid-row: 1;
            grid-column: 2;
            display: flex;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            width: 10rem;
            border-radius: 0.5rem;
            background-color: var(--mud-palette-background);
            box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            color: var(--mud-palette-primary);
        }

            /* # Type de réseau avec label (desktop & tablette) # */
            .contain_all .workspace .option_container .type_reseau_container[b-jee5nudkqp]  .selection_type_reseau_with_label
            {
                align-self: center !important;
                display: flex;
            }

            /* # Type de réseau sans label (mobile) # */
            .contain_all .workspace .option_container .type_reseau_container[b-jee5nudkqp]  .selection_type_reseau_without_label
            {
                display: none !important;
            }


        /* # Filtres # */
        .contain_all .workspace .option_container .filtre_container[b-jee5nudkqp]
        {
            grid-row: 1;
            grid-column: 3;
            display: flex;
            flex-direction: row;
            font-size: 0.9rem;
            display: flex;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            justify-self: left;
            border-radius: 0.5rem;
            background-color: var(--mud-palette-background);
            box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
            align-items: center;
            border-color: var(--mud-palette-tertiary);
        }

            /* Section contenant les date pickers et les boutons */
            .contain_all .workspace .option_container .filtre_container .date_group_filtre[b-jee5nudkqp]
            {
                display: flex;
                flex-direction: row;
                margin: 0.6rem 0.1rem 0 1rem;
                height: 4.5rem;
            }

                /* Composant daterange sans l'année est caché */
                .contain_all .workspace .option_container .filtre_container .date_group_filtre[b-jee5nudkqp]  .date_range_without_year
                {
                    display: none;
                }

            /* Ligne contenant les boutons */
            .contain_all .workspace .option_container .filtre_container .button_group_filtre[b-jee5nudkqp]
            {
                margin: 0 0.2rem 0.2rem 1rem;
                display: flex;
                flex-direction: row;
                gap: 0.2rem;
                justify-content: space-between;
            }

                /* # Bouton valider filtres # */
                .contain_all .workspace .option_container .filtre_container .button_group_filtre[b-jee5nudkqp]  .bouton_valider_filtre
                {
                    width: fit-content !important;
                    height: fit-content !important;
                    align-self: center;
                }

                /* # Bouton reset filtres # */
                .contain_all .workspace .option_container .filtre_container .button_group_filtre[b-jee5nudkqp]  .bouton_reset_filtre
                {
                }

        /* # Coche Hide Data # */
        .contain_all .workspace .option_container .coche_container[b-jee5nudkqp]
        {
            grid-row: 1;
            grid-column: 4;
            flex-direction: column;
            font-size: 0.9rem;
            display: flex;
            width: fit-content;
            justify-content: center;
            border-radius: 0.5rem;
            background-color: var(--mud-palette-background);
            box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }

        /* # Exports # */
        .contain_all .workspace .option_container .export_container[b-jee5nudkqp]
        {
            grid-row: 1;
            grid-column: 4;
            display: flex;
            flex-direction: column;
            font-size: 0.9rem;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            width: 230px;
            justify-self: left;
            border-radius: 0.5rem;
            background-color: var(--mud-palette-background);
            box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
        }

            .contain_all .workspace .option_container .export_container[b-jee5nudkqp]  .menu_export
            {
                height: 100%;
                width: 100%;
            }

                .contain_all .workspace .option_container .export_container[b-jee5nudkqp]  .menu_export button
                {
                    height: 100%;
                    width: 100%;
                    padding: 0px 10px;
                }

                    .contain_all .workspace .option_container .export_container[b-jee5nudkqp]  .menu_export button span
                    {
                        justify-content: space-between;
                    }

                .contain_all .workspace .option_container .export_container[b-jee5nudkqp]  .menu_export .bouton_exporter_brut
                {
                    height: 100%;
                    width: 100%;
                    white-space: nowrap;
                    overflow: hidden;
                    padding: 0;
                    margin: 0;
                    color: var(--mud-palette-primary);
                }

                .contain_all .workspace .option_container .export_container[b-jee5nudkqp]  .menu_export .bouton_exporter_resultat
                {
                    height: 100%;
                    width: 120%;
                    white-space: nowrap;
                    overflow: hidden;
                }


        /* # Identifiant du poteau # */
        .contain_all .workspace .option_container .identifiant_container[b-jee5nudkqp]
        {
            grid-row: 1;
            grid-column: 1;
            flex-direction: column;
            font-size: 2.5rem;
            font-weight: 900;
            justify-self: right;
            color: var(--mud-palette-secondary);
            align-content: center;
            padding: 0 0.5rem;
            border: 2px dashed var(--mud-palette-secondary);
            border-radius: 0.5rem;
        }

    .contain_all .workspace[b-jee5nudkqp]  .tabs_container
    {
        margin: 1.2rem;
        height: calc(100% - 2.4rem);
        grid-column: span 6;
    }

        .contain_all .workspace[b-jee5nudkqp]  .tabs_container .mud-tabs-rounded
        {
            border-radius: 0.5rem 0.5rem 0rem 0rem;
        }

        .contain_all .workspace[b-jee5nudkqp]  .tabs_container .mud-tabs-panels
        {
            height: calc(100% - 2.4rem);
        }

    /* # Graphiques # */
    .contain_all .workspace .graphique_fluage_container[b-jee5nudkqp]
    {
        grid-row: 2;
        grid-column: span 6;
        padding: 1rem;
        border-radius: 0rem 0rem 0.5rem 0.5rem;
        background-color: var(--mud-palette-background);
        box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
        height: 100%;
    }

        .contain_all .workspace .graphique_fluage_container #graphique_fluage[b-jee5nudkqp]
        {
            height: calc(100% - 36px) !important;
        }

        .contain_all .workspace .graphique_fluage_container .data_navigation[b-jee5nudkqp]
        {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .contain_all .workspace .graphique_fluage_container .data_navigation #data_navigation_current[b-jee5nudkqp]
            {
                min-width: 8rem;
                font-size: 1rem;
                text-align: center;
                color: var(--mud-palette-text-secondary);
                font-weight: bold;
                margin: 0rem 0.8rem;
            }

    /* # Tableau # */
    .contain_all .workspace[b-jee5nudkqp]  .tableau_mesures
    {
        grid-row: 2;
        grid-column: span 6;
        padding: 0rem 1rem 0rem 1rem;
        border-radius: 0rem 0rem 0.5rem 0.5rem;
        background-color: var(--mud-palette-background);
        box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
        position: absolute;
        overflow-x: auto;
        overflow-y: auto;
        width: 100%;
        height: 100%;
    }

        /* Cellule du tableau */
        .contain_all .workspace[b-jee5nudkqp]  .tableau_mesures .mud-table-cell
        {
            display: table-cell;
            padding: 0.5rem;
            font-size: .859rem;
            text-align: start;
            font-weight: 400;
            line-height: 1.65;
            border-bottom: 1px solid var(--mud-palette-table-lines);
            letter-spacing: .01071em;
            vertical-align: inherit;
        }

        .contain_all .workspace[b-jee5nudkqp]  .tableau_mesures .tableau_date
        {
            font-weight: 600;
        }

        .contain_all .workspace[b-jee5nudkqp]  .tableau_mesures .tableau_ymesure
        {
            color: #008738;
            font-weight: 600;
        }

        .contain_all .workspace[b-jee5nudkqp]  .tableau_mesures .tableau_ytheorique
        {
            color: rgb(122, 204, 40);
            font-weight: 600;
        }

        .contain_all .workspace[b-jee5nudkqp]  .tableau_mesures .tableau_delta
        {
            color: #008738;
            font-weight: 600;
        }

        .contain_all .workspace[b-jee5nudkqp]  .tableau_mesures .tableau_Tfil
        {
            color: #00AAEE;
            font-weight: 600;
        }

        .contain_all .workspace[b-jee5nudkqp]  .tableau_mesures .tableau_Tair
        {
            color: #00AAEE;
            font-weight: 600;
        }

        .contain_all .workspace[b-jee5nudkqp]  .tableau_mesures .tableau_tension_batterie
        {
            font-weight: 600;
        }


[b-jee5nudkqp] .mud-stepper.mud-stepper__horizontal .mud-stepper-nav
{
    display: flex;
    width: 27rem;
    margin-left: -3.6rem;
    padding: 0;
}

/* #----------------# */
/* # Width < 1180px # */
/* #----------------# */
@media only screen and (max-device-width: 1250px)
{
    /*#---------------#*/
    /*# Toute la page #*/
    /*#---------------#*/
    .contain_all[b-jee5nudkqp]
    {
        display: grid;
        grid-template-rows: auto 1fr !important;
        grid-template-columns: 1fr !important;
        min-height: 100vh;
    }

        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .header
        {
            display: none;
        }

        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .header_mobile
        {
            display: flex !important;
            flex-direction: row;
            padding: 1rem 1rem 1.0rem 1rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            align-content: center;
            flex-wrap: wrap;
            justify-content: space-between;
        }

            .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .header_mobile .nom_site
            {
                color: white;
                font-weight: 800;
                font-size: 2rem;
                align-self: center;
            }

            .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .header_mobile .toggle_side_menu
            {
                justify-self: end;
                color: white !important;
            }

        /* #----------------------------------------# */
        /* # Données Filtres & Graphiques & Tableau # */
        /* #----------------------------------------# */
        .contain_all .workspace[b-jee5nudkqp]
        {
            grid-row: 2;
            grid-column: 2;
            background-color: #F0FAFF;
            display: grid;
            grid-template-rows: 2rem 1fr;
            grid-template-columns: auto;
            grid-column-gap: 0rem;
            height: 20%;
        }

        /* # Header du workspace # */
        .contain_all .header_container[b-jee5nudkqp]
        {
            grid-row: 1;
            grid-column: 2;
            width: 100vw !important;
            display: flex !important;
            flex-direction: row;
            height: 100%;
            background-color: white;
            z-index: 1;
            align-self: center;
            box-shadow: 0 0px 2px rgba(0, 0, 0, 0.50) !important;
        }

            .contain_all .header_container[b-jee5nudkqp]  .toggle_side_menu
            {
                margin-left: 0.1rem;
            }

            .contain_all .header_container[b-jee5nudkqp]  .header
            {
                width: 100% !important
            }


        /*# Options contenant les filtres #*/
        .contain_all .workspace .option_container[b-jee5nudkqp]
        {
            margin: 0rem;
            background-color: var(--mud-palette-background);
            height: 100%;
            width: 100vw;
            align-self: center !important;
            justify-self: center !important;
            /* margin-top: 0rem; */
            padding: 0.3rem 1.0rem 0.3rem 1.0rem;
            grid-row: 1;
            grid-column: 1;
        }


            /* # Type de réseau sans label (mobile) # */
            .contain_all .workspace .option_container .type_reseau_container[b-jee5nudkqp]
            {
                box-shadow: 0 0px 2px rgba(0, 0, 0, 0.50) !important;
            }

                /* # Type de réseau sans label (mobile) # */
                .contain_all .workspace .option_container .type_reseau_container[b-jee5nudkqp]  .selection_type_reseau_without_label
                {
                    align-self: center !important;
                    display: flex !important;
                }

                /* # Type de réseau avec label (desktop & tablette) # */
                .contain_all .workspace .option_container .type_reseau_container[b-jee5nudkqp]  .selection_type_reseau_with_label
                {
                    display: none !important;
                }


            .contain_all .workspace .option_container .nom_site[b-jee5nudkqp]
            {
                grid-row: 1;
                grid-column: 1;
                display: unset !important;
                align-content: center;
                padding: 0 0.5rem;
            }

            /* # Identifiant du poteau # */
            .contain_all .workspace .option_container .identifiant_container[b-jee5nudkqp]
            {
                display: none;
            }

            /* # Exports # */
            .contain_all .workspace .option_container .export_container[b-jee5nudkqp]
            {
                display: none;
            }

            /* # Type de réseau sans label (mobile) # */
            .contain_all .workspace .option_container .filtre_container[b-jee5nudkqp]
            {
                box-shadow: 0 0px 2px rgba(0, 0, 0, 0.50) !important;
            }

                /* Section contenant les date pickers et les boutons */
                .contain_all .workspace .option_container .filtre_container .date_group_filtre[b-jee5nudkqp]
                {
                    display: flex;
                    flex-direction: row;
                    margin: 0.6rem 0.1rem 0 1rem;
                    height: 4.5rem;
                }

                    /* Composant daterange sans l'année est affiché */
                    .contain_all .workspace .option_container .filtre_container .date_group_filtre[b-jee5nudkqp]  .date_range_without_year
                    {
                        display: flex !important;
                    }

                    /* Composant daterange avec l'année est caché */
                    .contain_all .workspace .option_container .filtre_container .date_group_filtre[b-jee5nudkqp]  .date_range_with_year
                    {
                        display: none !important;
                    }



        .contain_all .workspace[b-jee5nudkqp]  .tabs_container
        {
            margin: 0.0rem 0 0 0 !important;
            width: 100vw !important;
            grid-row: 2;
            grid-column: 1;
            height: calc(100% - 9.1rem);
        }

            .contain_all .workspace[b-jee5nudkqp]  .tabs_container .mud-tabs-rounded
            {
                border-radius: 0.0rem 0.0rem 0rem 0rem !important;
            }

            .contain_all .workspace[b-jee5nudkqp]  .tabs_container .mud-tabs-panels
            {
                height: 100vh !important;
                width: 100vw !important;
            }

        /* #---------# */
        /* # Boutons # */
        /* #---------# */
        .contain_all .workspace .tabs_container .donnees_container .buttons[b-jee5nudkqp]
        {
            margin: 1rem;
            display: grid;
            grid-template-columns: min-content 1fr min-content;
            justify-items: center;
        }

            .contain_all .workspace .tabs_container .donnees_container .buttons[b-jee5nudkqp]  .mud-tooltip-root
            {
                justify-items: center;
            }

        /* #---------# */
        /* # Boutons # */
        /* #---------# */
        .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .buttons
        {
            margin: 1rem;
            display: grid;
            grid-template-columns: min-content 1fr min-content;
            justify-items: center;
        }

            .contain_all[b-jee5nudkqp]  .side_drawer .side_menu .buttons ::deep .mud-tooltip-root
            {
                justify-items: center;
            }

        /* # Graphique des données # */
        .contain_all .workspace .graphique_fluage_container[b-jee5nudkqp]
        {
            padding: 0rem 0.2rem 0rem 0.2rem;
            border-radius: unset;
            background-color: var(--mud-palette-background);
            box-shadow: unset;
            position: absolute;
            width: 100%;
            height: 100%;
            /* height: 5rem; */
            overflow-y: auto;
        }

            .contain_all .workspace .graphique_fluage_container .data_navigation[b-jee5nudkqp]
            {
                margin-top: 0.5rem;
            }


    [b-jee5nudkqp] .mud-input-control.mud-input-control-margin-dense
    {
        margin: 14.5px 0px 0px 0px;
    }

    [b-jee5nudkqp] .mud-input
    {
        line-height: unset;
    }

    /* # carousel # */
    [b-jee5nudkqp] .mud-ripple
    {
        --mud-ripple-offset-x: 0;
        --mud-ripple-offset-y: 0;
        position: relative;
        overflow: hidden;
        font-size: 0.85rem !important;
    }

    [b-jee5nudkqp] .bouton_data_navigation
    {
        height: 1.2rem;
    }

    [b-jee5nudkqp] .mud-picker-container .mud-toolbar
    {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
        display: none;
    }

    .leaflet-touch .leaflet-bar a:last-child[b-jee5nudkqp]
    {
        display: none;
    }
}

[b-jee5nudkqp] .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--closed, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--closed[b-jee5nudkqp]
{
    box-shadow: none;
    left: calc(-2*var(--mud-drawer-width, var(--mud-drawer-width-left)));
}
/* /Pages/Workspaces/Erreur_404.razor.rz.scp.css */
.error404-page[b-5kaqrxhxck]
{
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #546E7A;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

[b-5kaqrxhxck] .error404-card
{
    max-width: 480px;
    margin: auto;
    background-color: transparent;
}

[b-5kaqrxhxck] .error404-logo
{
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

[b-5kaqrxhxck] .error404-code
{
    font-size: 7rem;
    font-weight: 900;
    margin: 0 0 16px;
    color: #69AF23;
}

[b-5kaqrxhxck] .error404-title
{
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #546E7A;
}

[b-5kaqrxhxck] .error404-message
{
    font-size: 1.125rem;
    margin-bottom: 24px;
    line-height: 1.5;
    color: #7B8B93;
}

[b-5kaqrxhxck] .error404-button
{
    padding: 14px 36px;
    margin-top: 30px;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 1.125rem;
    text-transform: none;
}
/* /Pages/Workspaces/Erreur_503.razor.rz.scp.css */
.error503-page[b-nvfi5v6auy]
{
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #546E7A;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

[b-nvfi5v6auy] .error503-card
{
    max-width: 480px;
    margin: auto;
    background-color: transparent;
}

[b-nvfi5v6auy] .error503-logo
{
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

[b-nvfi5v6auy] .error503-code
{
    font-size: 7rem;
    font-weight: 900;
    margin: 0 0 16px;
    color: #69AF23;
}

[b-nvfi5v6auy] .error503-title
{
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #546E7A;
}

[b-nvfi5v6auy] .error503-message
{
    font-size: 1.125rem;
    margin-bottom: 24px;
    line-height: 1.5;
    color: #7B8B93;
}

[b-nvfi5v6auy] .error503-button
{
    padding: 14px 36px;
    margin-top: 30px;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 1.125rem;
    text-transform: none;
}
/* /Pages/Workspaces/Home.razor.rz.scp.css */