/* /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-gyfa8aw2sm]
{
    width: 31rem;
}

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

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

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

    }

    /* Contenu dialog */
        .container_dialog_param .contenu_dialog[b-gyfa8aw2sm]  .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-gyfa8aw2sm]  .message_noinstallation{
            margin-bottom: 1rem;
        }

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

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

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

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

/* Contenu dialog */
.contenu_dialog[b-yjqp311y1s]
{
    display: flex;
    flex-direction: column;
}

    .contenu_dialog .file_definition[b-yjqp311y1s]
    {
        display: flex;
        flex-direction: row;
        align-content: center;
        margin-right: 1rem;
    }

    .contenu_dialog[b-yjqp311y1s]  .nom_fichier
    {
        margin: 0.5rem;
        width: 100%;
        max-width: 90%;
    }

    .contenu_dialog[b-yjqp311y1s]  .select_file
    {
        margin: 0.5rem;
        width: fit-content;
        align-self: center;
    }

    .contenu_dialog[b-yjqp311y1s]  .preview
    {
        height: auto;
        width: 25rem;
        border-radius: 0.5rem;
        margin: 1rem 0;
    }
        .contenu_dialog[b-yjqp311y1s]  .skeleton
    {
        height: 15rem;
    }


    .contenu_dialog .waiting[b-yjqp311y1s]
    {
        grid-column: 2;
        grid-row: 1;
        height: 17rem;
        width: 25rem;
        background-color: lightgray;
        text-align: center;
        border-radius: 0.5rem;
        align-content: center;
    }


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

    /* Bouton sauvegarder */
    .contenu_dialog .boutons_valider_annuler .ajouter[b-yjqp311y1s]
    {
        width: fit-content;
        justify-self: end;
    }


    .contenu_dialog boutons_valider_annuler .annuler[b-yjqp311y1s]
    {
        width: fit-content;
        height: fit-content;
    }

@media only screen and (max-device-width: 1240px)
{
    .contenu_dialog[b-yjqp311y1s]  .preview
    {
        height: auto;
        width: unset !important;
        border-radius: 0.5rem;
        margin: 1rem 0;
    }
}
/* /Pages/Dialogs/DialogImageZoom.razor.rz.scp.css */

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

    /* Container de header de dialog */
    .container_dialog_param .container_dialog_titre[b-kgyzpzf6uu]
    {
        display: none;
    }

        /* Titre de dialog */
        .container_dialog_param .container_dialog_titre .titre_dialog[b-kgyzpzf6uu]
        {
            display: none;
        }

/* Contenu dialog */
.contenu_dialog[b-kgyzpzf6uu]
{
    width: 100%;
    justify-content: center !important;
    display: unset;
}


    .contenu_dialog[b-kgyzpzf6uu]  .carousel
    {
        width: calc(100vw - 10rem);
        height: calc(100vh - 10rem);
    }

        .contenu_dialog[b-kgyzpzf6uu]  .carousel .image
        {
            border-radius: 0.5rem;
            justify-self: center;
            display: grid;
            align-self: center;
            width: auto;
            height: 100%;
        }
/* /Pages/Dialogs/DialogInstallation.razor.rz.scp.css */

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

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

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

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

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

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

        /* Container date + time */
        .container_dialog_param .contenu_dialog .section_param .partie_datetime[b-guin1pg28m]
        {
            width: 100% !important;
            display: flex;
            flex-direction: row;
            margin-bottom: 1rem !important;
        }

            /* Date installation */
            .container_dialog_param .contenu_dialog .section_param .partie_datetime[b-guin1pg28m]  .date_installation
            {
                width: 45%;
                margin-right: 1rem;
            }

            /* Horaire installation */
            .container_dialog_param .contenu_dialog .section_param .partie_datetime[b-guin1pg28m]  .horaire_installation
            {
                width: 45%;
                margin-bottom: 1rem;
            }

        /* Cote x installation */
        .container_dialog_param .contenu_dialog .section_param[b-guin1pg28m]  .cote_x_installation
        {
            width: 45%;
            margin-right: 1rem;
            margin-bottom: 1rem;
        }

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

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

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

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

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

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

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



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

        /*Titre de section*/
        .container_dialog_param .contenu_dialog .titre_section[b-49mpszk7p6]
        {
            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-49mpszk7p6]  .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-49mpszk7p6]  .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-49mpszk7p6]  .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-49mpszk7p6]  .section_param .nom_projet_text
            {
                width: 70% !important;
                margin-right: 0rem;
            }

            .container_dialog_param .contenu_dialog .scroll_container[b-49mpszk7p6]  .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-49mpszk7p6]  .section_param .projet_existant
            {
                width: 20% !important;
                white-space: nowrap;
                justify-content: center;
            }


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

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

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

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

            /* Nom de TypeAT */
            .container_dialog_param .contenu_dialog .scroll_container[b-49mpszk7p6]  .section_param .nom_typeAt
            {
                width: 35%;
                margin-right: 0.5rem;
                margin-bottom: 0.5rem;
            }

            /* Nom de caténaire */
            .container_dialog_param .contenu_dialog .scroll_container[b-49mpszk7p6]  .section_param .nom_typeCatenaire
            {
                width: 35%;
                margin-right: 0.5rem;
                margin-bottom: 0.5rem;
            }

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

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

            /* Coefficient de dillatation */
            .container_dialog_param .contenu_dialog .scroll_container[b-49mpszk7p6]  .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-49mpszk7p6]  .section_param .longueur_demi_tir
            {
                margin-top: 1rem;
                width: 40%;
            }

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

            /* Temperature max */
            .container_dialog_param .contenu_dialog .scroll_container[b-49mpszk7p6]  .section_param .temperature_max
            {
                width: 30%;
                margin-bottom: 0.5rem;
            }

            /* Temperature min */
            .container_dialog_param .contenu_dialog .scroll_container[b-49mpszk7p6]  .section_param .pointkm
            {
                width: 40%;
                margin-right: 1rem;
            }

            /* Temperature max */
            .container_dialog_param .contenu_dialog .scroll_container[b-49mpszk7p6]  .section_param .canton
            {
                width: 40%;
                margin-bottom: 0.5rem;
            }


            /* Direction */
            .container_dialog_param .contenu_dialog .scroll_container[b-49mpszk7p6]  .section_param .direction
            {
                width: 60%;
            }

                /*Label de mud toggle group */
                .container_dialog_param .contenu_dialog .scroll_container[b-49mpszk7p6]  .section_param .direction .direction_label
                {
                    font-size: 0.8rem;
                }



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

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

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

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

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

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

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

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

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

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

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

            /* Bouton sauvegarder */
            .container_dialog_param .contenu_dialog[b-49mpszk7p6]  .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-49mpszk7p6]
{
}

#installation_content[b-49mpszk7p6]
{
    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-49mpszk7p6]
    {
        overflow-y: auto;
        overflow-x: clip;
        HEIGHT: calc(100vh - 16rem);
    }

    .container_dialog_param .contenu_dialog .smaller[b-49mpszk7p6]
    {
        HEIGHT: calc(100vh - 39rem);
    }

}
/* /Pages/Dialogs/DialogModifierProjet.razor.rz.scp.css */

/* Container de toute la page */
.container_dialog_projet[b-pbq5qgkehn]
{
}

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

        /* Titre de dialog */
        .container_dialog_projet .container_dialog_titre .titre_dialog[b-pbq5qgkehn]
        {
            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-pbq5qgkehn]
        {
            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-pbq5qgkehn]
    {
    }

        .container_dialog_projet .contenu_dialog .side_by_side[b-pbq5qgkehn]
        {
            display: flex;
            flex-direction: row;

        }

            /* Côté projet avec nom de projet et tableau de poteau */
            .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-pbq5qgkehn]
            {
                width: 28.4rem !important;
            }

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

            /*Côté utilisateurs */
            .container_dialog_projet .contenu_dialog .side_by_side .user_side[b-pbq5qgkehn]
            {
                margin-left: 2rem;
            }

                /*Côté utilisateurs */
                .container_dialog_projet .contenu_dialog .side_by_side .user_side .user_side_header[b-pbq5qgkehn]
                {
                    display: flex;
                }


                    /*Titre du côté utilisateur*/
                    .container_dialog_projet .contenu_dialog .side_by_side .user_side .user_side_header .titre_section[b-pbq5qgkehn]
                    {
                        font-size: 1.4rem;
                        font-weight: 600;
                        color: var(--mud-palette-primary)
                    }

                    /*Bouton ajouter utilisateur*/
                    .container_dialog_projet .contenu_dialog .side_by_side .user_side .user_side_header[b-pbq5qgkehn]  .ajouter_user
                    {
                        margin: 0rem 0rem 1rem 31rem;
                    }

                /*Tableau contenant les utilisateurs*/
                .container_dialog_projet .contenu_dialog .side_by_side .user_side[b-pbq5qgkehn]  .tableau_user
                {
                    min-height: 5rem;
                    max-height: 22.9rem;
                    overflow-x: auto;
                    overflow-y: auto;
                }



            /* #------------------------------------------# */
            /* # Section pour chaque groupe de paramètres # */
            /*#-------------------------------------------#*/
            .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-pbq5qgkehn]  .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 .side_by_side .project_side[b-pbq5qgkehn]  .section_param .id_projet
                {
                    width: 20% !important;
                    margin-right: 1rem;
                    margin-bottom: 1rem !important;
                }


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

                /* Nom de projet */
                .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-pbq5qgkehn]  .section_param .client_projet
                {
                    width: 100% !important;
                    margin-top: -1.5rem;
                }

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

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

                /* Tableau de poteaux */
                .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-pbq5qgkehn]  .section_param .tableau_poteaux
                {
                    height: 16rem;
                    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%;
                }

                    /* Colonne de tableau */
                    .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-pbq5qgkehn]  .section_param .tableau_poteaux .tableau_col
                    {
                    }

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

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

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


    /* Container de toute la page */
    .container_dialog_projet[b-pbq5qgkehn]
    {
    }

        /* Container de header de dialog */
        .container_dialog_projet .container_dialog_titre[b-pbq5qgkehn]
        {
        }

        .container_dialog_projet .contenu_dialog[b-pbq5qgkehn]
        {
        }

            /*testdecommentaire*/
            .container_dialog_projet .contenu_dialog .side_by_side[b-pbq5qgkehn]
            {
                flex-direction: column !important;
                overflow-y: auto;
                overflow-x: clip;
                HEIGHT: calc(100vh - 7.5rem);
            }

                /*Côté utilisateurs */
                .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-pbq5qgkehn]
                {
                    width: unset !important;
                }

                /*Côté utilisateurs */
                .container_dialog_projet .contenu_dialog .side_by_side .user_side[b-pbq5qgkehn]
                {
                    margin-left: 0 !important;
                }

                    /*Bouton ajouter utilisateur*/
                    .container_dialog_projet .contenu_dialog .side_by_side .user_side .user_side_header[b-pbq5qgkehn]  .ajouter_user
                    {
                        margin: 0rem 0rem 1rem 1rem;
                    }

                    /*Tableau contenant les utilisateurs*/
                    .container_dialog_projet .contenu_dialog .side_by_side .user_side[b-pbq5qgkehn]  .tableau_user
                    {
                        max-height: 9rem !important;
                    }

                /* Tableau de poteaux */
                .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-pbq5qgkehn]  .section_param .tableau_poteaux
                {
                }

                /* Tableau de poteaux */
                .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-pbq5qgkehn]  .section_param .prenom
                {
                    display: none;
                }

                /* Tableau de poteaux */
                .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-pbq5qgkehn]  .section_param .nom
                {
                    display: none;
                }
}
/* /Pages/Dialogs/DialogSelectLangue.razor.rz.scp.css */

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

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

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

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

    } 
    /* Radio group de langue disponible */
    .container_dialog_param .contenu_dialog[b-yv0kk5dn73]  .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-yv0kk5dn73]  .boutons_valider_annuler
        {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

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

/* Container de toute la page */
.container_dialog_projet[b-t4dnodl219]
{
}

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

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

    .container_dialog_projet .contenu_dialog[b-t4dnodl219]
    {
    }

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

        /*Côté utilisateurs */
        .container_dialog_projet .contenu_dialog .side_by_side .user_side[b-t4dnodl219]
        {
            margin-left: 2rem;
        }

        /*Tableau contenant les utilisateurs*/
        .container_dialog_projet .contenu_dialog .user_side[b-t4dnodl219]  .tableau
        {
            min-height: 5rem;
            max-height: 22.9rem;
            overflow-x: auto;
            overflow-y: auto;
        }

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

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

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


    /* Container de toute la page */
    .container_dialog_projet[b-t4dnodl219]
    {
    }

        /* Container de header de dialog */
        .container_dialog_projet .container_dialog_titre[b-t4dnodl219]
        {
        }

        .container_dialog_projet .contenu_dialog[b-t4dnodl219]
        {
        }

            /*testdecommentaire*/
            .container_dialog_projet .contenu_dialog .side_by_side[b-t4dnodl219]
            {
                flex-direction: column !important;
            }

                /*Côté utilisateurs */
                .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-t4dnodl219]
                {
                    width: unset !important;
                }

                /*Côté utilisateurs */
                .container_dialog_projet .contenu_dialog .side_by_side .user_side[b-t4dnodl219]
                {
                    margin-left: 0 !important;
                }

                    /*Bouton ajouter utilisateur*/
                    .container_dialog_projet .contenu_dialog .side_by_side .user_side .user_side_header[b-t4dnodl219]  .ajouter_user
                    {
                        margin: 0rem 0rem 1rem 1rem;
                    }

                    /*Tableau contenant les utilisateurs*/
                    .container_dialog_projet .contenu_dialog .side_by_side .user_side[b-t4dnodl219]  .tableau_user
                    {
                        max-height: 9rem !important;
                    }

                /* Tableau de poteaux */
                .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-t4dnodl219]  .section_param .tableau_poteaux
                {
                }

                /* Tableau de poteaux */
                .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-t4dnodl219]  .section_param .prenom
                {
                    display: none;
                }

                /* Tableau de poteaux */
                .container_dialog_projet .contenu_dialog .side_by_side .project_side[b-t4dnodl219]  .section_param .nom
                {
                    display: none;
                }
}
/* /Pages/Dialogs/DialogSuppression.razor.rz.scp.css */

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

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

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


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


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


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

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

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

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

    /* Bouton sauvegarder */
    .container_dialog_param[b-oehe05ev57]  .boutons_valider_annuler .sauvegarder
    {
        margin-bottom: 0.5rem;
    }
/* /Pages/General/Header.razor.rz.scp.css */
/* #--------# */
/* # Header # */
/* #--------# */
.header[b-1t32xidr34]
{
    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-1t32xidr34]
    {
        grid-column: 1;
        grid-row: 1;
        width: 6rem;
    }

    /* Utilisateur */
    .header[b-1t32xidr34]  .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-1t32xidr34]
    {
        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-1t32xidr34]  .boutons_action
    {
        grid-column: 1 / span 2;
        grid-row: 3;
        height: 2.5rem;
        padding-left: 0.0rem;
        padding-right: 0.1rem;
    }

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

        /* conteneur de la partie langue */
        .header[b-1t32xidr34]  .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-1t32xidr34]  .boutons_action .langue_container .icon_iso
            {
                color: rgb(0 0 0 / 54%);
            }

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

        .header[b-1t32xidr34]  .boutons_action .utilisateur_icon
        {
            display: none;
        }

        .header[b-1t32xidr34]  .boutons_action .menu_compact
        {
            display: none;
        }

        .header[b-1t32xidr34]  .boutons_action .button_logout
        {
            color: rgb(191 0 0) !important;
        }

/* #---------------# */
/* # Width < 380px # */
/* #---------------# */
@media only screen and (max-device-width: 1250px)
{
    .header[b-1t32xidr34]
    {
        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-1t32xidr34]
        {
            display: none;
        }

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

        /* Nom de Socrat Fluage */
        .header .nom_site[b-1t32xidr34]
        {
            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-1t32xidr34]  .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-1t32xidr34]  .boutons_action .mud-icon-button
            {
                padding: 6px;
            }

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

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

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

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

            /* conteneur de la partie langue */
            .header[b-1t32xidr34]  .boutons_action .langue_container
            {
                display: none !important;
            }
}


/* /Pages/MainLayout.razor.rz.scp.css */
.page[b-ioq4j7t6c8]
{
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

[b-ioq4j7t6c8] .admin
{
    position: fixed;
    top: 16.8px;
    right: 40px;
    z-index: 1000;
}

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

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

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

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

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

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

    .top-row[b-ioq4j7t6c8], article[b-ioq4j7t6c8]
    {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Pages/Workspaces/Administration.razor.rz.scp.css */
/*#---------------#*/
/*# Toute la page #*/
/*#---------------#*/
.contain_all[b-i1luc6e91x]
{
    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 .header_container[b-i1luc6e91x]
    {
        display: none;
    }

    /*#----------------------------------------------------#*/
    /*# Side menu (contient header et menu des propriétés) #*/
    /*#----------------------------------------------------#*/
    .contain_all[b-i1luc6e91x]  .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-i1luc6e91x]  .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-i1luc6e91x]  .side_drawer .side_menu .header_mobile
            {
                display: none;
            }

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

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

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



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

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

    /* #--------------------------------# */
    /* # Filtres & Graphiques & Tableau # */
    /* #--------------------------------# */
    .contain_all .workspace[b-i1luc6e91x]
    {
        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-i1luc6e91x]  .waiting_gif
        {
            grid-row: 1 /span 2;
            grid-column: 1 /span 3;
            align-self: center;
            justify-self: center;
        }

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

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

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

        /* # Tableau main # */
        .contain_all .workspace[b-i1luc6e91x]  .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-i1luc6e91x]  .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-i1luc6e91x]  .tableau_donnees .emplacement_dispositif
        {
            font-size: .859rem !important;
        }

        .contain_all .workspace[b-i1luc6e91x]  .tableau .tableau_col
        {
            font-weight: 600;
        }

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

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

        .contain_all[b-i1luc6e91x]  .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-i1luc6e91x]  .side_drawer .side_menu .header_mobile .nom_site
            {
                color: white;
                font-weight: 800;
                font-size: 2rem;
                align-self: center;
            }

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

        /* #----------------------------------------# */
        /* # Données Filtres & Graphiques & Tableau # */
        /* #----------------------------------------# */
        .contain_all .workspace[b-i1luc6e91x]
        {
            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-i1luc6e91x]
        {
            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-i1luc6e91x]  .toggle_side_menu
    {
        margin-left: 0.1rem;
    }

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


        /*# Options contenant les filtres #*/
        .contain_all .workspace .option_container[b-i1luc6e91x]
        {
            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-i1luc6e91x]  .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-i1luc6e91x]  .tabs_container .mud-tabs-rounded
            {
                border-radius: 0.0rem 0.0rem 0rem 0rem !important;
            }

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

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

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

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

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

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

[b-i1luc6e91x] .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-i1luc6e91x]
{
    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-fvqcmetukq]
{
    display: grid;
    grid-template-columns: 22rem 1fr;
    grid-template-rows: 1fr;
}

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

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

        /* Side menu */
        .contain_all .flex_container .side_menu[b-fvqcmetukq]
        {
            display: flex;
            background-color: var(--mud-palette-tertiary);
            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-fvqcmetukq]  .waiting_gif
            {
                align-self: center;
                margin-top: 2rem;
                color: lightgray;
            }

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

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

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

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

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

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

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

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


                /* Tuile (Poteau + Dispositif) */
                .contain_all .flex_container .side_menu[b-fvqcmetukq]  .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;
                    transition: transform 0.2s;
                }

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

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

            /* ### Infos ### */
            .contain_all .flex_container .side_menu[b-fvqcmetukq]  .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-fvqcmetukq]  .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-fvqcmetukq]  .onglets .tuile .infos .info1.color_poteau
                    {
                        color: var(--color_poteau) !important;
                    }

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

                /* Info2 */
                .contain_all .flex_container .side_menu[b-fvqcmetukq]  .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-fvqcmetukq]  .onglets .tuile .infos .info2.color_dispositif
                    {
                        color: var(--color_dispositif) !important;
                    }

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

                /* Info3 */
                .contain_all .flex_container .side_menu[b-fvqcmetukq]  .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-fvqcmetukq]  .onglets .tuile .infos .info3.color_absent
                    {
                        color: var(--color_nodata);
                    }

                /* Bouton de geolocalisation */
                .contain_all .flex_container .side_menu[b-fvqcmetukq]  .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-fvqcmetukq]  .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-fvqcmetukq]  .onglets .tuile .infos .bouton_carte .mudblazor-locationon
                    {
                        color: var(--mud-palette-secondary) !important;
                        box-sizing: border-box;
                    }

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


/* #-----------------------# */
/* # Carte géolocalisation # */
/* #-----------------------# */
#map[b-fvqcmetukq]
{
    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-fvqcmetukq]
    {
        color: cyan !important;
        background-color: cyan !important;
    }

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

    #map[b-fvqcmetukq]  .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-fvqcmetukq]
{
    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-fvqcmetukq]
    {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

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

            .contain_all .flex_container .header[b-fvqcmetukq]
            {
                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-fvqcmetukq]
            {
                grid-row: 2;
                grid-column: 1;
                background-color: var(--mud-palette-tertiary);
                box-shadow: unset;
                z-index: 900;
            }

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

            .contain_all .flex_container[b-fvqcmetukq]  .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-fvqcmetukq]
    {
        grid-column: 1;
        height: 100%;
        width: 100%;
        z-index: 500;
    }

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

    .last_tuile_margin[b-fvqcmetukq]
    {
        margin-bottom: 4rem !important;
    }
}
/* /Pages/Workspaces/Donnees.razor.rz.scp.css */



/*#---------------#*/
/*# Toute la page #*/
/*#---------------#*/
.contain_all[b-c2c1sny8t9]
{
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 22rem 1fr;
    min-height: 100vh;
    background-color: #F0FAFF;
}


    /* #-------------------# */
    /* # Gif de chargement # */
    /* #-------------------# */
    .contain_all[b-c2c1sny8t9]  .waiting_gif
    {
        grid-column: 1 / span 2;
        grid-row: 1;
        align-self: center;
        margin-top: 2rem;
        color: lightgray;
        justify-self: center;
    }
    /*#----------------------------------------------------#*/
    /*# Side menu (contient header et menu des propriétés) #*/
    /*#----------------------------------------------------#*/
    .contain_all[b-c2c1sny8t9]  .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-c2c1sny8t9]  .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-c2c1sny8t9]  .side_drawer .side_menu .header_mobile
            {
                display: none;
            }

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

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


                    /*#--------------------------------------------------#*/
                    /*# Ligne contenant label + valeur de data concernée #*/
                    /*#--------------------------------------------------#*/
                    .contain_all[b-c2c1sny8t9]  .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-c2c1sny8t9]  .side_drawer .side_menu .scrollable .section_nav .info_row.fluage
                        {
                            justify-content: center;
                        }

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

                        /* Valeur de la donnée */
                        .contain_all[b-c2c1sny8t9]  .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-c2c1sny8t9]  .side_drawer .side_menu .scrollable .section_nav .info_row .valeur_data .bouton_historique_installation
                            {
                                color: white;
                            }


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

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

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

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


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

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


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

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

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

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


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

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

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

    /*# Options contenant les filtres, numéro de poteau, etc. #*/
    .contain_all .workspace .option_container[b-c2c1sny8t9]
    {
        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-c2c1sny8t9]
        {
            display: none;
        }

        /* # Type de réseau # */
        .contain_all .workspace .option_container .type_reseau_container[b-c2c1sny8t9]
        {
            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-c2c1sny8t9]  .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-c2c1sny8t9]  .selection_type_reseau_without_label
            {
                display: none !important;
            }


        /* # Filtres # */
        .contain_all .workspace .option_container .filtre_container[b-c2c1sny8t9]
        {
            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-c2c1sny8t9]
            {
                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-c2c1sny8t9]  .date_range_without_year
                {
                    display: none;
                }

            /* Ligne contenant les boutons */
            .contain_all .workspace .option_container .filtre_container .button_group_filtre[b-c2c1sny8t9]
            {
                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-c2c1sny8t9]  .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-c2c1sny8t9]  .bouton_reset_filtre
                {
                }

        /* # Coche Hide Data # */
        .contain_all .workspace .option_container .coche_container[b-c2c1sny8t9]
        {
            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-c2c1sny8t9]
        {
            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: fit-content;
            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);
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }

            .contain_all .workspace .option_container .export_container[b-c2c1sny8t9]  .menu_export
            {
                /*                margin: 0.95rem 0.55rem 0.55rem 0.25rem; */
                height: 100%;
            }

                .contain_all .workspace .option_container .export_container[b-c2c1sny8t9]  .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-c2c1sny8t9]  .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-c2c1sny8t9]
        {
            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-c2c1sny8t9]  .tabs_container
    {
        margin: 1.2rem;
        height: calc(100% - 2.4rem);
        grid-column: span 6;
    }

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

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

    /* # Graphiques # */
    .contain_all .workspace .graphique_fluage_container[b-c2c1sny8t9]
    {
        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-c2c1sny8t9]
        {
            height: calc(100% - 36px) !important;
        }

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

            .contain_all .workspace .graphique_fluage_container .data_navigation #data_navigation_current[b-c2c1sny8t9]
            {
                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-c2c1sny8t9]  .tableau_mesures
    {
        padding: 0rem 1rem 0rem 1rem;
        border-radius: unset !important;
        background-color: var(--mud-palette-background);
        position: absolute;
        overflow-x: auto;
        overflow-y: auto;
        width: 100%;
        height: calc(100vh - 8.8rem);
    }

        /* Cellule du tableau */
        .contain_all .workspace[b-c2c1sny8t9]  .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-c2c1sny8t9]  .tableau_mesures .tableau_date
        {
            font-weight: 600;
        }

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

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

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

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

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

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

    /* # Analyses # */
    .contain_all .workspace .graphique_analyses_container[b-c2c1sny8t9]
    {
        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);
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        height: 100%;
    }

        /* # Temperature # */
        .contain_all .workspace .graphique_analyses_container .temperature[b-c2c1sny8t9]
        {
            grid-row: 1;
            grid-column: 1;
            padding: 1rem;
            background-color: var(--mud-palette-background);
            height: 100%;
            display: flex;
            flex-direction: column;
            border-radius: 0.5rem;
            box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
            margin-right: 0.5rem;
        }

            .contain_all .workspace .graphique_analyses_container .temperature .titre[b-c2c1sny8t9]
            {
                border: solid;
                border-width: 0px 0px 1px 0px;
                border-color: #CEE4EE;
                white-space: nowrap;
                font-size: 1.4em;
                font-weight: lighter;
                color: #97A7AE;
                padding: 10px;
            }

            .contain_all .workspace .graphique_analyses_container .temperature[b-c2c1sny8t9]  .slider_temperature
            {
            }

            .contain_all .workspace .graphique_analyses_container .temperature #analyse_temperature[b-c2c1sny8t9]
            {
                height: calc(100% - 36px) !important;
            }

            .contain_all .workspace .graphique_analyses_container .temperature .data_navigation[b-c2c1sny8t9]
            {
                /*grid-row: 2;*/
                /*grid-column: 1 / span 2;*/
                display: flex;
                align-items: center;
                justify-content: center;
            }

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

        /* # RapporAT # */
        .contain_all .workspace .graphique_analyses_container .rapportat[b-c2c1sny8t9]
        {
            grid-row: 1;
            grid-column: 2;
            padding: 1rem;
            background-color: var(--mud-palette-background);
            /*border-left-width: thin;
                border-bottom-width: thin;
                border-color: rgba(84, 110, 122, 1);*/
            height: 100%;
            display: flex;
            flex-direction: column;
            border-radius: 0.5rem;
            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 .graphique_analyses_container .rapportat .titre[b-c2c1sny8t9]
            {
                border: solid;
                border-width: 0px 0px 1px 0px;
                border-color: #CEE4EE;
                white-space: nowrap;
                font-size: 1.4em;
                font-weight: lighter;
                color: #97A7AE;
                padding: 10px;
            }

            .contain_all .workspace .graphique_analyses_container .rapportat #analyse_rapportat[b-c2c1sny8t9]
            {
                height: calc(100% - 36px) !important;
            }

            .contain_all .workspace .graphique_analyses_container .rapportat .data_navigation[b-c2c1sny8t9]
            {
                display: flex;
                align-items: center;
                justify-content: center;
            }

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

        /* # Regularisation # */
        .contain_all .workspace .graphique_analyses_container .regularisation[b-c2c1sny8t9]
        {
            grid-row: 2;
            grid-column: 1 / span 2;
            padding: 1rem;
            background-color: var(--mud-palette-background);
            /* border-top-width: thin;
                border-color: rgba(84, 110, 122, 1);*/
            height: 100%;
            display: flex;
            flex-direction: column;
            border-radius: 0.5rem;
            box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
            margin-top: 0.5rem;
        }

            .contain_all .workspace .graphique_analyses_container .regularisation .titre[b-c2c1sny8t9]
            {
                border: solid;
                border-width: 0px 0px 1px 0px;
                border-color: #CEE4EE;
                white-space: nowrap;
                font-size: 1.4em;
                font-weight: lighter;
                color: #97A7AE;
                padding: 10px;
            }

            .contain_all .workspace .graphique_analyses_container .regularisation #analyse_regularisation[b-c2c1sny8t9]
            {
                height: calc(100% - 36px) !important;
            }

            .contain_all .workspace .graphique_analyses_container .regularisation .data_navigation[b-c2c1sny8t9]
            {
                display: flex;
                align-items: center;
                justify-content: center;
            }

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

    /* # Galerie # */
    .contain_all .workspace .image_upload_container[b-c2c1sny8t9]
    {
        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%;
        display: grid;
        grid-template-rows: auto 1fr;
    }

        /* Partie image */
        .contain_all .workspace .image_upload_container .partie_image[b-c2c1sny8t9]
        {
            grid-row: 1;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

            /* # Tuile # */
            .contain_all .workspace .image_upload_container .partie_image .image_container[b-c2c1sny8t9]
            {
                background-color: lightgray;
                box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
                height: min-content;
                width: 20rem;
                display: flex;
                flex-direction: column;
                margin: 1rem;
                border-radius: 0.5rem 0.5rem;
                height: 25rem;
            }

                /* # Tuile # */
                .contain_all .workspace .image_upload_container .partie_image .image_container:hover[b-c2c1sny8t9]
                {
                    transition: transform 0.1s ease-in-out;
                    transform: scale(1.05);
                    border-radius: 0.5rem;
                    box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
                    transform-origin: center;
                    overflow: hidden
                }

            .contain_all .workspace .image_upload_container .partie_image .header[b-c2c1sny8t9]
            {
                padding: 0.5rem 0.6rem;
                height: min-content;
                color: currentColor;
                font-size: 0.5rem;
                font-weight: 550;
                display: flex;
                align-items: center;
                justify-content: space-between;
                white-space: nowrap;
            }

                .contain_all .workspace .image_upload_container .partie_image .header .titre[b-c2c1sny8t9]
                {
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

            .contain_all .workspace .image_upload_container .partie_image .image[b-c2c1sny8t9]
            {
                grid-row: 2;
                width: 100%;
                border-bottom-left-radius: 0.5rem;
                border-bottom-right-radius: 0.5rem;
                height: 100%;
                object-fit: cover;
                cursor: pointer;
                overflow: hidden;
            }

        .contain_all .workspace .image_upload_container[b-c2c1sny8t9]  .televerser_image
        {
            width: fit-content;
            align-self: end;
            justify-self: end;
            background-color: var(--mud-palette-primary);
            color: white;
            position: absolute;
        }


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

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

        .contain_all[b-c2c1sny8t9]  .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-c2c1sny8t9]  .side_drawer .side_menu .header_mobile .nom_site
            {
                color: white;
                font-weight: 800;
                font-size: 2rem;
                align-self: center;
            }

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

        /* #----------------------------------------# */
        /* # Données Filtres & Graphiques & Tableau # */
        /* #----------------------------------------# */
        .contain_all .workspace[b-c2c1sny8t9]
        {
            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-c2c1sny8t9]
        {
            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-c2c1sny8t9]  .toggle_side_menu
            {
                margin-left: 0.1rem;
            }

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


        /*# Options contenant les filtres #*/
        .contain_all .workspace .option_container[b-c2c1sny8t9]
        {
            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-c2c1sny8t9]
            {
                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-c2c1sny8t9]  .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-c2c1sny8t9]  .selection_type_reseau_with_label
                {
                    display: none !important;
                }


            .contain_all .workspace .option_container .nom_site[b-c2c1sny8t9]
            {
                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-c2c1sny8t9]
            {
                display: none;
            }

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

            /* # Type de réseau sans label (mobile) # */
            .contain_all .workspace .option_container .filtre_container[b-c2c1sny8t9]
            {
                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-c2c1sny8t9]
            {
                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-c2c1sny8t9]  .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-c2c1sny8t9]  .date_range_with_year
                {
                    display: none !important;
                }



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

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

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

        /* # Tableau # */
        .contain_all .workspace[b-c2c1sny8t9]  .tableau_mesures
        {
            border-radius: unset !important;
        }


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

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

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

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

        /* # Graphique des données # */
        .contain_all .workspace .graphique_fluage_container[b-c2c1sny8t9]
        {
            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-c2c1sny8t9]
            {
                margin-top: 0.5rem;
            }

        /* # Analyses # */
        .contain_all .workspace .graphique_analyses_container[b-c2c1sny8t9]
        {
            padding: 1rem;
            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%;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            grid-template-rows: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            overflow-y: auto;
            height: calc(100vh - 8.8rem);
            border-radius: unset;
        }

            /* # Temperature # */
            .contain_all .workspace .graphique_analyses_container .temperature[b-c2c1sny8t9]
            {
                margin: unset;
            }

                /* # Titre temperature # */
                .contain_all .workspace .graphique_analyses_container .temperature .titre[b-c2c1sny8t9]
                {
                    border: solid;
                    border-width: 0px 0px 1px 0px;
                    border-color: #CEE4EE;
                    white-space: nowrap;
                    font-size: 1rem;
                    font-weight: lighter;
                    color: #97A7AE;
                }

                /* # Hauteur du graph # */
                .contain_all .workspace .graphique_analyses_container .temperature #analyse_temperature[b-c2c1sny8t9]
                {
                    height: 12rem !important;
                }

            /* # RapporAT # */
            .contain_all .workspace .graphique_analyses_container .rapportat[b-c2c1sny8t9]
            {
                margin: unset;
            }

                /* # Titre rapportat # */
                .contain_all .workspace .graphique_analyses_container .rapportat .titre[b-c2c1sny8t9]
                {
                    border: solid;
                    border-width: 0px 0px 1px 0px;
                    border-color: #CEE4EE;
                    white-space: nowrap;
                    font-size: 1rem;
                    font-weight: lighter;
                    color: #97A7AE;
                }

                /* # Hauteur du graph # */
                .contain_all .workspace .graphique_analyses_container .rapportat #analyse_rapportat[b-c2c1sny8t9]
                {
                    height: 9rem !important;
                }

            /* # Regularisation # */
            .contain_all .workspace .graphique_analyses_container .regularisation[b-c2c1sny8t9]
            {
                margin: unset;
            }

                /* # Titre regularisation # */
                .contain_all .workspace .graphique_analyses_container .regularisation .titre[b-c2c1sny8t9]
                {
                    border: solid;
                    border-width: 0px 0px 1px 0px;
                    border-color: #CEE4EE;
                    white-space: nowrap;
                    font-size: 1rem;
                    font-weight: lighter;
                    color: #97A7AE;
                }

                /* # Hauteur du graph # */
                .contain_all .workspace .graphique_analyses_container .regularisation #analyse_regularisation[b-c2c1sny8t9]
                {
                    height: 9rem !important;
                }

        /* # Container de l'onglet d'upload # */
        .contain_all .workspace .image_upload_container[b-c2c1sny8t9]
        {
            overflow-y: auto;
            height: calc(100vh - 8.8rem);
        }

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

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

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

    /* # Tuile # */
    .contain_all .workspace .image_upload_container[b-c2c1sny8t9]
    {
        border-radius: unset !important;
    }
    
    /* # Tuile # */
    .contain_all .workspace .image_upload_container .partie_image .image_container[b-c2c1sny8t9]
    {
        background-color: lightgray;
        box-shadow: 0 2px 5px 0 rgba(35, 50, 55, 0.18), 0 2px 10px 0 rgba(35, 50, 55, 0.14);
        height: min-content;
        width: 11rem;
        display: flex;
        flex-direction: column;
        margin: 1rem;
        border-radius: 0.5rem 0.5rem;
        height: 16rem;
    }

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

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

[b-c2c1sny8t9] .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-c2c1sny8t9]
{
    box-shadow: none;
    left: calc(-2*var(--mud-drawer-width, var(--mud-drawer-width-left)));
}
/* /Pages/Workspaces/DonneesSideMenu.razor.rz.scp.css */


/*#-----------#*/
/*# Side menu #*/
/*#-----------#*/
.side_menu[b-kusu84ivly]
{
    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;
}

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

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

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


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

            .contain_all .side_menu .scrollable .section_nav .info_row.fluage[b-kusu84ivly]
            {
                justify-content: center;
            }

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

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

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


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

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

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

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


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

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


/* #----------------# */
/* # Width < 1180px # */
/* #----------------# */
@media only screen and (max-device-width: 1250px)
{

    .side_menu[b-kusu84ivly]  .header
    {
        display: none;
    }
}
/* /Pages/Workspaces/Erreur_404.razor.rz.scp.css */
.error404-page[b-ntjua13pmt]
{
    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-ntjua13pmt] .error404-card
{
    max-width: 480px;
    margin: auto;
    background-color: transparent;
}

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

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

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

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

[b-ntjua13pmt] .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-9n993vigfr]
{
    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-9n993vigfr] .error503-card
{
    max-width: 480px;
    margin: auto;
    background-color: transparent;
}

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

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

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

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

[b-9n993vigfr] .error503-button
{
    padding: 14px 36px;
    margin-top: 30px;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 1.125rem;
    text-transform: none;
}